/** Shopify CDN: Minification failed

Line 227:0 Expected "*/" to terminate multi-line comment

**/
.page-width { max-width: 1800px; } 
.template-blog .main-content .page-width { max-width: 1400px; } 
[id^="CollectionSection"] .page-width { max-width: none; }
.article--layout { position: relative; }

/* .page-width--narrow { max-width: 1000px; }
*/

.site-nav > li:nth-child(1) a {font-weight:bold}
.btn { border-radius: 7px; }

.page-width {
  max-width: 1800px !important;
}

.page-content.page-width--narrow {
  max-width: 850px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

body.template-article article.page-width.page-width--narrow.page-content.article {
  max-width: 850px !important;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
}

body.template-product .product-block {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

body.template-collection .metafield-rich_text_field {
  text-align: left !important;
}

.article__body.rte h1 {
  margin-bottom: 16px !important;
}

.article__body.rte h2 {
  margin-top: 24px !important;
  margin-bottom: 12px !important;
}

.article__body.rte h3 {
  margin-top: 16px !important;
  margin-bottom: 8px !important;
}


div.product-block .rte h2 {
  margin-top: 24px !important;
  margin-bottom: 12px !important;
}

div.product-block .rte h3 {
  margin-top: 16px !important;
  margin-bottom: 8px !important;
}




/* Blog */
.article__image-wrap { height: auto; }

/* Search icon */
a[href="/search"].site-nav__link { display: inline-block !important; }
@media only screen and (min-width: 769px) {
  .site-nav--icons a[href="/search"].site-nav__link { display: none !important; }
}
@media only screen and (max-width: 768px) {
  .site-nav__icons .site-nav__link { padding-left: 7px; padding-right: 8px; }
}


/* a[data-action="open-modal"], 
a[href="/search"], 
a[data-search], 
a[title="Search"],  */
body form[action="/search"]:not(.rps-csb-form-container):not(.rps_search_overlay_form) { display: flex !important; } 
body input[name="q"]:not(.rps-csb-input):not(.rps_search_overlay_input) { display: inline-block !important; } 
/*button[type="button"].js-drawer-open-top, 
a[href="/search"], 
a.show-search-link, 
.header-search-toggle, 
li.search, 
a.searchIco, 
a.searchIcon, 
button.js-drawer-open-top, 
.header__search */

.site-nav--active .site-nav__link::after {
    height: 1px;
    display: block;
    width: calc(100% + 10px);
    background-color: #afafaf;
    position: relative;
    left: -5px;
    bottom: -2px;
    content: "";
}

.grid-product__price {
    margin-top: 0px;
    color: brown;
}

.grid-product__title {
    font-weight: 600;
}

/* Mailchimp css for embedded form

<style type="text/css">
    <!--
    #mc_embed_signup {
        background: #fff;
        clear: left;
        font: 14px Helvetica, Arial, sans-serif;
        font-family: "Assistant", Helvetica, Arial, sans-serif;
        width: 600px;
    }

    /* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
       We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */

    /* Add spacing before field labels */
    .mc-field-group label {
        margin-bottom: 10px;
        font-family: "Assistant", Helvetica, Arial, sans-serif; /* Use "Assistant" font for the labels */
    }

    /* Add spacing between fields */
    .mc-field-group {
        margin-bottom: 20px;
    }

    /* Add thicker borders to input fields */
    .mc-field-group input {
        border: 2px solid #ccc;
        border-radius: 5px; /* Add rounded corners */
        padding: 5px 10px; /* Add some padding inside the fields */
        width: 100%; /* Make the input fields 100% wide */
        box-sizing: border-box; /* Include padding and border in the width */
        font-family: "Assistant", Helvetica, Arial, sans-serif; /* Use "Assistant" font for the input fields */
    }

    /* Add space after "indicates required" */
    .indicates-required {
        margin-bottom: 30px;
        font-family: "Assistant", Helvetica, Arial, sans-serif; /* Use "Assistant" font for the "indicates required" text */
    }

    /* Style the Subscribe button */
    #mc-embedded-subscribe {
        background-color: #000; /* Black background */
        color: #fff; /* White text */
        margin-top: 5px;
        border: none;
        border-radius: 6px; /* Add rounded corners */
        padding: 10px 20px;
        cursor: pointer;
        font-family: "Assistant", Helvetica, Arial, sans-serif; /* Use "Assistant" font for the button */
    }

    #mc-embedded-subscribe:hover {
        opacity: 0.8; /* Reduce opacity on hover for a slight visual effect */
    }
    /*-->
</style>*/

/* Avada-CookiesBar */
#Avada-CookiesBar { z-index: 999999 !important; }
#ShopifyChat { z-index: 99999 !important; }

/* Add to card background color change */
.payment-buttons .add-to-cart--secondary { --colorBody: #000; --colorTextBody: #fff; }
[data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static).add-to-cart--secondary {
  background-image:url("button-arrow.png");
}
@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (-webkit-min-device-pixel-ratio:2.0833333333333335),only screen and (min-device-pixel-ratio:1.25),only screen and (min-resolution:1.25dppx),only screen and (min-resolution:200dpi){
  [data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static).add-to-cart--secondary {
    background-image:url("button-arrow-2x.png");
  }
}

/* Wishlist icon in header */
.swym-header-launcher { margin-right: 10px !important; stroke-width: 2px; padding-top: 3px; }

/* icon-and-text */
.product-block--sales-point .icon-and-text { align-items: flex-start; }




/*.collection-long-description {
  text-align: left !important;
  direction: ltr !important;
}

.collection-long-description h2,
.collection-long-description h3,
.collection-long-description p,
.collection-long-description ul {
  text-align: left !important;
}

/*.rte, .metafield-rich_text {
text-align: left !important;
direction: ltr !important;
}