/* header-centered-menu.css */
/* Staging header only. Preserve every other site component. */
@media (min-width: 901px) {
 html body header.site-header {display:flex!important;flex-direction:column!important;align-items:center!important;height:auto!important;min-height:0!important}
 html body header.site-header > .header-top {display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:100%!important;height:auto!important;gap:8px!important;padding:10px 12px 4px!important}
 html body header.site-header > .header-top > a.brand {display:block!important;position:static!important;float:none!important;inset:auto!important;transform:none!important;flex:0 0 auto!important;width:min(390px,90vw)!important;max-width:390px!important;margin:0 auto!important;align-self:center!important}
 html body header.site-header > .header-top > a.brand img {display:block!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0 auto!important}
 html body header.site-header > .header-top > nav.main-nav {display:flex!important;position:static!important;float:none!important;inset:auto!important;transform:none!important;flex:0 1 auto!important;flex-flow:row wrap!important;justify-content:center!important;align-items:center!important;align-content:center!important;width:100%!important;max-width:1450px!important;min-width:0!important;margin:0 auto!important;padding:8px 12px!important;gap:8px 16px!important}
 html body header.site-header > .header-top > nav.main-nav > a {flex:0 0 auto!important;white-space:nowrap!important;text-align:center!important}
 html body header.site-header > .header-top > nav.main-nav > .nav-row-break {display:none!important}
 html body header.site-header > .header-social {align-self:center!important;justify-content:center!important;margin:5px auto!important}
 html body header.site-header > .nav-toggle {display:none!important}
}
@media (max-width:900px){html body header.site-header .header-top > a.brand {margin-inline:auto!important;align-self:center!important} html body header.site-header .header-top {justify-content:center!important}}

/* header-logo-menu-spacing.css */
/* Staging only: keep the original centered logo clear of the navigation. */
@media (min-width:901px) {
 html body header.site-header .header-top {display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;height:auto!important;min-height:0!important;padding:14px 16px 16px!important;overflow:visible!important;}
 html body header.site-header .header-top > a.brand {box-sizing:border-box!important;display:flex!important;position:relative!important;inset:auto!important;transform:none!important;float:none!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;width:min(360px,90vw)!important;max-width:360px!important;height:160px!important;min-height:0!important;max-height:160px!important;margin:0 auto 26px!important;padding:0!important;overflow:visible!important;}
 html body header.site-header .header-top > a.brand > img {display:block!important;position:relative!important;inset:auto!important;transform:none!important;box-sizing:border-box!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:160px!important;object-fit:contain!important;object-position:center!important;}
 html body header.site-header .header-top > nav.main-nav {display:flex!important;position:relative!important;inset:auto!important;transform:none!important;float:none!important;flex:0 0 auto!important;flex-flow:row wrap!important;align-items:center!important;justify-content:center!important;align-content:center!important;box-sizing:border-box!important;width:100%!important;max-width:1450px!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0 auto!important;padding:10px 12px!important;gap:8px 16px!important;clear:both!important;}
 html body header.site-header {height:auto!important;min-height:0!important;overflow:visible!important;}
}
@media (max-width:900px) {
 html body header.site-header .header-top > a.brand {height:auto!important;min-height:0!important;max-height:150px!important;margin-bottom:16px!important;}
 html body header.site-header .header-top > a.brand > img {max-height:150px!important;width:100%!important;height:auto!important;object-fit:contain!important;}
}

/* Caribbean island flag-inspired colors — homepage headline word only. */
.home-welcome .home-headline > span:nth-child(2) {
  color: #3cd7e8;
  background-image: linear-gradient(100deg,#23c8ed 0%,#f4d15b 25%,#25c879 50%,#fa5b61 75%,#4abaf4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Requested staging menu size adjustment only. */
.site-header .main-nav a {font-size: .91rem !important;}
@media(max-width:720px){.site-header .main-nav a{font-size:.96rem !important;}}

/* header-social-under-logo-staging.css */
/* Staging-only header layout: logo, social icons, navigation. */
html body .site-header .header-top {
  display:flex!important; flex-direction:column!important; align-items:center!important;
  justify-content:center!important; height:auto!important; min-height:0!important;
  row-gap:0!important; padding-top:3px!important; padding-bottom:6px!important;
}
html body .site-header .header-top > a.brand {
  position:relative!important; display:flex!important; justify-content:center!important;
  width:min(225px,85vw)!important; height:85px!important; min-height:0!important;
  max-height:85px!important; margin:0 auto 3px!important; padding:0!important;
}
html body .site-header .header-top > a.brand img {
  display:block!important; height:100%!important; width:100%!important;
  max-height:85px!important; object-fit:contain!important;
}
html body .site-header .header-top > .header-social {
  position:relative!important; inset:auto!important; display:flex!important;
  flex-direction:row!important; align-items:center!important; justify-content:center!important;
  width:max-content!important; max-width:100%!important; height:auto!important;
  margin:0 auto 10px!important; padding:0!important; gap:10px!important;
  transform:none!important;
}
html body .site-header .header-top > nav.main-nav {
  position:relative!important; margin:0 auto!important; width:100%!important;
  padding-top:4px!important; padding-bottom:5px!important;
}
@media(max-width:720px){
 html body .site-header .header-top > a.brand{width:min(185px,78vw)!important;height:73px!important;max-height:73px!important;margin-bottom:2px!important}
 html body .site-header .header-top > a.brand img{max-height:73px!important}
 html body .site-header .header-top > .header-social{margin-bottom:7px!important;gap:8px!important}
}