/** Shopify CDN: Minification failed

Line 256:12 Unexpected "0"
Line 954:4 Expected ")" to end URL token

**/
 @charset "UTF-8";

 @font-face {
     font-family: 'Canela';
     src: url('/cdn/shop/files/Canela-Bold.woff2?v=1672905886') format('woff2'), url('/cdn/shop/files/Canela-Bold.woff?v=1672905886') format('woff');
     font-weight: bold;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: 'Canela';
     src: url('/cdn/shop/files/Canela-Medium.woff2?v=1672905886') format('woff2'), url('/cdn/shop/files/Canela-Medium.woff?v=1672905886') format('woff');
     font-weight: 500;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: 'Canela';
     src: url('/cdn/shop/files/Canela-Light.woff2?v=1672905886') format('woff2'), url('/cdn/shop/files/Canela-Light.woff?v=1672905886') format('woff');
     font-weight: 300;
     font-style: normal;
     font-display: swap;
}
.prodhome{    height: 100%;
    width: auto;}

 @media only screen and (max-width:768px) {
.prodhome{    height: auto;
    width: 100%;}
}

.page--organic-sugar-lip-scrub .potl{display:none}
.blog--article-list .article--item:first-child{display:none !important}
.shopify_subscriptions_app_container{
    padding: 0px 0px 50px!important;
}
.shopify_subscriptions_app_block_label {
    border: 0;
    margin: 0;
    padding: 20px 20px 15px;
    border: 1px solid black !important;
    margin-bottom: 10px !important;
}
.shopify_subscriptions_app_block_label ul {
    padding-left: 0 !important;
    padding-top: 5px;
}
.shopify_subscriptions_app_policy {
    margin-top: 0 !important;
    color: inherit;
    text-align: center;
    font-size: 1em;
}

.shopify_subscriptions_purchase_option_wrapper label{
    font-weight: bold;    padding: 0;
    position: relative;
    top: 3px;
}

.shopify_subscriptions_app_block_label ul label input{

    position: relative;
    top: 1px;
}

.featured-content--overline{    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;}
body a:focus {
text-decoration: underline;
}
 .blocpapa{background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 15px 15px #00000026;
border-radius: 15px;
opacity: 1;padding:15px;    width: calc(33.33% - 20px);
    margin: 10px;float: left;}

.papa{
    width: 100%;
    display: inline-block;
    max-width: 675px;
    margin: 0 auto;    display: flex;
    flex-wrap: wrap;
}
.uij{
  width: 100%;
    float: left;
    text-align: center;
    font-size: 14px!important;
    line-height: 16px!important;
    border: 1px solid #000000!important;
    padding-top: 14px;
    padding-bottom: 14px;
    height: 46px;
    line-height: 16px!important;
    text-transform: uppercase;
    width: 100%;
    border-radius: 0;
    color: white !important;
    letter-spacing: 2px;
    font-weight: 600;
    background: black !important;
}
.uij:hover{
    color: black !important;
    background: #f7f1eb !important;
}
.page--castor-pack-kit .badge-out-stock{display:none !important}

 .blocpapa2{background: #F3F9FD 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 20px;
    width: calc(50% - 80px);
    margin: 0 40px 40px;
    float: left;}

 .blocpapa2 a {color:#80b2c4 !important}


.blocpapa2 img{    width: calc(100% + 80px);
    margin: -20px -40px 20px;
    max-width: initial;}


.papa2{
    width: 100%;
    display: inline-block;
    max-width: 675px;
    margin: 0 auto;    display: flex;
    flex-wrap: wrap;
}



.page--privacy-policy .shopify-policy__title h1{text-transform: capitalize;}


:root {

/* Colors: */
--unnamed-color-ffffff: #FFFFFF;
--unnamed-color-85d4e5: #85D4E5;
--unnamed-color-52b5f7: #52B5F7;
--unnamed-color-696e71: #696E71;
--unnamed-color-dceefa: #DCEEFA;
--unnamed-color-eaf7e1: #EAF7E1;
--unnamed-color-fcf0e5: #FCF0E5;
--unnamed-color-333333: #333333;

/* Font/text values */
--unnamed-font-family-bilo: Bilo;
--unnamed-font-family-canela: Canela;
--unnamed-font-style-normal: normal;
--unnamed-font-weight-normal: normal;
--unnamed-font-weight-bold: bold;
--unnamed-font-weight-medium: medium;
--unnamed-font-size-14: 14px;
--unnamed-font-size-16: 16px;
--unnamed-font-size-30: 30px;
--unnamed-character-spacing-0: 0px;
--unnamed-character-spacing-1-4: 1.4px;
--unnamed-character-spacing-0-64: 0.64px;
--unnamed-line-spacing-20: 20px;
--unnamed-line-spacing-35: 35px;
--unnamed-line-spacing-50: 50px;
--unnamed-text-transform-uppercase: uppercase;
}


#opt-out-p-id {float:left;width:100%;text-align:center;margin: 10px 0 30px;font-weight: 600;
    font-size: 19px;}
#opt-out-p-id a{color: #72b4c6;}



.qtydiv label{display: block;margin-bottom: 12px;letter-spacing: 2.8px;color: #747a7b;}
.qtydiv .btnqty{      display: inline-block;
    cursor: pointer;
    user-select: none;
    font-size: 20px;
    padding: 5px;
    line-height: 27px;
    height: 40px;
    width: 30px;
    float: left;
    text-align: center;}
.qtydiv .btnqty.qtyminus{}
.qtydiv .btnqty.qtyplus{}
.qtydiv .quantity-input{    border: none;
    padding: 0;
    text-align: center;
    width: 34px;
    outline: none;
    display: inline-block;
    float: left;
    height: 43px;}
.qtydiv {   display: inline-block;
    width: 96px;
    margin-right: 10px;}

.qtydiv .qtybox{  border: 1px solid black;
    background: white;    display: inline-block;}

.off-canvas--right-sidebar[data-active=cart] {
}
.off-canvas--right-sidebar .qtydiv {
    padding: 0;
    float: left;
    display: flex;
    margin-bottom: 30px;
    border: 0;
    text-align: center;
    justify-content: center;
    width: 100%;
}
.off-canvas--right-sidebar .qtydiv .quantity-input {
    height: 37px;
}

.dtc{    max-width: 100%;
    width: 500px;
    margin: 0 auto;padding: 100px 15px;}
.dtcchild{    Float: left;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #eaeaea;}
.dtcchildimage{float:left;width:100px}
.dtcchiltexte{float:left;width:calc(100% - 100px);font-family: Canela;
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 28px;padding: 25px;}
.pecor{      font-size: 13px;
    line-height: 19px;
    font-weight: 400;
    font-family: bilo, sans-serif;
    float: left;
    width: 100%;    margin-bottom: 18px}

.pecor a{      font-size: 13px;
    line-height: 19px;text-decoration:underline !important
  }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
   opacity: 1 !important;
}

[aria-label=0] div {
display:none !important
}

.pdptree {    margin-bottom: 20px;float:left;width:100%}

.pdptree {
    font-family: 'Bilo';
    font-style: normal;
    font-weight: 300;
    font-size: 14px !important;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.03em;
}

.pdptree strong {
 letter-spacing: .2em;
    text-transform: uppercase;
    font-size: 12px !important;
    margin-bottom: 0;
    display: inline-block;
    font-weight: 600;
}
.product-page--featured-blocks .bv_war_button {display:none !important}
.product-page--featured-blocks .bv_main_container div.bv_main_container_row_flex {display:none !important}
body .product-page--featured-blocks [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container {
    padding-left: 1em !important;
}

.page--butters-amp-balms #featured-collection-show-more,
.page--masks-amp-mists #featured-collection-show-more,
.page--cotton #featured-collection-show-more,
.page--diy-essentials #featured-collection-show-more{display:none}

.filter--root .iialphabetically-a-z, .filter--root .iialphabetically-z-a, .filter--root .iidate-old-to-new, .filter--root .iidate-new-to-old{display:none}


.page--our-product-standards .template-page--root img{    width: 70px;
    margin: 0 5px;}
.page--our-product-standards [data-item=rte-content]>:not(blockquote) {
    padding-bottom: 0px;
    margin: 0 auto 0px;
    max-width: 100%;font-size: 17px;
}
.list3{column-count: 3;}

 .template--product .collapsible-tab--content-wrapper .inside .seemoresir{
    font-weight: 600;
     font-size: 12px;
     line-height: 22px;
     letter-spacing: 0.03em;
     text-decoration: underline;
    list-style: none;
     margin-top: 6px;
    padding-bottom: 0
}
 #hidesir{
    display:none;    text-align: left;
}
 .nooo{
    display:inline-block!important
}
 .template--product .collapsible-tab--content-wrapper .inside p{
    padding-bottom:0
}
 .inside {
    padding-bottom:25px
}

/* Product Rating Bazaarvoice */

 body [data-bv-show="rating_summary"]{
     text-align: center !important;
}
 body [data-bv-show="rating_summary"] path{
     filter: grayscale(1) brightness(0.0);
}
 body [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container{
     transform: scale(0.8) !important;
}
.product--details [data-bv-show=inline_rating]{text-align: center;
}


/* Block Cart */

 #slidecarthq .empty svg{
     display:none 
}
 html body #slidecarthq .announcements p{
     font-family: 'Bilo';
     font-style: normal;
     font-weight: 300;
     font-size: 14px !important;
     line-height: 18px;
     text-align: center;
     letter-spacing: 0.03em;
}
 html body #slidecarthq .rewards-progress{
     background-color: #71B4C6 !important;
}
 html body #slidecarthq .announcements p strong{
     letter-spacing: .2em;
     text-transform: uppercase;
     font-size: 12px !important;
     margin-bottom: 7px;
     display: inline-block;
}
 #slidecarthq .item .title, #slidecarthq .item .title a {
     font-size: 17px;
     font-family: 'Canela';
     font-style: normal;
     font-weight: 300 !important;
     font-size: 16px;
     line-height: 19px;
}
 #slidecarthq .upsells-header h2 {
     text-align: left !important;
     color: #000;
     padding-left: 30px;
     font-weight: 300;
}
 #slidecarthq .upsell-text h3 a {
     font-size: 16px;
     font-family: 'Canela';
     font-style: normal;
     font-weight: 300 !important;
     font-size: 16px;
     line-height: 19px;
}
 #slidecarthq .rewards {
     border-bottom: 0px solid rgba(0,0,0,0.05) !important;
     border-top: 0px solid rgba(0,0,0,0.05) !important;
     background: #FAFAFA !important;
}
 #slidecarthq .footer {
     background: #FAFAFA !important;
}
 #slidecarthq .button.full {
     width: 100%;
     display: block;
     text-align: center;
     font-family: 'Bilo';
     font-style: normal;
     font-weight: 500;
     font-size: 12px;
     line-height: 16px;
     text-align: center;
     letter-spacing: 0.2em;
     background: black;
     color: white;
     text-transform: uppercase;
     border-radius: 0 !important;
    border: 1px solid black;
     height: 45px !important;
}
 #slidecarthq .header {
     position: relative;
}
 html body #slidecarthq .upsell-add button, html body #slidecarthq .item .item-error {
     font-size: 12px;
     background: transparent !important;
     height: 32px;
     border: 1px solid #0000002e;
     border-radius: 0;
     padding: 0 23px;
     letter-spacing: 0.2em;
    margin-top:4px 
}
 #slidecarthq .cart-count{
     font-family: 'Bilo';
     font-style: normal;
     font-weight: 400;
     font-size: 13px !important;
     line-height: 16px;
     text-align: center;
     letter-spacing: 0.03em;
     color: black;
     position: absolute;
     left: 50%;
     transform: translateX(-50%) translateY(-50%);
     top: 50%;
}
 .cartEmpty .cart-count{
    display:none
}
 #slidecarthq .cart-count:after{
    content:' item(s)'
}
 #slidecarthq .remove:hover{
    background:white !important
}
 #slidecarthq .button.full:hover {
     background: #FAFAFA !important;
    color:black 
}
 #slidecarthq .footer-row .shipping-cost span, #slidecarthq .footer-row .shipping-cost span a {
     text-transform: initial !important;
     font-size: 16px !important;
     font-weight: 300 !important;
     letter-spacing: 0.4px;
     color: #000000 !important;
}
 #slidecarthq .footer .footer-continue {
     display: block;
     margin-top: 10px;
     color: #000000;
     transition: 0.2s color;
     cursor: pointer;
     font-family: 'Bilo';
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     line-height: 18px;
     letter-spacing: 0.03em;
     padding: 10px 0;
}
 #slidecarthq .upsell-text p {
     color: #000000 !important;
}
 #slidecarthq .upsell-item {
     width: calc(100% - 60px);
     margin: 0 30px;
}
 #slidecarthq .upsell-image {
     width: 33% !important;
     float: left;
}
 #slidecarthq .upsell-text {
     margin: 0 15px;
     text-align: center;
     width: calc(67% - 30px);
     float: left;
}
 #slidecarthq .upsell-add {
     width: 67%;
     float: left;
     text-align: center;
     margin-top: 6px;
}
 #slidecarthq .upsell-item {
     background-color: #faf6f2 !important;
     width: calc(100% - 60px) !important;
     display: inline-block !important;
     margin: 0 30px !important;
}
 #slidecarthq .item .properties-key-value li span {
     color: rgb(0 0 0) !important;
}
 #slidecarthq .quantity-selector button:first-of-type {
     border-right: 0px solid black;
}
 #slidecarthq .item {
     padding: 30px 0;
     margin: 0 30px;
}
 #slidecarthq .quantity-selector button:last-of-type {
     border-left: 0px solid black;
}
 #slidecarthq .empty p{
     font-family: 'Bilo';
     font-style: normal;
     font-weight: 600;
     font-size: 12px;
     line-height: 16px;
     text-align: center;
     letter-spacing: 0.2em;
     text-transform: uppercase;
     color: black;
}
 #slidecarthq .header button svg path {
     fill: rgb(0 0 0) !important;
}
 #slidecarthq .header button {
     background-color: transparent !important;
}
 html body #slidecarthq .header h2{
     font-size: 18px;
     font-weight: 300;
}


 [data-critical-css=false] {
     display: none 
}
 


 *, :after, :before {
     box-sizing: border-box 
}
 html {
     margin: 0;
     padding: 0 
}
 html.js body[data-tabbing=false] [tabindex='0'], html.js body[data-tabbing=false] a, html.js body[data-tabbing=false] button, html.js body[data-tabbing=false] input, html.js body[data-tabbing=false] textarea {
     outline: 0 
}
 body {
     margin: 0;
     padding: 0;
     background: var(--bg-color--body);
     color: var(--color--body);
}
 .footer--root, .layout--main-content>*, .modal--root, .modal--window, .popup-modal-close {
     opacity: 0 
}
 .no-js .footer--root, .no-js .layout--main-content>*, .no-js .modal--root, .no-js .modal--window, .no-js .popup-modal-close, [data-assets-loaded=true] .footer--root, [data-assets-loaded=true] .layout--main-content>*, [data-assets-loaded=true] .modal--root, [data-assets-loaded=true] .modal--window, [data-assets-loaded=true] .popup-modal-close {
     opacity: 1 
}
 @media only screen and (min-width:768px) {
     [data-mq=small], [data-mq=small][data-container] {
         display: none 
    }
}
 @media only screen and (min-width:1024px) {
     [data-mq=small-medium], [data-mq=small-medium][data-container] {
         display: none 
    }
}

