/* 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: plum band with the nav inline on the right, underline hovers. */
.penci-header-wrap{background:#4A2545}
#header{background:#4A2545!important;border:0;padding:18px 0}
#logo{float:left;margin:0;padding:0}
.penci-mainlogo{max-width:min(300px,60vw)!important}
#navigation{background:transparent!important;border:0;float:right}
#navigation .menu{display:flex;gap:2px;float:none;margin:0}
#navigation .menu>li>a{color:#E6DCE4;font-size:.74rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  padding:14px 15px;border-bottom:2px solid transparent;transition:color .16s ease,border-color .16s ease;
  font-family:"Segoe UI",system-ui,-apple-system,Arial,sans-serif}
#navigation .menu>li>a:hover{color:#fff;border-bottom-color:#7E9B7E}
#navigation .menu>li.current-menu-item>a{color:#7E9B7E;border-bottom-color:#7E9B7E}
@media(max-width:820px){#header{text-align:center;padding:14px 0}#logo,#navigation{float:none}
  #navigation .menu{flex-wrap:wrap;justify-content:center}#navigation .menu>li>a{padding:10px 12px}}

/* 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:#E6DCE4!important}
#navigation .menu > li > a:hover{color:#7E9B7E!important}
#navigation .menu > li.current-menu-item > a{color:#7E9B7E!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:#4A2545!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;
}

/* header-1 stacks #navigation and #header in the same 188px band; the header's
   own background painted over the menu, so the links were present and correctly
   coloured but invisible. Lift the nav out of that stacking order, and close the
   empty 60px strip the layout leaves between the band and the content. */
#navigation{position:relative;z-index:5}
#header{padding-bottom:0;margin-bottom:0!important}
.hp{margin-top:0!important}