/* -----------------------------------------------

Stylesheet: Main Stylesheet

------------------------------------------------ */


/* --------------------------------

STYLE SET 1: GLOBAL & GENERAL

-------------------------------- */

html {
  background: #0C0C19;
}

body {
    font-family: "Lexend", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: #4D4D4D;
    background: #FFFFFF;
}

main {
    margin: 0;
    padding: 0;
  }

.container {
    padding: 0 4rem;
    box-sizing: content-box;
    margin: 0 auto;
}

@media screen and (max-width: 39.9375rem) {
  .container {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 500px) {
  .container .container {
    padding: 0;
  }
}

.container-full {
    max-width: 100%;
    width: 100%;
}

.container-wide {
    max-width: 1732px;
}

.container-regular {
    max-width: 1457px;
}

.container-thin {
    max-width: 1076px;
}

.container-tiny {
    max-width: 986px;
}

.sticky.is-anchored,
.sticky.is-stuck {
    z-index: 999;
}

/***- ADMIN BAR STICKY FIX -***/
@media screen and (min-width: 655px) and (max-width: 782px) {
    .admin-bar header.header .sticky.is-stuck {
        margin-top: 42px!important;
    }
}
@media screen and (min-width: 783px) {
    .admin-bar header.header .sticky.is-stuck {
        margin-top: 32px!important;
    }
}

.wrap-balance {
  text-wrap: balance;
}

/* fix image under footer bug */
body > img {
  display: none!important;
}

/* --------------------------------

STYLE SET 2: NAVIGATION MENUS

-------------------------------- */


/* -------------------------
   MAIN NAV - DESKTOP
------------------------- */
header.header {
  position: relative;
  z-index: 999;
}

header.header .sticky.is-stuck,
header.header .sticky.is-anchored {
  z-index: 999;
}

.nav-bar {
    background: #fff;
    -webkit-box-shadow: 0 2px 4px 0px rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 2px 4px 0px rgba(0, 0, 0, .08);
    box-shadow: 0 2px 4px 0px rgba(0, 0, 0, .08);
    padding: 1.5rem;
    /* overflow: clip; */
}

.nav-bar .logo img {
    height: 70px;
    /* margin: 5px 0; */
}

.nav-bar .menu li a {
    font-weight: 600;
    color: #323232;
}
.nav-bar .menu li a:hover {
    color: #000000;
}
.nav-bar .menu .active a {
    color: #000000;
    background: none;
    opacity: 1;
}

@media screen and (max-width: 495px) {
  .nav-bar .search-form-container {
    display: none;
  }
  .nav-bar .logo.cell {
    width: 130px;
  }
}
@media screen and (max-width: 330px) {
  .nav-bar .logo.cell {
    width: 100px;
  }
}



.no-js .nav-bar .submenu {
  opacity: 0;
  position: absolute;
}


/* mega menu setup */
#main-nav.s1-mega-menu {
  
}

/* Link Styling */
.desktop-nav > .menu > li {
  width: auto;
}
.desktop-nav > .menu > li a {
  color: #000000 ;
  letter-spacing: 0.7px;
}
.desktop-nav > .menu > li > a {
  font-weight: 500;
  padding: 1rem;
  margin: 0 1rem;
}
.desktop-nav > .menu > li.is-active > a,
.desktop-nav > .menu > li > a:hover {
  color: #009FC6;
  color: #009FC6;
  background: none;
  opacity: 1;
}

@media screen and (max-width: 1250px) {
  .desktop-nav > .menu > li > a {
    padding: 1rem;
    margin: 0;
  }
}



.desktop-nav > .menu.s1-mega-menu > li.is-accordion-submenu-parent > a {
  padding-right: 1.5rem;
}
.s1-mega-menu li.menu-item.is-accordion-submenu-parent>a:after,
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a:after {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
  content: "\e90d";
  font-size: .4rem;
  color: #000000 ;
  border: none;
  border-radius:0;
  
  margin-top:-3px;
  right: .5rem;
  
  height: auto;
  width: auto;
  transform: rotateZ(0deg);
  transition:.4s ease transform, .4s ease color;
  transform-origin: center center;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a:hover:after {
    color: #009FC6;
}
  
.s1-mega-menu li.is-accordion-submenu-parent[aria-expanded="true"] > a:after {
  transform: rotateZ(180deg);
}
/* #main-nav > li > a:hover:after,
#main-nav > li[aria-expanded="true"] > a:after,
#main-nav > li.is-active > a:after {
color: #ff4631;
}  */

/* .s1-mega-menu .is-accordion-submenu li a:hover {
  color: #ff4631!important;
} */

.s1-mega-menu .is-accordion-submenu a {
  padding: .5rem;
}

.s1-mega-menu li.coming-soon {
  pointer-events: none;
  opacity: .4;
}
.s1-mega-menu li.coming-soon span.coming-soon {
  font-size: .9em;
  vertical-align: middle;
}



/* dim other items on menu hover */
#main-nav:has(li[aria-expanded="true"]) > li > a,
#main-nav:hover > li > a {
  opacity: .56;
}
#main-nav > li > a:hover,
#main-nav > li[aria-expanded="true"] > a,
#main-nav > li.is-active > a {
  opacity: 1!important;
}

/* regular dropdowns */
.s1-mega-menu .is-accordion-submenu {
  position: absolute;
  top: 100%;
  padding: 2rem;
  
  background: #fff;
  border: none;


  box-shadow: 0px 0px 17px -5px rgba(0,0,0,0.48);
  -webkit-box-shadow: 0px 0px 17px -5px rgba(0,0,0,0.48);
  -moz-box-shadow: 0px 0px 17px -5px rgba(0,0,0,0.48);

  box-sizing: border-box;

  border-radius: 7px;
  
  width: 310px;
}



/* custom solutions dropdown */
.s1-mega-menu {
  position: static;
}
.s1-mega-menu .underlay {
  content: '';
  position: absolute;
  background: #000000;
  opacity: 0;
  z-index: -1;
  top: 0;
  height: 101vh;
  left: -1px;
  left: 0;
  right: 0;
  transition: .4s ease opacity;
  pointer-events: none;
}
.s1-mega-menu [aria-expanded="true"] > .underlay {
  opacity: .4;
  pointer-events: all;
}
.s1-mega-menu .max-width-dropdown-parent {
  position: static;
}
.s1-mega-menu .s1d-custom-dropdown-product-categories {
  top: 75%;
  max-width: 90vw;
  width: 1850px;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
}

.s1-mega-menu .s1d-custom-dropdown-product-categories li h3 {
  margin-bottom: .3em;
}
.s1-mega-menu .s1d-custom-dropdown-product-categories li h3 a {
  position: relative;
  font-size: 1rem;
  color: #4D4D4D;
  font-weight: 500;
}
.s1-mega-menu .s1d-custom-dropdown-product-categories li h3 a:after {
  content: '';
  position: absolute;
  top: 100%;
  left: .5rem; /* match padding */
  height: 5px;
  width: 15px;
  background: #00A0C7;
  opacity: 0;
  transition: .4s ease opacity, .4s ease width;
}
.s1-mega-menu .s1d-custom-dropdown-product-categories .category-column:hover h3 a:after {
  opacity: 1;
  width: 30px;
}

.s1-mega-menu .s1d-custom-dropdown-product-categories li {
  padding: 1.5rem;
}
.s1-mega-menu .s1d-custom-dropdown-product-categories li a {
  color: #666666;
  font-weight: 400;
  font-size: .85rem;
  line-height: 1.3;
}
.s1-mega-menu .s1d-custom-dropdown-product-categories:hover li h3 a {
  color: #666666;
}
.s1-mega-menu .s1d-custom-dropdown-product-categories:hover li a {
  color: #999999;
}

.s1-mega-menu .s1d-custom-dropdown-product-categories li.category-column:hover h3 a {
  color: #4D4D4D;
}
.s1-mega-menu .s1d-custom-dropdown-product-categories li.category-column:hover a {
  color: #666666;
}

.s1-mega-menu .s1d-custom-dropdown-product-categories li.category-column h3 a:hover {
  color: #1a1a1a;
}
.s1-mega-menu .s1d-custom-dropdown-product-categories li a:hover, /* for links outside of the category columns e.g all products button */
.s1-mega-menu .s1d-custom-dropdown-product-categories li.category-column a:hover {
  color: #222222;
}
.s1-mega-menu .s1d-custom-dropdown-product-categories:has(.selector-column) {
  padding-left: 250px;
}
.s1-mega-menu .s1d-custom-dropdown-product-categories:has(.see-all) {
  padding-bottom: 4.5rem;
}
.s1-mega-menu .s1d-custom-dropdown-product-categories li.selector-column {
  position: absolute;
  width: 250px;
  height: 100%;
  left: 0;
  padding: 0 2rem 0 0;
  top: 0;
}
.s1-mega-menu .s1d-custom-dropdown-product-categories li.selector-column > .grid-y {
  width: 100%;
  border-radius: 7px 0 0 7px;
  overflow: hidden;
}
.s1-mega-menu .s1d-custom-dropdown-product-categories li.selector-column > .grid-y > button {
  background: #F9F9F9;
  cursor: pointer;
  transition: .4s ease background-color;
}
.s1-mega-menu .s1d-custom-dropdown-product-categories li.selector-column > .grid-y > button:hover {
  background: #00ACC7;
  color: #ffffff;
}
.s1-mega-menu .s1d-custom-dropdown-product-categories li.selector-column > .grid-y > button.active {
  background: #00ACC7;
  color: #ffffff;
}
.s1-mega-menu .s1d-custom-dropdown-product-categories li.selector-column > .grid-y > button .h4 {
  margin: 0;
  transition: .4s ease color;
}
.s1-mega-menu .s1d-custom-dropdown-product-categories li.selector-column > .grid-y > button.active .h4,
.s1-mega-menu .s1d-custom-dropdown-product-categories li.selector-column > .grid-y > button:hover .h4 {
  color: #ffffff;
}


@media screen and (max-width: 1550px) {
  .s1-mega-menu .s1d-custom-dropdown-product-categories {
    max-width: 96vw;
  }
  .s1-mega-menu .s1d-custom-dropdown-product-categories:has(.selector-column) {
    padding-left: 200px;
  }
  .s1-mega-menu .s1d-custom-dropdown-product-categories li {
    padding: .5rem;
  }
  .s1-mega-menu .s1d-custom-dropdown-product-categories li.selector-column {
    width: 200px;
  }
  .s1-mega-menu .s1d-custom-dropdown-product-categories li.selector-column > .grid-y > button .h4 {
    font-size: 1.1rem;
  }
}


/* german adjustments */
@media screen and (max-width: 1920px) {
  html[lang="de-DE"] .s1-mega-menu .s1d-custom-dropdown-product-categories {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  html[lang="de-DE"] .s1-mega-menu .s1d-custom-dropdown-product-categories li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; 
    width: 25%;
  }
  html[lang="de-DE"] .s1-mega-menu .s1d-custom-dropdown-product-categories li.selector-column {
    width: 250px;
  }
  html[lang="de-DE"] .s1-mega-menu .s1d-custom-dropdown-product-categories {
    padding-top: 1rem;
    padding-right: 1rem;
    width: 1320px;
  }
}
@media screen and (max-width: 1550px) {
  html[lang="de-DE"] .s1-mega-menu .s1d-custom-dropdown-product-categories {
    max-width: 96vw;
    padding-top: .5rem;
    padding-right: .5rem;
  }
  
  html[lang="de-DE"] .s1-mega-menu .s1d-custom-dropdown-product-categories:has(.selector-column) {
    padding-left: 210px;
  }
  
  html[lang="de-DE"] .s1-mega-menu .s1d-custom-dropdown-product-categories li {
    padding: .5rem;
  }

  html[lang="de-DE"] .s1-mega-menu .s1d-custom-dropdown-product-categories li.selector-column {
    width: 200px;
    padding: 0;
  }

  html[lang="de-DE"] .s1-mega-menu .s1d-custom-dropdown-product-categories li.selector-column>.grid-y>button .h4 {
    font-size: 1.1rem;
  }
}

  


.s1-mega-menu .finishes-menu {
  padding: 2rem 0 3rem;
}
@media screen and (min-width: 1200px) {
  .s1-mega-menu .finishes-menu,
  html[lang="de-DE"] .s1-mega-menu .finishes-menu { 
    width: auto;
    flex-flow: nowrap;
    padding-right: 2rem;
  }
}


.s1-mega-menu .finishes-menu li {
  transition: opacity .4s ease;
}
.s1-mega-menu .finishes-menu li.finish-column a {
  padding: .5rem;
}
.s1-mega-menu .finishes-menu:hover li.finish-column a {
  opacity: .7;
}
.s1-mega-menu .finishes-menu li.finish-column a:hover {
  opacity: 1;
}
.s1-mega-menu .finishes-menu li .name {
  margin-bottom: 0;
  margin-top: .75rem;
  position: relative;
  font-size: 1rem;
}
.s1-mega-menu .finishes-menu li img {
  -webkit-box-shadow: 0px 3px 13px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 3px 13px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 3px 13px 0px rgba(0,0,0,0.2);
  border-radius: 50%;
  width: 55px;
  transition: .4s ease transform, .4s ease box-shadow;
  transform: translateY(0);
}
.s1-mega-menu .finishes-menu li a:hover img {
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.2);
  transform: translateY(-.3rem);
}
.s1-mega-menu .finishes-menu li a .name:after {
  content: '';
  position: absolute;
  top: calc(100% + 5px);
  left: 0; /* match padding */
  height: 5px;
  width: 15px;
  background: #00A0C7;
  opacity: 0;
  transition: .4s ease opacity, .4s ease width;
  
}
.s1-mega-menu .finishes-menu li a:hover .name:after {
  opacity: 1;
  width: 30px;
}