.lastd{text-align:center}
.centercenter{text-align:center}
.lastd img{padding:30px 10px;position: relative;display: inline-block;}
 @media only screen and (max-width:767px) {
.blocpapa2 {
    background: #F3F9FD 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 20px;
    width: calc(100% + 40px);
    margin: 0 -20px 0px;
    float: left;
}
.blocpapa2 img {
    width: calc(100% + 110px);
    margin: -20px -55px 20px;
    max-width: initial;
}
   .papa2 {
    padding: 30px;
}
   .dtcchiltexte {
    font-size: 19px;
}

   
     .titleabouth1{
        font-size: 44px;
         line-height: 47px;
         max-width: 80%;
    }
     .titleaboutcontainer {
         height: 300px;
    }
     [data-mq=medium], [data-mq=medium][data-container] {
         display: none 
    }
}
 @media only screen and (min-width:1024px) {
     [data-mq=medium], [data-mq=medium][data-container] {
         display: none 
    }
}
 @media only screen and (max-width:767px) {
     [data-mq=medium-large], [data-mq=medium-large][data-container] {
         display: none 
    }
}
 @media only screen and (max-width:767px) {
     [data-mq=large], [data-mq=large][data-container] {
         display: none 
    }
}
 @media only screen and (min-width:768px) and (max-width:1023px) {
     [data-mq=large], [data-mq=large][data-container] {
         display: none 
    }
}
 [data-mq=none], [data-mq=none][data-container] {
     display: none 
}
 [data-container=section] {
     display: grid;
     grid-row-gap: 20px 
}
 [data-container=panel] {
     display: grid;
     grid-column-gap: 32px;
     grid-row-gap: 32px;
     grid-template-columns: minmax(auto, 1fr);
     justify-content: center 
}
 @media only screen and (max-width:767px) {
     [data-container=panel] {
         grid-column-gap: 16px;
         grid-row-gap: 16px 
    }
     [data-container=panel][data-mobile-columns='1'] {
         grid-template-columns: minmax(auto, 1fr) 
    }
     [data-container=panel][data-mobile-columns='2'] {
         grid-template-columns: repeat(2, minmax(0, 1fr)) 
    }
}
 @media only screen and (min-width:768px) {
     [data-container=panel][data-block-spacing=false] {
         grid-column-gap: 0;
         grid-row-gap: 0 
    }
     [data-container=panel][data-columns='1'] {
         grid-template-columns: repeat(1, minmax(0, 1fr)) 
    }
     [data-container=panel][data-columns='2'] {
         grid-template-columns: repeat(2, minmax(0, 1fr)) 
    }
     [data-container=panel][data-columns='3'] {
         grid-template-columns: repeat(3, minmax(0, 1fr)) 
    }
     [data-container=panel][data-columns='4'] {
         grid-template-columns: repeat(4, minmax(0, 1fr)) 
    }
     [data-container=panel][data-columns='5'] {
         grid-template-columns: repeat(5, minmax(0, 1fr)) 
    }
     [data-container=panel][data-columns='6'] {
         grid-template-columns: repeat(6, minmax(0, 1fr)) 
    }
}
 [data-container=block-container], [data-container=block] {
     display: flex;
     flex-wrap: wrap 
}
 .flexbox-gap [data-container=block-container], .flexbox-gap [data-container=block] {
     gap: 16px 
}
 .no-flexbox-gap [data-container=block-container]>*, .no-flexbox-gap [data-container=block]>* {
     margin: 8px 
}
 [data-container=section] [data-item] {
     display: block;
     flex-basis: 100% 
}
 [data-section-id] {
     padding: 50px 48px 
}
 [data-section-id][data-spacing-above=false] {
     padding-top: 0 
}
 [data-section-id][data-spacing-below=false] {
     padding-bottom: 0 
}
 [data-section-id][data-spacing=none] {
     padding: 0 
}
 @media only screen and (max-width:767px) {
     [data-section-id] {
         padding: 32px 16px 
    }
}
 @media only screen and (min-width:768px) {
     [data-section-id]:not([data-container])>:not([data-container]) {
         margin: 0 auto 
    }
     [data-section-id][data-container-width='1']:not([data-container])>:not([data-container]) {
         max-width: 650px 
    }
     [data-section-id][data-container-width='2']:not([data-container])>:not([data-container]) {
         max-width: 800px 
    }
     [data-section-id][data-container-width='3']:not([data-container])>:not([data-container]) {
         max-width: 1000px 
    }
     [data-section-id][data-container-width='4']:not([data-container])>:not([data-container]) {
         max-width: 1200px 
    }
     .template--index .apps--root[data-section-id][data-container-width='4']:not([data-container])>:not([data-container]) {
         max-width: 100% 
    }
     [data-section-id][data-container-width='6'] {
         padding-left: 0;
         padding-right: 0 
    }
}
 html {
     -webkit-text-size-adjust: 100% 
}
 body {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     margin: 0;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, .004) 
}
 .rte>:not(blockquote), [data-item=rte-content]>:not(blockquote) {
     padding-bottom: 15px 
}
 @media only screen and (max-width:767px) {
     .rte>:not(blockquote), [data-item=rte-content]>:not(blockquote) {
         padding-bottom: 15px 
    }
   
}

.product-page--top-panel .product-page--block .collapsible-tab--content-wrapper  .potl{    margin-top: 15px;
    max-width: 60%;
   height: 100px;
    padding-bottom: 10px;
}


 .rte>:last-child, [data-item=rte-content]>:last-child {
     padding-bottom: 0 
}
 p {
     margin: 0 
}
 b, strong {
     font-weight: bolder 
}
 img {
     border-style: none 
}
 .rte img, [data-item=rte-content] img {
     -o-object-fit: cover;
     object-fit: cover 
}
 a, a:link, a:visited {
     color: var(--color--body);
     text-decoration: none;
     background-color: transparent 
}
 .no-touchevents a, .no-touchevents a:link, .no-touchevents a:visited {
     transition: color .2s ease 
}
 .rte a, .rte a:link, .rte a:visited, [data-item=rte-content] a, [data-item=rte-content] a:link, [data-item=rte-content] a:visited {
}
 a:hover {
     color: var(--color--body) 
}
 .rte a:hover, [data-item=rte-content] a:hover {
     color: var(--color--body--light) 
}
 .rte blockquote, [data-item=rte-content] blockquote {
     font-style: italic;
     padding: 16px 0 16px 16px;
     border-left: 2px solid #e0e0e0;
     margin: 0 0 32px;
     max-width: 600px 
}
.article--content blockquote{      background: #EBF4E3;
    border: 0;
    max-width: 100% !important;
    width: 100%;
    text-align: center;
    padding: 50px 0;
    margin: 50px 0 70px;}

.article--content blockquote.tiktok-embed iframe {
    border: none;
    width: auto !important;
    margin: 0 auto;
}
.article--wrapper .article--content blockquote span{    font-family: 'Bilo';
    font-style: italic;
    font-weight: 300;
    font-size: 30px;
    line-height: 39px;
    text-align: center;
    letter-spacing: 0.03em;
    width: 424px;
    display: inline-block;
    margin: 0 auto;}

.swiper-blog .article--item .image--container{
    max-width: 100%;
    position: relative;
    aspect-ratio: 1;
    padding: 0 !important;
}
.swiper-blog .article--item .image--container img, .blog--body .blog--article-list .article--item .image--root img{
    object-fit: cover;
}

 @media only screen and (max-width:767px) {
     .rte blockquote, [data-item=rte-content] blockquote {
         margin: 0 0 12px;
         padding: 12px 0 12px 12px 
    }
   .article--content blockquote{    margin: 30px 0;
    padding: 0 20px;
}
  .article--wrapper .article--content blockquote span{   margin: 30px 0 30px;
    padding: 30px 0;}
   .article--wrapper .article--content blockquote span {
    font-size: 18px;
    line-height: 23px;
    width: 100%;
}
}
 ul {
     margin: 0;
     padding: 0;
     list-style-type: none 
}
 .rte ul, [data-item=rte-content] ul {
     list-style-type: disc;
     padding-left: 32px;
     line-height: 1.7em 
}
 .rte ul ul, [data-item=rte-content] ul ul {
     list-style-type: circle 
}
 ol {
     margin: 0;
     padding: 0;
     list-style-type: none;
     line-height: 1.7em ;font-size:19px
}
 .rte ol, [data-item=rte-content] ol {
     padding-left: 32px;
     list-style-position: inside;
     counter-reset: item 
}
 @media only screen and (max-width:767px) {
     .rte ol, [data-item=rte-content] ol {
         padding-left: 16px 
    }
}
 .rte ol li:before, [data-item=rte-content] ol li:before {
     content: counters(item, ".") ". ";
     counter-increment: item 
}
 .rte ol ol li:before, [data-item=rte-content] ol ol li:before {
     content: counters(item, ".") " ";
     counter-increment: item 
}
 li {
     display: block 
}
 .rte li, [data-item=rte-content] li {
     display: list-item 
}
 hr {
     box-sizing: content-box;
     height: 0;
     overflow: visible 
}
 table {
     border-collapse: collapse;
     border-spacing: 0 
}
 .rte table, [data-item=rte-content] table {
     border: 0;
     margin: -8px 
}
 @media only screen and (max-width:767px) {
     .rte table, [data-item=rte-content] table {
         width: auto !important;
         margin: -6px 
    }
}
 tr:not(:last-child) {
     padding-bottom: 16px 
}
 td {
     padding: 8px 
}
 @media only screen and (max-width:767px) {
     td {
         margin: 6px 
    }
}
 address {
     font-style: unset 
}
 iframe {
     max-width: 100% 
}
 .error {
     color: #d32f2f 
}
 .errors {
     color: #d32f2f;
     padding-bottom: 16px 
}
 :-moz-placeholder, :-ms-input-placeholder, ::-moz-placeholder, ::-webkit-input-placeholder {
     color: black 
}
 label {
     padding-bottom: 8px;
     display: block 
}
 select {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background-color: #fff;
     background-image: url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNy43cHgiIGhlaWdodD0iNC4zcHgiIHZpZXdCb3g9IjAgMCA3LjcgNC4zIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3LjcgNC4zIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM5OTk5OTkiIGQ9Ik03LjEsMC4xQzYuNywwLjUsMy45LDMuMiwzLjksMy4yUzEsMC41LDAuNiwwLjFTMCwwLjcsMCwwLjdsMy45LDMuNmwzLjgtMy42QzcuNywwLjcsNy41LTAuMyw3LjEsMC4xeiIvPg0KPC9zdmc+DQo=);
     background-position: right 10px center;
     background-repeat: no-repeat;
     border-radius: 2px;
     border: 1px solid #e0e0e0;
     color: var(--color--body);
     cursor: pointer;
     font-size: 14px;
     margin: 0 0 16px;
     max-width: 100%;
     padding: 9px 28px 9px 15px;
     text-indent: .01px;
     text-overflow: '';
     width: 100% 
}
 select.compact {
     padding: 5px 28px 5px 15px 
}
 select:focus {
     color: var(--color--body);
     background-color: #fff 
}
 select::-ms-expand {
     display: none 
}
 input, textarea {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background-color: #fff;
     border-radius: 2px;
     border: 1px solid #e0e0e0;
     box-shadow: none;
     color: var(--color--body);
     margin: 0 0 16px;
     max-width: 100%;
     overflow: auto;
     padding: 8px 16px;
     text-transform: none;
     width: 100% 
}
 input:focus, textarea:focus {
     border: 1px solid #e0e0e0;
     color: var(--color--body);
     background-color: #fff 
}
 .filter--category.availability{
    display:none
}
 input {
     height: 45px;
     line-height: 45px 
}
 input.compact {
     padding: 6px;
     margin: 0 0 8px;
     height: 29px;
     line-height: 29px 
}
 [data-item=button]>*, [data-item=inverted-button]>*, [data-item=inverted-secondary-button]>*, [data-item=secondary-button]>*, button, input[type=button], input[type=reset], input[type=submit] {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     border-radius: 2px;
     border: 0;
     box-shadow: none;
     cursor: pointer;
     display: inline-block;
     height: 40px;
     line-height: 40px;
     padding: 0 16px;
     vertical-align: bottom;
     width: auto;
     zoom: 1 
}
 [data-item=button]>.compact, [data-item=button]>[data-height=compact], [data-item=inverted-button]>.compact, [data-item=inverted-button]>[data-height=compact], [data-item=inverted-secondary-button]>.compact, [data-item=inverted-secondary-button]>[data-height=compact], [data-item=secondary-button]>.compact, [data-item=secondary-button]>[data-height=compact], button.compact, button[data-height=compact], input[type=button].compact, input[type=button][data-height=compact], input[type=reset].compact, input[type=reset][data-height=compact], input[type=submit].compact, input[type=submit][data-height=compact] {
     height: 29px;
     line-height: 29px 
}
 [data-item=button]>:focus, [data-item=inverted-button]>:focus, [data-item=inverted-secondary-button]>:focus, [data-item=secondary-button]>:focus, button:focus, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus {
     background: var(--bg-color--button) 
}
 [data-item=button]>:link, [data-item=inverted-button]>:link, [data-item=inverted-secondary-button]>:link, [data-item=secondary-button]>:link, button:link, input[type=button]:link, input[type=reset]:link, input[type=submit]:link {
     color: var(--color--button) 
}
 [data-item=button]>:visited, [data-item=inverted-button]>:visited, [data-item=inverted-secondary-button]>:visited, [data-item=secondary-button]>:visited, button:visited, input[type=button]:visited, input[type=reset]:visited, input[type=submit]:visited {
     color: var(--color--button) 
}
 [data-item=button]>:hover, [data-item=inverted-button]>:hover, [data-item=inverted-secondary-button]>:hover, [data-item=secondary-button]>:hover, button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
     color: var(--color--button);
     background: var(--bg-color--button) 
}
 .no-touchevents [data-item=button]>*, .no-touchevents [data-item=inverted-button]>*, .no-touchevents [data-item=inverted-secondary-button]>*, .no-touchevents [data-item=secondary-button]>*, .no-touchevents button, .no-touchevents input[type=button], .no-touchevents input[type=reset], .no-touchevents input[type=submit] {
     transition-property: color, border-color, background-color;
     transition-duration: .2s;
     transition-timing-function: cubic-bezier(.25, .46, .45, .94) 
}
 button[disabled], input[disabled] {
     cursor: default 
}
 input[type=radio] {
     -webkit-appearance: radio;
     -moz-appearance: radio;
     appearance: radio;
     box-sizing: border-box;
     height: auto;
     height: auto;
     margin: 0 8px 0 0;
     padding: 0;
     width: auto 
}
 .rc-radio .rc-radio__input{
     filter: grayscale(1) contrast(1.5);
}
 input[type=checkbox] {
     -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
     appearance: checkbox;
     box-sizing: border-box;
     height: auto;
     margin: 0 8px 0 0;
     padding: 0;
     width: auto 
}
 [data-transition=fade-in] {
     transition: opacity .4s cubic-bezier(.45, .05, .55, .95);
     opacity: 1 
}
 [data-transition=fade-out] {
     transition: opacity .4s cubic-bezier(.45, .05, .55, .95);
     opacity: 0 
}
 .font--featured-heading, [data-item~=featured-heading] {
     line-height: 1.125em;
     margin: -.1875em 0;
     letter-spacing: -1px 
}
 @media only screen and (max-width:767px) {
     .font--featured-heading, [data-item~=featured-heading] {
         font-size: 28px;
         line-height: 1.2em;
         font-family: 'Canela';
    }
     .template--collection [data-item~=featured-heading] {
               color: #000000;
        font-size: 32px;
        letter-spacing: 0.03em;
        line-height: 1;
    }

   .page--our-product-standards .font--featured-heading, .page--our-product-standards [data-item~=featured-heading] {
         text-align:left
    }
   
 .template--collection.page--shop-all [data-item~=featured-heading], .template--collection.page--diy-oils [data-item~=featured-heading], .template--collection.page--diy-butters [data-item~=featured-heading], .template--collection.page--diy-others [data-item~=featured-heading] {
         color: black;
       
    }

       .page--diy-essentials-for-beauty-and-personal-care-sky-organics .font--featured-heading, [data-item~=featured-heading] {}

   
}
 [data-item~=section-heading] {
    /* line-height: 1.25em;
     */
     margin: -.25em 0;
    /* letter-spacing: .025em */
}
 @media only screen and (max-width:767px) {
     [data-item~=section-heading] {
         font-size: 28px;
         line-height: 32px;
    }
}
 @media only screen and (max-width:767px) {
     [data-item~=section-heading--mobile] {
         line-height: 1.25em;
         margin: -.25em 0;
         letter-spacing: .025em;
         font-size: 22px 
    }
}
 [data-item~=block-heading] {
    /* line-height: 1.33333em;
     */
    /* margin: -.25em 0;
     */
    /* letter-spacing: .025em */
}
 @media only screen and (max-width:767px) {
     [data-item~=block-heading] {
         font-size: 18px 
    }
}
 @media only screen and (max-width:767px) {
     [data-item~=block-heading--mobile] {
         font-size: 18px;
         line-height: 1.33333em;
         margin: -.25em 0 
    }
}
 [data-item=accent-text], input, label:not([data-item]), textarea {
     text-transform: uppercase;
     letter-spacing: 1px 
}
 @media only screen and (max-width:767px) {
     [data-item=accent-text], input, label:not([data-item]), textarea {
         font-size: 12px 
    }
}
 [data-item=nav-text] {
     text-transform: uppercase;
     letter-spacing: 1px;
     font-size: 14px 
}
 @media only screen and (max-width:767px) {
     [data-item=nav-text] {
         font-size: 13px 
    }
}
 [data-item=nav-text--sub] {
     text-transform: uppercase;
     letter-spacing: 1px;
     text-transform: capitalize;
     letter-spacing: 0;
     font-size: 15px 
}
 @media only screen and (max-width:767px) {
     [data-item=nav-text--sub] {
         font-size: 13px 
    }
}
 input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea, textarea[data-item] {
     text-transform: uppercase;
     letter-spacing: 1px;
     text-transform: none;
     font-size: 15px;
     letter-spacing: normal 
}
 @media only screen and (max-width:767px) {
     input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea, textarea[data-item] {
         font-size: 13px 
    }
}
 @media only screen and (max-width:767px) {
     input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea, textarea[data-item] {
         font-size: 16px 
    }
}
 [data-item=light-accent-text] {
     text-transform: uppercase;
     letter-spacing: 1px;
     color: var(--color--body--light) 
}
 @media only screen and (max-width:767px) {
     [data-item=light-accent-text] {
         font-size: 13px 
    }
}
 [data-item=light-accent-text]:focus, [data-item=light-accent-text]:hover, [data-item=light-accent-text]:link, [data-item=light-accent-text]:visited {
     color: var(--color--body--light) 
}
 @media only screen and (max-width:767px) {
     [data-item=light-accent-text] {
         font-size: 13px 
    }
}
 .rte, [data-item=paragraph], [data-item=rte-content], body {
     line-height: 1.5em;
     margin: -.25em 0 
}
 @media only screen and (max-width:767px) {
     .rte, [data-item=paragraph], [data-item=rte-content], body {
         font-size: 15px 
    }
}

