/** Shopify CDN: Minification failed

Line 35:0 Unexpected "$"
Line 485:2 Comments in CSS use "/* ... */" instead of "//"
Line 486:2 Comments in CSS use "/* ... */" instead of "//"
Line 487:2 Comments in CSS use "/* ... */" instead of "//"
Line 488:2 Comments in CSS use "/* ... */" instead of "//"
Line 1080:5 Expected identifier but found whitespace

**/
/* ADD OVERRULES IN THIS CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  /* font-size: 100%; */
  vertical-align: baseline;
}

ul {
  list-style-type: none;
  /* font-size: 1.2em; */
}

p {
  /* font-size: 1.2em; */
  margin-bottom: 2rem;
}

/*ul li {
  float: left;
}*/

/* Base */
$font-family-base: ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", "Ubuntu", sans-serif !default;

$primary: #222;
$primary-action: #45CB85;
$white: #ffffff;
$off-white: darken($white, 2%);
$black: #222;
$kraft: #c2a284;
$dark-kraft: #a98462;

$light-grey: #eee;
$medium-grey: #9a9a9a;
$grey: darken($light-grey, 15%);
$dark-grey: darken($grey, 15%);

$blue: #1225af;
$dark-blue: darken($blue, 15%);

$red: #E63A45;
$dark-red: darken($red, 15%);

$yellow: yellow;
$dark-yellow: darken($yellow, 15%);

$green: #45CB85;
$dark-green: darken($green, 15%);

$orange: orange;
$dark-orange: darken($orange, 15%);

$purple: purple;
$dark-purple: darken($purple, 15%);

$font-color: $black;

$transition: all 0.2s ease;

$default-line-height: 1.5;

$imageUrl: "/img/";

/* Colors */
$color-default-text: #222;
$background-color:#e5e8ee;
$red: #c0392b;
$white: #fff;
$green: #27ae60;
$concrete: #95a5a6;
$grey: #545454;
$orange: #f88746;
$muted-blue: #99a3cc;
$light-blue: #3498db;
$dark-blue: #2C4672;
$blue-grey: #8aa1b7;
$navy: #1C2A47;
$purple: #5733A4;
$grey-blue: #647696;
$light-grey: #bdc3c7;
$lighter-grey: #c5c8ce;
$lightest-grey: #E0E0E0;
$medium-grey: #9698A3;
$dark-grey: #444;
$dark-red: #A42222;
$pink: #FF5997;
$black: #333;
$black-black: #000;
$yellow: #f5b80d;
$turquoise: #1abc9c;
$midnight-blue: #2c3e50;
$emerald: #2ecc71;
$magenta: #b42eb9;

$color-facebook:#2C629D;
$color-twitter:#009EBD;
$color-youtube:#E62117;
$color-instagram:#004879;

$color-selected: $yellow;
$color-selected-inverted: $white;

/* GRID  */
/*@media (min-width: 992px) {
  .offset-lg-3 {
      margin-left: 25%;
  }
}

@media (min-width: 768px) {
  .offset-md-1 {
      margin-left: 8.33333333%;
  }
}
*/

.offset-3 {
  margin-left: 25%;
}

/* Base */

.h1, h1 {
  font-size: 3rem;
}

.h2, h2 {
  font-size: 2rem;
}

.h5, h5 {
  font-size: 1.8rem;
}

body {
  overflow-y: scroll;
  color: #222 !important;
}

.section {
  margin: 2em;
  position: relative;
}

.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.no-style ul,
.no-style ol {
  list-style-type: none;
  color: inherit;
}

.underline, .u {
  border-bottom: 2px solid $light-grey;
  padding-bottom: 0.15em;
}

/* Opacity */
.no-opacity { filter:alpha(opacity=100); -moz-opacity:1.0; opacity: 1.0; }
.opacity { filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; -khtml-opacity: 0.3; }

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*a {
  color: $primary;
  border-bottom: 2px solid $light-grey;
  padding-bottom: 0.15em;
}
*/
/*a:hover {
  color: $primary-action;
  border-bottom: 2px solid $green;
  padding-bottom: 0.15em;
  text-decoration: none;
}*/