.s1-mega-menu li .finishes-menu > li.finish-column {
  width: 135px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 1199px) {
  .s1-mega-menu .finishes-menu {
    width: 750px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 2rem;
  }
}



/* see all buttons */

.s1-mega-menu .submenu .see-all {
  position: absolute;
  left: calc(50% + 109px);
  top: calc(100% - 4rem);
  transform: translateX(-50%);
  padding: 0;
  opacity: 0;
  animation-name: fade-out;
  animation-duration: .2s;
  animation-fill-mode: both;
  animation-delay: .1s;
}
.s1-mega-menu .is-accordion-submenu-parent[aria-expanded="true"] .submenu .see-all {
  opacity: 1;
  animation-name: fade-in;
  animation-duration: .4s;
}
.s1-mega-menu .submenu .see-all a {
  padding: .55em .85em;
  font-weight: 600;
  background: #e9e6ed;
  color: #333333;
  border-radius: 4px;
  margin: 0;
}


@media screen and (max-width: 1550px) {
  .s1-mega-menu .submenu .see-all {
    left: calc(50% + 84px);
  }
}


/* dropdown animation */
.js-dropdown-active {
    animation-fill-mode: both;
    animation-name: dropdown-fade-in;
    animation-duration: .3s;
    /* position: relative; */
}

@keyframes dropdown-fade-in {
    from {opacity: 0;top:90%;}
    to {opacity: 1;top: 100%;}
}

/* Dropdown */
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
  padding-right: 1rem;
}
.dropdown.menu>li.menu-item.is-dropdown-submenu-parent>a:after,
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a:after {
 border:inset 4px;
 border-color:#333 transparent transparent;
 transition:.2s ease-in-out all;
 border-radius:3px;
 margin-top:-2px
}


/* -------------------------
   MAIN NAV - MOBILE
------------------------- */

@media screen and (max-width: 1145px) {
  .desktop-nav {
    display: none;
  }
  .responsive-nav-button-container {
    display: block!important;
  }
}

.responsive-nav-button-container {
  margin-left: 1rem;
  position: relative;
  z-index: 2;
}
#trigger-overlay {

   margin: 11px auto 0;
   display: inline-block;

}

.menu-icon:after {
  background: #000;
-webkit-box-shadow: 0 7px 0 #000,0 14px 0 #000;
box-shadow: 0 7px 0 #000, 0 14px 0 #000;
}
.menu-icon:hover:after {
  background: #000;
-webkit-box-shadow: 0 7px 0 #000,0 14px 0 #000;
box-shadow: 0 7px 0 #000, 0 14px 0 #000;
}

.sticky.is-stuck .menu-icon:after {
  background: #000;
  box-shadow: 0 7px 0 #000, 0 14px 0 #000;
}
.sticky.is-stuck .menu-icon:hover:after {
   background:#000;
   box-shadow:0 7px 0 #000, 0 14px 0 #000;
  }

/* Overlay style */
.mobile-nav {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #f4f4f4;
  z-index: 1200;
}

/* Overlay closing cross */
.mobile-nav .overlay-close {
  width: 30px;
  height: 30px;
  font-size: 30px;
  position: absolute;
  cursor: pointer;
  top: 43px;
  right: 20px;
  overflow: hidden;
  border: none;
  outline: none;
  z-index: 100;
  transition: color ease .4s;
  border: 2px solid #000000;
  border-radius: 50%;
}
.mobile-nav .overlay-close .close-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mobile-nav .overlay-close .close-button polygon {
  fill: #000000;
}
.admin-bar .mobile-nav .overlay-close {
    top: 90px;
}

.mobile-nav .overlay-close:focus,
.mobile-nav .overlay-close:hover {
  color: #000000;
  border-color: #000000;
}

.mobile-nav ul {
  text-align: center;
  position: relative;
  font-size: 1em;
  z-index: 2;
  
}

.mobile-nav li a {
    color: rgba(000, 000, 000, .7);
    line-height: 2em;
    display: inline-block;
    padding: .7rem 2rem;
}
.mobile-nav .menu .active > a {
    background: transparent;
    color: #000000;
}

.mobile-nav .submenu li a {
    font-size: .9em;
}

.mobile-nav .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
  padding-right: 3rem;
}
.mobile-nav .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a:after {
  /* border-color: #000 transparent transparent;
  border-width: 6px; */
  border: none;
  transition: .3s ease all;
  position: static;
  display: inline-block;
  margin-left: 1rem;
  font-size: .5rem;
  color: #000;
  vertical-align: middle;
  position: absolute;
  left: auto;
  right: 1.5rem;
  top: 50%;
  margin-top: -1px;
}
.mobile-nav .accordion-menu .is-accordion-submenu-parent[aria-expanded="true"] > a::after {
  transform: rotateZ(180deg);
}

.mobile-nav li a:hover {
    color: #000000;
}

.mobile-nav .menu .current_page_item > a {
    color: #000000;
}

.mobile-nav ul.submenu {
    z-index: 9;
    background: #eeeeee;
}

.responsive-nav {
    overflow: auto;
    background: none;
}

/* .mobile-nav .responsive-nav > .menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

.mobile-nav ul.accordion-menu > li {
    -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0;
  width: 100%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 0px;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;

} */

.mobile-nav ul.accordion-menu li {
  display: block;
  min-height: 60px;
}

.mobile-nav nav {
    text-align: center;
    position: relative;
    height: 100%;
    padding: 15% 0;
    font-size:1.5em;
  }


/* Effects */
.overlay-hugeinc {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
  transition: opacity 0.5s, visibility 0s 0.5s;
}

.overlay-hugeinc.open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

/* .overlay-hugeinc nav {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.overlay-hugeinc nav ul {
  opacity: 0.4;
  -webkit-transform: translateY(-25%) rotateX(35deg);
  transform: translateY(-25%) rotateX(35deg);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
}

.overlay-hugeinc.open nav ul {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

.overlay-hugeinc.close nav ul {
  -webkit-transform: translateY(25%) rotateX(-35deg);
  transform: translateY(25%) rotateX(-35deg);
} */

@media screen and (max-height: 30.5em) {
  .mobile-nav ul li {
    min-height: 34px;
  }
}

.mobile-nav .menu.medium-horizontal > li {
  display:block;
}



/* --------------------------------

STYLE SET 3: CONTENT TYPES

-------------------------------- */



/* -------------------------
 CONTENT - HERO 
------------------------- */
#hero {
  height: 50vh;
  /* min-height: 620px; */
  /* max-height: 550px; */
  margin-bottom: 0s;
  position: relative;
  z-index: 1;
}
#hero .container,
#hero .grid-y {
  height: 100%;
}

#hero h1 {
  margin: 0;
}
#hero p {
  margin: 1.5rem 0 0;
}
#hero .button.cta {
  margin-top: 2rem;
}


#hero .image-cover,
#hero .background-image {
  content: '';
  position: absolute;
  inset: 0 0 0 40%;
  z-index: -1;
}
#hero .background-image {
  background-size: cover;
  background-position: top right;
}
#hero .image-cover {
  background-image:  linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 1%, rgba(255,255,255,0.1) 15%);
  background-size: 100% 101%;
  background-position: center center;
  left: calc(40% - 1px);
}

#hero .hero-content {
  max-width: 560px;
  text-wrap: balance;
}

/* custom background positionings */

/* finishes top left by default */
.tax-pa_finish #hero .background-image {
  background-position: top left;
}

/* stainless steel */
.tax-pa_finish.term-341 #hero .background-image {
  background-position: top right;
}

@media screen and (max-width: 1600px) {
  #hero .background-image {
    background-position: center center;
  }
}
@media screen and (max-width: 1100px) {
  #hero .medium-5.cell {
    width: 480px;
  }
  /* #hero .image-cover,
  #hero .background-image {
    inset: 0 0 0 500px;
  } */

}
@media screen and (max-width: 1040px) {
  #hero {
    height: auto;
    min-height: auto;
    padding: 0;
  }
  #hero .medium-5.cell {
    width: 100%;
    text-align: center;
    text-wrap: balance;
    margin-top: -5rem;
    /* padding-bottom: 3rem; */
  }
  #hero p {
    font-weight: 500;
    margin-top: 1rem;
  }
  #hero .background-image {
    display: block;
    position: relative;
    inset: unset;
    width: 100%;
    aspect-ratio: 16/7;
    min-height: 350px;
  }
  #hero .background-image:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -1px;
    left:0;
    height: 16rem;
    background: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0.738) 19%, rgba(255, 255, 255, 0.541) 34%, rgba(255, 255, 255, 0.382) 47%, rgba(255, 255, 255, 0.278) 56.5%, rgba(255, 255, 255, 0.194) 65%, rgba(255, 255, 255, 0.126) 73%, rgba(255, 255, 255, 0.075) 80.2%, rgba(255, 255, 255, 0.042) 86.1%, rgba(255, 255, 255, 0.021) 91%, rgba(255, 255, 255, 0.008) 95.2%, rgba(255, 255, 255, 0.002) 98.2%, transparent 100%);
    background-size: 100% 101%;
    background-position: center center;
  }
  #hero .image-cover {
    display: none;
  }
  #hero .image-cover {
    background: rgba(255, 255, 255, .8);
  }
  #hero .hero-content {
    max-width: none;
  }
}
@media screen and (max-width: 677px) {
  #hero p {
    display: none;
  }
}
@media screen and (max-width: 535px) {
    #hero .background-image:after {
      height: 5rem;
    }
    #hero .medium-5.cell {
      margin-top: -2rem;
      
    }
}
@media screen and (max-width: 460px) {
  #hero {
    padding: 0 0 3rem;
  }
  #hero .grid-y {
    min-height: auto;
  }
  /* #hero .grid-y > .cell {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  } */
}

/* @media screen and (max-height: 840px) {
  #hero {
    height: auto;
    min-height: auto;
    padding: 4rem 0;
  }
} */


/* finish showcase */
#hero.finish-header {
  position: relative;
  background: none;
}


/* #hero.finish-header .image-cover,
#hero.finish-header .background-image {
  content: '';
  position: absolute;
  width: 60%;
  top: 0;
  right: 0;
  bottom: 0;  
}
#hero .background-image {
  background-size: cover;
  background-position: center center;
}
#hero .image-cover {
  background-image:  linear-gradient(90deg, rgba(255,255,255,0.95) 40%, rgba(255,255,255,0.1) 100%);
} */



/* -------------------------
 CONTENT - PAGE HEADERS 
------------------------- */
.page-header {
  /* min-height: 620px; */
  margin-bottom: 0s;
  position: relative;
  z-index: 1;
  padding: 8rem 0;
}
.page-header .container,
.page-header .grid-y {
  height: 100%;
}


.page-header h1 {
  margin: 0;
}
.page-header p {
  margin: 1.5rem 0 0;
}
.page-header .button.cta {
  margin-top: 2rem;
}


.page-header .image-cover,
.page-header .background-image {
  content: '';
  position: absolute;
  inset: 0 0 0 40%;
  z-index: -1;
}
.page-header .background-image {
  background-size: cover;
  background-position: center right;
}
.page-header .image-cover {
  background-image:  linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 1%, rgba(255,255,255,0.1) 40%);
  background-size: 100% 101%;
  background-position: center center;
  left: calc(40% - 1px);
}

@media screen and (max-width: 1800px) {
  .page-header {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
@media screen and (max-width: 1100px) {
  .page-header .small-12.cell {
    width: 480px;
  }
  .page-header .image-cover,
  .page-header .background-image {
    inset: 0 0 0 500px;
  }
}
@media screen and (max-width: 1040px) {
  .page-header {
    height: auto;
    min-height: auto;
    padding: 0;
    padding-bottom: 4rem;
  }
  .page-header .container>.grid-x {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .page-header .small-12.cell {
    width: 100%;
    text-align: center;
    text-wrap: balance;
    margin-top: -5rem;
  }
  .page-header p {
    font-weight: 500;
    margin-top: 1rem;
  }
  .page-header .background-image {
    display: block;
    position: relative;
    inset: unset;
    width: 100%;
    aspect-ratio: 16/9;
  }
  .page-header .background-image:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left:0;
    height: 16rem;
    background: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0.738) 19%, rgba(255, 255, 255, 0.541) 34%, rgba(255, 255, 255, 0.382) 47%, rgba(255, 255, 255, 0.278) 56.5%, rgba(255, 255, 255, 0.194) 65%, rgba(255, 255, 255, 0.126) 73%, rgba(255, 255, 255, 0.075) 80.2%, rgba(255, 255, 255, 0.042) 86.1%, rgba(255, 255, 255, 0.021) 91%, rgba(255, 255, 255, 0.008) 95.2%, rgba(255, 255, 255, 0.002) 98.2%, transparent 100%);
    background-size: 100% 101%;
    background-position: center center;
  }
  .page-header .image-cover {
    display: none;
  }
  .page-header .image-cover {
    background: rgba(255, 255, 255, .8);
  }
}
@media screen and (max-width: 677px) {
  .page-header p {
    display: none;
  }
}
@media screen and (max-width: 535px) {
    .page-header .background-image:after {
      height: 5rem;
    }
    .page-header .small-12.cell {
      margin-top: -2rem;
      
    }
}
@media screen and (max-width: 460px) {
  .page-header {
    /* padding: 3rem 0; */
  }
  .page-header .grid-y {
    min-height: auto;
  }
  /* .page-header .grid-y > .cell {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  } */
}