[data-item=rte-content] a {
   color: #71B4C6;
}

#collapsible-tab-content[data-item=rte-content] a {
    color: #71B4C6;
    font-size: inherit;
}

#collapsible-tab-content[data-item=rte-content] p {
       font-weight: 300;
    font-size: 16px;
}
 [data-item=caption] {
     font-style: italic;
}
 [data-item=overline] {
     font-family: var(--font-medium);
     text-transform: uppercase;
     font-size: 13px;
     line-height: 16px;
     letter-spacing: 1px;
}

.metafield-multi_line_text_field b{font-weight:500}
 .template--product [data-item=overline] {
     font-family: 'Bilo';
     font-style: normal;
     font-weight: 600;
     font-size: 13px;
     line-height: 16px;
     text-align: center;
     letter-spacing: 0.2em;
     text-transform: uppercase;
}
 .page--organic-castor-oil-16oz.template--product [data-item=overline] {
    line-height: 1.1;
    text-align: center;
    font-family: Canela;
    font-size: 50px;
    margin-bottom: 10px;    text-transform: initial;
    letter-spacing: 0;
    font-weight: 500;
}

 .template--product .subheading p{
    font-family: 'Bilo';
     font-style: normal;
     font-weight: 300;
     font-size: 18px;
     line-height: 26px;
     text-align: center;
     letter-spacing: 0.03em;
}
 @media only screen and (max-width:767px) {
     [data-item=overline] {
         font-size: 13px 
    }
}
 body {
     margin: 0 
}
 [data-item=block-link] {
     flex-basis: auto 
}
 [data-item=block-link]>* {
     text-transform: uppercase;
     letter-spacing: 1px;
     display: inline-block;
     line-height: 1 
}
 @media only screen and (max-width:767px) {
     [data-item=block-link]>* {
         font-size: 13px 
    }
}
 .blog--filter--menu .blog--filter--menu-item:hover a:after{
     padding-bottom: .14286em;
     border-bottom: .07143em solid var(--color--body);
     content: '';
     display: block;
     width: 100% 
}
 [data-item=block-link]>:after {
     padding-bottom: .14286em;
     border-bottom: .07143em solid var(--color--body);
     content: '';
     display: block;
     width: 100% 
}
 [data-item=inverted-block-link] {
     flex-basis: auto 
}
 [data-item=inverted-block-link]>* {
     text-transform: uppercase;
     letter-spacing: 1px;
     display: inline-block;
     line-height: 1 
}
 @media only screen and (max-width:767px) {
     [data-item=inverted-block-link]>* {
         font-size: 13px 
    }
}
 [data-item=inverted-block-link]>:after {
     padding-bottom: .14286em;
     border-bottom: .07143em solid var(--color--body);
     content: '';
     display: block;
     width: 100% 
}
 [data-item=inverted-block-link]>* {
     color: var(--color--alternative) 
}
 [data-item=inverted-block-link]>:after {
     border-color: var(--color--alternative) 
}
 [data-item=small-text] {
     font-size: 12px 
}
 [data-item=a11y-button], [data-item=button]>*, input[type=submit] {
     background: var(--bg-color--button);
     color: var(--color--button);
     border-radius: 2px;
     text-transform: uppercase;
     letter-spacing: 1px;
     font-size: 14px 
}
 @media only screen and (max-width:767px) {
     [data-item=a11y-button], [data-item=button]>*, input[type=submit] {
         font-size: 13px 
    }
}
 [data-item=a11y-button]:focus, [data-item=a11y-button]:hover, [data-item=a11y-button]:link, [data-item=a11y-button]:visited, [data-item=button]>:focus, [data-item=button]>:hover, [data-item=button]>:link, [data-item=button]>:visited, input[type=submit]:focus, input[type=submit]:hover, input[type=submit]:link, input[type=submit]:visited {
     color: var(--color--button);
     background: var(--bg-color--button) 
}
 [data-item=inverted-button]>* {
     background: var(--bg-color--button);
     color: var(--color--button);
     border-radius: 2px;
     text-transform: uppercase;
     letter-spacing: 1px;
     font-size: 14px;
     font-size: 14px;
     background: var(--color--button);
     color: var(--bg-color--button) 
}
 @media only screen and (max-width:767px) {
     [data-item=inverted-button]>* {
         font-size: 13px 
    }
}
 [data-item=inverted-button]>:focus, [data-item=inverted-button]>:hover, [data-item=inverted-button]>:link, [data-item=inverted-button]>:visited {
     color: var(--color--button);
     background: var(--bg-color--button) 
}
 [data-item=inverted-button]>:focus, [data-item=inverted-button]>:hover, [data-item=inverted-button]>:link, [data-item=inverted-button]>:visited {
     background: var(--color--button);
     color: var(--bg-color--button) 
}
 [data-item=secondary-button]>* {
     background: var(--bg-color--button);
     color: var(--color--button);
     border-radius: 2px;
     text-transform: uppercase;
     letter-spacing: 1px;
     font-size: 14px;
     font-size: 14px;
     background: 0 0;
     border: 2px solid var(--bg-color--button);
     color: var(--bg-color--button);
     line-height: 41px 
}
 @media only screen and (max-width:767px) {
.off-canvas--main-content .featured-content--root.Organic{padding-bottom:0}
   .template--blog [data-off-canvas--state=left--opened] #shopify-section-footer{display:none}
   .template--blog [data-off-canvas--state=left--opening] #shopify-section-footer{display:none}
    .template--blog [data-off-canvas--state=left--closing] #shopify-section-footer{display:none}

.template--blog .affichetoi{box-shadow: 2px 0 10px -2px #888;
    transform: translateX(0);
    display: initial;}
   
     [data-item=secondary-button]>* {
         font-size: 13px 
    }
}
 [data-item=secondary-button]>:focus, [data-item=secondary-button]>:hover, [data-item=secondary-button]>:link, [data-item=secondary-button]>:visited {
     color: var(--color--button);
     background: var(--bg-color--button) 
}
 [data-item=secondary-button]>:focus, [data-item=secondary-button]>:hover, [data-item=secondary-button]>:link, [data-item=secondary-button]>:visited {
     color: var(--bg-color--button);
     background: 0 0 
}
 [data-item=inverted-secondary-button]>* {
     background: var(--bg-color--button);
     color: var(--color--button);
     border-radius: 2px;
     text-transform: uppercase;
     letter-spacing: 1px;
     font-size: 14px;
     font-size: 14px;
     background: 0 0;
     border: 2px solid var(--bg-color--button);
     color: var(--bg-color--button);
     line-height: 41px;
     font-size: 14px;
     background: 0 0;
     border: 2px solid var(--bg-color--body);
     color: var(--bg-color--body) 
}
 @media only screen and (max-width:767px) {
     [data-item=inverted-secondary-button]>* {
         font-size: 13px 
    }
}
 [data-item=inverted-secondary-button]>:focus, [data-item=inverted-secondary-button]>:hover, [data-item=inverted-secondary-button]>:link, [data-item=inverted-secondary-button]>:visited {
     color: var(--color--button);
     background: var(--bg-color--button) 
}
 [data-item=inverted-secondary-button]>:focus, [data-item=inverted-secondary-button]>:hover, [data-item=inverted-secondary-button]>:link, [data-item=inverted-secondary-button]>:visited {
     color: var(--bg-color--button);
     background: 0 0 
}
 [data-item=inverted-secondary-button]>:focus, [data-item=inverted-secondary-button]>:hover, [data-item=inverted-secondary-button]>:link, [data-item=inverted-secondary-button]>:visited {
     color: var(--bg-color--body);
     background: 0 0 
}
 [data-item=a11y-button], [data-item=hidden-text] {
     position: absolute;
     left: -10000px;
     top: auto;
     width: 1px;
     height: 1px;
     overflow: hidden 
}
 [data-item=a11y-button]:focus {
     position: fixed;
     top: 8px;
     left: 8px;
     display: inline-block;
     padding: 0 8px;
     width: auto;
     height: 30px;
     line-height: 30px;
     z-index: 11 
}
 [data-light-text=true] {
     color: var(--color--alternative);
}
 [data-light-text=true] a, [data-light-text=true] a:hover, [data-light-text=true] a:link, [data-light-text=true] a:visited, [data-light-text=true] svg {
     color: var(--color--alternative) 
}
 [data-light-text=true] a::after {
     border-color: var(--color--alternative) 
}
 [data-background-color=none] {
     background-color: var(--bg-color--body) 
}
 [data-background-color=light] {
     background-color: var(--bg-color--light) 
}
 [data-background-color=dark] {
     background-color: var(--bg-color--dark) 
}
 [data-background-color=accent] {
     background-color: var(--color--accent) 
}
.featured-collection--root[data-background-color=accent] {
     background-color: #EBF4E3
}




 [data-background-color=green] {
     background-color: var(--color-medium-green);
}
 [data-background-color=dark-green] {
     background-color: #F7F1EB;
}
 [data-item=nav-text] {
     font-size: 13px 
}
 [data-item=a11y-button], [data-item=button]>*, [data-item=inverted-button]>*, [data-item=inverted-secondary-button]>*, [data-item=secondary-button]>*, input[type=submit] {
     font-size: 13px 
}
 .placeholder--root {
     position: relative;
     width: 100% 
}
 .placeholder--root svg {
     fill: #cbcbcb;
     color: #cbcbcb;
     background-color: #ececec;
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     max-width: 100%;
     max-height: 100% 
}
 .placeholder--container {
     max-width: 100%;
     position: relative;
     width: 100% 
}
 .icon--root {
     position: relative;
     display: inline-block;
     vertical-align: middle 
}
 .icon--root path {
     fill: currentColor 
}
 .icon--3d-badge, .icon--play-badge {
     border-radius: 2px 
}
 .icon--root path, .payment-options svg, .x-menu--overlap-icon svg, a:focus svg, a:hover svg, a:link svg, a:visited svg, svg use svg {
     fill: currentColor 
}
 .icon--prev {
     background: var(--bg-color--body);
     border-radius: 50%;
     border: 1px solid #e0e0e0;
     display: block;
     height: 10px;
     padding: 16px;
     position: relative;
     width: 10px 
}
 .icon--prev div {
     background: var(--color--body);
     bottom: 0;
     height: 2px;
     left: 0;
     margin: auto;
     pointer-events: none;
     position: absolute;
     right: 3px;
     top: 0;
     transform-origin: center;
     width: 7px 
}
 .icon--prev div:first-child {
     transform: translate3d(0, 2px, 0) rotate3d(0, 0, 1, 45deg) scale(.9) 
}
 .icon--prev div:nth-child(2) {
     transform: translate3d(0, -2px, 0) rotate3d(0, 0, 1, -45deg) scale(.9) 
}
 .icon--prev div:last-child {
     width: 10px;
     transform: rotate3d(0, 1, 0, 90deg) scale(.9);
     opacity: 0 
}
 .icon--prev:hover div:first-child {
     transform: translate3d(-2px, 2px, 0) rotate3d(0, 0, 1, 45deg) scale(.9) 
}
 .icon--prev:hover div:nth-child(2) {
     transform: translate3d(-2px, -2px, 0) rotate3d(0, 0, 1, -45deg) scale(.9) 
}
 .icon--prev:hover div:last-child {
     transform: translate3d(1px, 0, 0) rotate3d(0, 0, 0, 0deg) scale(.9);
     opacity: 1 
}
 .icon--next {
     background: var(--bg-color--body);
     border-radius: 50%;
     border: 1px solid #e0e0e0;
     display: block;
     height: 10px;
     padding: 16px;
     position: relative;
     width: 10px 
}
 .icon--next div {
     background: var(--color--body);
     bottom: 0;
     height: 2px;
     left: 0;
     margin: auto;
     pointer-events: none;
     position: absolute;
     right: 0;
     top: 0;
     transform-origin: center;
     width: 7px 
}
 .icon--next div:first-child {
     transform: translate3d(0, 2px, 0) rotate3d(0, 0, 1, -45deg) scale(.9) 
}
 .icon--next div:nth-child(2) {
     transform: translate3d(0, -2px, 0) rotate3d(0, 0, 1, 45deg) scale(.9) 
}
 .icon--next div:last-child {
     width: 10px;
     transform: rotate3d(0, 1, 0, 90deg) scale(.9);
     opacity: 0 
}
 .icon--next:hover div:first-child {
     transform: translate3d(2px, 2px, 0) rotate3d(0, 0, 1, -45deg) scale(.9) 
}
 .icon--next:hover div:nth-child(2) {
     transform: translate3d(2px, -2px, 0) rotate3d(0, 0, 1, 45deg) scale(.9) 
}
 .icon--next:hover div:last-child {
     transform: translate3d(-1px, 0, 0) rotate3d(0, 0, 0, 0deg) scale(.9);
     opacity: 1 
}

/* Announcement Bar */

 .announcement--root {
     text-align: center;
     width: 100%;
     z-index: 1;
    background: #8DB7E2;
}
 .announcement--link {
     width: 100% 
}
 .announcement--wrapper {
     padding: 0 16px;
     max-width: 100%;
     margin: 0 auto;
     display: flex;
     align-items: center;
     justify-content: center 
}

.page--fabulous-hair-for-fall .blueblocblocy.tyghf {
    position: relative;
    padding-bottom: 150px;
}
.page--fabulous-hair-for-fall .quotess {
    width: calc(100% - 70px);
    position: absolute;
    bottom: 31px;
}
 @media only screen and (max-width:1300px) {
.page--fabulous-hair-for-fall .blueblocblocy.tyghf {
    padding-bottom: 180px;
}
.page--fabulous-hair-for-fall .quotess {
    bottom: 30px;
}
}
 @media only screen and (max-width:767px) {
     .announcement--wrapper {
         display: block;
         max-width: 100% 
    }
}
 .announcement--wrapper>* {
     padding: 11px 
}
 .announcement--icon {
     flex-shrink: 0;
     padding-right: 0;
     line-height: 1 
}
 .announcement--icon img {
     max-height: 25px 
}
 .swiper-containertop{
     float: left;
     width: 100%;
     overflow: hidden;
     position: relative;
     color: white;
     text-transform: uppercase;
}
 .swiper-containertop .swiper-slide, .swiper-containertop .swiper-slide a{
     font-size: 11px;
    color: white;
     font-style: normal;
     font-weight: 500;
     font-size: 11px;
     line-height: 14px;
     text-align: center;
     letter-spacing: 0.15em;
     text-transform: uppercase;
}
 .swiper-containertop .swiper-button-next:after, .swiper-containertop .swiper-button-prev:after {
    font-size: 15px !important;
    color: white;
}
 @media only screen and (max-width:767px) {
     .announcement--icon {
         display: none 
    }
}
 .announcement--text {
     text-transform: none;
    color: white;
}


