/** Shopify CDN: Minification failed

Line 82:22 Expected identifier but found bad string token
Line 82:23 Unterminated string token
Line 371:0 Expected "}" to go with "{"

**/
/* Place any CSS overrides in this file. */

body {
  max-width: 1600px!important;
  margin: 0px auto!important;
  border-left: #eee solid 1px!important;
  border-right: #eee solid 1px!important;
  text-align:center!important;
}



/* Header */

.announcement-bar--message-inner {
  font-family: "Fjalla One", sans-serif!important;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: normal;

}

h1,h2,h3,h4,h5 {
    letter-spacing: normal;
}

/* Our Brands Section */

.template-index .homepage-sections--title {
  font-size: 48px!important;
} 

@media only screen and (max-width: 600px) {
.homepage-sections--title {
  font-size: 28px!important;
}

#shopify-section-template--14977326153776__76261dc5-74dd-44b7-a015-5a0124b1f34d .homepage-sections-wrapper {
    padding-top: 0px;
  padding-bottom: 0px;
  }


 #shopify-section-template--14977326153776__76261dc5-74dd-44b7-a015-5a0124b1f34d  .wrapper-padded .grid__item {
    margin-top: 0px;
  }

  
}



#shopify-section-template--14977326153776__76261dc5-74dd-44b7-a015-5a0124b1f34d .shopify-section .homepage-sections-wrapper {
padding: 0px;
  
}




/* Product Feed */

.homepage-product-grid-wrapper .grid__item {
  margin-bottom: 0px!important;
}

.quick-add-wrapper {
  display:none!important;
}

.home-product-hero {
  background-color: #11597a; 
  max-width: 1390px; 
  margin: 0 auto;
  border-radius: 40px;"
}

.home-product-hero.mm {
background-color: #e66301;
  padding-top: 10px;
}

@media only screen and (max-width: 600px) {
.home-product-hero img {
max-width: 200px;
}
.home-product-hero {
  margin-left: 25px;
  margin-right: 25px;
  padding-top: 8px;
}
}

.product-details-wrapper {
  text-align: left;
}

.grid-view-item {
  padding-top: 25px;
}


.thin-banner {
  background-image: url("/cdn/shop/files/thin-banner-BG.jpg?v=1668554250"); /* The image used */
  background-color: #cccccc; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  margin-top: 5px;
  color:#fff; 
  text-transform: uppercase;
}

.think-banner-text img {
  max-width: 800px;
  margin: 0 auto;
}

.think-banner-text {
  margin: 0 auto;
  text-align:center;
  padding: 100px 0px 80px 0px;
}

.think-banner-text-mobile {
max-width:260px;
  padding: 25px;
  margin: 0 auto;
}
.think-banner-text-mobile h1 {
  padding-top: 30px;
}


@media only screen and (max-width: 600px) {
.think-banner-text {
display:none;
}
}

@media only screen and (min-width: 601px) {
.think-banner-text-mobile {
display:none;
}
}




.homepage-sections-wrapper--dark {
   background-color: #9bc15b!important; 
}


/* Newsletter */
.newsletter--section p {
    font-family: "Fjalla One", sans-serif!important;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: normal;
  text-transform: uppercase;
}

/* Footer */
.footer-content {
      font-family: "Fjalla One", sans-serif!important;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: normal;
  text-transform: uppercase;
}

.footer-wrapper {
    border-top: 5px solid #a4bf68;
  margin-top: 50px;

}


.h3.footer-header {
  font-size: 30px;
  color: #4e1f4e;
}

.footer-content li {
  margin-bottom: 0px;
}



h3.image-bar--title {
  font-size: 21px!important;
}

.bottom--footer {
        font-family: "Fjalla One", sans-serif!important;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: normal;
  text-transform: uppercase;
}



/* Forms */

.form-all ul {
    list-style-type: none !important;
    margin-left: 0;
}
.form-all input[type="text"], .form-all input[type="number"], .form-all input[type="password"], .form-all input[type="email"], .form-all textarea, .form-all select {
    width: 100%;
}



/* Interior Pages */

h1.page--title {
  background: url("/cdn/shop/files/thin-banner-new.jpg?v=1579028525") center;
    background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  color: #fff;
  padding: 60px;
    font-family: "Fjalla One", sans-serif!important;
  font-weight: normal;
  letter-spacing: normal;
  font-size: 48px!important;
  line-height: 1;
  text-transform: none!important; 
  display:none;
}

.div-spacer {
  margin-bottom: 50px;
}

@media only screen and (max-width: 600px) {
.div-spacer {
  margin-bottom: 5px;
}

}



div.cta {
 text-align: center;
  padding: 25px;
  margin-top: 25px;

}

div.cta {
 background-color: #435565;
  padding: 25px 45px;
  text-transform: uppercase;
}

div.cta a {
    color: #fff;
    font-size: 20px;
    text-decoration: none;
      font-family: "Fjalla One", sans-serif!important;
  font-weight: normal;
  letter-spacing: normal;
  text-transform: uppercase;
}

@media only screen and (min-width: 769px) {

div.cta {
margin-top: 50px;
}
  
}  
  


div.cta:hover {
 background-color: #5e7f45;

}

.po-button {
  background-color: #336281;
  color: #fff;
      color: #fff;
    font-size: 20px;
    text-decoration: none;
      font-family: "Fjalla One", sans-serif!important;
  font-weight: normal;
  letter-spacing: normal;
  text-transform: uppercase;
  padding: 20px 10px 1px 10px;
  text-align: center;
}

.po-button:hover {
    background-color: #2c3a43;

}



@media only screen and (max-width: 768px) {

.po-button { 
font-size: 16px
}
  
} 


/* Columns */

.half-left {
 width: 49%;
  float: left;
  padding-right: 1%;
  text-align:left;
}

.half-right {
 width: 49%;
  float: left;
  padding-left: 1%;
    text-align:left;

}

.third-left {
  width: 32%;
  float: left;
  padding-right: 1%; 
}

.third-middle {
    width: 32%;
  float: left;
  padding-right: 1%;
  padding-left: 1%
}

.third-right {
  width: 32%;
  float: left;
  padding-left: 1%; 
}

@media only screen and (max-width: 768px) {
  .half-left, .half-right, .third-left, .third-middle, .third-right {
   width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }


.quick-add-wrapper {
    display: none;
}