/* -------------------------
 CONTENT - SECTIONS 
------------------------- */

main > section {
  padding: 6rem 0;
}
main > .page-header + section {
  margin-top: -2.5rem;
}



section.light-grey {
  background: #F9F9F9;
}

@media screen and (max-width: 1040px) {
  main > section.light-grey:first-child {
    margin-top: 3rem;
  }
}

.page-header + section.light-grey {
  margin-top: -2.5rem; /* match page header margin bottom */
}

div.section-intro {
  margin-bottom: 3rem;
}

@media screen and (max-width: 1200px) {
  main > section {
    padding: 5rem 0;
  }
}

@media screen and (max-width: 600px) {
  main > section {
    padding: 4rem 0;
  }
}


/* -------------------------
   SECTION - CONTENT IMAGE SPLIT
------------------------- */
section.content-image-split {
  overflow: hidden;
}
section.content-image-split .content-cell {
  padding-right: 5rem; /* match image padding */
  box-sizing: border-box;
}
section.content-image-split .content-cell .section-text-content + .button {
  margin-top: 1rem;
}

.page-header + section.content-image-split {
  margin-top: 0;
}

section.content-image-split .full-height-image-background {
  position: relative;
  min-height: 100%;
  box-sizing: border-box;
  padding: 5rem; /* match text-cell padding */
  height: auto;
  margin-top: -6rem; /* match top and bottom section padding */
  margin-bottom: -6rem; /* match top and bottom section padding */
  background-size: cover;
  background-position: center center;
  box-sizing: border-box;
}
section.content-image-split .full-height-image-background > .grid-y {
  margin-right: -5rem; /* match this elements padding to line image up with content instead of background */
}
section.content-image-split .full-height-image-background img {
  position: relative;
  z-index: 2;
}
section.content-image-split .full-height-image-background .background-image {
  z-index: 1;
  position: absolute;
  inset: 0 auto 0 0;
  opacity: .1;
  background-color: #ffffff;
  max-width: none;
  width: 50vw;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
section.content-image-split .full-height-image-background.decrease-bg-opacity .background-image {
  opacity: .07;
}

section.content-image-split.alt-layout .full-height-image-background .background-image {
    inset: 0 0 0 auto;
}

section.content-image-split .full-height-image-background.video-bg .background-image {
  background: #222222;
}

@media screen and (min-width: 1201px) {
  section.content-image-split.alt-layout .main-grid > .cell:nth-child(1) {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  
    padding-left: 5rem; /* match image padding */
    padding-right: 0; 
  }
  section.content-image-split.alt-layout .main-grid > .cell:nth-child(2) {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    
  }
  section.content-image-split.alt-layout .main-grid > .cell:nth-child(2) > .grid-y {
    margin-right: 0;
    margin-left: -5rem; /* match this elements padding to line image up with content instead of background */
  }
  section.content-image-split.alt-layout .main-grid > .full-height-image-background:nth-child(2) img.background-image {
    right: 0;
    left: auto;
  }
}


@media screen and (max-width: 1200px) {
  section.content-image-split .main-grid {
    gap: 4rem;
  }
  section.content-image-split .main-grid p:last-child {
    margin: 0;
  }
  section.content-image-split .main-grid > .cell {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  section.content-image-split .main-grid > .content-cell {
    max-width: 750px;
  }
  section.content-image-split:has(.full-height-image-background) {
    padding-bottom: 0;
  }
  section.content-image-split .main-grid > .full-height-image-background {
    margin: 0 -4rem;
    padding: 4rem;
    width: calc(100% + 8rem);
    text-align: center;
  }
  section.content-image-split .full-height-image-background > .grid-y {
    margin: 0;
  }
  section.content-image-split .full-height-image-background img.background-image {
    width: 100%;
    height: 100%;
    inset: 0;
  }
}
@media screen and (max-width: 600px) {
  section.content-image-split .main-grid {
    gap: 2rem;
  }
  section.content-image-split .main-grid > .full-height-image-background {
    padding: 2rem 2rem 4rem;
    width: calc(100% + 4rem);
  }
}



/* -------------------------
   CONTENT - Lists
------------------------- */


/* ul {
    list-style: none;
    margin: 0;
}
ul li {
    position: relative;
    padding-left: 1rem;
}
ul li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: #111;
} */


/* -------------------------
   CONTENT - ACCORDION
------------------------- */
.accordion {
  background: none;
}
.accordion > li {
  padding: 0;
  border-bottom: 3px #eee solid;
}
.accordion > li:before {
  display: none;
}
.accordion > li .accordion-title {
  border: 0;
  background: none;
  color: #000;
  font-size: 1.3rem;
}
.accordion > li:last-child .accordion-title {
  border: none;
}
/* .accordion > li .accordion-title:before {
  content: '+';
} */

.accordion > li .accordion-content {
  border: 0;
  background: none;
}
.accordion > li .accordion-content:last-child {
  border: none;
}


.accordion > li.is-active .accordion-content {
  border: none;
}







/* consumable tab list */
.consumable-list {}

.consumable-list .accordion-item {
  border-radius: 7px;
  overflow: hidden;
  border: 0;
  margin-top: 1.5rem;
}
.consumable-list .accordion-item:first-child {
  margin-top: 0;
}

.consumable-list .accordion-item .accordion-title {
  background: #16162B;
  padding: 1.5rem 4rem 1.5rem 1.5rem;
}
.consumable-list .accordion-item .accordion-title:before {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90d";
  font-size: 1rem;
  border: none;
  border-radius: 0;
  right: 1.5rem;
  height: auto;
  width: auto;
  font-size: .8rem;
  transform: rotateZ(0deg);
  transition: .4s ease transform, .4s ease color;
  transform-origin: center center;
  color: #6F758E;
}
.consumable-list .accordion-item .accordion-title:hover:before {
  color: #959cb9;
}
.consumable-list .accordion-item.is-active .accordion-title:before {
  transform: rotateZ(180deg);
}

.consumable-list .accordion-item .accordion-title h2 {
  margin: 0;
}



.consumable-list .accordion-item .accordion-content {
  background: #F9F9F9;
  padding: 1.5rem;
}
.consumable-list .accordion-item .accordion-content > .grid-x {
  gap: 2rem;
}
.consumable-list .accordion-item .accordion-content .consumable-image {
  max-width: 250px;
  padding: 1rem;
  background: #ffffff;
}
.consumable-list .accordion-item .accordion-content .product-code {
  display: inline-block;
  background: #E2E2E2;
  border-radius: 4px;
  padding: .3em .6em;
  color: #16162B;
  margin-bottom: 1rem;
}
.consumable-list .accordion-item .accordion-content .consumable-variations {
  margin-top: 1rem;
}

.consumable-list .accordion-item .accordion-content ul + .footnote {
  margin-top: 1rem;
}

@media screen and (max-width: 900px) {
  .consumable-list .accordion-item .accordion-content > .grid-x > .cell {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }
  .consumable-list .accordion-item .accordion-content .consumable-image {
    text-align: center;
    max-width: none;
  }
  .consumable-list .accordion-item .accordion-content .consumable-image img {
    max-width: 250px;
  }
}


/* -------------------------
 CONTENT - PAGINATION
------------------------- */
.woocommerce nav.woocommerce-pagination ul {
  border: none;
  overflow: visible;
}
.woocommerce nav.woocommerce-pagination ul li {
  border: none;
  overflow: visible;
}
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a {
  background: none;
  padding: 0;
  
  height: 2.3rem;
  line-height: 2.3rem;
  aspect-ratio: 1/1;
  text-align: center;
  border-radius: 50%;
  margin: .5rem;
  background: #ffffff;
  color: #000000;
  
  -webkit-box-shadow: 0px 3px 25px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 25px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 3px 25px 0px rgba(0, 0, 0, 0.15);
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #ffffff;
  color: #000000;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #00a0c7;
  color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: #e6e9ed;
}

.woocommerce nav.woocommerce-pagination ul li a.next,
.woocommerce nav.woocommerce-pagination ul li a.prev {
  font-size: 0;
  position: relative;
} 
.woocommerce nav.woocommerce-pagination ul li a.prev:after,
.woocommerce nav.woocommerce-pagination ul li a.next:after {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90d";
  font-size: .4rem;
  color: #000000;
  border: none;
  border-radius: 0;
  margin-top: -3px;
  
  position: absolute;
  top: 50%;
  left: 50%;
  
  height: auto;
  width: auto;
  transform: translate(-50%, 0) rotateZ(-90deg);
  transition: .4s ease transform, .4s ease color;
  transform-origin: center center;
}
.woocommerce nav.woocommerce-pagination ul li a.prev:after {
    transform: translate(-50%, 0) rotateZ(90deg);
}

/* -------------------------
 CONTENT - TILES
------------------------- */
.tile {
  box-sizing: border-box;
}
.finish-tile .tile-wrap,
.tile .tile-wrap {
  padding: 2rem;
  background: #ffffff;
  border-radius: 7px;
  -webkit-box-shadow: 0px 3px 35px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 3px 35px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 3px 35px 0px rgba(0,0,0,0.1);
  height: 100%;
  display:  block;
  overflow: hidden;
  transition: .4s ease transform, .4s ease box-shadow;
}


/* linked-tiles */
.finish-tile a .image-container,
.tile a.tile-wrap {
  position: relative;
}
.finish-tile a .image-container:after,
.tile a.tile-wrap:after {
  content: '';
  position: absolute;
  inset: 0;
  opacity: 0;
  background: rgba(255, 255, 255, .25);
  transition: .4s ease opacity;
  pointer-events: none;
}

.products > li.product > .tile > .tile-wrap:hover,
.finish-tile a:hover,
.tile a.tile-wrap:hover {
  background: #ffffff;
  transform: translateY(-.5rem);
  box-shadow: 0 .3rem 50px 0px rgba(0, 0, 0, .075);
}
.finish-tile a:hover .image-container:after,
.tile a.tile-wrap:hover:after {
  opacity: 1;
}
/* .tile a.tile-wrap .tile-title {
  position: relative;
  z-index: 2;
  transition: .4s ease color;
}
.tile a.tile-wrap:hover .tile-title {
  color: #ffffff;
} */


.tile > img + .tile-wrap {
  border-radius: 0 0 7px 7px;
}

/* product category tile */
.product-cat-tile > .tile-wrap {
  /* min-width: 300px; */
  padding: 4rem 2rem;
}
.product-cat-tile img {
  width: 150px;
  height: 170px;
  object-fit: contain;
  object-position: center center;
}
.product-cat-tile h3 {
  margin-top: .8em;
  margin-bottom: 0;
}


@media screen and (max-width: 1040px) {
  .product-cat-tile .tile-wrap {
    padding: 1rem;
  }
}
@media screen and (max-width: 840px) {
  .tile-grid .product-cat-tile {
    width: 50%;
  }
  .tile-grid .product-cat-tile .tile-wrap {
    padding: 2rem;
  }
}
@media screen and (max-width: 550px) {
  .tile-grid .product-cat-tile .tile-wrap {
    padding: 1rem;
  }
}
@media screen and (max-width: 465px) {
  .tile-grid .cell.product-cat-tile {
    padding: 0;
  }

  .tile-grid .cell.product-cat-tile {
    position: relative;
  }
  .tile-grid .cell.product-cat-tile:nth-child(2n):before {
    content: '';
    position: absolute;
    inset: 0px auto 0px -1px;
    width: 1px;
    background: #eeeeee;
    z-index: 2;
  }
  .tile-grid .cell.product-cat-tile:after {
    content: '';
    position: absolute;
    inset: -1px 0px auto 0px;
    height: 1px;
    z-index: 2;
    background: #eeeeee;
  }
  .tile-grid .cell.product-cat-tile:nth-child(1):after,
  .tile-grid .cell.product-cat-tile:nth-child(2):after {
    display: none;
  }


  .tile-grid .product-cat-tile .tile-wrap {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .tile-grid .product-cat-tile a.tile-wrap:hover {
    transform: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .product-cat-tile img {
    max-width: 70%;
  }
}
@media screen and (max-width: 325px) {
  .tile-grid .product-cat-tile {
    width: 100%;
  }
  .tile-grid .cell.product-cat-tile:before {
    display: none;
  }
  .tile-grid .cell.product-cat-tile:nth-child(2):after {
    display: block;
  }
  .product-cat-tile img {
    max-width: 90%;
  }
}





.finishes-grid {
  margin: -1.5rem;
}
.finishes-grid .finish-tile {
  padding: 1.5rem;
  box-sizing: border-box;
}

.finish-tile .tile-wrap,
.finish-tile .image-container {
  padding: 0;
  height: auto;
}
.finish-tile .image-container {
  padding: .8rem .8rem 0;
}
.finish-tile .tile-name {
  /* position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0; */
  padding: 1.2rem 1rem;
  /* opacity: 0; */
  color: #000;
  transition: .4s ease opacity;
  margin: 0;
}
/* .finish-tile.dark .tile-name {
  color: #000000;
} */
.finish-tile a:hover .tile-name {
  opacity: 1;
}

/* blog tile */
.blog-tile .tile-wrap {
  background: none;
  padding: 0;
}
.blog-tile .image-container {
  padding: .8rem .8rem 0;
}
.blog-tile .image-container img {
  width: 100%;
  object-fit: contain;
  object-position: center center;
  /* aspect-ratio: 5/3; */
  border-radius: 3px 3px 0 0;
  max-height: 320px;
}
.blog-tile .tile-bottom {
  background: #ffffff;
  padding: 1.7rem 2rem 2rem;
}

@media screen and (max-width: 1000px) {
  .finishes-grid {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .finishes-grid .finish-tile {
    width: 50%;
    max-width: 500px;
  }
}
@media screen and (max-width: 700px) {
  .finishes-grid .finish-tile {
    width: 100%;
  }
}

@media screen and (max-width: 450px) {
  .blog-tile .tile-bottom {
    padding: 1rem 1.2rem 1.2rem;
  }
}

/* icon tiles */
.tile .icon {
  margin: 1.3rem 0;
}


/* product single - tabs tile */
.product-tabs-tile {
  margin-bottom: 5rem;
}
.product-tabs-tile > .tile-wrap {
  padding: 4rem;
  height: auto;
}

@media screen and (max-width: 700px) {
  .product-tabs-tile > .tile-wrap {
    padding: 2rem;
  }
}
@media screen and (max-width: 550px) {
  .woocommerce div div.product .woocommerce-tabs ul.tabs > li {
    padding: .5rem;
    background: none;
    margin: 0;
  }
}
@media screen and (max-width: 450px) {
  .woocommerce div div.product .woocommerce-tabs ul.tabs > li > a {
    font-size: .9rem;
    padding: .5rem .9rem;
  }
}



/* -------------------------
 CONTENT - TILE GRID
------------------------- */
.tile-grid {
  margin: -1.5rem;
}
.tile-grid > .cell {
  padding: 1.5rem;
  box-sizing: border-box;
}

@media screen and (max-width: 800px) {
  .tile-grid {
    margin: -1rem;
  }
  .tile-grid > .cell {
    padding: 1rem;
  }
}



/* -------------------------
 CONTENT - SLIDERS 
------------------------- */
.swiper-wrapper {
  height: auto;
}

.swiper-button-next,
.swiper-button-prev {
  width: 3rem;
  height: 3rem;
  background: #ffffff;
  border: none;
  border-radius: 50%;
  opacity: .7;
  transition: .3s ease opacity;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}
.swiper-button-prev {
  transform: rotateZ(180deg);
}
.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
}
.swiper-button-next:before,
.swiper-button-prev:before {
  display: none;
}
/* .swiper-button-next:before,
.swiper-button-prev:before {
  color: #aaaaaa;
  transition: .4s ease color;
  font-size: 3rem;
}
.swiper-button-next:before {
}
.swiper-button-prev:before {
  transform: rotateZ(180deg);
}

.swiper-button-next:hover:before,
.swiper-button-prev:hover:before {
  color: #666666;
} */

/* product slider */
.product-slider {
  background: #fff;
  padding: 2rem 5rem;
  position: relative;
}
.product-slider:after,
.product-slider:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 5rem;
  z-index: 2;
}
.product-slider:after {
  right: 0;
  background-image: linear-gradient(-90deg, rgba(255,255,255,1) 60%, rgba(255,255,255,0.1) 100%);
}
.product-slider:before {
  left: 0;
  background-image: linear-gradient(90deg, rgba(255,255,255,1) 60%, rgba(255,255,255,0.1) 100%);
}

.product-slider .swiper-slide {
  width: 301px;
  height: auto;
}
.product-slider .swiper-slide .product-tile-wrapper,
.product-slider .swiper-slide .product-tile-wrapper .product,
.product-slider .swiper-slide .product-tile-wrapper .product .tile,
.product-slider .swiper-slide .product-tile-wrapper .product .tile .tile-wrap {
  height: 100%;
}

.product-slider .swiper-slide .tile > .tile-wrap {
  transition: .4s ease transform;
}
.product-slider .swiper-slide .tile > .tile-wrap:hover {
    transform: translateY(-15px);
}

.product-slider .swiper-button-next {
  right: 0rem;
}
.product-slider .swiper-button-prev {
  left: 0rem;
}

@media screen and (max-width: 515px) {
  .product-slider {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .product-slider:before,
  .product-slider:after {
    width: 1rem;
  }
  .product-slider:after {
    right: -1rem;
    background-image: linear-gradient(-90deg, rgba(255,255,255,1) 60%, rgba(255,255,255,0.1) 100%);
  }
  .product-slider:before {
    left: -1rem;
    background-image: linear-gradient(90deg, rgba(255,255,255,1) 60%, rgba(255,255,255,0.1) 100%);
  }
}
@media screen and (max-width: 425px) {
  .swiper-controls {
    margin-top: 1rem;
  }
  .product-slider .swiper-button-next,
  .product-slider .swiper-button-prev {
    inset: auto;
    position: relative;
    display: inline-flex;
    margin: .5rem;
  }
}
@media screen and (max-width: 360px) {
  .product-slider {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .product-slider:after,
  .product-slider:before {
    display: none;
    opacity: 0;
  }
}



/* -------------------------
 CONTENT - SWAP ORDER 
------------------------- */
.swap-order > .cell:nth-child(1) {
  -webkit-box-ordinal-group:3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
.swap-order > .cell:nth-child(2) {
  -webkit-box-ordinal-group:2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}


/* ----------------------------
CONTENT - PRODUCT TILES
----------------------------- */

.product .tile .icon-external-link {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 1.4rem;
  opacity: .5;
  color: #111111;
  transition: .4s ease opacity;
}
.product .tile .tile-wrap:hover .icon-external-link {
  opacity: .8;
}

/* product image */
.product a.product-primary-link {
  display: block;
}
.product a img,
.woocommerce ul.products li.product a img {
  max-width: 55%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  margin-bottom: 2rem;
  display: block;
  transition: .4s ease opacity;
  aspect-ratio: 1 / 1.1;
  object-fit: contain;
  object-position: center center;
}
.woocommerce ul.products li.product img:hover {
  opacity: .8;
}

.woocommerce ul.products li.product a.product-primary-link .woocommerce-loop-product__title {
  transition: .4s ease color;
}
.woocommerce ul.products li.product a.product-primary-link:hover .woocommerce-loop-product__title {
  color: #00a0c7;
}

.product .tile .product-subtitle {
  text-align: center;
  font-weight: 500;
  
}


.yith-wcwl-add-to-wishlist-button .yith-wcwl-add-to-wishlist-button__label {
  transition: .4s ease color;
}
.yith-wcwl-add-to-wishlist-button .yith-wcwl-add-to-wishlist-button__label:hover {
  color: #00a0c7;
}

.woocommerce ul.products li.product .product-links {
  margin-bottom: 4px;

}
.woocommerce ul.products li.product .product-links a {
  color: #5e5e5e;
}
.woocommerce ul.products li.product .product-links a:hover {
  color: #00a0c7;
}

@media screen and (max-width: 1540px) {
  .woocommerce ul.products li.product .product-links {
    font-size: .9rem;
  }
}


/* wishlist button*/

.product .tile .woocommerce-loop-product__title,
.woocommerce ul.products li.product .tile .woocommerce-loop-product__title {
  font-size: 1.2rem;
  text-align: center;
}
.yith-wcwl-add-to-wishlist-button .yith-wcwl-add-to-wishlist-button__label {
  color: #333333;
  font-weight: 500;
  font-size: 1.1rem;
}
.yith-wcwl-add-to-wishlist-button--loading {
  opacity: .5;
}
/* .yith-wcwl-add-to-wishlist-button--added svg.yith-wcwl-add-to-wishlist-button-icon {
  color: #00A0C7!important;
} */


.yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button svg.yith-wcwl-add-to-wishlist-button-icon {
  display: none;
}
.yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button {
  position: relative;
  padding-left: 3rem;
}
.yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button:after,
.yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button:before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 20px;
  border-radius: 15px;
}
.yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button:before {
  background: #E6E6E6;
  width: 40px;
  left: 0;
}
.yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button:after {
  background: #808080;
  height: 15px;
  width: 15px;
  left: 2.5px;
  transition: .4s ease transform, .4s ease background-color;
}
.yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--added:after {
  background: #00a0c7;
  transform: translate(17.5px, -50%);
}


.product .tile .yith-add-to-wishlist-button-block {
  margin-bottom: 1rem;
}


.product .tile .product-links .link {
  display: block;
  color: #000000;
  font-weight: 400;
  margin-bottom: .5rem;
}
.product .tile .product-links i {
  height: 22px;
  width: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: .5rem;

  font-size: .7rem;

  color: #ffffff;
  background: #00A0C7;
  border-radius: 50%;
}

.product .tile .product-links .no-link i {
  background: #B3B3B3;
}
.product .tile .product-links .link.no-link {
  opacity: .5;
}


/* -------------------------
 CONTENT - STORE PRODUCT WISHLIST/QUOTE BAR
------------------------- */
.product-list-bar {
  position: fixed;
  z-index: 999;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2rem;
  background: RGBA(230, 246, 250, 0.8);
  backdrop-filter: blur(4px);
  opacity: 0;
  pointer-events: none;
  display: none;
}
.product-list-bar.visible {
  display: block;
  opacity: 1;
  pointer-events: all;
  animation: fade-in 1s both;
}
.product-list-bar.fade-out {
  animation: fade-out 1s both;
}

.product-list-bar > .grid-x {
  gap: 1rem;
}
.product-list-bar .spacer {
  height: 2.5rem;
  width: 2px;
  background: #ffffff;
}
.product-list-bar .selected-label {
  font-weight: 500;
}

@media screen and (max-width: 1000px) {
  .product-list-bar {
    padding: 1.5rem;
  }
  .product-list-bar a.button.hero {
    padding: .7em 1.3em;
  }
}
@media screen and (max-width: 650px) {
  .product-list-bar {
    padding: 1rem;
  }
  .product-list-bar a.button.hero {
    padding: .5em 1em;
  }
}
@media screen and (max-width: 450px) {
  .product-list-bar {
    font-size: .9rem;
  }
}


/* -------------------------
 CONTENT - BLOG GRID & Blog TILES
------------------------- */
.blog-slider-section {
  overflow: hidden;
}
.blog-slider {
  overflow: visible;
}
@media screen and (max-width: 1200px) {
  .blog-slider-section {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .blog-slider:after,
  .blog-slider:before {
    content: '';
    position: absolute;
    top: -2rem;
    bottom: -2rem;
    width: 6rem;
    z-index: 2;

  }
  .blog-slider:before {
    right: calc(100% + 1rem);
    background-image: linear-gradient(-90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
  }
  .blog-slider:after {
    left: calc(100% + 1rem);
    background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
  }
  .blog-slider .swiper-button-next {
    left: calc(100% + 1rem);
    right: auto;
  }
  .blog-slider .swiper-button-prev {
    right: calc(100% + 1rem);
    left: auto;
  }
}
@media screen and (max-width: 445px) {
  .blog-slider-section {
    padding-left: 0;
    padding-right: 0;
  }
  .blog-slider {
    padding-bottom: 5rem;
  }
  .blog-slider .swiper-button-next {
    top: auto;
    right: auto;
    left: calc(50% + .5rem);
    bottom: 0;
  }
  .blog-slider .swiper-button-prev {
    top: auto;
    right: calc(50% + .5rem);
    bottom: 0;
    left: auto;
  }
}

.blog-tile p {
  color: #4D4D4D;
}




/* -------------------------
 CONTENT - FOOTER NEWSLETTER FORM
------------------------- */
.footer-newsletter-banner {
  background: #00A0C7;
  padding: 3rem;
  border-radius: 7px;
  margin-bottom: 5rem;
  max-width: 100%;
  overflow: visible;
}


.footer-newsletter-banner .gform_wrapper.gravity-theme .gform_fields > .gfield--type-html {
  width: 100%;
}
.footer-newsletter-banner .gform_wrapper.gravity-theme .gform_fields > .gfield--type-html p {
  color: #FFFFFF;
}


.footer-newsletter-banner .gform_wrapper.gravity-theme .gform_footer input.button {
  margin: 0;
  border: 2px solid rgba(255, 255, 255, .5);
  font-size: 1.1rem;
  padding: .8rem 1.2rem;
  background: none;
  color: #ffffff;
}
.footer-newsletter-banner .gform_wrapper.gravity-theme .gform_footer input.button:hover {
  background: #15BDE6;
  border-color: rgba(255, 255, 255, .5);
}

.footer-newsletter-banner .gform_wrapper form .gform_fields .gfield input,
.footer-newsletter-banner .gform_wrapper form .gform_fields .gfield textarea {
  padding: .3rem 0!important;
  height: auto;
  border: none;
  background: none;
  box-shadow: none;
  /* box-shadow: 0px 1px 8px 0 rgb(0 0 0 / 10%), 0 4px 10px 0 rgb(0 0 0 / 9%); */
  transition: .2s all ease-in-out;
  margin: 0;
  border-radius: 0;
  border-bottom: 2px solid rgba(255, 255, 255, .5);
  color: #ffffff;
  font-weight: 600;
}
.footer-newsletter-banner .gform_wrapper form .gform_fields .gfield input:focus,
.footer-newsletter-banner .gform_wrapper form .gform_fields .gfield textarea:focus {
  border: none;
  /* background-color: #eff2f2; */
  background: none;
  box-shadow: none;
  border-bottom: 2px solid rgba(255, 255, 255, 1);
}
.footer-newsletter-banner .gform_wrapper form .gform_fields .gfield input:hover,
.footer-newsletter-banner .gform_wrapper form .gform_fields .gfield textarea:hover {
  border: none;
  /* background-color: #eff2f2; */
  background: none;
  box-shadow: none;
  border-bottom: 2px solid rgba(255, 255, 255, .8);
}

  
@media screen and (min-width: 1200px) {
  
  .footer-newsletter-banner .gform_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  
  .footer-newsletter-banner .gform_wrapper > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: 100%;
  
    /* -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; */
  }

  
  .footer-newsletter-banner .gform_wrapper > .gform_heading {
    width: 360px;
  }
  .footer-newsletter-banner .gform_wrapper > .gform_heading .gform_title {
    margin: 0;
  }
  .footer-newsletter-banner .gform_wrapper > .newsletter-form {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  
  }
  .footer-newsletter-banner .gform_wrapper > .newsletter-form > .gform_body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
  }
  .footer-newsletter-banner .gform_wrapper > .newsletter-form > .gform_footer {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
  }
  
  .footer-newsletter-banner .gform_wrapper.gravity-theme .gform_fields {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    gap: 0;
  
    padding: 0 3rem;
  }
  .footer-newsletter-banner .gform_wrapper.gravity-theme .gform_fields > .gfield {
    width: 33%;
    padding: 0 1rem;
  }
  .footer-newsletter-banner .gform_wrapper.gravity-theme .gform_fields > .gfield--type-html {
    width: 100%;
  }
}


@media screen and (min-width: 600px) and (max-width: 1199px) {
  
  .footer-newsletter-banner .gform_wrapper.gravity-theme .gform_fields {
    grid-template-columns: 50% 50%!important;
  }
  
  .footer-newsletter-banner .gform_wrapper.gravity-theme .gform_fields {
    grid-column-gap: 0;
    margin: 0 -1rem;
  }
  .footer-newsletter-banner .gform_wrapper.gravity-theme .gform_fields > .gfield {
    padding: 0 1rem;
  }

  .footer-newsletter-banner .gform_wrapper.gravity-theme .gfield {
    grid-column: auto!important;
  }
  .footer-newsletter-banner .gform_wrapper.gravity-theme .gfield:last-child {
    grid-column: 1 / -1!important;
  }
}

@media screen and (max-width: 500px) {
  .footer-newsletter-banner {
    padding: 2rem;
  }
  .footer-newsletter-banner .gform_wrapper form .gform_fields .gfield {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 400px) {
  .footer-newsletter-banner {
    text-align: center;
  }
}




.footer-newsletter-banner input::-webkit-input-placeholder,
.footer-newsletter-banner textarea::-webkit-input-placeholder {
    color:#ffffff;
    opacity: 1;
    font-weight: 600;
}
.footer-newsletter-banner input:-ms-input-placeholder,
.footer-newsletter-banner textarea:-ms-input-placeholder {
    color:#ffffff;
    opacity: 1;
    font-weight: 600;
}
.footer-newsletter-banner input::placeholder,
.footer-newsletter-banner textarea::placeholder {
    color:#ffffff;
    opacity: 1;
    font-weight: 600;
}



/* -------------------------
    Content - Filter Menu
------------------------  */
.filter-menu {
  /* margin: .5rem -.5rem 0; */
  gap: 1rem;
}
.filter-menu li {
  white-space: nowrap;
}

ul.shrinkwrap.menu {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  box-sizing: border-box;
  /* Neutralize menu/grid defaults that force full width /
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  list-style: none;
  width: auto; / JS will set inline width */
}
ul.shrinkwrap.menu > li {
  flex: 0 0 auto; /* don't grow or shrink /
  padding-left: 0; / neutralize .cell padding */
  padding-right: 0;
}

/* -------------------------
    Content - 360 reel
------------------------  */
.reel-overlay {
  margin: 50px auto 0;
  max-width: 500px;
  padding: 0 12px;
  position: relative;
}
.reel-overlay:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 16px;
  height: 3px;
  border-radius: 3px;
  background: #e4e4e4;
  z-index: 0;
  transform: translateY(-6px);
}
#image-reel .reel-indicator.x {
  z-index: 1;
  border-radius: 50%;
  background-color: #02A0C7;
  width: 15px!important;
  height: 15px!important;
}

/* -------------------------
 CONTENT - TABS
------------------------- */

.tabs {
  border: 0;
  background: none;
}
.tabs-title {
  float: none;
  display: inline-block;
  padding-left: 0;
}
.tabs-title:before {
  display: none;
}
.tabs-title > a {
  background: #eee;
}
.tabs-title > a:hover {
  background: #ddd;
}

.tabs-content {
  border: none;
  background: none;
}

.tabs-content p:last-child {
  margin: 0;
}


/* wc tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs {
  border: 0;
  margin: -1rem -1rem 2rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
  display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs > li {
  padding: 1rem;
  background: none;
  border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs > li > a {
  padding: .7rem 1.2rem;
  background: #ffffff;
  border: 2px solid #CCCCCC;
  color: #333333;
  border-radius: 7px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs > li > a:hover {
  color: #333333;
  border-color: #666666;
}
.woocommerce div.product .woocommerce-tabs ul.tabs > li.active > a {
  background: #16162B;
  border-color: #16162B;
  color: #E7E7E9;
}
.woocommerce div.product .woocommerce-tabs ul.tabs > li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs > li:after {
  display: none;
}

.woocommerce div.product .woocommerce-Tabs-panel  a.download-link {
  color: #46466e;
}
.woocommerce div.product .woocommerce-Tabs-panel  a.download-link:hover {
  color: #16162b;
}
.woocommerce div.product .woocommerce-Tabs-panel  a.download-link i {
  height: 1.7rem;
  width: 1.7rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: .5rem;
  font-size: 1rem;
  color: #ffffff;
  background: #00A0C7;
  border-radius: 50%;
}

.wc-tabs-dropdown-wrapper {
  display: none;
}

@media screen and (max-width: 450px) {
  .wc-tabs-dropdown-wrapper {
    display: block;
    margin-bottom: 1rem;
  }
  .wc-tabs-dropdown-wrapper select {
    border-radius: 5px;
    height: auto;
    padding: 0.5rem 2rem .5rem 1rem;
    background-color: #16162B;
    background-image: url('/wp-content/images/dropdown-arrow.svg');
    background-size: 14px 12px;
    color: #ffffff;
  }
  .wc-tabs-dropdown-wrapper + ul.wc-tabs {
    display:none!important;
  }
}



/* -------------------------
 CONTENT - Language Picker
------------------------- */
.nav-bar .wpml-ls {
  margin-left: 1rem;
}
.wpml-ls.wpml-ls-legacy-dropdown-click {
  width: auto;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
  padding-right: 1.2rem;
  padding-left: 5px;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::after {
  border: inset 4px;
  border-color: #333 transparent transparent;
  border-radius: 3px;
  right: 6px;
  transition: .4s ease border-color;

}
.wpml-ls > ul {
  /* height: 30px; */
  border-radius: 28px;
  background: white;
  border: 2px solid #B3B3B3;
  transition: .4s ease border-color;
}
.wpml-ls > ul:hover {
  border-color: #00A0C7;
}
.wpml-ls > ul:hover a.wpml-ls-item-toggle:after {
  border-top-color: #00a0c7
}
.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover > a, .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click a:hover {
  background: none;
  border: none;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-flag {
  width: auto;
  height: 25px;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
  /* position: static; */
  border-radius: 5px;
  background: white;
  border: none;
  top: calc(100% + 1rem);
  left: auto;
  box-shadow: 0 0 5px 5px rgba(0,0,0,.1);
  width: 155px;
  padding: .5rem;
  pointer-events: none;
  opacity: 0;
  transition: .4s ease opacity, .4s ease max-height;
  visibility: visible!important;
  max-height: 30px;
  overflow: hidden;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu.visible {
  pointer-events: all;
  opacity: 1;
  max-height: 200px;
}
.wpml-ls-legacy-dropdown-click a {
  border: none;
  background: none;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
  padding: .5rem;
  text-wrap: nowrap;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a:hover {
  /* background: rgba(0, 0, 0, .2); */
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu:hover a {
  opacity: .6;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a:hover {
  opacity: 1;
}

/* dropdown / current item */ 
.wpml-ls-item-toggle {

}
.wpml-ls-item-toggle > span {
  width: 0;
  opacity: 0;
  display: inline-block;
  position: absolute;
  margin: 0!important;
  overflow: hidden;
}

/* -------------------------
 CONTENT - SEARCH FORM
------------------------- */

.search-form {
  max-width: 250px;
  margin-left: auto;
  position: relative;
} 
.search-form #nav-search-button {
  margin: 0;
}
.search-form input.search-field {
  padding-left: 3.3rem;
  border-radius: 100px;
  color: #666666;
  border: 2px solid #B3B3B3;
  transition: .4s ease box-shadow;
  margin: 0;
}
.search-form #nav-search-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50% 0 0 50%;
  padding: 0;
  margin: 0;
  color: #666666;
  background: transparent;
  box-sizing: border-box;
}
.search-form #nav-search-button:hover {
  background: #dddddd;
}
.search-form #nav-search-button i {
  margin-left: 3px;
}
.search-form #nav-search-button:after {
  content: '';
  position: absolute;
  left: calc(100% - 1px);
  top: .75rem;
  bottom: .75rem;
  width: 2px;
  background: #666666;
}




/* -------------------------
 CONTENT - COMMENTS
------------------------- */
#comments {
  margin-top: 6rem;
}


/* --------------------------------

STYLE SET 4: TITLES

-------------------------------- */

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5, .subtitle, .title {
  font-family: "Lexend", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  line-height: 1.3;
  margin-bottom: .5em;
  color: #000000;
}
.has-subtitle {
  margin-bottom: .1em;
}
.alt h1, .alt h2, .alt h3, .alt h4, .alt h5, .alt .h1, .alt .h2, .alt .h3, .alt .h4, .alt .h5, .alt .title,
h1.alt, h2.alt, h3.alt, h4.alt, h5.alt, .h1.alt, .h2.alt, .h3.alt, .h4.alt, .h5.alt, .title.alt {
  color: #ffffff;
}

.subtitle {
  color: #6D6760;
}

.wp-block-heading {
  margin-top: 1em;
}

#hero h1 + .subtitle {
  font-size: 1.5rem;
}
.page-header h1 + .subtitle {
  font-size: 1.3rem;
  font-weight: 500;
  text-wrap: balance;
  color: #4D4D4D;
}

.page-header > .container > .grid-x > .cell {
  max-width: 650px;
}

.section-subtitle {
  font-size: 1.1rem;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 1rem;
  color: #4D4D4D;
}
.section-subtitle.with-dash {
  padding-bottom: 1rem;
  position: relative;
}
.section-subtitle.with-dash:after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 40px;
  height: 6px;
  background: #00A0C7;
}

.dash-spacer {
  height: 1rem;
}

/* #hero h1 {
  font-size: 3rem;
} */
h1, .h1 {
  font-size: 3rem;
}
h2, .h2 {
  font-size: 2.2rem;
}
h3, .h3, h2 + .subtitle {
  font-size: 1.5rem;
}
h4, .h4 {
  font-size: 1.3rem;
}
h5, .h5 {
  font-size: 1.1rem;
}

@media screen and (max-width: 1350px) {
  #hero h1 {
    font-size: 2.7rem;
  }
}
@media screen and (max-width: 1215px) {
  #hero h1 {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 800px) {
  #hero h1 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 500px) {
  #hero h1 {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 39.9375em) {
  h1, .h1 {
    font-size: 2.5rem;
  }
  h2, .h2 {
    font-size: 1.7rem;
  }
  h3, .h3, h2 + .subtitle {
    font-size: 1.4rem;
  }
  h4, .h4 {
    font-size: 1.2rem;
  }
  h5, .h5 {
    font-size: 1.1rem;
  }
}

@media screen and (max-width: 400px) {
  h1, .h1 {
    font-size: 2rem;
  }
  h2, .h2 {
    font-size: 1.5rem;
  }
  h3, .h3, h2 + .subtitle {
    font-size: 1.2wrem;
  }
  h4, .h4 {
    font-size: 1.1rem;
  }
  h5, .h5 {
    font-size: 1rem;
  }
}




/* --------------------------------

STYLE SET 5: BUTTONS

-------------------------------- */

/* -------------------------
   LINKS - DEFAULT
------------------------- */
a {
    transition: .2s ease-in-out all;
    color: #00a0c7;
}
a:focus, a:active, a:hover {
    color: #15BDE6;
}
/* -- ios fix -- */
a[href^=tel] {
   text-decoration:inherit;
   color: inherit;
}


a.underlined {
  border-bottom: 2px solid #00ACC7
}


/* -------------------------
   BUTTONS
------------------------- */
div.yith-wcwl-pp-modal div.pp_content_container .ask-an-estimate-button,
.yith-wcwl-form .yith_wcwl_footer_additional_action a.yith-wcwl-ask-an-estimate-button.button,
a.button,
button.button,
input.button {
  font-weight: 600;
  padding: .8em 1.5em;
  background: #00A0C7;
  border-radius: 4px;
  border: 0;
  color: #fff;
}
a.button:hover,
button.button:hover,
input.button:hover,
a.button:focus,
button.button:focus,
input.button:focus {
  background: #15BDE6;
  border: 0;
  outline: none;
}




/* CTA */
div.yith-wcwl-pp-modal div.pp_content_container .ask-an-estimate-button,
.yith-wcwl-form .yith_wcwl_footer_additional_action a.yith-wcwl-ask-an-estimate-button.button,
a.button.cta,
button.button.cta,
input.button.cta {
  background: #00A0C7;
  /* padding: 1em 2em; */
  color: #fff;
}
div.yith-wcwl-pp-modal div.pp_content_container .ask-an-estimate-button:hover,
div.yith-wcwl-pp-modal div.pp_content_container .ask-an-estimate-button:focus,
.yith-wcwl-form .yith_wcwl_footer_additional_action a.yith-wcwl-ask-an-estimate-button.button:hover,
.yith-wcwl-form .yith_wcwl_footer_additional_action a.yith-wcwl-ask-an-estimate-button.button:focus,
a.button.cta:hover,
button.button.cta:hover,
input.button.cta:hover,
a.button.cta:focus,
button.button.cta:focus,
input.button.cta:focus {
  background: #15BDE6;
  color: #fff;
}

div.yith-wcwl-pp-modal div.pp_content_container .ask-an-estimate-button,
button.button.hero,
a.button.hero {
  padding: .8em 2em;
  font-size: 1.05rem;
}

.button:last-child {
  margin-bottom: 0;
}



/* --------------------------------

STYLE SET 6: PAGE STYLING

--------------------------------*/

/* -------------------------
   PAGE - HOME
------------------------- */


/* -------------------------
   PAGE - ABOUT
------------------------- */
.accreditation-logos a {
  margin: 1rem;
  display: block;
  position: relative;
  z-index: 2;
  transition: .4s ease transform;
}
.accreditation-logos a:hover {
  transform: translateY(-.5rem);
}


/* -------------------------
   PAGE - CONTACT
------------------------- */

.contact-box .left-box-inner {
  padding-top: 3rem; /* matches right box tile-wrap padding */
  padding-right: 6rem;
}
.contact-box .right-box-inner .tile-wrap {
  padding: 3rem; /* match left box top padding to this */
}

.contact-box .left-box-inner .request-a-quote {
  margin-bottom: 3rem;
}

.contact-box .contact-links {
  list-style: none;
  margin: 1rem 0;
}
.contact-box .contact-links > li {
  margin: 2rem 0;
}
.contact-box .contact-links > li a {
  color: #4D4D4D;
  font-weight: 400;
  vertical-align: middle;
}
.contact-box .contact-links > li a:hover {
  color: #111111;
}
.contact-box .contact-links > li i {
  background: #00a0c7;
  color: #ffffff;
  border-radius: 50%;
  font-size: .7rem;
  width: 2.3em;
  height: 2.3em;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  margin-right: .5rem;
  margin-top: -2px;
}

.contact-box .social-menu {
  margin: -10px;
}


.right-box-inner .gform_heading h2 {
  text-align: center;
}


@media screen and (max-width: 1050px) {
  .contact-grid > .cell {
    width: 100%;
  }
  .contact-box .left-box-inner {
    padding: 0;
    margin-bottom: 2rem;
  }
  .contact-box .left-box-inner > .grid-x {
    margin: -2rem -2rem 0;
  }
  .contact-box .left-box-inner > .grid-x > .cell {
    padding: 2rem;
    width: 50%;
    box-sizing: border-box;
  }
  .contact-box .left-box-inner .request-a-quote {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 560px) {
  .contact-box .left-box-inner > .grid-x > .cell {
    width: 100%;
    text-align: center;
  }
  .request-a-quote p {
    text-wrap: balance;
  }
  .contact-box .social-menu {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .contact-box .right-box-inner .tile-wrap {
    padding: 2rem;
  }
}




/* -------------------------
   PAGE - PRODUCT SUPPORT
------------------------- */
/* this should be done via hooks */
.page-template-page-product-support #sidebar1 {
  display: none;
} 

@media screen and (min-width: 1230px) {
  .page-template-page-product-support .woocommerce ul.products-grid li.product {
    width: 25%;
    padding: 1.5rem;
  }
}
@media screen and (min-width: 1580px) {
  .page-template-page-product-support .woocommerce ul.products-grid li.product {
    width: 20%;
    padding: 1.5rem;
  }
}

  /* -------------------------
   PAGE - BLOG
------------------------- */
.blog-inner > article {
  margin-bottom: 3rem;
}



/* -------------------------
   PAGE - FAQ ARCHIVE
------------------------- */
.faq-section:not(:first-child) {
  padding-top: 0;
}

.faq-section .accordion:last-child {
  margin-bottom: 0;
}




/* -------------------------
   PAGE - PRODUCT ARCHIVE
------------------------- */
.product-loop-wrapper {
  gap: 3rem;
  margin-bottom: 4rem;
}
.product-loop-wrapper .woocommerce-no-products-found {
  margin-top: 2rem;
}

.woocommerce .woocommerce-result-count {
  margin-bottom: 0;
  padding-left: 1rem;
}

.simple-product-list-layout .sidebar {
  display: none;
}


/* chips */
body div .wpc-custom-selected-terms {
  margin-bottom: 1rem;
}
body div ul.wpc-filter-chips-list {
  margin: 0 -10px 0 -10px;
  position: relative;
  z-index: 2;
}
body ul.wpc-filter-chips-list li.wpc-filter-chip {
  margin: 10px;
}
body ul.wpc-filter-chips-list li.wpc-filter-chip > a {
  background: #00A0C7;
  border: none;
  padding: 4px 1rem 5px;
}
body ul.wpc-filter-chips-list .wpc-filter-chip > a span {
  color: #ffffff;
  font-weight: 500;
}
body ul.wpc-filter-chips-list li.wpc-filter-chip > a:hover {
  background: #15BDE6;
}
body ul.wpc-filter-chips-list li.wpc-filter-chip > a:hover span {
  color: #ffffff;
}

/* make empty categories normal colour - fixes consumables showing as empty */
.wpc-filter-product_cat .wpc-term-count-0 .wpc-term-item-content-wrapper .wpc-filter-link,
.wpc-filter-product_cat .wpc-term-count-0:not(.wpc-has-not-empty-children),
body .wpc-filters-main-wrap .wpc-filter-product_cat .wpc-term-count-0:not(.wpc-has-not-empty-children) label {
  opacity: 1;
}


/* breadcrumb */
.woocommerce .woocommerce-breadcrumb {
  margin-bottom: -2rem;
}
.woocommerce .woocommerce-breadcrumb span {
  color: #B3B3B3;
  font-weight: 600;
  margin: 0 .5rem;
}
.woocommerce .woocommerce-breadcrumb a {
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 2px;
  font-size: .92rem;
  color: #333333;
}
.woocommerce .woocommerce-breadcrumb a:hover {
  color: #000000;
}



.post-type-archive-product #primary {
  
}

.woocommerce ul.products-grid > .container, .woocommerce-page ul.products-grid > .container {
  width: 100%;
  padding: 0;
}

.woocommerce ul.products-grid, .woocommerce-page ul.products-grid {
  margin: -2rem -2rem 2rem;
}
.woocommerce ul.products-grid li.product, .woocommerce-page ul.products-grid li.product {
  width: 25%;
  margin: 0;
  padding: 1rem;
  float: none;
}
.woocommerce ul.products-grid li.product .tile,
.woocommerce-page ul.products-grid li.product .tile {
  height: 100%;
}
.woocommerce ul.products-grid li.product .tile-wrap,
.woocommerce-page ul.products-grid li.product .tile-wrap {
  padding: 1rem;
  height: 100%;
}

.yith-wcwl-form .yith_wcwl_footer_additional_action a.yith-wcwl-ask-an-estimate-button.button {
  box-sizing: border-box;
}

@media screen and (max-width: 1540px) {
    .yith-wcwl-add-to-wishlist-button .yith-wcwl-add-to-wishlist-button__label {
      font-size: 1rem;
    } 
}
@media screen and (max-width: 1400px) {
  .woocommerce ul.products-grid li.product,
  .woocommerce-page ul.products-grid li.product {
    width: 33%;
    margin: 0;
    padding: 1rem;
    float: none;
  }
}
@media screen and (max-width: 1040px) {
  .woocommerce ul.products-grid li.product, .woocommerce-page ul.products-grid li.product {
    padding: 1rem;
  }
  .woocommerce ul.products-grid li.product .tile .tile-wrap, .woocommerce-page ul.products-grid li.product .tile .tile-wrap {
    padding: 1rem;
  }

}
@media screen and (max-width: 840px) {
  .woocommerce ul.products-grid, .woocommerce-page ul.products-grid {
    margin: -1.5rem -1.5rem 4rem;
  }

}
@media screen and (max-width: 800px) {
  .woocommerce ul.products-grid li.product,
  .woocommerce-page ul.products-grid li.product {
    width: 50%;
    padding: .75rem;
  }
}


@media screen and (max-width: 600px) {
  .woocommerce ul.products-grid, .woocommerce-page ul.products-grid {
    padding: 0 1rem;
  }
  .woocommerce ul.products-grid li.product, .woocommerce-page ul.products-grid li.product {
    padding: .75rem;
  }

}
/* .woocommerce .sidebar + .cell ul.products-grid li.product, .woocommerce-page .sidebar + .cell ul.products-grid li.product { */

@media screen and (max-width: 500px) {
  .woocommerce .woocommerce-result-count {
    margin-bottom: 1rem;
    padding-left: 0;
  }
  .woocommerce ul.products-grid, .woocommerce-page ul.products-grid {
    margin: -1.5rem -1.5rem 4rem;
    padding: 0;
  }
  .woocommerce ul.products-grid li.product, .woocommerce-page ul.products-grid li.product {
    width: 50%;
    padding: 0;
    border: 1px solid #eeeeee;
    margin: -1px -1px 0 0;;
  }
  .woocommerce ul.products-grid li.product .tile .tile-wrap, .woocommerce-page ul.products-grid li.product .tile .tile-wrap {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .product .tile .woocommerce-loop-product__title, .woocommerce ul.products li.product .tile .woocommerce-loop-product__title{
    text-align: left;
  }
  .yith-add-to-wishlist-button-block {
    margin: 7px 0;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .product .tile .tile-wrap .product-links {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .product .tile .product-links .link {
    margin-bottom: .9rem;
  }
  .yith-add-to-wishlist-button-block {
    margin-top: 11px;
  }

  .woocommerce ul.products-grid li.product .tile-wrap:hover {
    transform: none!important;
  }
  
  /* .woocommerce ul.products-grid li.product {
    position: relative;
  }
  .woocommerce ul.products-grid li.product:nth-child(2n - 1):before {
    content: '';
    position: absolute;
    inset: 0 -1px 0 auto;
    width: 1px;
    background: #eeeeee;
    z-index: 2;
  }
  .woocommerce ul.products-grid li.product:after {
    content: '';
    position: absolute;
    inset: -1px 0 auto 0;
    height: 1px;
    z-index: 2;
    background: #eeeeee;
  }
  .woocommerce ul.products-grid li.product:nth-child(1):after,
  .woocommerce ul.products-grid li.product:nth-child(2):after {
    display: none;
  } */
}
@media screen and (max-width: 420px) {
  .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button {
    padding-left: 2.4rem;
  }
  .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button:before {
    width: 33px;
  }
  .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--added:after {
    transform: translate(10.5px, -50%);
  }
}

@media screen and (max-width: 400px) {
  .yith-wcwl-add-to-wishlist-button .yith-wcwl-add-to-wishlist-button__label {
    font-size: .9rem;
  }
}
@media screen and (max-width: 359px) {
  .woocommerce ul.products-grid, .woocommerce-page ul.products-grid {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .woocommerce ul.products-grid li.product, .woocommerce-page ul.products-grid li.product {
    width: 200px;
    max-width: 100%;
  }
  .woocommerce ul.products-grid li.product:before {
    display: none;
  }
  .woocommerce ul.products-grid li.product:nth-child(2):after {
    display: block;
  }
}


@media screen and (max-width: 1100px) {
  #sidebar1 {
    width: 100%;
  }
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  /* make filter have 2 columns on medium screens */
  .wpc-filters-widget-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: -1rem 0;
  }
  .wpc-filters-widget-wrapper > div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: 50%;
    padding: 1rem;
    box-sizing: border-box;
  }

}
/* @media screen and (max-width: 850px) {
  .woocommerce .sidebar + .cell ul.products-grid,
  .woocommerce-page .sidebar + .cell ul.products-grid {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .woocommerce .sidebar + .cell ul.products-grid li.product,
  .woocommerce-page .sidebar + .cell ul.products-grid li.product {
    width: 50%;
    padding: 1.5rem;
  } 
} */
/* @media screen and (max-width: 500px) {
  .woocommerce .woocommerce-result-count {
    max-width: 380px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0 2rem;
  }
  .woocommerce .sidebar + .cell ul.products-grid li.product,
  .woocommerce-page .sidebar + .cell ul.products-grid li.product {
    width: 100%;
    padding: 1.5rem;
    max-width: 380px;
  } 
} */

@media screen and (max-width: 768px) {
  .woocommerce-page .sidebar {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .woocommerce-page .sidebar + .cell {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
}

/* hide information popup */
.yith-wcwl-add-to-wishlist__feedback {
  display: none!important;
}



/* -------------------------
   PAGE - PRODUCT PAGE
------------------------- */
.product-top-grid {
  margin-top: 6rem;
  margin-bottom: 4rem;
}
.product-top-grid .image-column {
  padding-right: 7rem;
  box-sizing: border-box;
}
.product-top-grid .sumamry-column {
  padding-left: 3rem;
  box-sizing: border-box;
}

.product_meta .posted_in {
  display: none;
}


.product .summary .product_meta {
  margin: 1rem 0;
}
.product .summary .yith-add-to-wishlist-button-block {
  margin: 1rem 0;
}




.variations_form {
  display: none;
}

.woocommerce div.product div.images.woocommerce-product-gallery,
.woocommerce div.product div.summary {
  float: none;
  width: auto;
  float: none;
  width: 100%;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder {
  border: none;
}


.variation-group {
  max-width: 100%;
}
.variation-group.tile .tile-wrap {
  height: auto;
}

.variation-group.tile .variation-group .h4 {
  margin-bottom: 2rem;
}
.variation-group.tile .variation-options .variation-radio {
  position: absolute;
  height: 1px;
  width: 1px;
  opacity: 0;
  pointer-events: none;
}
.variation-group.tile .variation-options .image-container {
  border-radius: 50%;
  margin: .25rem;
  -webkit-box-shadow: 0px 3px 13px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 3px 13px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 3px 13px 0px rgba(0,0,0,0.2);
  /* padding: 2px; */
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease-in-out;
}
.variation-group.tile .variation-options .has-tip {
  border: none;
  cursor: pointer;
}
.variation-group.tile .variation-options .image-container:after {
  content: '';
  position: absolute;
  inset: 0;
  border: 1px solid rgba(22, 22, 43, .2);
  border-radius: 50%;
  pointer-events: none;
  transition: all 0.2s ease-in-out;
}
.variation-group.tile .variation-options .image-container img {
  width: 45px;
}
.variation-group.tile .variation-options .text-container {
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  padding: 0.5rem 1rem;
  margin: 0.25rem;
  cursor: pointer;
  background-color: #FFFFFF;
  transition: all 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
.variation-group.tile .variation-options .text-container .option-label {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1;
}
.variation-group.tile .variation-options .text-container:hover {
  border-color: #797982;
}
/* Selected state styles */
.variation-group.tile .variation-options .variation-radio:checked + .text-container {
  border-color: #000000;
  background-color: #000000;
  color: #FFFFFF;
}
.variation-group.tile .variation-options .variation-radio:checked + .image-container {
  -webkit-box-shadow: 0px 0px 0px 2px #000000;
  -moz-box-shadow: 0px 0px 0px 2px #000000;
  box-shadow: 0px 0px 0px 2px #000000;
}
.variation-group.tile .variation-options .variation-radio:checked + .image-container:after {
  border-color: transparent;
}



@media screen and (max-width: 1350px) {
  .product-top-grid .image-column {
    padding-right: 5vw;
  }
}

@media screen and (max-width: 1040px) {
  .variation-group.tile {
    width: 270px;
  }
}

@media screen and (max-width: 750px) {
  .product-top-grid .image-column {
    padding-right: 0;
    width: 100%;
    margin-bottom: 2rem;
  }
  .product-top-grid .summary-column {
    width: 100%;
    max-width: 500px;
  }
  .product-top-grid .image-column img.wp-post-image {
    max-width: 400px;
    margin: 0 auto;
  }
  .variation-group.tile {
    width: auto;
    max-width: 100%;
  }
}



/* -------------------------
   PAGE - ASK FOR AN ESTIMATE // Wishlist page
------------------------- */



/* desktop */

.wishlist-ask-an-estimate-popup .optional {
  display: none;
  visibility:hidden;
}


.yith-wcwl-pp-modal form.wishlist-ask-an-estimate-popup .yith-wcwl-popup-content  .input-text,
.yith-wcwl-pp-modal form.wishlist-ask-an-estimate-popup .yith-wcwl-popup-content  #additional_notes {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  
  border-radius: 5px 5px 0 0;
  background: #F7F7F7;
  border-bottom: 2px solid #CCCCCC;
}
.yith-wcwl-pp-modal form.wishlist-ask-an-estimate-popup .yith-wcwl-popup-content  .input-text:hover,
.yith-wcwl-pp-modal form.wishlist-ask-an-estimate-popup .yith-wcwl-popup-content  #additional_notes:hover {
  border-color: #797982;
}
.yith-wcwl-pp-modal form.wishlist-ask-an-estimate-popup .yith-wcwl-popup-content  .input-text:active,
.yith-wcwl-pp-modal form.wishlist-ask-an-estimate-popup .yith-wcwl-popup-content  .input-text:focus,
.yith-wcwl-pp-modal form.wishlist-ask-an-estimate-popup .yith-wcwl-popup-content  #additional_notes:active,
.yith-wcwl-pp-modal form.wishlist-ask-an-estimate-popup .yith-wcwl-popup-content  #additional_notes:focus  {
  border-color: #16162B;
}

div.yith-wcwl-pp-modal div.pp_content_container .popup-description {
  font-family: "Lexend", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  line-height: 1.3;
  margin-bottom: .5em;
  color: #000000;
  font-size: 1.2rem;
}


.yith_wcwl_wishlist_footer,
#yith-wcwl-form table.wishlist_table {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

#yith-wcwl-form table.wishlist_table {
  background: none;
  border: none;
  border-collapse: collapse;
  margin-bottom: 1rem;
}

#yith-wcwl-form table.wishlist_table .product-name a {
  color: #000000;
  font-weight: 700;
}
#yith-wcwl-form table.wishlist_table .product-name a:hover {
  color: #333333;
}