/* Header */

 .header--root {
     color: var(--color--header);
     width: 100%;
     height: 81px;
     background: var(--bg-color--body);
     z-index: 3;
     top: 0;
     padding: 0 0px 0px 0;
}
 html.no-js .header--root {
     height: auto 
}
 @media only screen and (max-width:767px) {
     .header--root {
         padding-right: 15px;
         padding-left: 15px;
         height: 76px;
    }
}
 .header--root a, .header--root a:hover, .header--root a:link, .header--root a:visited {
     color: var(--color--header) 
}
 @media only screen and (min-width:768px) {
     .header--root[data-menu-overlap=true] [data-off-canvas--open] {
         display: inline-block !important 
    }
     .header--root .layout--login {
         display: inline-block !important;
    }
}
 .header--root[data-header-logo-type=overflowing] .logo--root {
}
 @media only screen and (max-width:767px) {
     .header--root[data-header-logo-type=overflowing] .logo--root {
    }
}
 .header--root .logo--root {
     position: relative;
     display: inline-block;
     font-size: 0;
     z-index: 7 
}
 .header--root .logo--root[data-type=text] {
     padding: 0;
     margin-left: 0 
}
 .header--root .logo--root[data-type=text] a, .header--root .logo--root[data-type=text] a:hover, .header--root .logo--root[data-type=text] a:link, .header--root .logo--root[data-type=text] a:visited {
     color: var(--color--header--logo) 
}
 .header--root .logo--root a {
     display: inline-block 
}
 .header--root .logo--root .logo--wrapper {
     line-height: 50px;
     margin: 0;
     font-size: 0 
}
 @media only screen and (max-width:767px) {
     .header--root .logo--root .logo--wrapper {
         padding-right: 35px;
         font-size: 16px;
         line-height: 1.1 
    }
}
 .header--root .logo--root img {
     max-width: 400px 
}
 @media only screen and (max-width:767px) {
     .header--root .logo--root img {
         max-height: 70px;
         max-width: -webkit-fit-content;
         max-width: -moz-fit-content;
         max-width: fit-content 
    }
}
 .header--root .cart-link, .header--root .follow-link, .header--root .layout--login {
     display: inline-block 
}
 .header--root a.header--cart-count {
     display: none;
     background-color: var(--color--body);
     color: var(--bg-color--body);
     width: 25px;
     height: 25px;
     padding: 0;
     line-height: 25px;
     border-radius: 50%;
     text-align: center;
     position: relative;
     z-index: 1 
}
 @media only screen and (max-width:767px) {
     .header--root a.header--cart-count {
         display: inline-block 
    }
}
 @media only screen and (min-width:768px) {
     .header--root a.header--cart-count[data-menu-overlap=false] {
         display: none 
    }
}
 .header--container {
     position: relative;
     visibility: hidden 
}
 .no-js noscript .header--container, [data-assets-loaded=true] .header--container {
     visibility: visible 
}
 .header--left-side {
     display: inline-block;
     width: calc(100% - 410px);
}
 @media only screen and (max-width:767px) {
     .header--left-side {
         display: inline-flex;
         align-items: center;
         height: 50px 
    }
}
 @media only screen and (min-width:768px) {
     .header--left-side {
         white-space: nowrap 
    }
}
 .header--right-side {
     position: absolute;
     z-index: 3;
     top: 13px;
     right: 0px;
     height: 50px;
     display: flex;
     align-items: center;
     width: 140px;
     text-align: right;
     padding: 23px 0;
     vertical-align: middle;
}
 .header--right-side>:not(.header--cart-count) {
     height: 50px;
    position:relative 
}
 @media only screen and (max-width:767px) {
     .header--right-side>:not(.header--cart-count) {
         display: none 
    }
}
 .header--right-side [data-off-canvas--open=left-sidebar] {
     position: absolute;
     display: inline-flex;
     align-items: center;
     margin: 0 16px 0 12px;
     left: 0;
}
 @media only screen and (min-width:768px) {
     .header--right-side [data-off-canvas--open=left-sidebar] {
         display: none 
    }
}
 .header--right-side [data-off-canvas--open=left-sidebar] svg {
     width: 32px;
}
 .header--right-side .cart-link a, .header--right-side .header--search>a, .header--right-side .layout--login>a, .header--right-side .popup--open a {
     height: 100%;
     display: flex;
     align-items: center;
     padding: 0 13px 0 16px 
}
 .header--logo {
     margin: 0;
     display: inline-block;
     line-height: 1 ;
     width: 200px;
     padding: 14px 40px;
}
 .header--cart-number[data-item-count='0'] {
}
 .logo--text {
     line-height: 50px;
     margin: 0 
}
 @media only screen and (max-width:767px) {
     .logo--text {
         font-size: 16px;
         line-height: 1.1em 
    }
}
 .x-menu {
     display: inline-block;
     line-height: 1;
     width: 100%;
}
 .x-menu li, .x-menu ul {
     list-style: none;
     margin: 0;
     padding: 0 
}
 [data-x-menu--overlap=false] .x-menu--overlap-icon {
     display: none 
}
 @media only screen and (max-width:767px) {
     [data-x-menu--overlap=false] .x-menu--overlap-icon {
         display: block 
    }
}
 .x-menu--level-1--container {
}
 [data-x-menu--overlap=true] .x-menu--level-1--container {
     display: none 
}
 @media only screen and (max-width:767px) {
     .x-menu--level-1--container {
         display: none 
    }
}
 .x-menu--level-1--link {
     display: inline-block 
}
 .x-menu--level-1--link[data-x-menu--depth='2'] {
     position: relative 
}
 .x-menu--level-1--link a {
     display: inline-block;
     padding: 16px;
     position: relative 
}

 .x-menu--level-1--link :hover {
   text-decoration:underline
}
 .x-menu--level-1--link .icon--chevron-up {
     display: none !important 
}
 .x-menu--level-1--link .icon--chevron-down {
     display: none !important 
}
 .x-menu--level-2--container {
     position: absolute;
     white-space: nowrap;
     min-width: 150px;
     left: 0;
     padding: 0;
     background: var(--bg-color--body);
     overflow: hidden;
     height: 0;
     opacity: 0;
     z-index: -1;
    width: 100% !important;
     justify-content: center;
}
 .x-menu--level-2--container[data-transition=at_start] {
     display: none 
}
 .x-menu--level-2--container[data-transition=backwards] {
     transition: opacity .2s cubic-bezier(.45, .05, .55, .95);
     z-index: 4 
}
 [data-x-menu--depth='2'] .x-menu--level-2--container[data-transition=backwards] {
     z-index: 6 
}
 .x-menu--level-2--container[data-transition=forwards] {
     transition: height .4s cubic-bezier(.19, 1, .22, 1);
     opacity: 1;
     z-index: 4 
}
 [data-x-menu--depth='2'] .x-menu--level-2--container[data-transition=forwards] {
     z-index: 6 
}
 .x-menu--level-2--container[data-transition=at_end] {
     opacity: 1;
     z-index: 4 
}
 [data-x-menu--depth='2'] .x-menu--level-2--container[data-transition=at_end] {
     z-index: 6 
}
 [data-x-menu--depth='2'] .x-menu--level-2--container {
     left: -16px;
     box-shadow: 0 0 10px rgba(0, 0, 0, .08) 
}
 [data-x-menu--depth='3'] .x-menu--level-2--container {
     max-width: 100%;
     padding-top: 0px;
     width: 100%;
     display: flex;
     box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .2) 
}
 [data-x-menu--depth='3'] .x-menu--level-2--container ul {
     flex-wrap: wrap;
     vertical-align: top;
}
 [data-x-menu--align=center] .x-menu--level-2--container {
     justify-content: center;
     text-align: left 
}
 .no-js .x-menu--level-1--link:hover .x-menu--level-2--container {
     z-index: 1;
     display: flex;
     opacity: 1;
     height: auto 
}
 .x-menu--bg {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background: var(--bg-color--body) 
}
 .x-menu--single-parents {
     display: inline-block;
     flex-shrink: 0;
     padding: 12px 32px 12px 0 
}
 .x-menu--single-parents ul {
     position: relative;
     border-right: 1px solid var(--color--body--light);
     padding-right: 32px;
     min-height: calc(100% - 30px) 
}
 .x-menu--single-parents li {
     padding-bottom: 0 !important;
     display: block !important 
}
 .x-menu--single-parents a {
     padding: 8px 32px !important;
     line-height: 1 
}
 [data-x-menu--depth='3'] .x-menu--level-2--list {
     display: flex 
}
 .x-menu--level-2--link {
     text-transform: uppercase 
}
 [data-x-menu--depth='2'] .x-menu--level-2--link {
     padding: 2px 
}
 [data-x-menu--depth='3'] .x-menu--level-2--link {
     display: inline-block;
     vertical-align: text-top;
     text-align: left;
}
 .x-menu--level-2--link:first-child>a {
}
 [data-x-menu--depth='3'] .x-menu--level-2--link:first-child>a {
}
 .x-menu--level-2--link:last-child>a {
}
 [data-x-menu--depth='3'] .x-menu--level-2--link:last-child>a {
}
 .x-menu--level-2--link a {
     display: inline-block;
     padding: 10px 10px;
     letter-spacing: 0.1em;
     font-weight: 600;
     font-size: 13px;
}

 ul.x-menu--level-3--container {
     padding: 0 0 40px;
     text-transform: none 
}
 .header--right-side a svg{
    width:22px !important;
    fill:white
}
 .header--right-side a svg path{
    fill:white
}
 .header--cart-number{
     position: absolute;
     left: 50%;
     -webkit-transform: translate(-50%,0%);
     -ms-transform: translate(-50%,0%);
     -o-transform: translate(-50%,0%);
     transform: translate(-50%);
     margin-top: 3px;
     font-size: 11px;
}
 .x-menu--level-3--link a {
     padding: 4px 10px;
     line-height: 1;
     letter-spacing: 0;
     font-weight: 500;
     font-size: 13px;
}
 [data-x-menu--parent-link=level-2] .x-menu--level-3--link {
     padding-left: 20px 
}
 .x-menu {
     height: 50px;
     padding-left: 0;
     vertical-align: middle;
}
 @media only screen and (max-width:767px) {
     .x-menu {
         display: none 
    }
}
 html.no-js .x-menu {
     height: auto;
     margin-right: 450px;
     position: relative 
}
 [data-x-menu--overlap=true] .x-menu--overlap-icon {
     display: none;
     position: absolute;
     right: -10px;
     top: 0;
     height: 50px;
     z-index: 1 
}
 .x-menu--overlap-icon [data-off-canvas--open] {
     line-height: 1;
     padding: 10px;
     position: relative;
     right: 0;
     top: 2px;
     height: 48px;
     width: 45px 
}
 .x-menu--level-1--link>a {
     height: 50px;
     line-height: 50px;
     padding: 0 16px 
}
 [data-x-menu--depth='3'] .x-menu--level-2--container {
     max-width: none;
     width: auto;
     padding-bottom: 0 
}
 .x-menu--level-1--container {
     flex-wrap: wrap;
     text-align: center;
}
 html.no-js .x-menu--level-2--container {
     z-index: 2 !important 
}
 .off-canvas--viewport {
     width: 100%;
     position: relative 
}

#x-menu--sub-about-us .x-menu--single-parents ul{column-count: 2;}

#x-menu--sub-about-us .x-menu--level-2--list{display:none}

#x-menu--sub-about-us .x-menu--single-parents ul {
    border-right: 0px solid var(--color--body--light);
}
#x-menu--sub-about-us .x-menu--single-parents {
    padding: 12px 32px 40px 0;max-width: 646px;
}

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

   #y-menu--sub-about-us .y-menu--level-2--link[data-link-id=about-us--about-us]{display:none}
   
     .off-canvas--viewport {
         overflow: hidden 
    }
}
 .off-canvas--left-sidebar {
     position: absolute;
     top: 0;
     overflow: visible;
     display: none;
     z-index: 100;
     min-height: 100vh;
     width: 80%;
     max-width: 400px;
     background-color: var(--bg-color--body);
     transform: translateX(-100%) 
}
 .off-canvas--left-sidebar[data-transition=forwards] {
     box-shadow: 2px 0 10px -2px #888;
     position: relative;
     transform: translateX(0);
     transition: transform .4s cubic-bezier(.19, 1, .22, 1) 
}
 .off-canvas--left-sidebar[data-transition=at_end] {
     box-shadow: 2px 0 10px -2px #888;
     position: relative;
     transform: translateX(0) 
}
 .off-canvas--left-sidebar[data-transition=backwards] {
     box-shadow: 2px 0 10px -2px #888;
     position: relative;
     transition: transform .2s cubic-bezier(.45, .05, .55, .95) 
}
 .off-canvas--right-sidebar {
     position: absolute;
     top: 0;
     overflow: visible;
     display: none;
     z-index: 100;
     min-height: 100vh;
     width: 80%;
     max-width: 400px;
     background-color: var(--bg-color--body);
     left: 100%;
     transform: translateX(0) 
}
 .off-canvas--right-sidebar[data-transition=forwards] {
     position: relative;
     box-shadow: -2px 0 10px -2px #888;
     transition: transform .4s cubic-bezier(.19, 1, .22, 1);
     transform: translateX(-100%) 
}
 .off-canvas--right-sidebar[data-transition=at_end] {
     position: relative;
     box-shadow: -2px 0 10px -2px #888;
     transform: translateX(-100%) 
}
 .off-canvas--right-sidebar[data-transition=backwards] {
     transition: transform .2s cubic-bezier(.45, .05, .55, .95);
     position: relative;
     box-shadow: -2px 0 10px -2px #888 
}
 .off-canvas--container {
     display: none;
     min-height: 100vh 
}
 [data-active=menu] .off-canvas--container[data-view=menu] {
     display: block 
}
 [data-active=pickup] .off-canvas--container[data-view=pickup] {
     display: block 
}
 [data-active=filter] .off-canvas--container[data-view=filter] {
     display: block 
}
 [data-active=cart] .off-canvas--container[data-view=cart] {
     display: block 
}





 [data-active=product-form] .off-canvas--container[data-view=product-form] {
     display: block;
     padding: 32px 16px 
}
 .off-canvas--main-content {
     min-height: 100%;
     width: 100%;
     top: 0 
}
 .off-canvas--overlay {
     background: #000;
     cursor: pointer;
     height: 100%;
     left: 0;
     opacity: 0;
     position: fixed;
     top: 0;
     width: 100%;
     z-index: -999 
}



 .off-canvas--overlay[data-transition=backwards] {
     transition: opacity .2s cubic-bezier(.45, .05, .55, .95);
     z-index: 100 
}
 .off-canvas--overlay[data-transition=forwards] {
     opacity: .3;
     transition: opacity .8s cubic-bezier(.19, 1, .22, 1);
     z-index: 100 
}
 .off-canvas--overlay[data-transition=at_end] {
     opacity: .3;
     z-index: 100 
}
 [data-off-canvas--open] {
     display: inline-block;
     cursor: pointer 
}
 .off-canvas--overlay+[data-off-canvas--close] {
     position: fixed;
     top: 12px;
     color: #000;
     z-index: 101;
     cursor: pointer;
     display: inline-block 
}
 [data-off-canvas--state*=clos] .off-canvas--overlay+[data-off-canvas--close] {
     display: none 
}
 [data-off-canvas--state*=left--open] .off-canvas--overlay+[data-off-canvas--close] {
     left: calc(400px + 15px) 
}
 @media only screen and (max-width:500px) {
     [data-off-canvas--state*=left--open] .off-canvas--overlay+[data-off-canvas--close] {
         left: calc(80% + 15px) 
    }
}
 [data-off-canvas--state*=right--open] .off-canvas--overlay+[data-off-canvas--close] {
     right: 20px 
}
 @media only screen and (max-width:500px) {
     [data-off-canvas--state*=right--open] .off-canvas--overlay+[data-off-canvas--close] {
         right: calc(80% + 15px) 
    }
}


/* Popup */


 body[data-popup-open=true] {
     transition: padding-bottom .4s cubic-bezier(.19, 1, .22, 1) 
}
 body[data-popup-open=false] {
     transition: padding-bottom .2s cubic-bezier(.45, .05, .55, .95) 
}
 .popup--root {
     display: block 
}
 .popup--container {
     bottom: 0;
     left: 0;
     position: fixed;
     text-align: center;
     top: auto !important;
     width: 100%;
     z-index: 5;
     border-top: 1px solid #e0e0e0 
}
 .popup--container[data-transition=forwards] {
     transform: translateY(0);
     transition: transform .4s cubic-bezier(.19, 1, .22, 1) 
}
 .popup--container[data-transition=at_end] {
     transform: translateY(0) 
}
 .popup--container[data-transition=backwards] {
     transform: translateY(100%);
     transition: transform .2s cubic-bezier(.45, .05, .55, .95) 
}
 .popup--container[data-transition=at_start] {
     transform: translateY(100%) 
}
 .popup--wrapper {
     display: flex;
     align-items: center;
     margin: 0 auto;
     min-height: 200px;
     justify-content: center;
     padding: 0 32px;
     max-width: 800px 
}
 [data-show-image=true] .popup--wrapper {
     max-width: 1100px 
}
 @media only screen and (max-width:767px) {
     .popup--wrapper {
         flex-wrap: wrap;
         justify-content: center 
    }
}
 .popup--left-column {
     padding: 0 16px;
     min-width: 200px 
}
 @media only screen and (max-width:767px) {
     .popup--left-column {
         display: none 
    }
}
 .popup--center-column {
     max-width: 450px;
     padding: 8px 
}
 .popup--center-column>* {
     padding: 8px 
}
 .popup--right-column {
     padding: 16px;
     min-width: 200px 
}
 .popup--newsletter-title {
     text-align: left 
}
 @media only screen and (max-width:767px) {
     .popup--newsletter-title {
         text-align: center 
    }
}
 .popup--newsletter-title p {
     margin-bottom: 0 
}
 .popup--newsletter-form form {
     width: 100%;
     max-width: 350px;
     display: flex;
     align-items: center;
     justify-content: center 
}
 .popup--newsletter-form input[type=email] {
     flex-grow: 3;
     height: 45px;
     line-height: 45px;
     margin-right: 10px;
     margin-bottom: 0 
}
 @media only screen and (max-width:767px) {
     .popup--newsletter-form input[type=email] {
         font-size: 16px 
    }
}
 .popup--newsletter-form .mailing-list--seperator {
     width: 32px 
}
 .popup--newsletter-form input[type=submit] {
     flex-grow: 1;
     flex-shrink: 0;
     margin-bottom: 0 
}
 @media only screen and (max-width:767px) {
     .popup--newsletter-form {
         display: flex;
         justify-content: center 
    }
}
 .popup--close {
     position: absolute;
     top: 16px;
     right: 16px;
     padding: 0;
     line-height: 1;
     cursor: pointer 
}
 .popup--social-icons {
     padding: 16px 0 
}
 .popup--social-icons .social-share--root[data-view=modal] {
     justify-content: center 
}


