/****************************************************
 * GLOBAL ICON & ELEMENT OVERRIDES
 ****************************************************/

/* Plus icon */
.fa-plus:before,
.t-plus:before {
  content: "\f067";
  color: #ffffff !important;
}

/* Cart & search icons – default white */
.fa-search,
.fa-shopping-cart,
.fa-search:before,
.fa-shopping-cart:before {
  color: #f5f9fb;
}

/****************************************************
 * INPUTS & BUTTONS
 ****************************************************/
input.multipart_product_start {
  background-color: #80a09d !important;
  border-color: transparent !important;
  color: #fff !important;
}
input.multipart_product_start:hover {
  background-color: #002D41 !important;
}

/****************************************************
 * SLIMBOX GALLERY
 ****************************************************/
#lbCenter,
#lbBottomContainer {
  width: 60% !important;
}
#lbNextLink {
  background: transparent url(/content/images/slimbox/nextlabel.gif) no-repeat 100% 30px;
}
#lbPrevLink {
  background: transparent url(/content/images/slimbox/prevlabel.gif) no-repeat 0% 30px;
}

/****************************************************
 * SLIDER
 ****************************************************/
.flexslider.infigo-slider .flex-control-paging li a.flex-active {
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 2px;
}

/****************************************************
 * TYPOGRAPHY – HERO TITLES
 ****************************************************/
.title.is-1 {
  font-size: 4.1em;
  font-weight: 900;
  text-transform: uppercase;
  max-width: 500px;
  display: block;
  line-height: 0.9;
  text-align: right;
  margin-left: auto;
}
.subtitle.is-4 {
  max-width: 500px;
  display: block;
  line-height: 1.0;
  text-align: right;
  margin-left: auto;
}

/****************************************************
 * HEADER LOGO – MOBILE
 ****************************************************/
@media screen and (max-width: 767px) {
  .is-header-logo.is-full-height {
    height: 2.64286em;
  }
}

/****************************************************
 * HAMBURGER MENU ICON
 ****************************************************/
.navbar-burger {
  color: #c9d400;
  cursor: pointer;
  display: block;
  height: 4.64286em;
  position: relative;
  width: 4.64286em;
  margin-left: auto;
}
.navbar-burger span {
  background-color: #c9d400;
  display: block;
  height: 2px;
  left: calc(50% - 11px);
  position: absolute;
  transform-origin: center;
  transition: background-color 86ms ease-out, opacity 86ms ease-out, transform 86ms ease-out;
  width: 22px;
}

/****************************************************
 * NAVBAR – GLOBAL
 ****************************************************/
.navbar {
  background-color: #002D41;
  height: 4.64286em;
  position: relative;
  z-index: 30;
  align-items: flex-start;
}

/****************************************************
 * NAVBAR – DESKTOP (≥1088px)
 ****************************************************/
@media screen and (min-width: 1088px) {
  /* Main menu links */
  .navbar-item,
  .navbar-link {
    color: #f5f9fb;
    font-size: 12px;
    text-align: center;
    padding: 8px 15px;
  }

  a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active, .navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, .navbar-link.is-active {
    color: #c9d400;
}

a.navbar-item, .navbar-link {
    color: #ffffff;
    cursor: pointer;
}


  /* Hover & active states */
  a.navbar-item:hover,
  a.navbar-item.is-active,
  .navbar-link:hover,
  .navbar-link.is-active {
    color: #c9d400;
  }

  /* Dropdown menu */
  .navbar-dropdown a.navbar-item {
    padding-right: 3rem;
    color: #002D41;
  }
  .navbar-dropdown a.navbar-item:hover {
    background-color: #F5F9FB;
    color: #c9d400;
    font-size: 12px;
    padding: 0 10px;
  }

  @media screen and (min-width: 1088px) {
    .content-field-navbar .bottom-menu-split .navbar {
        height: 4.0rem;
        margin-top: 0.4rem;
    }
}

@media screen and (min-width: 1088px) {
    .navbar>.container .navbar-menu, .container>.navbar .navbar-menu {
        margin-right: -1.5rem;
        margin-top: 0.4rem;
    }
}

@media screen and (min-width: 1280px) {
    .container-special, .catfish-container, .container {
        max-width: 100%;
        margin-bottom: 1.4rem;
    }
}

  /* Remove dropdown arrow */
  .navbar-link::after {
    display: none !important;
  }

  /* Desktop layout tweaks */
  .content-field-navbar .bottom-menu-split .navbar {
    height: 4.0rem;
  }
  .navbar>.container .navbar-menu,
  .container>.navbar .navbar-menu {
    margin-right: -1.5rem;
    margin-top: -0.4rem;
  }
  .navbar-link:not(.is-arrowless) {
    padding-right: 0.5em;
    white-space: normal;
    max-width: 120px;
  }

  /* Search & basket styling */
  .fa-solid, .fas {
    font-weight: 900;
    color: #c9d400;
    font-size: 1.25rem;
  }
  .catfish-button.is-small, .button.is-small {
    font-size: 12px;
  }
  .search-box {
    position: relative;
    z-index: 40;
  }
  .search-box .searchbutton {
    width: 80px;
    color: #002D41;
    background-color: #c9d400;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
  }
  .search-box input[type="text"] {
    background-color: white;
    border-color: #CADFEB;
    border-width: 1px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding-left: 25px;
    color: #363636;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
    width: 100%;
  }

  @media screen and (min-width: 1088px) {
    .nav-search-container.two-tier-search.is-active {
        padding-top: 2%;
        transform: translatey(13.5rem);
    }
}



/****************************************************
 * NAVBAR – MOBILE (≤1087px)
 ****************************************************/
@media screen and (max-width: 1087px) {
  /* Mobile menu container */
  .navbar-menu,
  .navbar-menu.is-active {
    background-color: #ffffff !important;
  }

  /* Mobile menu text */
  .navbar-menu .navbar-item,
  .navbar-menu .navbar-li