table.wishlist_table tr th.product-thumbnail {
  /* display: none!important; */
  width: 120px;
}


/* table head */
.wishlist-title-container {
  display: none;
}
.wishlist_table thead tr th {
  background: none;
  border: none;
}

/* borders */
.wishlist_table thead,
.wishlist_table tbody tr {
  background: none;
  border: none;
  transition: .4s ease background-color;
  position: relative;
  padding: 1rem 0;
}
.wishlist_table tbody tr:hover {
  background: #f7f7f7;
}
.wishlist_table thead:after,
.wishlist_table tbody tr:after {
  content: '';
  position: absolute;
  inset: 100% 0 auto 0;
  height: 2px;
  background: #cccccc;
  z-index: 2;
}
#yith-wcwl-form .wishlist_table tbody tr td {
  padding: 2rem 1rem;
}



/* rows */
.wishlist_table tbody {
  border: none;
  background: none;
}


#yith-wcwl-form table.wishlist_table tr td {
  background: none;
  border: none;
}


.woocommerce div a.remove {
  color: transparent!important;
  position: relative;
}
.woocommerce div a.remove:hover {
  color: transparent!important;
  background: none;
}
.woocommerce div a.remove:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  content: "\e911";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
  padding: 3px 2.8px 2.8px 3px;
  
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: .4s ease color, .4s ease background-color;
  
  border-radius: 50%;
  color: #BBBBBB;
}
.woocommerce div a.remove:hover:after {
  color: #aa0000;
}