/* PFED Remove Spacing On Policy Pages*/
 .shopify-policy__container p {
     padding: 0px 0px 0px 0px!important;
     margin: 10px 0px 10px 0px!important;
}


/* Breadcrumbs */
 .breadcrumbs {
     margin: 0 0 2em;
     text-align: center;
     background: #fbf4f0;
     padding: 10px 0;
}
 .template--product .breadcrumbs {
    margin: 0 0 0em;
}

/* Page Landing Collection */

.landingblocvert{ background-color: #EBF4E3}
.landingblocvert [data-container=panel][data-columns="3"] {
    grid-template-columns: repeat(3,minmax(0,1fr));
}

.landingblocvert h2{
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 60px;
    line-height: 64px;
}
.landingblocvert h3{
font-weight: 300;
font-size: 24px;
line-height: 28px;margin-bottom:25px
}

body .layout--main-content .landingblocvert p{
    padding-bottom: 8px;font-size: 20px;
line-height: 26px;
text-align: center;
letter-spacing: 0.03em;
}
body .layout--main-content .landingblocvert strong{
text-transform: uppercase;font-size: 16px;
    letter-spacing: 0.2em;}

body .layout--main-content .landingblocvert .btn-deight{background:black;color:white}

.template--page .contact--right-column form{display:none}



.page--get-in-touch-contact-us-today-sky-organics .contact--right-column form, .page--get-answers-explore-our-faq-page-sky-organics .contact--right-column form{display:inline-block;width: 100%;}

/* Page Product */

 .section--product-recommendations2{
    float:left;
    width:100%
}
 .product-options--option {
     text-align: center;
     display: inline-block;
     width: 100%;
}
 .product-options--option .radios--root{
     text-align: center;
     display: inline-block;
    width: 100%;
}
 .flexbox-gap .radios--root[data-display-only=false] .radios--header {
     justify-content: center;
}
 .flexbox-gap .radios--root[data-display-only=false] .radios--header .radios--option-label{
    font-weight: 600;
     letter-spacing: 0.2em;
     font-size: 12px;
}
 .breadcrumbs__list {
     list-style-type: none;
     margin: 0;
     padding: 0;
}
 .breadcrumbs__item {
     display: inline-block;
}
 .breadcrumbs__item:not(:last-child):after {
     border-style: solid;
     border-width: .10em .10em 0 0;
     content: '';
     display: inline-block;
     height: .20em;
     margin: 0 .20em;
     position: relative;
     transform: rotate(45deg);
     vertical-align: middle;
     width: .20em;
}
 .breadcrumbs__link {
     font-size: 13px;
     padding: 0 10px;
}
 .breadcrumbs__link[aria-current="page"] {
     color: inherit;
     font-weight: normal;
     text-decoration: none;
}
 .breadcrumbs__link[aria-current="page"]:hover, .breadcrumbs__link[aria-current="page"]:focus {
     text-decoration: underline;
}
 .breadcrumbs__list {
    display:none
}
 .breadcrumbs .breadcrumbs__list {
    display:inline-block
}
 .youlike [data-container=panel][data-columns="2"] {
     grid-template-columns: repeat(1,minmax(0,1fr));
}
 .youlike .product--image-wrapper {
     width: 50%;
    float: left;
}
 .youlike .product--details-container {
     width: 50%;
    float: left;
    padding:60px 30px;
     height: 100%;
     justify-content: center;
}
 .quickshop{
}
 .quickshopproduct{
    display:none
}
 .youlike .product-recommendations--body .product--root .quickshop{
    display:none
}
 .youlike .product-recommendations--body .product--root .quickshopproduct{
    display:inline-block
}
 .youlike .product--root[data-product-view=grid][data-text-alignment=left] .product--details {
     flex-direction: column;
     justify-content: center;
     text-align: center;
     align-items: center;
}
 .section--product-recommendations [data-container=panel][data-columns="1"] {
     grid-template-columns: repeat(4,minmax(0,1fr));
}
 .product-recommendations--wrapper {
     padding: 0 50px 50px;
}
 .youlike .product-recommendations--body .product--root{
    background:white;
    padding:15px
}
 .template--product .contact--right-column form{
    display:none
}

 .from-our-community .featured-grid--heading{
    margin-bottom: 30px;
}
 .from-our-community .featured-grid--item--title{
     font-family: 'Bilo';
     font-size: 17px;
     font-weight: bold;
     letter-spacing: 0.03em;
     line-height: 1.1;
    margin-top:5px;
    margin-bottom:5px
}
 .from-our-community .featured-grid--item--text-container{
     padding: 10px 0 !important;
     text-align: left;
     gap: 0 !important;
}
 .from-our-community .featured-grid--item--description p{
     letter-spacing: 0.03em;
     text-align: left;
    line-height: 20px;
}
 .from-our-community .featured-grid--item--description p strong{
     width: 100%;
     float: left;
     margin-bottom: 10px;
     font-weight: 400;
}
 .template--product #insta-feed {
     width: 95%;
}

 .lightbox {
     display: none;
     position: fixed;
     z-index: 999;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
}
 .lightbox .lightbox-video {
     width: 100%;
     padding-bottom: 56%;
}
 .lightbox iframe {
     position: absolute;
     height: 100%;
     width: 100%;
     left: 0;
     right: 0;
}
 .lightbox img {
     display: block;
     margin: 0 auto;
}
 .lightbox .lightbox-close {
     position: absolute;
     display: block;
     top: 0px;
     right: 0px;
     color: #fff;
     font-size: 26px;
     height: 100%;
     width: 100%;
     background: rgb(0 0 0 / 70%);
     line-height: 50px;
     text-align: center;
}
 .lightbox-toggle .featured-grid--item--image{
    position:relative
}
 .playplay{
        position: absolute;
    z-index: 4;
    width: 41px;
    fill: #ffffff !important;
    top: calc(50% - 20px);
    height: 41px;
    left: calc(50% - 20px);
    filter: drop-shadow(0 0 0.75rem #000000ad);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
 .lightbox-toggle:hover .playplay{
     transform: scale(0.9);
}
 .lightbox .lightbox-close span{
     position: absolute;
     display: block;
     top: 60px;
     right: 60px;
     color: #fff;
     font-size: 26px;
     height: 50px;
     width: 50px;
     background: rgba(255,255,255,.3);
     border-radius: 50%;
     line-height: 50px;
     text-align: center;
     z-index: 88;
}
 .lightbox .lightbox-close:hover {
     text-decoration: none;
}
 .lightbox .lightbox-container {
     max-width: 90%;
     position: fixed;
     top: 50%;
     max-height: 80%;
     left: 50%;
     height: 700px;
     aspect-ratio: 9/16;
     -webkit-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
}

/* index 2023 */
 .featured-collection--header-text h3{
    font-size: 48px;
     line-height: 59px;
}
 .image-with-text--root .featured-content--root[data-cover-image=true][data-text-position=bottom-left][data-text-exists=true] .featured-content--image {
     height: 100%;
     position: absolute;
     width: 50%;
     left: 0;
    top: 0;
}
 .Solutions.featured-content--root[data-cover-image=true][data-text-position=bottom-left][data-text-exists=true] .featured-content--image {
     left: 50%;
}
 .Sustainability.featured-content--root[data-cover-image=true][data-text-position=bottom-left][data-text-exists=true] .featured-content--image {
     left: 50%;
}

 .Grow.featured-content--root[data-cover-image=true][data-text-position=bottom-left][data-text-exists=true] .featured-content--image {
     left: 50%;
}
.Our.Sustainable.featured-content--root[data-cover-image=true][data-text-position=bottom-left][data-text-exists=true] .featured-content--image {
     left: 50%;
}
.Learn.featured-content--root[data-cover-image=true][data-text-position=bottom-left][data-text-exists=true] .featured-content--image {
     left: 50%;
}
 .subfocus{
    border-top: 1px solid #9F9F9F;
     font-style: normal;
     font-weight: 600;
     font-size: 12px;
     line-height: 16px;
     text-align: center;
     letter-spacing: 0.2em;
     text-transform: uppercase;
     float: left;
     width: 100%;
     padding: 24px 0;
}
 .subfocus.last{
    border-bottom: 1px solid #9F9F9F;
    margin-bottom: 35px;
}
 .image-with-text--root .featured-content--root[data-image-height="3"][data-text-position=bottom-left] .featured-content--container{
     background-color: #DDECD0;
}
 .Created.featured-content--root[data-image-height="3"][data-text-position=bottom-left] .featured-content--container{
    background-color: #ffffff;
}
 .Sustainability.featured-content--root[data-image-height="3"][data-text-position=bottom-left] .featured-content--container{
    background-color: #fcfaf7;
}
.Our.Sustainable.featured-content--root[data-text-width=medium] .featured-content--container {
  min-height: 700px;
}
 @media only screen and (min-width:971px) and (max-width:1600px) {

.Our.Sustainable.featured-content--root[data-text-width=medium] .featured-content--container {
  min-height: 800px;
}
 }
 @media only screen and (min-width:768px) and (max-width:970px) {

.Our.Sustainable.featured-content--root[data-text-width=medium] .featured-content--container {
  min-height: 900px;
}
 }
.Recyle.Your.Empties.featured-content--root[data-text-width=medium] .featured-content--container {
     min-height: 400px;
}

.Health.Impact.Rating.featured-content--root[data-text-width=medium] .featured-content--container {
     min-height: 400px;background-color: #eaf5f7;
}

 .Learn.featured-content--root[data-image-height="3"][data-text-position=bottom-left] .featured-content--container{
    background-color: #fcfaf7;
}

 .Join.featured-content--root[data-image-height="3"][data-text-position=bottom-left] .featured-content--container{
    background-color: #f3f8ee;
}
 .image-with-text--root .featured-content--root[data-text-position=bottom-left] .featured-content--container {
     align-items: center !important;
     justify-content: right!important;
}
 .featured-content--description p{
font-size: 17px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 0.03em;
    font-weight: 400;
}

.page--our-sustainability-commitment .featured-content--description p {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.03em;
    font-weight: 400;
}


.featured-content--root[data-text-position=bottom-left][data-cover-image=false] .featured-content--text {
     top: 50%;
     left: 10%;
     text-align: center;
     -webkit-transform: translate(0%,-50%);
     -ms-transform: translate(0%,-50%);
     -o-transform: translate(0%,-50%);
     transform: translate(0%,-50%);
     width: 434px;
}

.page--castor-oil-landing-page .featured-content--text h1 span{
    width: 100%;
    float: left;
    font-size: 42px;
    line-height: 42px;
    padding: 14px 0;
}

.page--castor-oil-landing-page .featured-content--text .featured-content--description{margin-bottom:20px}

.page--castor-oil-landing-page .featured-content--root[data-text-position=bottom-left][data-cover-image=false] .featured-content--text {
    width: 700px;
    max-width: 100%;
}


.template--index .featured-content--text h1 span{
    width: 100%;
    float: left;
    font-size: 42px;
    line-height: 42px;
    padding: 14px 0;
}
.template--index .featured-content--text .featured-content--description{margin-bottom:20px}

.template--index .featured-content--root[data-text-position=bottom-left][data-cover-image=false] .featured-content--text {
    width: 700px;
    max-width: 100%;
}



 .custom-content--root{
    padding: 0;
}
 .carousel--viewport .featured-content--link{
     margin-top: 12px;
}

.homegreenbloc{
    background: #EBF4E3;
    padding:60px 0 70px !important;
    text-align:center;    display: inline-block;
    width: 100%;
    margin-bottom: -5px !important;
}
.greenblocimg{     width: 31%;
    float: left;
    margin-right: 2%;    padding-right: 30px;
}
.greenbloctext{width: 80%;
    margin-left: 0%; float: left;}

.greenbloctext2{  float: left;
    width: 66%;text-align:left}
 .homegreenbloc .container{
    width:100%;
    max-width:1104px;    position: relative;
    display: inline-block;
}
 .homegreenbloc p{
     font-size: 38px;
     line-height: 47px;
     text-align: center;
     font-family: 'Canela';
     font-weight: 300;
}

.homegreenblocr p {
    font-size: 20px;
    line-height: 25px;
    text-align:left;
    font-weight: 400;
    font-family: bilo, sans-serif;
    margin-top: 18px;
}

.homegreenblocr h2{
    font-family: 'Canela';
    font-size: 41px;
    line-height: 40px;
    font-weight: 400;
    text-transform: none;
}

 .homegreenbloc p b{
}
 .homegreenbloc .jaclyn{
  float: left;
    width: 100%;
    padding: 30px 0 0px;
    font-weight: 600;
    font-size: 20px;
    line-height: 18px;
    margin-bottom: 0;
}
.greenbloctext2 .jaclyn {
    margin-bottom: 0;
}
.greenblocimg2 {
   
}

 @media only screen and (max-width:768px) {
   .page--our-product-standards [data-item=rte-content]>:not(blockquote) {

    font-size: 16px;
}
   
  .page--sky-organics-sustainability-commitment .coool2 h1 {
color:black}
  .greenblocimg{    width: 100%;
    float: left;
    margin-right: 0%;text-align:center
}
.homegreenbloc{padding: 30px 0 23px !important;}
   
.greenblocimg2 {
 margin-top: 0px;
    transform: initial;
    position: relative;
    margin-bottom: 17px;
}

   .greenblocimg {
    padding-right: 0;
}
    .greenblocimg img{    width: 65%;
    margin-bottom: 25px;}
   .homegreenblocr h2 {
    font-size: 33px;
    line-height: 37px;
}
   .homegreenblocr p {
  
    margin-bottom: 10px;
}

   .template--index .homegreenblocr h2 {
    font-size: 24px;
    line-height: 32px;
    text-align: center;
}
   
   
.greenbloctext{width: 100%;
    float: left; margin-left: 0%;} 
}
/* Others */


 .product--price-wrapper span{
     letter-spacing: 0.03em;
}
 .product--from{
     position: relative;
     top: 3px;
     padding-right: 6px;
}
 .product--root .product--title, .product--root .product--price, .product--root[data-product-view=slider] .product--title, .product--root[data-product-view=slider] .product--price {
    text-align: center;
}
 .product--price-wrapper {
    justify-content: center;
}
 body .off-canvas--viewport .btn-deight{
    background: none;
     color:black;
     border: 1px solid black;
     border-radius: 0;
     padding: 8px 45px 12px;
     position: relative;
     overflow: hidden;
     transition: 0.3s;
     line-height: 14px;
}
 .btn-deight:after {
     position: absolute;
     transition: 0.3s;
     content: "";
     width: 0;
     left: 50%;
     bottom: 0;
     height: 3px;
     background: #000000;
}
 .btn-deight:after {
     height: 100%;
     left: 0%;
     z-index: 1;
}
 body .off-canvas--viewport .blog--featured-header .btn-deight{
    padding: 11px 45px;
}
 .btn-deight span {
     padding: 0;
     text-transform: uppercase;
     font-weight: 600;
     font-size: 12px;
     letter-spacing: 0.2em;
     text-decoration: none !important;
}

.thkele .btn-deight span {
    line-height: 20px;
}


 .btn-deight:hover {
     cursor: pointer;
    color:white 
}
 .btn-deight:hover span {
     position:relative;
    z-index:2;
     color: white;
}
 .btn-deight:hover:after {
     width: 100%;
     left: 0;
}
 body .off-canvas--viewport .featured-content--link .btn-deight{
    color:white;
     border: 1px solid white;
}

.page--castor-oil-landing-page .featured-content--text-container .btn-deight {
        color: black !important;
    border: 1px solid white;
    display: inline-block;
    width: auto;
    max-width: 48%;
    /* float: left; */
    margin: 0 1%;
    /* width: 48%; */
    padding: 12px 48px;
    background: white;
} 

.page--castor-oil-landing-page .featured-content--text .btn-deight img{
  height:39px
} 
.page--castor-oil-landing-page .featured-content--text .btn-deight:hover span{  color: black !important;
} 
.page--castor-oil-landing-page .featured-content--text .btn-deight:after{
  display:none
} 
.page--castor-oil-landing-page .featured-content--text .btn-deight:hover:after {
    width: 100%;
    left: 0;
    background: white;
}

 body .off-canvas--viewport .featured-content--link .btn-deight:hover {
     cursor: pointer;
    color:black 
}
 body .off-canvas--viewport .featured-content--link .btn-deight:after {
     background: #fff;
}
 body .off-canvas--viewport .featured-content--link .btn-deight:hover span {
     color: black;
}
 .featured-grid--root[data-background-color=accent]{
    background: #f7f1eb;
}
 .featured-grid--root[data-background-color=accent] .featured-grid--heading{
    margin-bottom:20px
}
 .featured-grid--root[data-background-color=accent] .image--root img{
    top:-1px !important
}
 .featured-grid--root[data-background-color=accent] .featured-grid--item--container {
     background: white;
}
 .featured-grid--root[data-background-color=accent] .featured-grid--item--container .featured-grid--item--title {
     font-size: 12px;
     line-height: 16px;
     text-align: center;
     letter-spacing: .2em;
     font-weight: 600;
     font-family: bilo, sans-serif;
}
 .featured-grid--root[data-text-position=bottom][data-text-alignment=center] .featured-grid--item--image[data-item] {
     margin: 0 auto;
     max-width: 100% !important;
}


 .featured-blog--root{
    background: #fcfaf7
}
 .template--article .featured-blog--root{
    margin-top:0px;
    background: #fcfaf7;padding-bottom: 0;
}
 .featured-blog--footer{
    text-align: center;
     padding: 30px;
}
 .featured-blog--wrapper .article--item h5 {
     text-align: center;
     font-family: Canela;
     font-size: 24px;
     line-height: 28px;
     font-weight: 300;
     padding: 0 30px;
}
 .article--item--read-more{
     text-align: center;
}
 .article--item--read-more a{
     text-transform: uppercase;
     font-weight: 600;
     font-size: 12px;
     line-height: 16px;
     text-align: center;
     letter-spacing: .2em;
     margin-top: 15px;
     display: inline-block;
}
 .section--slideshow [data-background-color=dark]{
    background-color: transparent
}
 .section--slideshow .carousel--root[data-background-color=dark]{
    background:url(sky-clouds-home.jpg);
    background-size:cover;
}
 .press-home .featured-content--container{
    height:515px
}
 .press-home .image--root img{
     height: 30px;
     object-fit: contain;
     width: auto;
     position: relative;
     display: inline-block;
}
 .press-home .image--container {
    padding-top:20px !important 
}
 .press-home .image--root[data-darken=true]:after{
    display:none
}
 .press-home[data-text-position=bottom-left][data-cover-image=false] .featured-content--text {
     top: 50%;
     left: 50%;
     text-align: center;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
    width: 961px;
}
 .press-home .featured-content--overline{
     padding-bottom: 60px;
}
 .press-home .featured-content--description p{
    font-size: 48px;
    line-height: 50px;
    color: black;
     font-family: 'Canela';
    font-weight: 500;
     letter-spacing: 0;
}

.template--index .press-home .featured-content--description p a{
    font-size: 48px;
    line-height: 50px;
    color: black !important;
     font-family: 'Canela';
    font-weight: 500;
     letter-spacing: 0;
}

 .section--slideshow .press-home .featured-content--text{
    max-width: 100% !important;
    width:1000px
}
 .slideshow--root {
     padding: 0;
     position: relative;
}
 .featured-name-slider{
    position: absolute;
     z-index: 9999;
     left: 50%;
     top: 50px;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     letter-spacing: 3px;
     font-weight: bold;
     text-transform: uppercase;
}
 #insta-feed h2 {
     font-size: 48px !important;
     line-height: 60px;
}
 .template--index .contact--right-column form{
    display:none
}
 #insta-feed h2 {
     display:none 
}
 .image-with-text--root .featured-content--root[data-text-width=medium] .featured-content--text{
    width: 50%;
     text-align: center;
     color: #000;
     height: 100%;
     position: absolute;
}
 .Solutions.featured-content--root[data-text-width=medium] .featured-content--text {
     left: 0;
}

