/** Shopify CDN: Minification failed

Line 268:45 Unexpected "{"

**/
/********* MISC CLASSES ***********/
h3{
  font-style: italic !important;
  font-size:175% !important;
}
h2, h4{ font-weight:700 !important; }
.rte a{
  border-bottom: none !important;
  text-decoration: underline !important;
}
.rte img{
  width: auto;
  height: auto;
}
.klaviyo-bis-trigger{
  margin:0 auto !important;
}
.max-1000{
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.exo-p-pad p{
  padding: .3em .75em;
}
.template-page .sitewide--title-wrapper,
.main-page-container > .sitewide--title-wrapper{
  margin-top: 2em;
}
table.contact-us td{
  border: 0 !important;
  text-align: center !important;
}

header{
  border-bottom: 1px solid #ccc !important;
}
header.collection{
  border:none;
  padding-top:2em;
}


/********* FOOTER ***********/
footer {
  font-size: 95%;
  border-top: 1px solid #ccc; 
}


/********* HOMEPAGE ***********/
@media screen and (min-width: 768px) {
  .homepage-slider-container .swiper-pagination:not(:empty){
    margin-top: 1em;
  }
}
.homepage-product-grid-wrapper .quick-add-wrapper{
  display:none;
}

/********* NAV *********/
ul.site-nav__dropdown{
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-left: 1px solid #bbb;
}
  ul.site-nav__dropdown li{
    border-bottom: 1px solid #bbb;
  }
  ul.site-nav__dropdown a{
    background-color: #eee !important;
  }
    ul.site-nav__dropdown a:hover{
      background-color: #ddd !important;
    }
@media screen and (min-width: 768px) {
  ul.site-nav__dropdown,
  ul.site-nav__subdropdown{
    width: 225px !important; 
  }
}

/********* PRODUCT *********/
.product-details-product-title{
  font-weight:700 !important;
  text-transform:uppercase !important;
  margin-bottom:0.25em;
  font-size:2.5em !important;
}
.product-details-wrapper{
  background:none !important;  
}
#AddToCart{
  font-size:100% !important;
  padding:20px !important;
}
#AddToCartForm .selector-wrapper label{
  font-size: 110% !important;
}
.preorder-button_description{
  display: block !important;
  margin-left: 1em !important;
  padding-top: 0.6em !important;
  font-weight: bold !important;
  font-style: italic !important;
  font-size: 110%;
}
#exo-prod-full .tagline{
  margin: 1em auto;
  max-width: 1000px;
  font-style: italic; 
  text-align: center;
}
#exo-prod-full .embed-container{
  margin: 1em 0; 
}

table.k4-comparison{
  margin-bottom:40px;
}
  #k4-2200-pack-system table.k4-comparison thead th:nth-child(2),
  #k4-2200-pack-system table.k4-comparison tbody tr td:nth-child(2){
    background:#eee;
    font-weight:bold;
  }
  #k4-3600-pack-system table.k4-comparison thead th:nth-child(3),
  #k4-3600-pack-system table.k4-comparison tbody tr td:nth-child(3){
    background:#eee;
    font-weight:bold;
  }
  #k4-5000-pack-system table.k4-comparison thead th:nth-child(4),
  #k4-5000-pack-system table.k4-comparison tbody tr td:nth-child(4){
    background:#eee;
    font-weight:bold;
  }
  #k4-7200-pack-system table.k4-comparison thead th:nth-child(5),
  #k4-7200-pack-system table.k4-comparison tbody tr td:nth-child(5){
    background:#eee;
    font-weight:bold;
  }

.us-made{
  max-width: 600px;
  margin: 20px auto;
  text-align:center;
}
  .us-made img{
    display:block;
    width:239px !important;
    margin:0 auto;
  }
  .us-made a {
    font-weight:bold !important;
  }
  @media screen and (min-width: 768px) {
    .us-made{
      text-align:left;
    }
    .us-made img{
      float:left;
      margin-right:10px;
    }
    .us-made h3{
      /*padding-top:5px;*/
      margin:0;
    }
  }
