/* Keep the existing Stockie header, navigation and cart interactions. */
#masthead.site-header .site-branding {
  flex-shrink: 0;
}

#masthead.site-header:not(.header-fixed) .hamburger-menu .hamburger {
  color: #204535;
}

#masthead.site-header.header-fixed .menu-other > li > a,
#masthead.site-header.header-fixed .header-cart > .cart-total > a,
#masthead.site-header.header-fixed .hamburger-menu .hamburger {
  color: #fff;
}

#masthead.site-header.header-fixed .header-cart > a.cart svg {
  fill: currentColor;
}

#masthead.site-header.header-fixed .hamburger-menu .hamburger > span {
  background-color: currentColor;
}

#masthead.site-header.header-fixed .header-cart > a.cart .cart-count {
  color: #204535;
  background-color: #fff;
}

#masthead.site-header a:focus-visible,
#masthead.site-header [tabindex="0"]:focus-visible {
  outline: 2px solid #b77d36;
  outline-offset: 4px;
}

@media (min-width: 769px) {
  #masthead.site-header.header-fixed #site-navigation .menu > li > a,
  #masthead.site-header.header-fixed #site-navigation .menu > li > a:hover,
  #masthead.site-header.header-fixed #site-navigation .menu > li > a:focus-visible {
    color: #fff;
  }

  #masthead.site-header.header-fixed #site-navigation .sub-menu a {
    color: #204535;
  }
}

@media (max-width: 768px) {
  #masthead.site-header .header-wrap,
  .header-cap {
    height: 76px;
  }

  #masthead.site-header .header-wrap {
    padding-right: 16px;
    padding-left: 16px;
  }

  #masthead.site-header .header-wrap-inner {
    gap: 8px;
  }

  #masthead.site-header .left-part {
    flex: 1 1 auto;
    min-width: 0;
  }

  #masthead.site-header .right-part {
    flex: 0 0 auto;
  }

  #masthead.site-header .site-branding,
  #masthead.site-header .site-branding .site-title,
  #masthead.site-header .site-branding .site-title > a {
    width: 96px;
    min-width: 96px;
    max-width: 96px;
    flex: 0 0 96px;
  }

  #masthead.site-header .site-branding img {
    width: 96px !important;
    min-width: 96px;
    max-width: 96px !important;
    height: auto;
    max-height: 60px;
    object-fit: contain;
  }

  #masthead.site-header .menu-other {
    gap: 0;
    margin: 0;
  }

  #masthead.site-header .menu-other > li,
  #masthead.site-header .menu-other > li > a {
    margin-right: 0;
    margin-left: 0;
  }

  #masthead.site-header .menu-other > li > a,
  #masthead.site-header .hamburger-menu > a {
    min-width: 40px;
    min-height: 44px;
  }

  #masthead.site-header #site-navigation .holder .menu a {
    color: #204535;
  }

  #masthead.site-header #site-navigation .holder .menu a:focus-visible {
    outline-offset: -2px;
  }

  .subheader .content {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 12px;
    line-height: 1.45;
  }
}

#colophon.site-footer .widget,
#colophon.site-footer .widget p,
#colophon.site-footer .widget .widget-title,
#colophon.site-footer .widget a,
#colophon.site-footer .site-info,
#colophon.site-footer .site-info a {
  color: #fff;
}

#colophon.site-footer .widget p,
#colophon.site-footer .widget li,
#colophon.site-footer .site-info {
  line-height: 1.7;
}

#colophon.site-footer .widget_nav_menu a {
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 5px;
}

#colophon.site-footer a:hover,
#colophon.site-footer a:focus-visible {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
}

#colophon.site-footer a:focus-visible,
#colophon.site-footer input:focus-visible,
#colophon.site-footer button:focus-visible {
  outline: 2px solid #f3cf97;
  outline-offset: 3px;
}

#colophon.site-footer .subscribe-form label {
  display: block;
  margin-bottom: 8px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

#colophon.site-footer .subscribe-form input[type="email"] {
  width: 100%;
  color: #203d30;
  background: #fff;
  border-color: #fff;
}

#colophon.site-footer .subscribe-form input[type="email"]::placeholder {
  color: #59655c;
  opacity: 1;
}

#colophon.site-footer .subscribe-form input[type="submit"],
#colophon.site-footer .subscribe-form button.btn {
  min-height: 44px;
  color: #203d30;
  background: #f5f1e8;
  border: 1px solid #f5f1e8;
}