.subfocus2{    border-top: 1px solid #9F9F9F;
    font-style: normal;
 
    font-weight: 400;
    text-align: center;
    float: left;
    width: 100%;
    padding: 24px 0;}
.subfocus2.first{margin-top:15px}
.subfocus2 span{text-transform:uppercase;width: 100%;float: left;       font-weight: 500;   letter-spacing: 0.03em;}

.page--our-product-standards .pdp-ingredient{width: 100% !important;padding:40px 40px !important;background: white;}

.page--our-product-standards .pdp-ingredient .product-page--featured-blocks {
    max-width: 100%;
    width: 625px;
    margin: 0 auto;
}


.page--our-product-standards .pdp-ingredient .product-page--panel-wrapper {
    grid-template-columns: minmax(50%,1fr) minmax(50%,50%);
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
}

.page--our-product-standards .pdp-ingredient .product-page--panel-wrapper p {
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
}


.Certifiably-better.featured-content--root[data-cover-image=true][data-text-position=bottom-left][data-text-exists=true] .featured-content--image {
    left: 50%;
}
.Certifiably-better.featured-content--root[data-text-width=medium] .featured-content--text {
     left: 0;background: url(/cdn/shop/files/SkyOrganics_Sky3_110422_2.jpg?v=1675328213);
    background-size: cover;
    background-position: center;
}




.Organic.featured-content--root[data-cover-image=true][data-text-position=bottom-left][data-text-exists=true] .featured-content--image {
    left: 50%;
}
.Organic.featured-content--root[data-text-width=medium] .featured-content--text {
     left: 0;
}





.Our.Organic.featured-content--root[data-cover-image=true][data-text-position=bottom-left][data-text-exists=true] .featured-content--image {
    left: 50%;
}
.Our.Organic.featured-content--root[data-text-width=medium] .featured-content--text {
     left: 0;
}
.Our.Organic .featured-content--description p {
    font-weight: 400;
   font-size: 17px;
     line-height: 24px;
}
.Why .featured-content--text{background:#fcfaf7}
.Why .featured-content--description p {
    font-weight: 400;
      font-size: 17px;
     line-height: 24px;
}
.Recyle .featured-content--description p {
    font-weight: 400;
      font-size: 17px;
     line-height: 24px;
}
.image-with-text--root .Recyle .featured-content--text h4 {
    margin-bottom: 20px !important;font-size: 48px;
    line-height: 48px;
}
.image-with-text--root .Why .featured-content--text h4 {
    margin-bottom: 20px !important;font-size: 48px;
    line-height: 48px;
}
.image-with-text--root .Our.Organic .featured-content--text h4 {
    margin-bottom: 20px !important;font-size: 48px;
    line-height: 48px;
}
.image-with-text--root .Health.Impact.Rating .featured-content--text h4 {
    margin-bottom: 20px !important;font-size: 48px;
    line-height: 48px;
}
.Certifiably-better .featured-content--description p {
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
}
.image-with-text--root .Certifiably-better .featured-content--text h4 {
    margin-bottom: 10px !important;font-size: 48px;
    line-height: 48px;
}

 .Grow.featured-content--root[data-text-width=medium] .featured-content--text {
     left: 0;
}
.Our.Sustainable.featured-content--root[data-text-width=medium] .featured-content--text {
     left: 0;
}
 .Sustainability.featured-content--root[data-text-width=medium] .featured-content--text {
     left: 0;
}

 .Learn.featured-content--root[data-text-width=medium] .featured-content--text {
     left: 0;
}
 .image-with-text--root .flexbox-gap .featured-content--text-container {
     position: relative;
     height: 100%;
}
 body .off-canvas--viewport .image-with-text--root .featured-content--link .btn-deight{
     position: absolute;
     bottom: 50px;
     left: 50%;
     -webkit-transform: translate(0%,-50%);
     -ms-transform: translate(0%,-50%);
     -o-transform: translate(0%,-50%);
     transform: translate(-50%);
     color: #000;
     border: 1px solid black;
}
 body .off-canvas--viewport .image-with-text--root .btn-deight:hover {
     cursor: pointer;
    color:white 
}
 body .off-canvas--viewport .image-with-text--root .btn-deight:after {
     background: #000000;
}
 body .off-canvas--viewport .image-with-text--root .btn-deight:hover span {
     position:relative;
    z-index:2;
     color: white;
}
 body .off-canvas--viewport .image-with-text--root .btn-deight:hover:after {
     width: 100%;
     left: 0;
}
 body .off-canvas--viewport .image-with-text--root .featured-content--description{
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
}
body .off-canvas--viewport .image-with-text--root .Health.Impact.Rating .featured-content--description {
    width: 80%;    margin: 0 auto;
}
body .off-canvas--viewport .image-with-text--root .Why.Organic.is .featured-content--description {
    width: 80%;    margin: 0 auto;
}


 @media only screen and (min-width:768px) and (max-width:1600px) {
.Our.Sustainable.featured-content--root[data-text-width=medium] .featured-content--container .featured-content--description {
    top: 45%;
}
  
.featured-content--text .featured-content--description {
}
 }

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

.page--our-story-simple-botanically-based-solutions .featured-content--description p {
    font-size: 17px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.03em;
    font-weight: 400;
}
   .featured-content--text .featured-content--description {
    width: 80%;
}
 }
.yukaexcellent{    width: 10px;
    height: 10px;
    background: #307b33;
    display: inline-block !important;
    position: relative;
    top: 1px;
    margin-right: 5px;
    border-radius: 50%;}

.yukagood{    width: 10px;
    height: 10px;
    background: #5eca62;
    display: inline-block !important;
    position: relative;
    top: 1px;
    margin-right: 5px;
    border-radius: 50%;}

body.page--recycle-with-us .off-canvas--viewport .image-with-text--root .featured-content--description {
    width: 625px;    max-width: 100%;
}

body.page--our-sustainability-commitment .off-canvas--viewport .image-with-text--root .featured-content--description {
    width: 90%;
}
.ingredient-banner{    position: relative;}
 .mobileslider{
    display:none
}
 .featured-blog--grid{
     width: 100%;
     float: left;
     display: contents;
}
 .swiper-blog{
     float: left;
     width: 100%;
     position: relative;
     overflow: hidden;
}

/* footer */
 .footer--subscribe {
    font-family: 'Canela';
    font-weight:300;
    font-size: 24px;
    line-height: 34px;
}
 .footer--subscribe p{
    font-family: 'Canela';
    font-weight:300;
     font-size: 24px;
     line-height: 34px;
}
 #shopify-section-footer{
    background:#e8f3f6
}
 .footer--block .footer--menu{
     column-count: 2;
}
 .footer--block .footer--menu li a{
    padding:7px 0;
    float: left;
     width: 100%;
    font-weight: 400;
     font-size: 16px;
     line-height: 21px;
     letter-spacing: 0.03em;
}
 .footer--block .footer--menu li a:hover{
   text-decoration:underline}



 .footer--sub--container a{
     padding-right: 40px;
     opacity: .6;
     font-style: normal;
     font-weight: 600;
     font-size: 13px;
     line-height: 18px;
     text-align: right;
     letter-spacing: .15em;
}


 .footer--sub--container a:hover{
   text-decoration:underline}

 .payment-icons--root{
     top: 9px;
     position: relative;
}



 #shopify-section-footer {
     float: left;
     width: 100%;
}

/* Our Story */

 .titleaboutcontainer{
    background:url('/cdn/shop/files/our_story2_copy_1.jpg?v=1692684532');
    background-size: cover;
     background-position: center;
     height: 400px;
     position: relative;
}
 .titleabouth1{
     top: 50%;
     left: 10%;
     text-align: center;
     -webkit-transform: translate(0%,-50%);
     -ms-transform: translate(0%,-50%);
     -o-transform: translate(0%,-50%);
     transform: translate(0%,-50%);
     width: 434px;
     position: absolute;
     max-width: 80%;
     padding: 0;
     margin: 0;
    color:white 
}
 .skyaboutcontainer{
    background:url('/cdn/shop/files/SkyOrganics_Sky3_110422_2.jpg?v=1675328213');
    background-size: 100% 100%;
     background-position: center;
     position: relative;
    float: left;
    width:100%
}
 .skyabouttext{
     text-align: center;
     width: 867px;
     max-width: 100%;
     padding: 0;
     margin: 0 auto;
    padding: 85px 0;
}
 .skyabouttext h4{
    font-family: 'Canela';
     font-style: normal;
     font-weight: 500;
     font-size: 60px;
     line-height: 64px;
     text-align: center;
     text-transform: inherit;
}
 .skyabouttext p{
    font-family: 'Bilo';
     font-style: normal;
     font-weight: 400;
     font-size: 18px;
     line-height: 26px;
     text-align: center;
     letter-spacing: 0.03em;
    margin-top:20px
}
 .page--our-story .contact--right-column form{
    display:none
}

 body.page--our-story .off-canvas--viewport .image-with-text--root .featured-content--description {
     width: 545px;
     max-width: 100%;
     padding: 0 20px;
}
 .page--our-story .pdp-ingredient{
    background:white;
    padding: 90px 30px;
}
 .featured-grid--root[data-text-position=bottom][data-text-alignment=center] .featured-grid--item--image[data-item] {
     margin: 0 auto;
     max-width: 100% !important;
}

 .swiper-foc{
     position: relative;
     overflow: hidden;
     width: 100%;
     float: left;
}

/* Others */



 .mobmob{
    display:none
}

 .featured-grid--item--image video{
    width:100%
}

 @media only screen and (max-width:1050px) {
     .header--right-side{
         width: 100%;
         justify-content: flex-end;
    }
     .header--logo {
         margin: 0;
         display: inline-block;
         line-height: 1;
         width: 110px;
         padding: 0 0px;
         position: absolute;
         left: 50%;
         transform: translateX(-50%);
         top: 10px;
         z-index: 9;
    }
     .header--root[data-menu-overlap=true] [data-off-canvas--open] {
         padding: 14px 20px 0;
    }
     .header--right-side .cart-link, .header--right-side .header--search {
         display: block!important;
    }
     .header--root a.header--cart-count[data-menu-overlap=false] {
         display: none !important;
    }
}



