/* Site-wide brand corrections layered over Soledad. Loaded on every page. */
.penci-mainlogo,.penci-mainlogo-mb{width:auto!important;height:auto!important}
#sidebar-nav-logo img{max-width:200px;width:auto;height:auto}

/* Social links are unset via theme mods (they defaulted to the THEME AUTHOR's own
   accounts). Soledad still prints the empty wrappers, and :empty does not match
   them because they contain whitespace - so hide them outright. If real social
   accounts are ever configured, delete these three rules. */
.header-social,.inner-header-social{display:none!important}
.footer-socials-section,.footer-socials{display:none!important}
.header-slogan{display:none!important}

/* HEADER: cream masthead, centred logo, burgundy nav bar with oat top rule. */
.penci-header-wrap{background:#FDFAF5}
#header{background:#FDFAF5!important;border:0;padding:24px 0 18px;text-align:center}
#logo{float:none;margin:0 auto;padding:0}
.penci-mainlogo{max-width:min(300px,60vw)!important}
#navigation{background:#6E2233!important;border:0;box-shadow:inset 0 3px 0 #D9C9A8}
#navigation .menu{display:flex;gap:4px;float:none;margin:0;justify-content:center}
#navigation .menu>li>a{color:#EBD9DC;font-size:.75rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;
  padding:15px 19px;border-radius:3px;transition:background .16s ease,color .16s ease;
  font-family:"Segoe UI",system-ui,-apple-system,Arial,sans-serif}
#navigation .menu>li>a:hover{background:rgba(217,201,168,.22);color:#fff}
#navigation .menu>li.current-menu-item>a{background:#D9C9A8;color:#3A1420}
@media(max-width:820px){#header{padding:16px 0 12px}#navigation .menu{flex-wrap:wrap}#navigation .menu>li>a{padding:11px 13px;font-size:.7rem}}

/* Soledad prints a mobile logo and burger inside the nav bar on these layouts
   and leaves them in the flow at desktop widths, where they sat on top of the
   first menu item. Mobile keeps them; desktop does not. */
@media(min-width:821px){
  .penci-mobile-hlogo,.button-menu-mobile{display:none!important}
}
/* The subscribe CTA the wiz-subscribe plugin adds to the nav. */
.menu-item.wiz-nav-signup>a{border-radius:3px;font-weight:700}

/* Soledad stores a main-menu colour as a theme mod (penci_header_pb_main_menu_
   penci_menu_color) and it outranks the rules above. stage-wordmark.sh sets it
   white on the assumption of a dark masthead, which made the nav invisible on
   the light layouts. Pin it here so the bar and its text can never disagree. */
#navigation .menu > li > a{color:#EBD9DC!important}
#navigation .menu > li > a:hover{color:#FFFFFF!important}
#navigation .menu > li.current-menu-item > a{color:#3A1420!important}

/* Keep the active item's block inside the bar: some Soledad header layouts put
   the logo and the menu on one row at differing heights. */

/* Height normalisation. Soledad's header layouts differ in how the nav row is
   built and in its height (60px on some, 82px on others). A full-height active
   block therefore cannot work everywhere: stretched, it hung 28px below the bar
   on the taller layouts; unstretched, it collapsed to a 12px sliver on the
   shorter ones. A centred pill with its own fixed padding fits any bar height,
   so the indicator is independent of the layout. */
#navigation{background:#6E2233!important}
#navigation .menu{align-items:center}
#navigation .menu > li{display:flex;align-items:center}
#navigation .menu > li > a{
  display:inline-flex;align-items:center;
  /* header-6 sets line-height:80px on the link; unflagged, ours lost and the
     pill inflated to 102px inside an 82px bar. */
  line-height:1!important;height:auto!important;
  padding:11px 16px!important;border-radius:3px;
}

/* Soledad leaves a 60px margin under the masthead, which shows as a strip of
   page background above a full-bleed hero. */
#header{margin-bottom:0!important}