#colophon.site-footer .subscribe-form input[type="submit"]:hover,
#colophon.site-footer .subscribe-form button.btn:hover {
  color: #203d30;
  background: #fff;
}

@media (max-width: 768px) {
  #colophon.site-footer .widgets-column + .widgets-column {
    margin-top: 28px;
  }
}

@media (max-width: 767px) {
  #masthead.site-header .header-cart > .cart-total {
    display: none;
  }
}
#colophon .subscribe-form p { display:grid; grid-template-columns:1fr auto; gap:0; align-items:stretch; }
#colophon .subscribe-form label { grid-column:1/-1; margin-bottom:10px; }
#colophon .subscribe-form br { display:none; }
#colophon .subscribe-form .wpcf7-form-control-wrap { min-width:0; }
#colophon .subscribe-form input[type="email"] { height:50px; min-width:0; padding:12px 14px; border-radius:0; }
#colophon .subscribe-form button.btn { position:static; transform:none; margin:0; height:50px; border-radius:0; padding:12px 18px; }
#colophon .subscribe-form .wpcf7-spinner { grid-column:1/-1; }
@media(max-width:768px) { .social-bar.inside { display:none; } }
#colophon.site-footer .subscribe-form button.btn { margin:0!important; }
#masthead.site-header.header-fixed #site-navigation.active .holder .menu a { color:#204535; }
@media(max-width:1024px) { .social-bar.inside { display:none; } }
/* Stockie's CSS hides navigation at 1180px while its drawer JS starts at 768px. */
@media(min-width:769px) and (max-width:1180px) {
 #masthead.site-header #hamburger-menu { display:none; }
 #masthead.site-header #site-navigation .menu-slide-in-overlay { visibility:visible; opacity:1; }
 #masthead.site-header #site-navigation .holder { display:block; }
 #masthead.site-header #site-navigation .close-bar { display:none; }
 #masthead.site-header .header-cart>.cart-total { display:none; }
 #masthead.site-header #primary-menu>li>a { font-size:14px; }
}
@media(min-width:769px) and (max-width:1180px) {
 #masthead.site-header #site-navigation { height:80px; }
 #masthead.site-header #site-navigation .menu-slide-in-overlay { position:static; width:auto; height:100%; }
 #masthead.site-header #site-navigation .holder { position:static; display:flex; align-items:center; height:100%; padding:0; opacity:1; background:transparent; box-shadow:none; overflow:visible; }
 #masthead.site-header #site-navigation .holder>.copyright,
 #masthead.site-header #site-navigation .holder>.socialbar { display:none; }
 #masthead.site-header #primary-menu { display:flex; align-items:center; gap:2px; margin:0; }
 #masthead.site-header #primary-menu>li { margin:0; height:auto; position:relative; }
 #masthead.site-header #primary-menu>li>a { display:flex; align-items:center; gap:5px; padding:12px 10px; white-space:nowrap; height:auto; line-height:24px; }
 #masthead.site-header #primary-menu .has-submenu-icon { position:static; display:inline-flex; width:14px; margin:0; }
 #masthead.site-header #primary-menu .has-submenu-icon i { width:14px; height:auto; line-height:24px; font-size:15px; }
 #masthead.site-header #primary-menu>li>.sub-nav { position:absolute; top:100%; left:0; width:235px; max-height:none; opacity:0; visibility:hidden; background:#fff; box-shadow:0 8px 24px #203d301a; }
 #masthead.site-header #primary-menu>li:hover>.sub-nav,
 #masthead.site-header #primary-menu>li:focus-within>.sub-nav,
 #masthead.site-header #primary-menu>li.active>.sub-nav { opacity:1; visibility:visible; }
 #masthead.site-header #primary-menu .sub-menu { display:block; max-height:none; margin:0; padding:8px 0; }
 #masthead.site-header #primary-menu .sub-menu li { margin:0; }
 #masthead.site-header #primary-menu .sub-menu a { display:block; padding:10px 16px; min-height:44px; color:#204535; font-size:14px; }
}
#masthead.site-header:not(.header-fixed) #primary-menu>li>a:hover,
#masthead.site-header:not(.header-fixed) #primary-menu>li>a:focus-visible { color:#204535!important; text-decoration:underline; text-underline-offset:5px; }
#masthead.site-header.header-fixed #site-navigation:not(.active) #primary-menu>li>a:hover,
#masthead.site-header.header-fixed #site-navigation:not(.active) #primary-menu>li>a:focus-visible { color:#fff!important; }
.subheader .content { color:#4c5a50; }