#yith-wcwl-form .wishlist_table tbody tr td.product-thumbnail {
  box-sizing: border-box;
  max-width: 100px;
  text-align: center;
}
#yith-wcwl-form .wishlist_table tbody tr td.product-thumbnail img {
  border-radius: 7px;
  padding: 1rem;
  background: #ffffff;
  /* -webkit-box-shadow: 0px 3px 13px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 3px 13px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 3px 13px 0px rgba(0,0,0,0.2); */
}
.wishlist_table tr td.product-thumbnail a {
  max-width: 100%;
}

#yith-wcwl-form .wishlist_table tbody tr td.product-name {
  vertical-align: top;
}

.wishlist_table .product-name dl {
  margin-bottom: 0;
  clear: both;
}
.wishlist_table .product-quantity input {
  max-width: 90px;
  margin: 0 auto;
}


/* wishlist footer */
.yith_wcwl_wishlist_update {
  display: none;
}
.wishlist-page-links {
  display: none;
}
.yith_wcwl_wishlist_footer .yith_wcwl_footer_additional_action, .yith_wcwl_wishlist_update + .yith_wcwl_footer_additional_action {
  float: none;
  display: block;
  text-align: right;
}
.yith-wcwl-form .yith_wcwl_footer_additional_action a.yith-wcwl-ask-an-estimate-button.button {
  margin-top: 1rem;
}


