/* Larger red header navigation buttons throughout SoulTime. */
body > header nav a,
body > header nav a.nav-book,
body.home-page > header nav a,
body.home-page > header nav a.nav-book {
 font-size:18px;
 font-weight:600;
 line-height:1.3;
 min-height:48px;
 padding:11px 16px!important;
 border:1px solid #cf3038;
 background:#bd202b;
 color:#fff;
 border-radius:3px;
}
body > header nav a:hover,
body > header nav a:focus-visible,
body.home-page > header nav a:hover {
 background:#9f1721;
 border-color:#ed454a;
 color:#fff;
}
body > header nav {gap:10px;}
body.home-page > header nav,
body.home-page > header nav.open {gap:10px;}
@media(max-width:680px){
 body > header nav a,
 body > header nav a.nav-book,
 body.home-page > header nav a,
 body.home-page > header nav a.nav-book {
  font-size:18px;
  padding:11px 6px!important;
 }
}

/* Pill-shaped navigation; keep the booking button rectangular. */
body > header nav a:not(.nav-book),
body.home-page > header nav a:not(.nav-book){border-radius:999px}

/* Keep navigation and embedded media within phone, tablet and PC screens. */
@media(min-width:681px) and (max-width:1100px){
 body > header,body.home-page > header{flex-wrap:wrap;gap:16px}
 body > header nav,body.home-page > header nav{flex-wrap:wrap;justify-content:center;max-width:100%}
}
.video-library,.video-card,.video-player{min-width:0;max-width:100%}
.video-player iframe{display:block;width:100%;max-width:100%;aspect-ratio:16/9;height:auto}
@media(max-width:680px){
 body > header nav.open,body.home-page > header nav.open{max-width:100%;box-sizing:border-box}
 body > header nav a,body.home-page > header nav a{min-height:44px;box-sizing:border-box}
 .video-library{grid-template-columns:minmax(0,1fr)}
}

html:has(body.home-page){scroll-padding-top:0}
body.home-page #members{scroll-margin-top:0}