/*Push text down on click*/
a {
  text-decoration: none;
}

a:active {
  position: relative;
  top: 1px;
}

.no-border {
  border-bottom: 0px !important;
}

h1 {
  font-size: 2em;
}

h3 {
  color: #a98462;
}

/* Font sizes */
.text-xxxxs { font-size: 0.55em; line-height:1.1; }
.text-xxxs { font-size: 0.65em; line-height:1.1; }
.text-xxs { font-size: 0.8em; line-height:1.2; }
.text-xs { font-size: 0.85em; line-height:1.2; }
.text-sm { font-size: 0.9em; line-height:1.5; }
.text-md { font-size: 1em; line-height:1.5; }
.text-lg { font-size: 1.1em; line-height:1.5; }
.text-xl { font-size: 1.15em; line-height:1.5; }
.text-xxl { font-size: 1.2em; line-height:1.5; }
.text-xxxl { font-size: 1.3em; line-height:1.5; }
.text-xxxxl { font-size: 1.4em; line-height:1.5; }
.text-xxxxxl { font-size: 2em; line-height:1.5; }
.text-xxxxxxl { font-size: 3em; line-height:1.5; }

.text-default { color: #222; }
.text-red { color: #c0392b; }
.text-white { color: #fff; }
.text-green { color: #27ae60; }
.text-dark-green { color: #39895B; }
.text-darker-green { color: #2C6C47; }
.text-concrete { color: #95a5a6; }
.text-grey { color: #545454; }
.text-orange { color: #f88746; }
.text-blue { color: #3498db; }
.text-muted-blue { color: #99a3cc; }
.text-light-blue { color: #3498db; }
.text-dark-blue { color: #2C4672; }
.text-blue-grey { color: #8aa1b7; }
.text-navy { color: #1C2A47; }
.text-purple { color: #5733A4; }
.text-dark-purple { color: #525990; }
.text-grey-blue { color: #647696; }
.text-light-grey { color: #999; }
.text-lighter-grey { color: #c5c8ce; }
.text-lightest-grey { color: #E0E0E0; }
.text-medium-grey { color: #9698A3; }
.text-dark-grey { color: #444; }
.text-dark-red { color: #A42222; }
.text-pink { color: #FF5997; }
.text-black { color: #333; }
.text-black-black { color: #000; }
.text-yellow { color: #f5b80d; }
.text-turquoise { color: #1abc9c; }
.text-midnight-blue { color: #2c3e50; }
.text-emerald { color: #2ecc71; }
.text-magenta { color: #b42eb9; }
.text-kraft { color: #c2a284; }
.text-dark-kraft { color: #a98462; }

.bold, .b {
  font-weight: 800;
}

.hand {
  cursor: pointer;
}

.no-wrap {
  white-space: nowrap;
}

.text-weight-thin {
  font-weight: 200;
}

.text-weight-regular {
  font-weight: 400;
}

.text-weight-heavy {
  font-weight: 800;
}

.link {
  cursor: pointer;
}

.link:hover {
  color: $primary-action;
}

.line-height-1 { line-height:1; }
.line-height-1-2 { line-height:1.2; }
.line-height-1-3 { line-height:1.3; }
.line-height-1-4 { line-height:1.4; }
.line-height-1-5 { line-height:1.5; }

.word-break-all {
  word-break: break-all;
}

.word-break, .break-word {
  word-wrap: break-word;
}

.display-none {
  display: none;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-center {
  width: 100%;
  text-align: center !important;
}

.text-end {
  text-align: right !important;
}

.start-0 {
    left: 0 !important;
}
.bottom-0 {
    bottom: 0 !important;
}
.position-relative {
    position: relative !important;
}
.position-absolute {
    position: absolute !important;
}

.end-0 {
    right: 0 !important;
}
.bottom-0 {
    bottom: 0 !important;
}

/* OVERWRITES */

.container {
    /* margin: 0 auto; */
    min-height: 0 !important;
}

.p-1 { padding: 0.25rem }
.p-2 { padding: 0.5rem }
.p-3 { padding: 1rem }
.p-4 { padding: 2rem }
.p-5 { padding: 3rem }
.p-6 { padding: 3.5rem; }
.p-7 { padding: 4rem; }

.pl-1 { padding-left: 0.25rem }
.pl-2 { padding-left: 0.5rem }
.pl-3 { padding-left: 1rem }
.pl-4 { padding-left: 2rem }
.pl-5 { padding-left: 3rem }
.pl-6 { padding-left: 3.5rem; }
.pl-7 { padding-left: 4rem; }

.pr-1 { padding-right: 0.25rem }
.pr-2 { padding-right: 0.5rem }
.pr-3 { padding-right: 1rem }
.pr-4 { padding-right: 2rem }
.pr-5 { padding-right: 3rem }
.pr-6 { padding-right: 3.5rem; }
.pr-7 { padding-right: 4rem; }

.pt-0 { padding-top: 0rem }
.pt-1 { padding-top: 0.25rem }
.pt-2 { padding-top: 0.5rem }
.pt-3 { padding-top: 1rem }
.pt-4 { padding-top: 2rem }
.pt-5 { padding-top: 3rem }
.pt-6 { padding-top: 3.5rem; }
.pt-7 { padding-top: 4rem; }

.pb-0 { padding-bottom: 0rem }
.pb-1 { padding-bottom: 0.25rem }
.pb-2 { padding-bottom: 0.5rem }
.pb-3 { padding-bottom: 1rem }
.pb-4 { padding-bottom: 2rem }
.pb-5 { padding-bottom: 3rem }
.pb-6 { padding-bottom: 3.5rem; }
.pb-7 { padding-bottom: 4rem; }

.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-3 { padding-top: 1rem; padding-bottom: 1rem; }
.py-4 { padding-top: 2rem; padding-bottom: 2rem; }
.py-5 { padding-top: 3rem; padding-bottom: 3rem; }
.py-6 { padding-top: 3.5rem; padding-bottom: 3.5rem; }
.py-7 { padding-top: 4rem; padding-bottom: 4rem; }

.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-3 { padding-left: 1rem; padding-right: 1rem; }
.px-4 { padding-left: 2rem; padding-right: 2rem; }
.px-5 { padding-left: 3rem; padding-right: 3rem; }
.px-6 { padding-left: 3.5rem; padding-right: 3.5rem; }
.px-7 { padding-left: 4rem; padding-right: 4rem; }

.m-0 { margin: 0rem }
.m-1 { margin: 0.25rem }
.m-2 { margin: 0.5rem }
.m-3 { margin: 1rem }
.m-4 { margin: 2rem }
.m-5 { margin: 3rem }
.m-6 { margin: 3.5rem; }
.m-7 { margin: 4rem; }

.ml-0 { margin-left: 0rem }
.ml-1 { margin-left: 0.25rem }
.ml-2 { margin-left: 0.5rem }
.ml-3 { margin-left: 1rem }
.ml-4 { margin-left: 2rem }
.ml-5 { margin-left: 3rem }
.ml-6 { margin-left: 3.5rem; }
.ml-7 { margin-left: 4rem; }

.mr-0 { margin-right: 0rem }
.mr-1 { margin-right: 0.25rem }
.mr-2 { margin-right: 0.5rem }
.mr-3 { margin-right: 1rem }
.mr-4 { margin-right: 2rem }
.mr-5 { margin-right: 3rem }
.mr-6 { margin-right: 3.5rem; }
.mr-7 { margin-right: 4rem; }

.mt-0 { margin-top: 0rem }
.mt-1 { margin-top: 0.25rem }
.mt-2 { margin-top: 0.5rem }
.mt-3 { margin-top: 1rem }
.mt-4 { margin-top: 2rem }
.mt-5 { margin-top: 3rem }
.mt-6 { margin-top: 3.5rem; }
.mt-7 { margin-top: 4rem; }

.mb-0 { margin-bottom: 0rem }
.mb-1 { margin-bottom: 0.25rem }
.mb-2 { margin-bottom: 0.5rem }
.mb-3 { margin-bottom: 1rem }
.mb-4 { margin-bottom: 2rem }
.mb-5 { margin-bottom: 3rem }
.mb-6 { margin-bottom: 3.5rem; }
.mb-7 { margin-bottom: 4rem; }

.mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
.mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
.mx-3 { margin-left: 1rem; margin-right: 1rem; }
.mx-4 { margin-left: 2rem; margin-right: 2rem; }
.mx-5 { margin-left: 3rem; margin-right: 3rem; }
.mx-6 { margin-left: 3.5rem; margin-right: 3.5rem; }
.mx-7 { margin-left: 4rem; margin-right: 4rem; }

.my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.my-3 { margin-top: 1rem; margin-bottom: 1rem; }
.my-4 { margin-top: 2rem; margin-bottom: 2rem; }
.my-5 { margin-top: 3rem; margin-bottom: 3rem; }
.my-6 { margin-top: 3.5rem; margin-bottom: 3.5rem; }
.my-7 { margin-top: 4rem; margin-bottom: 4rem; }

.btn {
  border: 2px solid transparent;
  line-height: 1.4rem;
  // -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
  // -moz-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
  // box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
  // box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);
  box-shadow: 0 3px 0px 0 rgb(215, 223, 229);
  font-weight: 800 !important;

  display: inline-block;
  padding: 1em 1.5em;
  color: #fff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: #0d6efd;
  border-radius: 50px !important;
  background-color: #0d6efd;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn:active {
  position: relative;
  top: 1px;
}


.btn.btn-outline {
  border: 2px solid $light-grey;
  background-color: $white;
}

.btn-primary {
    color: #fff;
    background-color: #0d6efd;
    display: inline-block;
    padding: 0.3em 0.6em;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: 6px !important;;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn.btn-primary:hover {
  background-color: darken($kraft, 10%);
  border-color: darken($kraft, 10%);
}

.btn.btn-white {
  background-color: $white;
  border-color: $light-grey;
}

.btn.btn-white:hover {
  background-color: darken($white, 10%);
  border-color: darken($white, 10%);
}

.btn.btn-yellow {
  color: $white;
  background-color: $yellow;
  border-color: $yellow;
}

.btn.btn-yellow:hover {
  background-color: darken($yellow, 10%);
  border-color: darken($yellow, 10%);
}

.btn.btn-success {
  color: $white;
  background-color: $kraft;
  border-color: $kraft;
}

.btn.btn-success:hover {
  background-color: darken($kraft, 10%);
  border-color: darken($kraft, 10%);
}

.card {
  border: 3px solid rgb(234, 238, 241) !important;
  height: 100%;
  border-radius: 6px !important;
}

.card-body {
  padding: 15px;
  line-height: 1.5 !important;
}

.card:hover {
  border:  3px solid #27ae60 !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important;
}

.badge {
  white-space: normal !important;
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: 0.375rem;
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}

.navbar {
  padding: 0 !important;
}

.alert.alert-yellow {
  background-color: $yellow;
}

.alert.alert-blue {
  background-color: $primary;
  color: $white;
}

.alert-outline {
  border: 3px solid $primary;
}

.btn-xs {
  font-size: 0.8rem;
  padding: 0rem 0.3rem;
  line-height: 1.4rem;
}

.btn-xxs {
  font-size: 0.7rem;
  padding: 0rem 0.3rem;
  line-height: 1.2rem;
}

.badge {
  white-space: normal !important;
}

/* RESPONSIVE  */
@media (max-width: 450px) {
  section, .section {
    padding: 0 !important;
  }

  .center-on-mobile  {
    text-align: center !important;
  }

  .hide-on-mobile  {
    display: none;
  }

  .show-on-mobile  {
    display: visible;
  }

  .display-block-on-mobile  {
    display: block;
  }
}

@media (min-width: 450px) {
  .section {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .show-on-mobile  {
    display: none;
  }
}

@media (max-width: 992px) {
  .hide-on-desktop  {
    display: visible;
  }
}

@media (min-width: 992px) {
  .hide-on-desktop  {
    display: none;
  }
}

@media (max-width: 768px) {
  #MainContent .hero {
    margin-top: 1em;
  }

  #MainContent .section {
    margin: 0 !important;
  }

  .section {
    padding: 0 !important;
  }

  .popular.section .card.m-2 .card-body {
    font-size: 1em;
    line-height: 1.2;
  }

  .popular.section .card.m-2 .card-body ul {
    margin-top: 0;
    margin-left: 1rem !important;
    margin-right: 0.2rem !important;
  }

  .popular.section .card.m-2 .card-body .badge {
    margin-top: 0.1rem !important;
    margin-bottom: 0.1rem !important;
  }

  .center-on-tablet  {
    text-align: center;
  }
}

@media (min-width: 768px) {
  #MainContent .hero {
    margin-top: 2em;
  }

  #MainContent .section:first {
    padding-top: 0 !important;
  }
}

@media (max-width: 768px) {
  .smaller-text-on-tablet  {
    font-size: 0.8em
  }
}

/*// @media (max-width: 991px) {
//   .navbar-toggler {
//     display: none !important;
//   }
// }*/

.video-container {
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

a.clean {
  text-decoration: none;
}

/* ------------------------------------------------------------------ */
/* ----------------------------- CUSTOM ----------------------------- */
/* ------------------------------------------------------------------ */

/* ----------------------------- HEADER ----------------------------- */
.announcement--bar .global_headannunce {
  height: 30px;
}

.announcement--bar .headannunce {
  height: 30px;
}

.announcement--bar .slider-button {
  min-width: 1em !important;
}

#HeaderMenu-MenuList-1 {
  border: 1px solid #eaeef1;
  border-radius: none;
}


.header .card__heading.h5 a {
  font-size: 0.8em;
}

.header .container p {
  line-height: 1.2;
}

@media (max-width: 450px) {
  .header-logo-mobile {
    top: 5px;
    transform: translate(-50%);
  }
}
.header-logo-mobile {
  text-align: center;
}

.header-logo {
  height: 30px;
}

.col-header-mobile-menu {
  text-align: left;
  color: #222;
}

.toggle-menu {
  color: #222;
}

.cart-button-container {
  color: #222;
}

.col-header-mobile-menu-logo {
  text-align: center;
}

.col-header-mobile-cart {
  text-align: right;
}

.header {
  /*border-bottom: 1px solid #e9e9e9;*/
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  padding-left: 40px;
  padding-right: 40px;
}

@media (max-width: 768px) {
  .header {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}

.header-inner {
  border-bottom: 1px solid #fff;
  height: 46px;
}

.header-mobile {
  text-align: center;
}

.inner-header-mobile {
  background-color: #fff;
  position: fixed;
  z-index: 99;
  padding: 11px 12px 11px 12px;
  left: 0px;
  border-bottom: 1px solid #e9e9e9;
}

.header a.header-link {
  text-decoration: none;
  border-bottom: 2px solid #fff;
  color: #222;
  font-weight: 600;
  cursor: pointer;
  padding-top: 4px;
}

.header a:hover.header-link {
  text-decoration: none;
  border-bottom: 2px solid #27ae60;
  color: #27ae60;
  font-weight: 600;
  cursor: pointer;
}

.header a.header-link.selected {
  color: #27ae60;
}

.menu-drawer:before {
}

#menu-drawer {
  padding-left: 1em;
}

.menu-drawer {
  overflow: auto;
  box-shadow: 0 0 6px #00000040;
  -webkit-box-shadow: 0 0px 6px 0px rgb(0 0 0 / 25%);
  -moz-box-shadow: 0 0px 6px 0px rgba(0,0,0,.25);
  transition-property: opacity;
}

.menu-drawer.hidden {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.menu-drawer-inner ul,
.menu-drawer-inner ol {
  list-style-type: none;
}

.menu-drawer-inner .ul-links {
  padding-left: 0;
}

.menu-drawer-inner .ul-links li {
  margin-top: 7px;
  margin-bottom: 7px;
}

.menu-drawer .img-socials {
  height: 40px;
}

.menu-drawer .socials a,
.menu-drawer .socials a:hover {
  text-decoration: none !important;
  border-bottom: none;
}

.menu-drawer-inner a.link-item,
.menu-drawer-inner .ul-links a {
  text-decoration: none !important;
  color: #222 !important;
}

.menu-drawer-inner a:hover.link-item,
.menu-drawer-inner .ul-links a:hover {
  text-decoration: none !important;
  color: #27ae60 !important;
}

/* ----------------------------- BODY ----------------------------- */

.container, .page-width {
  /*padding: 0;
  margin: 0;*/
  max-width: 1200px !important;
  padding-left: 15px;
  padding-right: 15px;
}

.row {
  padding: 0;
  margin: 0;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
}

.breadcrumb {
  font-size: 0.7em;
}

/* ----------------------------- HERO ----------------------------- */

.hero-title {
  background-image: url('../assets/shape_hero.png');
  background-repeat: no-repeat, repeat;
  background-position: 30% 0%;
}

.hero .card-title h2 {
  font-size: 1rem !important;
}

.hero h1 {
  text-align: left;
  font-size: 2em;
  font-weight: 700;
}

@media (max-width: 575px) {
  .hero h1 {
    text-align: center;
    margin: 0.7em;
  }
}

.hero .card {
  height: auto !important;
}

.hero .card .card-body {
  padding: 0 !important;
}

.hero .card .card-title {
  color: #000;
  font-size: 1.4em;
  font-weight: 700;
  margin-bottom: 0;
}

.hero .card .card-body p {
  line-height: 1.5 !important;
  font-size: 0.8em;
}

.hero .card .card-text {
  color: #9697a1;
  font-size: 1em;
  font-weight: 600;
}

.card:hover {
  border:  3px solid #27ae60 !important;
}

/* Selected product */
.product-form__input input[type=radio]:checked+label, .product__info-wrapper .product-form__input input[type=radio]:checked+label {
  border-color: #4cc249 !important;
  color: #4cc249 !important;
}

@media (min-width: 768px) {
  .hero.section .container {
    padding-left: 150px;
  }

  .hero.section {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .hero-title {
    padding-right: 2em;
  }
}

@media (max-width: 768px) {
  .hero .card .card-body p {
    font-size: 1em;
  }

  .hero h1 {
    padding-top: 0.5em;
    font-size: 1.5em;
  }

  .hero .hero-ul {
    margin-top: 1rem !important;
    margin-left: 1.5em;
    font-size: 1em;
  }

  .hero.section {
    margin: 0 !important;
  }

  .hero .card .card-title {
    font-size: 1em;
    margin-bottom: 3px;
  }

  .hero .card .card-text {
    font-size: 0.7em;
    line-height: 1.3;
  }

  ./*slider-mobile-gutter {
    max-height: 400px;
  }*/
}

/* SECTIONS  */
.popular.section .card {
  padding-bottom: 0 !important;
}


/* ----------------------------- PRODUCT TEMPLATE ----------------------------- */
.title-bg-shape h2.py-3 {
  font-size: 3rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.title-bg-shape h2.py-4 {
  font-size: 3rem;
  padding-top: 2.7rem;
  padding-bottom: 2.7rem;
}

.title-bg-shape h2.py-5 {
  font-size: 3rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.product-template .title-bg-shape {
  background-image: url('../assets/shape_blue.png');
  background-repeat: no-repeat, repeat;
  background-position: 0% 50%;
  background-size: 100px;
}

.product-template .title-bg-shape-reviews {
  background-image: url('../assets/shape_green.png');
  background-repeat: no-repeat, repeat;
  background-position: 48% 50%;
  background-size: 100px;
}

.product-template h2 {
  font-weight: 700;
}

.product-template .product-title h1 {
  font-size: 1em;
  font-weight: 700;
}

.product .product__info-wrapper.grid__item.product__info-wrapper--extra-padding {
  max-width: 1200px !important;
  padding-left: 15px;
  padding-right: 15px;
}

.product .product__info-container>*+* {
  margin-top: 1em;
  margin-bottom: 1em;
}

.product .product__tax.caption {
  display: none;
}

.product .price-item {
  font-size: 2em !important;
}

.product__description ul li {
  list-style-type: disc;
}

.product__info-wrapper .wboffer_m h2 {
  display: none;
}

.product__info-wrapper .wboffer_m {
  margin: 0 !important;
}

#product-grid .card-wrapper .card {
  padding-bottom: 1em;
}

#product-grid .card-wrapper.wbproduct-container.product-card-wrapper .add-to-cart__submit.button {
  background-color: #fafafa;
  padding: 0.3em 1em;
  margin-bottom: 1em;
}

#product-grid .card-wrapper.wbproduct-container.product-card-wrapper .add-to-cart__submit {
  width: inherit;
}

#product-grid .card__heading {
  font-size: 0.9em;
}

.button, .shopify-challenge__button, .customer button, button.shopify-payment-button__button--unbranded {
  min-width: inherit !important;
  min-height: inherit !important;
}

.card_compare_price, .wbproduct-container .wbproductdes .price--on-sale .price-item--regular,
.badge.percent__badge-sale,
.badge.price__badge-sale  {
  color: #000 !important;
  background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important;
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: 0.375rem;
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: 0.7em !important;
  font-weight: 700 !important;
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}

/* ----------------------------- FOOTER ----------------------------- */
@media (max-width: 575px) {
  .footer {
    font-size: 1.2em;
  }
}
.footer ul,
.footer ol {
  list-style-type: none;
}
.footer .ul-links {
  padding: 0;
}
.footer .ul-links li {
  padding: 7px 0;
}
.footer .footer-inner {
  padding-top: 25px;
}

.footer .ul-links li a,
.footer .footer-inner a {
  color: #222;
  text-decoration: none;
  border-bottom: 2px solid #fff;
}
.footer .ul-links li a:hover,
.footer .footer-inner a:hover {
  color: #27ae60;
  border-bottom: 2px solid #27ae60;
}
.footer .img-socials {
  height: 40px;
}
.footer .socials a,
.footer .socials a:hover {
  text-decoration: none !important;
  border-bottom: none;
}
.footer .foot-note {
  text-align: center;
  font-size: 0.8em;
}
.footer .usps {
  font-weight: 400;
}
.footer .usps li {
  margin: 5px 0;
}
.footer .usps li .fa-li {
  margin-top: -2px;
  font-size: 1.4em;
}

.footer-menu-fixed {
  position: fixed;
  bottom: 0;
  background-color: #fff;
  width: 100%;
  z-index: 98;
  border-top: 1px solid #e9e9e9;
}

.footer-menu-fixed a.footer-menu-fixed-link-inner {
  color: #000 !important;
}

.footer-menu-fixed a.footer-menu-fixed-link-inner.selected {
  color: #0d6efd !important;
}


/* ----------------------------- APP OVERRULES ----------------------------- */
input.lb-spc-details-checkbox {
  appearance: auto !important;
}

#bon-loyalty-btn {
  padding: 16px;
  min-width: 53px;
}

ul.fa-ul li, ul.ul-links li {
  float: none;
}

.thumbnail-slider .thumbnail[aria-current] {
  border-width: 2px;
}

#bon-loyalty-btn {
  opacity: 0.5 !important;
}

@media (min-width: 992px) {
  .list-menu--inline {
    column-gap: 20px;
    row-gap: 4px;
  }
}

@media (max-width: 575px) {
  #menu-drawer .link {
    font-size: 1.3em;
    font-weight: 600 !important;
  }
}

.menu-drawer__menu-item, .menu-drawer__close-button {
    padding: 12px 30px !important;
}

.menu-drawer__navigation {
    padding: 20px 0 20px !important;
}

@media (max-width: 991px) {
  .product__info-container>*+* {
    font-size: 1.2em;
  }
}

.wbsortbar.wbmobilefil {
  display: none;
}

.mainblogs {
  font-size: 1.2em;
}

#cart-notification {
  display: none !important;
}

.subscription-options--pills .selling_plan_app_plans_list label {
  border: 2px solid #e5e5e5 !important;
}

.subscription-options--pills .selling_plan_app_plans_list input[type="radio"]:checked + label {
  background-color: #fff !important;
  color: #000 !important;
  border-color: #000 !important;
}

.gradient {
  background-color: #fff;
}

.product-card-wrapper .card, .contains-card--product {
  --border-radius: 0px;
}

.media>img {
  border-radius: 0px;
}

.rte img {
  border-radius: 6px;
}

.comp-product .wbpricetax .wbvariantbadges, .featured-product .wbvariantbadges {
    max-width: 95px !important;
}