.iactiveImg{
  max-width: 800px;
  max-height: 800px;
  height: auto;
  margin: 20px auto;
}
  .iactiveImg .pointBoxDesc{
    font-size:90%;
  }
  .iactiveImg .pointBoxTitle{
    font-size:100%;
    text-transform:uppercase;
    font-weight:bold;
  }
  .iactiveImg,
  .embed-container,
  img.drop-shadow{
    box-shadow: rgb(50 50 93 / 85%) 0px 20px 20px -20px;
    margin-bottom:35px !important;
  }
    #explore-k4-pack-systems-design-features-amp-function .embed-container{
      box-shadow:none !important;
      margin-bottom:20px !important;
    }
a.spr-button,
a.spr-summary-actions-newreview,
.quick-add-button-variants{
  /*** DO NOT ADD DISPLAY ***/
  text-transform: uppercase !important;
  padding:10px 20px !important;
  text-decoration:none !important;
  color:#fff !important;
  background-color:#444 !important;
}
  a.spr-button:hover,
  a.spr-summary-actions-newreview:hover,
  .quick-add-button-variants:hover{
    background-color:#222 !important;
  }
a.spr-summary-actions-newreview{
  display: block;
  text-align: center;
  margin: 0 auto;
  float: none;
  max-width: 200px;
}
.new-review-form{
  background:#efefef;
  padding:1em;
}

/********* PRODUCT > DESKTOP *********/
@media screen and (min-width: 768px) {
  .product-description_full-width
  {
    margin: 2em auto; 
    max-width: 1200px;
  }
  .exo-grid-4 .grid__item{
    width: 49%;
    }
    .exo-grid-4 .grid__item:nth-child(odd){
      margin-right: 2%;
    }
  .exo-grid-4 .embed-container{
    margin: 0;
  }
}
/********* PRODUCT > MOBILE *********/
@media screen and (max-width: 768px) {
  #exo-prod-full .grid__item{
    margin-top: 0 !important; 
  }
}


/********* BLOG *********/
.article--image-wrapper img{
  max-width: 100% !important;;
  width: auto !important;
  height: auto !important;
}
.blog-sidebar--all-categories li{
  float: left;
  margin: 0 .5em .5em 0;
  border: none !important;
}
  .blog-sidebar--all-categories li:last-child{
    clear: right; 
  }
  .blog-sidebar--all-categories li a{
    padding: .5em .75em;
    color: #fff !important;
    background: #666 !important;
  }
    .blog-sidebar--all-categories li a:hover,{
      background: #333 !important; 
    }
#comments .form-vertical{
  background: #eee !important;
  padding: 1em !important;
}

/********* PODCAST *********/
.podcast-categories{
  list-style-type: none;
  margin-left: 0;
}
  .podcast-categories li{
    float: left;
    margin: .8em .3em !important;
  }
    .podcast-categories li a{
      padding: .5em .75em;
      background: #fff;
      text-decoration: none !important;
      border: 1px solid #ccc;
      border-bottom: 1px solid #ccc !important;
      border-radius: 5px;
      background: #efefef;
      color: #444;
    }
      .podcast-categories li a:hover{
        background: #eee;
        color: #000;
        padding: .5em .75em;
        border-bottom: 3px solid #777 !important;
      }
.podcast-search {
  width: 100%;
  position: relative;
  display: flex;
}
  .podcast-search form{
    width: 350px;
    margin: 1em auto;
  }
  .podcast-search .searchTerm {
    width: 310px;
    border: 3px solid #444;
    border-right: none;
    height: 45px;
    border-radius: 5px 0 0 5px;
    outline: none;
    color: #ccc;
    padding: 0 5px;
    background: #fff;
  }
  .podcast-search .searchTerm:focus{
    color: #000;
  }
.searchButton {
  width: 40px;
  height: 45px;
  border: 1px solid #444;
  background: #444;
  text-align: center;
  color: #fff;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size: 20px;
  float: right;
}