.rjg{width: 100%;
    background: #fbf9f5;text-align:center;padding:20px 0}

.rjg img{
    width: 800px;
    max-width: 100%;
}

.rjg2{width: 100%;
    background: #fff;text-align:center;padding:40px 0}

.rjg2 img{
    width: 800px;
    max-width: 100%;
}
 @media only screen and (max-width:767px) {

   body .off-canvas--viewport .image-with-text--root .Health.Impact.Rating .featured-content--description {
    width: 99%;    margin: 0 auto;
}
body .off-canvas--viewport .image-with-text--root .Why.Organic.is .featured-content--description {
    width: 99%;    margin: 0 auto;
}

   
.page--castor-oil-landing-page .featured-content--text h1 span {
    width: 100%;
    float: left;
    font-size: 23px;
    line-height: 27px;
    padding: 9px 0;
}

   .template--index .featured-content--text h1 span {
    width: 100%;
    float: left;
    font-size: 23px;
    line-height: 27px;
    padding: 9px 0;
}
   .titleaboutcontainer {
    background-position: right bottom;
}
   
   .Certifiably-better .featured-content--description p {
    font-size: 16px;
}
   .Why .featured-content--description p {
    font-size: 16px;
}
   .Our.Organic .featured-content--description p {
    font-size: 16px;
}
   .page--our-product-standards .pdp-ingredient .product-page--panel-wrapper p {
    font-size: 16px;
}
.image-with-text--root .Recyle .featured-content--text h4 {
    margin-bottom: 7px !important;
    font-size: 37px;
    line-height: 39px;
}
   .Certifiably-better.featured-content--root[data-cover-image=true][data-text-position=bottom-left][data-text-exists=true] .featured-content--image {
    left: 0%;
}

   .Organic.featured-content--root[data-cover-image=true][data-text-position=bottom-left][data-text-exists=true] .featured-content--image {
    left: 0%;
}
   
.Our.Organic.featured-content--root[data-cover-image=true][data-text-position=bottom-left][data-text-exists=true] .featured-content--image {
    left: 0%;
}
   
   body .layout--main-content .landingblocvert strong {
    font-size: 12px;
}
   body .layout--main-content .landingblocvert p {
    padding-bottom: 8px;
    font-size: 16px;
    line-height: 22px;

}
   .landingblocvert h2 {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 28px;
    line-height: 51px;
    margin-top: 15px;
    padding: 0 10px;
}
   
     .lightbox .lightbox-close span {
         position: absolute;
         display: block;
         top: 20px;
         right: 20px;
         color: #fff;
         font-size: 26px;
         height: 50px;
         width: 50px;
         background: rgb(0 0 0);
         border-radius: 0;
         line-height: 50px;
         text-align: center;
         z-index: 88;
    }
     body #slidecarthq .header {
         padding: 10px 15px;
    }
     .Sustainability.featured-content--root[data-image-height="3"][data-text-position=bottom-left] .featured-content--container {
         background-color: #ffffff;
    }
     .Solutions.featured-content--root[data-cover-image=true][data-text-position=bottom-left][data-text-exists=true] .featured-content--image, .Sustainability.featured-content--root[data-cover-image=true][data-text-position=bottom-left][data-text-exists=true] .featured-content--image {
         left: 0;
    }
     .page--our-story .pdp-ingredient {
         float: none;
        margin: 0;
        background: #fcfaf7;
         padding: 20px 15px 40px;
    }
     .header--root[data-menu-overlap=true] [data-off-canvas--open] {
         padding: 0;
    }
     .page--our-story .pdp-ingredient {
         background: white;
         padding: 20px 15px 20px;
    }
     .mobmob{
        display:inline-block
    }
     .desdes{
        display:none
    }
     .product--root[data-product-view=grid] {
         margin-bottom: 25px;
    }
     .Press{
         float: left;
         width: 100%;
    }
     .header--cart-number {
         left: calc(50% - 1.5px);
    }
     .featured-collection--root{
        padding: 32px 16px 50px
    }
     .from-our-community .featured-grid--item--description p {
         line-height: 18px;
         font-size: 14px;
    }
     .swiper-foc {
         padding-right: 0px;
    }
     .product-recommendations--wrapper {
         padding: 0 20px 0px;
    }
     .section--product-recommendations [data-container=panel][data-columns="1"] {
         grid-template-columns: repeat(2,minmax(0,1fr));
    }
     .youlike .product-recommendations--body .product--root .quickshopproduct {
      display: inline-block;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.1em;
    }
     .youlike .product--details-container {
         padding: 6px 15px;
    }
     .flexbox-gap .radios--root[data-display-only=false] .radios--header .radios--option-label {
         letter-spacing: .15em;
    }
     .image-with-text--root .featured-content--root[data-image-height="3"][data-text-position=bottom-left] .featured-content--container {
         display: inline-block;
         height: auto;
         width: 100%;
    }
     .contact--root {
         width: 100%;
         float: left;
         padding-top: 50px;
    }
     .featured-blog--root {
         background: #F2E8DE;
         float: left;
         width: 100%;
         overflow: hidden;
        padding: 50px 16px;
    }
     .template--product .subheading p {
         font-size: 16px;
         line-height: 20px;
    }
     .footer--block .footer--menu li a {
         text-align: left;
    }
     .featured-content--root {
         padding: 32px 0 0;
    }
     .footer--block--heading {
         padding-bottom: 0;
         font-size: 16px;
         line-height: 20px;
    }
     .footer--sub--container a {
         font-size: 11px;
         line-height: 13px;
        padding: 0 20px;
    }
     #insta-feed {
         width: 100%;
         max-width: 1200px;
         padding: 0 0 20px !important;
    }
     .footer--sub {
         margin: 0;
    }
     .footer--sub--container a:last-child{
         float: left;
         width: 100%;
         text-align: center;
         margin-top: 15px;
    }
     .footer--subscribe--info p {
         font-size: 16px;
         line-height: 20px;
        padding-top:5px
    }
     .featured-blog--wrapper .article--item h5 {
         text-align: left;
         font-family: Canela;
         font-size: 18px;
         line-height: 22px;
         font-weight: 300;
         padding: 0 0px;
         color: black;
    }
     .article--item>[data-item] {
         flex-basis: unset;
         text-align: left;
    }
     .featured-blog--heading{
        font-size: 28px;
         line-height: 36px;
         margin-bottom: 25px;
    }
     .swiper-blog{
        float: left;
         width: 89%;
         position: relative;
         overflow: visible;
    }
     .template--index .article--item {
         min-width: 100% !important;
         display: inline-flex;
         padding-right: 0px;
    }
     .featured-blog--wrapper{
         display: block;
         width: 100%;
         float: left;
    }
     .featured-blog--footer {
         text-align: center;
         padding: 30px 0 15px;
         float: left;
         width: 100%;
         margin-top: 18px;
    }
     .featured-blog--root .featured-blog--grid {
         gap: 24px;
         float: left;
         width: 100%;
    }
     .mobileslider{
        display:inline-block;
        width: 100%;
    }
     .desktopslider{
        display:none
    }
     .mobileslider .image--container:before{
         content: "";
         background: linear-gradient(180deg, rgba(255,255,255,0) 49%, rgb(0 0 0 / 64%) 100%);
         position: absolute;
         bottom: 0;
         left: 0;
         width: 100%;
         height: 100%;
         z-index: 3;
    }
     .headbik{
         padding: 0 10px;
         position: relative;
         top: -5px;
    }
     .product__gallery-dots-container {
    bottom: 70px;
    padding: 20px 23px 20px;
    max-height: calc(100% - 83px);
    }
     .product__gallery .slick-prev {
      
    }
     .custom-alignment .product-page--featured-blocks h1.product-page--heading {
         font-size: 28px;margin-bottom: 0;
    }
     .custom-alignment .product-page--featured-blocks .metafield-multi_line_text_field {
         font-size: 14px;
         line-height: 18px;
    }
     .template--product [data-block-type='buy-buttons'] .product-buy-buttons--primary .product-buy-buttons--cta.btn.btn--add-to-cart {
         font-size: 12px!important;
         line-height: 18px!important;
    }
     .product__gallery .slick-next {
            left: 47%;
    }
.product__gallery-dots li {
    margin: 0 8px 2px 0;
}
   .product__gallery .slick-prev {
            left: 47%;
    }
     .announcement--root {
         float: left;
         width: 100%;
    }
     #shopify-section-header, .layout--main-content, .footer--root{
         float: left;
         width: 100%;
    }
     .announcement--wrapper>* {
         padding: 0;
    }
     .homegreenbloc p {
         font-size: 22px;
         line-height: 27px;
         text-align: justify;
    }
  .template--index .homegreenbloc p {    font-size: 14px;
    line-height: 20px;
    text-align: justify;
}

 
   
     body .mobileslider .btn-deight {
         padding: 11px 45px 13px;
         line-height: 8px;
    }
     .homegreenbloc .jaclyn {
         padding: 20px 0;
         font-size: 14px;
    }
     .featured-collection--header-text h3 {
         font-size: 28px;
         line-height: 37px;
    }
     .featured-grid--heading {
         font-size: 28px;
         line-height: 37px;
    }
     .featured-grid--root[data-background-color=accent] {
         padding-top: 54px;
         padding-bottom: 44px;
    }
     .featured-grid--root[data-background-color=accent] .featured-grid--item--container .featured-grid--item--title {
         font-size: 11px;
         line-height: 16px;
         letter-spacing: 0.11em;
        white-space: nowrap;
         text-overflow: ellipsis;
         overflow: hidden;
         padding: 0 5px;
    }
     .press-home .featured-content--description p {
         font-size: 28px;
         line-height: 30px;
         padding: 0 30px 30px;
    }

   .template--index .press-home .featured-content--description p a{
  font-size: 28px;
         line-height: 30px;
}
   
     .press-home .image--root img {
         height: 20px;
    }
     .homegreenbloc .container {
         padding-left: 25px;
         padding-right: 25px;
    }
     .featured-video--container {
         position: absolute;
         width: 100%;
         height: 100%;
         top: 0%;
         left: 0;
         transform: translateY(0%);
         overflow: hidden;
    }
     body .featured-video--root[data-thumbnail=false] .featured-video--container iframe {
         position: absolute;
         top: -300px;
         left: 0;
         height: calc(100% + 600px);
    }
     .swiper-containertop .swiper-slide, .swiper-containertop .swiper-slide a {
         padding: 9px 25px;
    }
     .swiper-button-prev, .swiper-rtl .swiper-button-next {
         left: 0px;
         right: auto;
    }
     .swiper-button-next, .swiper-rtl .swiper-button-prev {
         right: 0px;
         left: auto;
    }
     .swiper-containertop .swiper-button-next:after, .swiper-containertop .swiper-button-prev:after {
         font-size: 10px!important;
    }
     .header--root a.header--cart-count {
         display: none;
    }
     .product-page--root {
         float: left;
         width: 100%;
    }
    /* encart organic castor oil */
     .image-with-text--root .featured-content--root[data-cover-image=true][data-text-position=bottom-left][data-text-exists=true] .featured-content--image {
         height: 300px !important;
         position: relative;
         width: 100%;
         right: 0;
    }
     .image-with-text--root .featured-content--root[data-mobile-overlay=false] .featured-content--text {
         padding: 30px;
         color: white;
        width: 100%;
    }
     body .off-canvas--viewport .image-with-text--root .featured-content--description {
         position: relative;
         top: initial;
         left: initial;
         -webkit-transform: translate(0%,0%);
         -ms-transform: translate(0%,0%);
         -o-transform: translate(0%,0%);
         transform: translate(0%,0%);
    }
   body.page--contact-us .off-canvas--viewport .image-with-text--root .featured-content--description {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
   
     .image-with-text--root .featured-content--text h6 {
         font-weight: 600;
         font-size: 14px;
         letter-spacing: 0.15em;
         line-height: 18px;
    }
     .image-with-text--root .featured-content--text h4 {
         font-size: 28px;
         line-height: 32px;
         padding-top: 11px;
    }
     .featured-content--description p {
         font-size: 16px;
         line-height: 21px;
        color: black;
    }
     .mobileslider .featured-content--description p {
         color: white;
    }
     .skyaboutcontainer {
         background-size: cover;
        margin-top: -35px;
    }
     .skyabouttext {
         padding: 70px 30px;
    }
     .skyabouttext h4 {
         font-size: 28px;
         line-height: 32px;
    }
     .skyabouttext p {
         font-size: 16px;
    line-height: 21px;
    }
     body .off-canvas--viewport .image-with-text--root .featured-content--link .btn-deight {
         position: relative;
         bottom: initial;
         left: initial;
         -webkit-transform: translate(0%,0%);
         -ms-transform: translate(0%,0%);
         -o-transform: translate(0%,0%);
         transform: translate(0%);
         color: #000;
         border: 1px solid black;
         margin-top: 20px;
    }
     .image-with-text--root .featured-content--root[data-cover-image=true][data-text-position=bottom-left][data-text-exists=true] .featured-content--image {
         height: auto !important;
         position: relative;
         width: 100%;
         right: 0;
        float: left;
         width: 100%;
    }
     .image-with-text--root .featured-content--root[data-mobile-overlay=false] .featured-content--text {
         padding: 30px;
         color: initial;
        float: left;
         width: 100%;
         position: relative;
         height: auto;
    }
  
    /* Sliderhome */
     .template--index .slideshow--root .featured-content--root {
         padding: 0px 0px !important;
    }
    
    /* breadcrumbs mobile */
     .breadcrumbs__link {
         font-size: 10px;
         padding: 0 5px;
    }
     .breadcrumbs .breadcrumbs__list {
         display: inline-block;
         overflow: auto;
         white-space: nowrap;
         float: left;
         padding-left: 11px;
         width: 100%;
         padding-right: 11px;
    }
     .breadcrumbs {
         margin: 0 0 1px;
         text-align: center;
         background: #fbf4f0;
         padding: 4px 0;
         float: left;
         width: 100%;
    }
     .featured-content--root[data-image-height="3"] .featured-content--container {
         margin-top: -32px;    margin-bottom: -7px;
    }
    /* Afficher cart sur mobile */
     .header--right-side .cart-link{
         display: block !important;
    }
     .header--right-side .cart-link a{
         padding: 0 !important
    }
    /* modifications menu mobile a proposer a larry */
     header svg.icon--root, .product--quick-add svg {
         width: 18px !important;
    }
     .header--right-side [data-off-canvas--open=left-sidebar] svg {
         width: 30px !important;
    }
     .header--root .logo--root img {
         width: 100%;
    }
     .header--left-side {
         width: 40%;
    }
     .header--root .logo--root .logo--wrapper {
         padding-right: 0;
    }
     .header--right-side .cart-link {
         display: block !important;
    }
     .header--right-side .header--search {
         display: block !important;
    }
     .header--right-side {
         width: 100%;
         justify-content: flex-end;
    }
}
/* Alignement bouton quantité et add to cart */
 [data-block-type="quantity-input"]{
     width: 100px;
    float: left;
    margin-right: 10px;
}
 .rezo{
    background:red
}
 [data-block-type="buy-buttons"]{
     width: 100%;
     float: left;
}
 .template--product [data-block-type=buy-buttons] .product-buy-buttons--primary .product-buy-buttons--cta.btn.btn--add-to-cart {
    max-width: 100%;
    width: calc(100% - 106px);
    display: inline-block;
    margin-bottom: 15px;}
 .page--privacy-policy .shopify-policy__body{
}
 .page--privacy-policy .shopify-policy__body ul{
    padding-bottom: 0px;
    margin-bottom: 0px;
}
 .page--terms-of-service .shopify-policy__body ul{
    padding-bottom: 0px;
    margin-bottom: 0px;
}
 .page--privacy-policy .shopify-policy__body table{
     border: 1px solid black;
     margin: 0;
    border-collapse: collapse;
}
 .page--privacy-policy .shopify-policy__body table td {
     padding: 8px;
     border: 1px solid black;
    vertical-align: top;
}
 .rhthk em{
    padding-left:40px
}
 .ckle{
     padding-left: 40px;
     margin-bottom: 13px;
     float: left;
     width: 100%;
     margin-top: 5px;
}
 @media only screen and (min-width:1500px) {
     .template--index .featured-collection--carousel .carousel--root[data-spacing-around-blocks=true] .carousel--block {
         padding: 0 20px;
    }
     .page--home-bfcm .featured-collection--carousel .carousel--root[data-spacing-around-blocks=true] .carousel--block {
         padding: 0 20px;
    }
}
.page--sky-organics-sustainability-commitment .featured-content--description p {
    font-size: 17px;

}
.page--sky-organics-sustainability-commitment .subfocus {
    border-top: 1px solid #9F9F9F;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.03em;
    text-transform: initial;
    float: left;
    width: 100%;
    padding: 14px 0;
}

.coool2{width:33.33%;float:left}
.coool2 img{width:120px;max-width:100%}
.coool2 h1{margin-bottom:20px}

#eeee{display:none}


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

.coool2 {
    width: 50%;
    float: left;
}
 }

.class1left{float: left;
    width: 280px;
    padding-right: 20px;}

.class1right{    float: right;
    width: 280px;
    padding-left: 20px;}

.testim{
   padding: 50px 0 4px;
    background: #e9f2f7;
}
.template--product .testim {
    padding: 50px 0 4px;
    float: left;
    width: 100%;
    grid-row-gap: 0;    display: inline-block;
}
.lightbox img{display: block;
    margin: 0 auto;
    /* height: 90vh; */
    max-width: initial;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 90vw;
    aspect-ratio: 1;
    width: 700px;}
.template--product .testim .featured-grid--body{
    display: inline-block;
    float: left;
    width: 100%;
}
.testim .swiper-button-prev{
    left: -27px;
    right: auto;
    background: rgba(0, 0, 0, 0.75);
    box-shadow: -2px 0 5px rgba(0,0,0,0.3);
    height: 55px;
    border-radius: 50%;
    width: 55px;
    padding-left: 25px;
}
.testim .swiper-button-prev:after {
    content: 'prev';
    font-size: 15px;
    color: white;
}

.testim .swiper-button-next:after{
    content: 'next';
    font-size: 15px;
    color: white;
}

.testim .swiper-button-next {
    right: -27px;
    left: auto;
    background: rgba(0, 0, 0, 0.9);
    box-shadow: -2px 0 5px rgba(0,0,0,0.3);
    height: 55px;
    border-radius: 50%;
    width: 55px;
    padding-right: 25px;
}


 @media only screen and (max-width:768px) {
   
.page--castor-oil-landing-page .featured-content--text-container .btn-deight {
    max-width: 90%;
    width: 40%;padding: 8px 22px;
}

 .page--castor-oil-landing-page  .section--slideshow .mobileslider .featured-content--text h1 {
    display: contents;
    font-family: 'Canela';
    font-style: normal;
    font-weight: 500;
    font-size: 33px;
    line-height: 35px;
}
   
.page--castor-oil-landing-page .featured-content--text-container .btn-deight img{
     height: auto;
    margin-top: 2px;
    width: 100%;
}
.page--castor-oil-landing-page .featured-content--description p {
    font-size: 15px;
    line-height: 19px;
}
 .page--castor-oil-landing-page .tra{
    margin-top: -38px;
    position: relative;
    z-index: 2;
}

    .page--castor-oil-landing-page .pdp-ingredient {
    margin-top: 4px;
}
   
   .class1left{display:none}

.class1right{display:none}
   
.page--sky-organics-sustainability-commitment .featured-content--description p {
    font-size: 17px;
    line-height: 22px;
}


   
   
.louloude{       display: block;
   
}

   
   #ffff.stickycart{display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 8888;
    background: white;
    padding: 20px 20px 10px;
}

   #ffff2:before{    content: '1 order = 1 tree';
    letter-spacing: .2em;
    text-transform: uppercase;
    font-size: 12px !important;
    margin-bottom: 0;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 5px;
    width: 100%;
    text-align: center;    color: black;}
#ffff.stickycart .btn--add-to-cart {
    width: calc(100% - 106px);
    float: right;    margin: 0;
}


   #eeee.stickycart2{
    display: block;
    position: fixed;
    bottom: 93px;
    left: 0;
    width: 100%;
    z-index: 8888;
    background: white;
    padding: 20px 20px 0;
}


   
   .template--index .tra{float:left;width:100%}
   .coool2{width:100%;float:left;margin-bottom:15px}

     .template--article .featured-blog--root {
         background: #fcfaf7;padding-bottom: 20px;
    margin-bottom: 15px;
    }
     #slidecarthq .item {
         padding: 30px 0 !important;
    }
     html body #slidecarthq .rewards p, html body #slidecarthq .rewards strong {
         font-size: 12px !important;
    }
     html body #slidecarthq .header h2 span {
         font-size: 16px;
         color: black;
    }
     #slidecarthq .button.full {
         height: 39px !important;
    }
   .ykfke.featured-grid--root[data-container-width="4"] .featured-grid--body {
    margin-top: 0;
}

    .ykfke [data-container=panel][data-mobile-columns='2'] {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    width: 100%;
    float: left;
    display: inline-block;
    margin-bottom: -30px;
}
 .ykfke {
    padding: 0px 15px 0;
}
    .ykfke .featured-grid--footer{    float: left;
    width: 100%;
    margin-bottom: 90px;}

   .ykfke p {
    margin-bottom: 40px;
}
  .ykfke .featured-grid--body--container[data-mobile-columns="2"] .featured-grid--item:nth-child(2n+1):last-child {
    width: 100%;
    float: left;
    display: inline-block;
    margin-bottom: 27px;
}
   
   .page--sky-organics-sustainability-commitment [data-background-color=accent] {
    background-color: #ffffff;
}
.page--sky-organics-sustainability-commitment .featured-content--root {
    padding: 0;
}
   .Our.Sustainable.featured-content--root[data-cover-image=true][data-text-position=bottom-left][data-text-exists=true] .featured-content--image {
    left: 00%;
}
   .Grow.featured-content--root[data-cover-image=true][data-text-position=bottom-left][data-text-exists=true] .featured-content--image {
    left: 0%;
}
}.carousel--y-container {
    height: auto !important;
}
.page--sky-organics-sustainability-commitment .pdp-ingredient {
    margin-bottom: 32px;
}
body .off-canvas--viewport .ykfke .btn-deight {
    line-height: 21px;
}