/* ------------
  mobile
  ------------- */

/* grid layout */
.wishlist_table.mobile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  gap: 1rem;
}

.wishlist_table.mobile > li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0;
  width: calc(50% - .5rem);
}


/* tile design*/
.wishlist_table.mobile li {
  padding: 2rem;
  background: #ffffff;
  border-radius: 7px;
  -webkit-box-shadow: 0px 3px 35px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 35px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 35px 0px rgba(0, 0, 0, 0.1);
  height: 100%;
  display: block;
  overflow: hidden;
  transition: .4s ease transform, .4s ease box-shadow;
  position: relative;
  margin: 0;
}


.wishlist_table thead::after, .wishlist_table tbody tr::after {
  display: none; /* hide grey bars */
}

.wishlist_table.mobile li .additional-info-wrapper .product-remove {
  position: absolute;
  top: .5rem;
  right: .5rem;
  line-height: 1;
}
.wishlist_table.mobile li .additional-info-wrapper .product-remove i.fa {
  /* height: 25px;
  width: 25px;
  border-radius: 50%;
  background: #a00;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center; */
  font-size: 1rem;
  padding: .5rem;
  color: #a00;
}

.wishlist_table.mobile .item-details-table .label,
  .wishlist_table.mobile .additional-info-wrapper .label,
