/* Custom CSS goes here */

/* ############################## */
/*   Hogberto's Code 🐷 */
/* ############################## */

/* Boxes Promo */
@media only screen and (min-width: 1200px) {
  .flex-grid--1606194038238ed371 {
    padding-left: 100px;
    padding-right: 100px
  }   
}


/* How it works Section */
#shopify-section-1599790914406 {
    padding: 0px 30px;
}

@media only screen and (min-width: 950px) {
  #shopify-section-1599790914406 {
    padding: 0px 70px;
  }
  
  #shopify-section-1599790914406 .grid__item {
   padding-left: 40px;
   padding-right: 40px;
  }
}

@media only screen and (min-width: 1200px) {
  #shopify-section-1599790914406 {
    padding: 0px 90px;
  }
}

/* ReCharge Custom resize */
.label, label:not(.variant__button-label) {
    text-transform: uppercase;
    letter-spacing: 0.3em;
    font-size: 16px;
}

/* Testimonials slider */
.text-center .slick-slider .testimonials-slider__text {
    margin-left: 75px;
    margin-right: 75px;
}



/* Custom Sections */
.kow_promo_card_holder {
  max-width: 1100px;
  margin: auto;
  padding: 10px 10px;
  display: flex;
  justify-content: center;
  align-content: stretch;
  font-family: 'Rubik', sans-serif;
}
@media (max-width: 1072px) {
  .kow_promo_card_holder {
    flex-direction: column;
  }
}
.kow_promo_card_holder .kow_promo_card {
  background: #F58D66;
  box-sizing: border-box;
  flex: 1 1 0;
  text-align: center;
  color: #27251D;
  margin: 10px 15px;
  padding: 12px 17px 90px 17px;
  position: relative;
  border-radius: 11px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.1s ease;
}
@media (max-width: 1072px) {
  .kow_promo_card_holder .kow_promo_card {
    padding: 12px 17px 12px 17px;
  }
}
.kow_promo_card_holder .kow_promo_card:hover {
  box-shadow: 0 4px 5px 0px rgba(0, 0, 0, 0.2);
}
.kow_promo_card_holder .kow_promo_card img {
  width: 100%;
  max-width: 300px;
}
.kow_promo_card_holder .kow_promo_card h2 {
  font-size: 21px;
  font-weight: 500;
  text-transform: uppercase;
}
.kow_promo_card_holder .kow_promo_card p {
  font-size: 16px;
  font-weight: 400;
}
.kow_promo_card_holder a.promo_btn {
  text-transform: uppercase;
  text-decoration: none;
  background: #087da4;
  color: #fff !important;
  padding: 12px 24px;
  border-radius: 3px;
  display: block;
  letter-spacing: 1.5px;
  width: fit-content;
  margin: auto;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s ease;
  outline: none !important;
  
}
.kow_promo_card_holder a.promo_btn:hover {
  background: #0990bc !important;
}
@media (min-width: 1072px) {
  .kow_promo_card_holder a.promo_btn {
    position: absolute !important;
    bottom: 30px;
    right: 20px;
    left: 20px;
  }
}
.kow_promo_card_holder .promo_card_1 {
  background: #E3E0EA;
}
.kow_promo_card_holder .promo_card_2 {
  background: #F0E79A;
}
.kow_promo_card_holder .promo_card_3 {
  background: #F4C6BC;
}



/* ############################## */
/*   Roberto's Code 🐵 */
/* ############################## */


/* Testimonials Header */
@media only screen and (min-width: 1200px) {
  [data-type_headers_align_text=true] .section-header {
    text-align: center;
  padding-left: 400px;
  padding-right: 400px;
  }
}
  
  @media only screen and (min-width: 650px) {
  [data-type_headers_align_text=true] .section-header {
    text-align: center;
  padding-left: 27.5%;
  padding-right: 27.5%;
  }
}

/*   Instagram SSW */

.ssw-instagram-grid-title {
    padding-top: 10px;
    padding-bottom: 15px;
    font-size: 30px !important;
}

.h2, h2 {
    font-size: calc(var(--typeHeaderSize)*0.85);
    line-height: 1.6;
}

/* ############################## */
/*   Kramers's Code 🍐 */
/* ############################## */

#shopify-section-1524769873765 .hero__text-shadow {
  position:relative;
  display:inline-block;
  padding: 0px 133px 80px 0px;
}

@media only screen and (min-width: 1200px) {
 #shopify-section-1524769873765 .hero__text-shadow {
    padding: 0px 0px 0px 180px;
 }
}
/* Removes Margin from bottom of section */
#shopify-section-16069052794137e29e {
 margin-bottom: 0px; 
}