.ykfke[data-background-color="none"] {
  background-color: #e4eff3;    position: relative;
    z-index: 1;
    overflow: visible;
}
.ykfke.featured-grid--root[data-text-position="bottom"][data-text-alignment="center"]
  .featured-grid--item--image[data-item] {
  margin: 0 auto;
  width: 68px;
  height: auto !important;
  border-radius: 50%;
  overflow: hidden;
}
.ykfke h3,
.ykfke .h3 {
  font-family: "Canela";
  font-size: 26px;
  line-height: 31px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}
.ykfke p {
font-family: bilo, sans-serif;
    font-size: 17px;
    line-height: 25px;
}
.ykfke.featured-grid--root[data-container-width="4"] .featured-grid--body {
    margin-top: -34px;
}







.ope{    width: 100%;
    position: relative;
    display: inline-block;
}
.ope img{width:100%}
.texteope{  position:absolute;  top: 50%;
    right: 10%;
    text-align: center;
    -webkit-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
    width: 45%;}


.bf .texteope{ position: absolute;
    top: 50%;
    right: 7%;
    text-align: center;
    -webkit-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
    width: 27%;}


.bf.cm .texteope {
    right: initial;
    width: 35%;
    left: 7%;
}


.eightmarch .texteope {
    position: absolute;
    top: 50%;
    right: initial;
    text-align: center;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(-50%, -50%);
    width: 50%;
    left: 50%;
}
.treest .texteope {
       position: absolute;
    top: 50%;
    right: initial;
    text-align: center;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    width: 50%;
    left: 5%;
}
.treest .texteope .btn-deight {
    display: inline-block;
    margin-top: 0px;
}



.texteope h2 i{text-transform: lowercase;
    font-style: normal;
    transform: scale(0.5);
    font-size: 32px;
    line-height: 1;position: relative;
    top: -5px;}

.texteope h2{font-size:50px;line-height:1;margin-bottom:20px;font-weight: 400;}
.texteope p{font-size:20px;line-height:1.2;    margin-bottom: 20px;font-weight: 500;}

.bf .texteope h2{font-size:40px}

.eightmarch .texteope p{font-size:27px;line-height:1.2;    margin-bottom: 20px;font-weight: 500;}



.texteope .btn-deight{
    display: inline-block;margin-top:20px;
}

.texteope span {
    width: 100%;
    float: left;
    margin-bottom: 25px;
    font-size: 20px !important;
    font-weight: 600;
    margin-top: 20px;
    line-height: 30px;
   letter-spacing: initial !important;
    margin: 0 !important;
}

.bf .texteope span {
    font-size: 20px !important;
}


.earthm .texteope span {
    font-weight: 400;    font-size: 25px !important;
}

body .off-canvas--viewport .bf .btn-deight {padding: 8px 13px 12px;}

.texteope .btn-deight span{
   letter-spacing: 3.3px !important;font-weight: 500;
}
.bf .texteope .btn-deight span {
    letter-spacing: 0.3px !important;
    font-weight: 600;
    font-size: 21px !important;
    line-height: 1;
}

.eightmarch .texteope .btn-deight span {
    letter-spacing: 2.3px !important;
    font-weight: 500;
    font-size: 16px !important;
    line-height: 1.2;
}
.ope .mobile{display:none}

.season .texteope {
    position: absolute;
    top: 50%;
    right: initial;
    text-align: center;
    -webkit-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
    width: 50%;
    left: 5%;
}


.cybermonday .texteope h2{color:white}
.cybermonday .texteope p{color:white}
.cybermonday .texteope span{color:white}
.cybermonday .texteope .btn-deight{color:white;border:1px solid white}

.season .texteope h2{color:white}
.season .texteope p{color:white}
.season .texteope span{color:white}
.season .texteope .btn-deight{color:white;border:1px solid white}


.custom-alignment .product-page--featured-blocks .icon-img.biobased{width: 118px;
    height: 72px;}
.custom-alignment .product-page--featured-blocks .icon-img.biobased img{width: 100%;}
.metenbas{
    position: absolute;
    bottom: 10px;
    z-index: 2;
    right: 0px;
    width: 42%;
    text-align: center;
    font-size: 14px;
}
.metenbas {
    right: initial;
    width: 47%;
    left: 0;
}

.bf.sav .texteope h2, .bf.sav .texteope span, .metenbas {color: white;}
.sav .btn-deight:after {    background: #ffffff;}
body .off-canvas--viewport .sav .btn-deight {
    background: none;
    color: #ffffff;
    border: 1px solid #ffffff;}
.sav .btn-deight:hover span{color:black}
 @media only screen and (max-width:768px) {

   .bf.sav .texteope h2, .bf.sav .texteope span, .metenbas {color: black;}
.sav .btn-deight:after {    background: black;}
body .off-canvas--viewport .sav .btn-deight {
    background: none;
    color: black;
    border: 1px solid black;}
.sav .btn-deight:hover span{color:white}

   
.page--gentle-clean-face-towels .custom-alignment .product-page--featured-blocks .valuecontent:first-child {
      
        width: 50%;
    }
.texteope h2{font-size:42px;}
.bf .texteope h2 {font-size: 26px;margin-bottom: 13px;}
       .earthm .texteope h2 {
        font-size: 35px;
        margin-bottom: 5px;
    }
   
body .off-canvas--viewport .bf .btn-deight {
    margin-top: 11px;
}
.bf .texteope span {font-size: 14px !important;}
.bf .texteope .btn-deight span {font-size: 17px !important;}   
.texteope p{font-size:18px;}
.texteope span {
    font-size: 17px !important;
    line-height: 19px;

}
   
.ope .mobile{display:block}
.ope .ordi{display:none}


.texteope, .bf .texteope{ position:relative;width:100%;  -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -o-transform: translate(0%,0%);
    transform: translate(0%,0%);    right: 0;left:0;
    top: initial;
    padding: 30px;
    background: #bacfec;}

.bf .texteope {padding: 30px 10px 40px;}

.metenbas {font-size: 9px   ;     width: 100%;}
   
   .cybermonday .texteope{ background: #70B2C4;}

  .shippingday .texteope{ background: #c6e0e0;}

.bf.cm .texteope {    right: initial;    width: 100%;    left: 0%;}
.earthm .texteope span {
    font-weight: 400;
    font-size: 20px !important;        line-height: 1.2;
}
.bf.cm.sav .texteope {
background: url(/cdn/shop/files/MOBILE_HOLIDAY_OCo_no_text2.jpg?v=1730887551) no-repeat;
background-size: 100% 100%;
}

   
   .eightmarch.cybermonday .texteope {
    background: transparent;
    top: 2%;
    width: 100%;
    transform: none;    left: 0;
}
    .eightmarch.eightmarch .texteope p {
    font-size: 15px;
    line-height: 1.2;
    margin-bottom: 20px;
    font-weight: 500;
}

   .texteope h2 i {
    text-transform: lowercase;
    font-style: normal;
    transform: scale(0.5);
    font-size: 21px;
    line-height: 1.3;
    margin-top: -5px;
    position: relative;
    top: -3px;
}
   
      .season .texteope{ position:relative;width:100%;  -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -o-transform: translate(0%,0%);
    transform: translate(0%,0%);    right: 0;left:0;
    top: initial;
    padding: 30px; background: #56B6C9;}

 }

body .header--root .layout--login{display:none !important}

#shopify-section-footer .contact--wrapper{display:none}
.page--organic-castor-oil-16oz #shopify-section-footer .contact--wrapper{display:block;margin-top:15px}
.page--organic-castor-oil-16oz #shopify-section-footer .contact--wrapper h2{font-family: 'Canela';font-size: 22px;line-height: 17px;font-weight: 400;text-transform: none;}
.page--organic-castor-oil-16oz #shopify-section-footer .contact--wrapper .contact--header {    padding-bottom: 14px;    text-align: center;}
.page--organic-castor-oil-16oz .pdp-ingredient {margin-bottom: 0 !important; }
.page--organic-castor-oil-16oz .footer--block .footer--menu li:nth-child(5){display:none}
.page--organic-castor-oil-16oz .footer--block .footer--menu li:nth-child(6){display:none}
.page--organic-castor-oil-16oz .footer--block .footer--menu li:nth-child(7){display:none}
.page--organic-castor-oil-16oz .footer--block .footer--menu li:nth-child(11){display:none}
.page--organic-castor-oil-16oz .footer--block .footer--menu li:nth-child(12){display:none}
.page--organic-castor-oil-16oz .footer--block .footer--menu li:nth-child(13){display:none}


.page--castor-oil-pack-kit .badge{display:none !important}
.page--organic-castor-oil-16oz .badge{display:none !important}
.page--organic-castor-oil-16oz .badge-out-stock {background: #8DB7E2;}
.page--organic-castor-oil-16oz .header--container {text-align: center;}
.page--organic-castor-oil-16oz .breadcrumbs, .page--organic-castor-oil-16oz .header--left-side, .page--organic-castor-oil-16oz .header--right-side, .page--organic-castor-oil-16oz #shopify-section-announcement, .page--organic-castor-oil-16oz .footer--subscribe, .page--organic-castor-oil-16oz .payment-icons--root, .page--organic-castor-oil-16oz .eapps-instagram-feed{display: none !important}
@media (min-width: 992px){
.page--organic-castor-oil-16oz .product-page--top-panel .product-page--featured-media {top: 0 !important;}
.page--organic-castor-oil-16oz .product-page--top-panel .custom-alignment {display: flex;}
.page--organic-castor-oil-16oz .product-page--top-panel .product-page--featured-media {    position: relative !important;}
}


.eightmarch .btn-deight span {
    padding: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.2em;
    text-decoration: none !important;
}
.eightmarch .btn-deight:after {
    background: #ffffff;
}
.eightmarch .texteope .btn-deight:hover span {
    color: black;
}
#amzn-bwp-cart{display:none}
#amzn-buy-now{display:none}
#bwpFrame{float: left;
    background: transparent;
    margin-bottom: 15px;
    padding: 0;
    margin-top: -20px;    max-height: 75px;
}
.qtydiv{    padding: 0;float: left;}
.qtydiv .btnqty {
    color: black;
}
#ffff2{     background: white;
    padding: 0;
    width: 100%;
    float: left;
    display:contents}

body .bwpbutton{    background-color: #0683ea;
    color: white;
    margin-bottom: 15px;
    float: left;
    text-align: center;
    font-weight: 600;
    width: 100%;
    padding: 10px;
    letter-spacing: 0.1em;
    font-size: 14px;}


body .altbutton {
    color: white;
    margin-bottom: 15px;
    float: left;
    text-align: center;
    font-weight: 600;
    width: 100%;
    padding: 4px 10px;
    font-size: 14px;
    background: black !important;
    height: auto;
    font-family: bilo, sans-serif;
    letter-spacing: 2px;
}



body .bwpbutton svg{      height: 20px;
    width: auto;
    fill: white;
    filter: invert(1);
    margin-left: 0px;
    position: relative;
    display: inline-block;
    margin-bottom: -6px;
    top: 3px;display: inline-block !important;}
  
.page--organic-castor-oil #bwpFrame{display:none}
.page--organic-coconut-oil-amp-vitamin-e #bwpFrame{display:none}
.product-id-2956225541 #bwpFrame{display:none}
.product-id-4113845911665 #bwpFrame{display:none}

.product-id-7317776793713 #bwpFrame{display:none}
.product-id-7317794029681 #bwpFrame{display:none}





.off-canvas--container .crdfg{    margin-top: 11px;
    border: 0;
    width: 100%;
    padding: 0;}
.walmart{text-align: center;
    float: left;
    width: 100%;
    font-weight: 600;
    color: #006dc8;margin-bottom:20px;text-transform: initial;
    font-size: 15px;
    letter-spacing: 0;    cursor: initial;}
.walmart img{width:30px;margin-right: 10px;}


.walmm .texteope {
    position: absolute;
    top: 50%;
    right: initial;
    text-align: center;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    width: 40%;
    left: 10%;
}
.walm .texteope h2 {
    color: white;
}

.secrets .texteope h2 {
    color: white;
}

.walm .texteope {
      position: absolute;
    top: 50%;
    right: initial;
    text-align: center;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    width: 40%;
    left: 55%;
}

.earthm .texteope {
    position: absolute;
    top: 0%;
    right: initial;
    text-align: center;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    width: 50%;
    left: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: #e5f2ff;padding: 100px
}
.earthm .texteope h2 {
    color: #000000;font-weight:400
}
.earthm .texteope h2 i{
    font-size:inherit;font-style:italic
}
.earthm .span {
    color: #000000;font-weight:400
}
.secrets2 .texteope {
     width: 40%;
    left: initial;
    right: 5%;
    top: initial;
    bottom: 8%;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, %);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}


.secrets .texteope p {
    font-size: 25px;
    line-height: 1.2;
    margin-bottom: 20px;
    font-weight: 500;
    color: white;
}
.secrets .texteope .btn-deight span {
    letter-spacing: 2.3px !important;
    font-size: 16px !important;
    color: white;
}

body .off-canvas--viewport .secrets .btn-deight {
    border: 1px solid white;
}


.petitpetit{font-size:12px}

.jktj{margin-left:8%}


.page--sky-organics-earth-month-giveaway-terms-amp-amp-conditions .rte ol li:before, .page--sky-organics-earth-month-giveaway-terms-amp-amp-conditions [data-item=rte-content] ol li:before {
display:none
}
.page--sky-organics-earth-month-giveaway-terms-amp-amp-conditions [data-item=rte-content] ol {
    padding-left: 50px;
}
.valuer{    margin-left: -20px;}

.page--sky-organics-earth-month-giveaway-terms-amp-amp-conditions .template-page--root a, .page--sky-organics-earth-month-giveaway-terms-amp-amp-conditions .template-page--root p, .page--sky-organics-earth-month-giveaway-terms-amp-amp-conditions .template-page--root li, .page--sky-organics-earth-month-giveaway-terms-amp-amp-conditions .template-page--root span{font-size:18px !important}


.ope.earthm img {
    width: 50%;
}

@media (max-width: 768px){

.ope.earthm img {
    width: 100%;
}
  .secrets .texteope h2 {
    font-size: 40px;
}

  .secrets .texteope p {
    font-size: 25px !important;
}
.petitpetit{text-align:center}

  .walm .texteope {
    position: absolute;
    top: 5%;
    right: initial;
    text-align: center;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, -0%);
    width: 90%;
    left: 5%;
    background: none;
}

  .ope.earthm {
    display: flex;
    flex-direction: column-reverse;
}
  
      .earthm .texteope {        position: relative;
        top: 0%;
        text-align: center;
        width: 100%;
        left: 0%;
        background: #e5f2ff;
        height: 50%;;padding: 40px 30px
    }
  
.qtydiv{padding:0}

  .walmart img {
    width: 19px;
    margin-right: 7px;
}
.walmart {
    text-align: center;
    float: left;
    width: 100%;
    font-weight: 600;
    color: #006dc8;
    margin-bottom: 5px;
    line-height: 1;
}
     #bwpFrame{ max-height: 71px;}

}

.page--amazon-product-catalog-page .zeroblock {
  display: block !important;
}
.page--amazon-product-catalog-page .featured-grid--body--container {
  align-items: center !important;
}
.page--amazon-product-catalog-page .featured-grid--item--title {
  margin-bottom: 30px  !important;
}



.page--organic-aloe-vera-glow-cleanser .qtydiv, .page--organic-aloe-vera-glow-cleanser .product-buy-buttons--cta-text {display:none!important}
.page--organic-marula-radiant-glow-oil .qtydiv, .page--organic-marula-radiant-glow-oil .product-buy-buttons--cta-text {display:none!important}
.page--organic-orange-blossom-light-glow-toner .qtydiv, .page--organic-orange-blossom-light-glow-toner .product-buy-buttons--cta-text {display:none!important}
.page--organic-tamanu-deep-glow-serum .qtydiv, .page--organic-tamanu-deep-glow-serum .product-buy-buttons--cta-text {display:none!important}