.wishlist_table.mobile .item-details-table .value,
  .wishlist_table.mobile .additional-info-wrapper .value,
  .wishlist_table.mobile .additional-info-wrapper .product-quantity {
    padding: 0!important;
    background: none;
    color: #000000;
    line-height: 1.2;
}

.wishlist_table.mobile .additional-info-wrapper .product-quantity input {
  height: 1.8rem;
  width: 75px;
  margin: 0 0 0 auto;
}

div .wishlist_table tbody tr {
  background: none;
}

.wishlist_table.mobile li .item-wrapper {
  margin: 0;
}
.wishlist_table.mobile li .item-wrapper .product-thumbnail {
  display: block;
  margin: 0 auto 1rem;
  max-width: 80px;
}
.wishlist_table.mobile li .item-wrapper,
.wishlist_table.mobile li .item-wrapper .item-details {
  display: block;
  width: 100%;
}
.wishlist_table.mobile li .item-details h3 {
  margin-bottom: 14px;
}
.wishlist_table.mobile li .item-details h3 a {
  font-size: 1.2rem;
  color: #000000;
  text-align: center;
  margin-bottom: 5px;
}


@media screen and (max-width: 500px) {
  .wishlist_table.mobile {
    gap: 0;
    margin: -2rem -2rem 0;
  }
  .wishlist_table.mobile li {
    background: none;
    width: 50%;
    border-radius: 0;
    -webkit-box-shadow: none;
    -mox-box-shadow: none;
    box-shadow: none;
    border: 1px solid #eeeeee;
    padding: 1rem;
    margin: -1px -1px 0 0;
  }
}
@media screen and (max-width: 400px) {
  .wishlist_table.mobile li {
    width: 100%;
    padding: 1.5rem;
  }
  .wishlist_table.mobile li .item-details h3 {
    text-align: center;
  }
  .wishlist_table.mobile li .item-details table.item-details-table,
  .wishlist_table.mobile li table.additional-info {
    max-width: 150px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 455px) {
  div.yith-wcwl-pp-modal,
  div.yith-wcwl-pp-modal div.pp_content_container {
    width: auto;
    max-width: 100%;
    max-height: 100vh;
    overflow-y: auto;
  }
  div.yith-wcwl-pp-modal div.pp_content_container {
    padding-top: 5rem;
  }
  div.pp_woocommerce .pp_close {
    top: 1rem;
    right: 1rem;
  }
}


/* -------------------------
   PAGE - STANDARD PAGE.PHP
------------------------- */
h2.wp-block-heading {
  font-size: 1.5rem;
}
h3.wp-block-heading {
  font-size: 1.2rem;
}

/* -------------------------
   PAGE - 404
------------------------- */
.error404 .content-not-found {
  min-height: calc(60vh - 200px);
  padding: 2rem 0;
}
.error404 .content-not-found h1 {
  margin-bottom: 1rem;
}
.error404 .content-not-found h1 span {
  font-weight: 900;
  letter-spacing: 1px;
  text-align: center;
  font-size: 3em;
  background: #000000;
  /* background: rgb(2,0,36);
  background: linear-gradient(56deg, rgba(2,0,36,1) 0%, rgba(9,11,122,1) 27%, rgba(5,104,184,1) 100%);  */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.error404 .content-not-found p {
  opacity: .8;
}

@media screen and (max-width: 400px) {
  .error404 .content-not-found h1 span {
    font-size: 2em;
  }
}



/* --------------------------------

STYLE SET 7: FORMS

-------------------------------- */



/* -------------------------
   FORMS - BASE STYLING
------------------------- */

.gfield--type-captcha {
  display: none;
}

/* .gform_wrapper form .gform_fields {} */
.gform_wrapper form .gform_fields .gfield {
    margin-bottom: 1rem;
}
#field_3_5 {
  margin-bottom: 0;
}

.gform_wrapper form .gform_fields .gfield input,
.gform_wrapper form .gform_fields .gfield textarea {
    padding: .7rem .8rem!important;
    height: auto;
    border: none;
    background: none;
    box-shadow: none;
    /* box-shadow: 0px 1px 8px 0 rgb(0 0 0 / 10%), 0 4px 10px 0 rgb(0 0 0 / 9%); */
    transition: .2s all ease-in-out;
    margin: 0;
    border-radius: 5px 5px 0 0;
    background: #F7F7F7;
    border-bottom: 2px solid #CCCCCC;
    font-weight: 400;
  }
  .gform_wrapper form .gform_fields .gfield input:focus,
  .gform_wrapper form .gform_fields .gfield textarea:focus {
    border: none;
    /* background-color: #eff2f2; */
    background: #F7F7F7;
    box-shadow: none;
    border-bottom: 2px solid #797982;
  }
  .gform_wrapper form .gform_fields .gfield input:hover,
  .gform_wrapper form .gform_fields .gfield textarea:hover {
    border: none;
    /* background-color: #eff2f2; */
    background: #F7F7F7;
    box-shadow: none;
    border-bottom: 2px solid #16162B;;
  }
  .gform_wrapper form .gform_fields .gfield input:focus,
.gform_wrapper form .gform_fields .gfield input:hover {
  height: auto;
}

div .gform_wrapper.gravity-theme .gform_footer {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 0;
}

.gform_wrapper.gravity-theme .gform_footer input.button {
  margin: 0;
  padding: .6em 1.6em;
  font-size: 1.1rem;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color:#666666;
    opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color:#666666;
    opacity: 1;
}
input::placeholder,
textarea::placeholder {
    color:#666666;
    opacity: 1;
}



/* --------------------------------

STYLE SET 8: SIDEBARS

-------------------------------- */


/* -------------------------
   SIDEBAR - DEFAULT
------------------------- */

.sidebar li {
  list-style: none;
}

.widget ul {
  margin: 0;
}




/* -------------------------
   SIDEBAR - Woo Filter
------------------------- */
.widget_wpc_filters_widget {
  padding: .75rem;
  background: #ffffff;
  box-shadow: 0px 1px 8px 0 rgb(0 0 0 / 10%), 0 4px 10px 0 rgb(0 0 0 / 9%);
  border-radius: 7px;
  margin-bottom: 5rem;
}

.widget_wpc_filters_widget .wpc-filter-set-widget-title,
.widget_wpc_filters_widget .wpc-posts-found {
  display: none;
}

/* mobile dropdown button */
.widget_wpc_filters_widget .wpc-filters-open-button-container .wpc-open-close-filters-button {
  padding: 1rem;
  margin: -.75rem;
  display: block;
  border: none;
}
.widget_wpc_filters_widget .wpc-filters-widget-content {
  margin-top: 1rem;
} 
.wpc-filters-button-text {
  font-family: "Lexend", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  line-height: 1.3;
  font-size: 1.2rem;
}

@media screen and (max-width: 800px) {
  .widget_wpc_filters_widget {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 300px) {
  div .widget_wpc_filters_widget {
    overflow: hidden;
  }
  body div .wpc-filters-main-wrap .wpc-filter-has-hierarchy .wpc-term-item-content-wrapper {
    padding-right: 10px;
  }
}


/* cateogry dropdown title */
.widget_wpc_filters_widget .wpc-filter-title {
  background: #16162B;
  color: #ffffff;
  border-radius: 5px;
  margin-bottom: 1rem;
}
.widget_wpc_filters_widget .wpc-filter-header .wpc-filter-title button {
  padding: 1rem;
  margin: 0;
}
.wpc-wrap-icons .wpc-filter-selected-values {
  display: none;
}
.wpc-filters-main-wrap .wpc-filter-collapsible .wpc-filter-title .wpc-open-icon,
.wpc-filters-main-wrap .wpc-filter-collapsible-reverse.wpc-filter-collapsible.wpc-closed .wpc-filter-title .wpc-open-icon,
.wpc-filters-main-wrap .wpc-filter-collapsible.wpc-closed .wpc-filter-title .wpc-open-icon, 
.wpc-filters-main-wrap .wpc-filter-has-selected.wpc-closed .wpc-filter-title .wpc-open-icon {
  display: none;
}
.widget_wpc_filters_widget .wpc-filter-title > button:after {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  content: "\e90d";
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%) rotateZ(0deg);

  font-size: .5rem;
  color: #6F758E;
  background: none;
  border: none;
  border-radius: 0;
  height: auto;
  width: auto;

  transition: .4s ease transform, .4s ease color;
  transform-origin: center center;
}
.widget_wpc_filters_widget .wpc-filters-section.wpc-opened .wpc-filter-title > button:after {
  transform: translateY(-50%) rotateZ(180deg);
}

/* option list */
.widget_wpc_filters_widget .wpc-filters-main-wrap ul.wpc-filters-ul-list {
  padding: 0 1rem;
}

/* labels */
.wpc-filters-main-wrap li.wpc-term-item a {
  color: #4D4D4D;
  font-weight: 500;
}
.wpc-filters-main-wrap li.wpc-term-item .children a {
  color: #666666;
  font-weight: 400;
}
.wpc-filters-main-wrap li.wpc-term-item a:hover,
.wpc-filters-main-wrap li.wpc-term-item .children a:hover {
  color: #222222;
}

/* label icons */
.wpc-filters-main-wrap i.wpc-toggle-children-list {
  height: 1rem;
  width: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.wpc-filters-main-wrap i.wpc-toggle-children-list:before {
  display: none;
}
.wpc-filters-main-wrap i.wpc-toggle-children-list:after {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90d";
  font-size: .4rem;
  color: #4D4D4D;
  background: none;
  border: none;
  border-radius: 0;
  height: auto;
  width: auto;
  transform: rotateZ(0deg);
  transition: .4s ease transform, .4s ease color;
  transform-origin: center center;
  inset: auto;
  position: static;
}
.wpc-filters-main-wrap i.wpc-toggle-children-list:hover:after {
  color: #000000;
}
.wpc-filters-main-wrap .wpc-term-item.wpc-opened i.wpc-toggle-children-list:after {
  transform: rotateZ(180deg);
}


/* checkboxes / radio buttons */
.wpc-checkbox-item .wpc-term-item-content-wrapper,
.wpc-radio-item .wpc-term-item-content-wrapper {
  position: relative;
}
.wpc-checkbox-item .wpc-term-item-content-wrapper input,
.wpc-radio-item .wpc-term-item-content-wrapper input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}
.wpc-checkbox-item .wpc-term-item-content-wrapper label {
  margin-right: 0;
}
.wpc-checkbox-item .wpc-term-item-content-wrapper label:before,
.wpc-radio-item .wpc-term-item-content-wrapper label:before {
  content: '';
  margin-right: 10px;
  background: #e6e6e6;
  width: 1rem;
  height: 1rem;
  vertical-align: middle;
  
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: .4s ease background-color;
}
.wpc-checkbox-item .wpc-term-item-content-wrapper input:checked ~ label:before,
.wpc-radio-item .wpc-term-item-content-wrapper input:checked ~ label:before {
  background: #00A0C7;
  border-radius: 2px;
}
/* .wpc-radio-item .wpc-term-item-content-wrapper label:before,
.wpc-radio-item .wpc-term-item-content-wrapper input:checked ~ label:before {
  border-radius: 50%;
} */

.wpc-checkbox-item .wpc-term-item-content-wrapper label:after,
.wpc-radio-item .wpc-term-item-content-wrapper label:after {
  content: "\e90e";
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
  position: absolute;
  font-size: .5rem;
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .2s ease color;
  color: transparent;
}
.wpc-checkbox-item .wpc-term-item-content-wrapper input:checked ~ label:after,
.wpc-radio-item .wpc-term-item-content-wrapper input:checked ~ label:after {
  color: #ffffff;
}

div i.wpc-toggle-children-list {
  position: relative;
  inset: none;
  display: inline-block;
}
/* div i.wpc-toggle-children-list::after, div i.wpc-toggle-children-list::before {
  position: static;
} */




/* --------------------------------

STYLE SET 9: FOOTER

-------------------------------- */

.footer-logos {
  padding-top: 4rem;
  margin-bottom: -1rem;
}
.footer-logos .accreditation-logos > .cell a {
  display: block;
  padding: 1rem;
  background: #ffffff;
  border-radius: 7px;
  margin: 1rem;
}
.footer-logos .accreditation-logos > .cell img {
  height: 60px;
  width: 120px;
  object-fit: contain;
  object-position: center center;
}



.mid-footer {
  padding: 5rem 0;
  /* margin-top: 5rem; */
}
.mid-footer-grid {
  margin: -4rem;
}
.mid-footer-grid > .cell {
  padding: 4rem;
}

.mid-footer .footer-logo img {
  width: 200px;
}

@media screen and (max-width: 840px) {
  .mid-footer-grid {
    margin: -2rem;
  }
  .mid-footer-grid > .cell {
    padding: 2rem;
  }
  
}
@media screen and (max-width: 615px) {
  .mid-footer-grid {
    margin: -2rem 0;
  }
  .mid-footer-grid > .cell {
    box-sizing: border-box;
    width: 50%;
  }
}
@media screen and (max-width: 460px) {
  .mid-footer-grid  {
    margin: -2rem;
  }
  .mid-footer-grid > .footer-logo{
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 360px) {
  .mid-footer-grid > .cell {
    width: 100%;
    text-align: center;
  }
  .mid-footer-grid > .cell h2 {
    display: inline-block;
  }
  .footer .social-menu {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}


.footer {
  /* margin-top: 6rem; */
  background: #16162B;
}

.footer p {
  margin:0;
}

.footer-menu .h4 {
  position: relative;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.footer-menu .h4:after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 40px;
  height: 6px;
  background: #00A0C7;
}
.footer-nav li a,
.footer-nav li.active a {
  padding: 5px 0;
  color: #9aa0bb;
  background: none;
}
.footer-nav li a:hover {
  color: #ffffff;
}

.footer-address {
  font-style: normal;
  color: #9aa0bb;
}

.footer .social-menu {
  margin: .5rem -10px 0;
}
.social-menu a {
  border-radius: 50%;
  background: #00acc7;
  height: 40px;
  width: 40px;
  padding: 0;
  text-align: center;
  margin: 10px;
  color: #ffffff;
  
  display: flex;
  justify-content: center;
  align-items: center;
}
.social-menu a:hover {
  background: #15BDE6;
}

.social-menu.grey a {
  background: #D1D1D1;
  color: #828282;
}
.social-menu.grey a:hover {
  color: #ffffff;
  background: #15BDE6;
}

/* lower footer */
.lower-footer {
    font-size: 1.1rem;
    padding: 2rem;
    background: #0C0C19;
}

.lower-footer nav ul li a {
    color: #f4f4f4;
    background: none;
}
.lower-footer nav ul li.active a {
    background: none;
    color: #f4f4f4;
}
/* .lower-footer nav ul li.current_page_item a {} */
.lower-footer nav ul li a:hover {
    color: #fff;
}
.copyright, .s1-footer-sig a span {
    color: #f4f4f4
}

/* sig */
.s1-footer-sig {
    /* width: 50%; */
    float: right;
    text-align: right;
}
.s1-footer-sig a {
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
}
.s1-footer-sig a:hover {
    text-decoration: none;
}
.s1-footer-sig .s1-footer-sig-main {
    color: #999999;
    text-decoration: none;
    vertical-align: middle;
    padding-right: 25px;
}
.s1-footer-sig .s1-footer-sig-main img {
    display: inline-block;
    vertical-align: middle;
    max-width: 25px;
    margin-left: 13px;
}


@media screen and (max-width: 950px) {
  .lower-footer > .cell {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .lower-footer > .medium-auto {
    width: 50%;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .lower-footer > .medium-shrink {
    width: 100%;
    text-align: center;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .lower-footer > .medium-shrink .menu {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 600px) {
  .lower-footer > .medium-shrink {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 400px) {
  .lower-footer > .cell {
    width: 100%;
    text-align: center;

  }
  .s1-footer-sig {
    width: 100%;
    float: none;
    text-align: center;
    margin-top: 1rem;
  }
}





/* --------------------------------

STYLE SET 10: WP JOINTS STYLING

-------------------------------- */

.page-title .vcard {
  border: 0px;
  padding: 0px;
}

.byline {
  color: #999;
}

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto;
}

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px;
}

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
}
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%;
}
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center;
}

.post-password-form input[type="submit"] {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  font-family: inherit;
  padding: 0.85em 1em;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-size: 0.9rem;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #1779ba;
  color: #fefefe;
}
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0;
}
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background-color: #14679e;
    color: #fefefe;
}

body#tinymce {
  margin: 20px;
}


/* --------------------------------

STYLE SET 11: EXTENSION STYLES

-------------------------------- */


/* -------------------------
   EXTENSION - GOOGLE MAPS
------------------------- */

/*# sourceMappingURL=style.css.map */