/** Shopify CDN: Minification failed

Line 598:60 Expected ":"

**/
*{ box-sizing: border-box;



}

.theme-clementtheme{display:none !important}

#MainContent{    padding-top: 20px;}


input {
    -webkit-appearance: none;
    border-radius: 0;
}


/*
 * Keyframes
 */
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}





/* type */








@font-face {
    font-family: "MaisonNeue";
    src: url("/cdn/shop/files/MaisonNeueMonoWEB-Regular.woff?v=1665408997") format("woff");
    src: url("/cdn/shop/files/MaisonNeueMonoWEB-Regular.woff2?v=1665408997") format("woff2");
    
     
    }  
  
    
    @font-face {
    font-family: "MaisonNeue-bold";
    src: url("/cdn/shop/files/MaisonNeueMonoWEB-Bold.woff?v=1665408997") format("woff");
    src: url("/cdn/shop/files/MaisonNeueMonoWEB-Bold.woff2?v=1665408997") format("woff2");
    
     
    }  
    
    
   
    
    #h3{font-family: utopia-std, serif; font-weight: 400;  font-size:22px;  line-height:1.4em;  color: #333333  }
    
    
    h1{font-family: utopia-std, serif; font-weight: 400;   font-size:28px; line-height:1.4em; color: #333333  }
    h2{font-family: "MaisonNeue", monospace; font-weight: 400;  font-size:24px; line-height:1.4em;  color: #333333  }
    h3{font-family: utopia-std, serif; font-weight: 400;  font-size:22px;  line-height:1.4em;  color: #333333  }
    h4{font-family: "MaisonNeue-bold", monospace !important; font-weight: 600;  font-size:14px; line-height:1.4em; color: #333333  }
    h5{font-family: "MaisonNeue", monospace; font-weight: 400;   font-size:14px; line-height:1.4em;   color: #333333  }

    
    p{  font-family: utopia-std, serif; font-weight: 400;   font-size:15px; line-height:1.4em; letter-spacing:0.03em; color: #474747 }
    

    h6{font-family: utopia-std, serif; font-weight: 400;   font-size:12px; line-height:1.4em;  color: #474747 }
    h7{font-family: "MaisonNeue", monospace; font-weight: 400;   font-size:12px; line-height:1.4em; color: #474747 }
    h8{font-family: "MaisonNeue-bold", monospace !important; font-weight: 600;   font-size:12px; line-height:1.4em; color: #474747 }
	h10{font-family: utopia-std, serif; font-weight: 400;  font-size:19px;  line-height:1.4em;  color: #333333 }


label {font-family: utopia-std, serif; font-weight: 400;   font-size:14px; line-height:1.4em;  color: #474747; }
    

	 h9{font-family: "MaisonNeue", monospace; font-weight: 400;  font-size:18px; line-height:1.4em;  color: #333333  }
    
    
    /* links */


    
    a{text-decoration:none; color: inherit;}
    
    
    p a{border-bottom:2px solid transparent; text-decoration:none;  -webkit-transition: all 250ms ease;     color: inherit;
       -moz-transition: all 250ms ease;
         -o-transition: all 250ms ease;
            transition: all 250ms ease}
    
    p a:hover{border-bottom:2px solid #FFB711 ;}
    
    
    
    h5 a{border-bottom:2px solid transparent; text-decoration:none;  -webkit-transition: all 250ms ease;     color: inherit;
       -moz-transition: all 250ms ease;
         -o-transition: all 250ms ease;
            transition: all 250ms ease}
    
    h5 a:hover{border-bottom:2px solid #FFB711 ;}

    h1 a{border-bottom:2px solid transparent; text-decoration:none;  -webkit-transition: all 250ms ease;     color: inherit;
       -moz-transition: all 250ms ease;
         -o-transition: all 250ms ease;
            transition: all 250ms ease}
    
    h1 a:hover{border-bottom:2px solid #FFB711 ;}
    

    h2 a{border-bottom:2px solid transparent; text-decoration:none;  -webkit-transition: all 250ms ease;     color: inherit;
       -moz-transition: all 250ms ease;
         -o-transition: all 250ms ease;
            transition: all 250ms ease}
    
    h2 a:hover{border-bottom:2px solid #FFB711 ;}
    
    
    
    h7 a{border-bottom:2px solid transparent; text-decoration:none;  -webkit-transition: all 250ms ease;     color: inherit;
       -moz-transition: all 250ms ease;
         -o-transition: all 250ms ease;
            transition: all 250ms ease}
    
    h7 a:hover{border-bottom:2px solid #FFB711 ;}


    h8 a{border-bottom:2px solid transparent; text-decoration:none;  -webkit-transition: all 250ms ease;     color: inherit;
        -moz-transition: all 250ms ease;
          -o-transition: all 250ms ease;
             transition: all 250ms ease}
     
     h8 a:hover{border-bottom:2px solid #FFB711 ;}
    
    
    
   h6  a {border-bottom:2px solid transparent; text-decoration:none;  -webkit-transition: all 250ms ease;     color: inherit;
       -moz-transition: all 250ms ease;
         -o-transition: all 250ms ease;
            transition: all 250ms ease;
     -webkit-transition: all 250ms ease;  }
    
   h6  a:hover{border-bottom:2px solid #FFB711 ;}
    
    
    
     
    h4 a{border-bottom:2px solid transparent; text-decoration:none;  -webkit-transition: all 250ms ease;     color: inherit;
       -moz-transition: all 250ms ease;
         -o-transition: all 250ms ease;
            transition: all 250ms ease}
    
    h4 a:hover{border-bottom:2px solid #FFB711 ;}

    
    
    
    
    h3 a{border-bottom:2px solid transparent; text-decoration:none;  -webkit-transition: all 250ms ease;     color: inherit;
         -o-transition: all 250ms ease;
            transition: all 250ms ease}
    
    h3 a:hover{border-bottom:2px solid #FFB711 ;}
    
    
    h2 a{border-bottom:2px solid transparent; font-family: "recolata-reg" !important;  text-decoration:none;  -webkit-transition: all 250ms ease;     color: inherit;
         -o-transition: all 250ms ease;
            transition: all 250ms ease}
    
    h2 a:hover{border-bottom:2px solid #FFB711 ;}




#CP-FOOTER     p a{border-bottom:2px solid transparent; text-decoration:none;  -webkit-transition: all 250ms ease;     color: inherit;
       -moz-transition: all 250ms ease;
         -o-transition: all 250ms ease;
            transition: all 250ms ease}
    
#CP-FOOTER  p a:hover{border-bottom:2px solid #474747  ;}

#CP-FOOTER  h5 a{border-bottom:2px solid transparent; text-decoration:none;  -webkit-transition: all 250ms ease;     color: inherit;
       -moz-transition: all 250ms ease;
         -o-transition: all 250ms ease;
            transition: all 250ms ease}
    
#CP-FOOTER  h5  a:hover{border-bottom:2px solid #474747  ;}

#CP-FOOTER  h6 a{border-bottom:2px solid transparent; text-decoration:none;  -webkit-transition: all 250ms ease;     color: inherit;
       -moz-transition: all 250ms ease;
         -o-transition: all 250ms ease;
            transition: all 250ms ease}
    
#CP-FOOTER  h6  a:hover{border-bottom:2px solid #474747  ;}
    


/* body */


body{position:relative}


    
    img{    width: 100%;
        height: 100%; display:block}


#shopify-section-header{display:none !important}


.visually-hidden{visibility: hidden !important; display:none;
    height: 0px;}







section{width: 100%;
min-width: 100vw;}




.grided{display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: auto;
width: 100%;
max-width: 1600px;
padding-left: 3vw;
padding-right: 3vw;
margin-left: auto;
margin-right: auto;
column-gap: 10px;}


.full-width {
width: 100%;
min-width: 100vw;
overflow-x: hidden;
display: grid;
grid-template-columns: repeat(12, 1fr);
width: 100%;
height: 100%;
position: relative;
}










/* nav */

#CP-NAV{padding-top:2vh;  background:transparent; padding-bottom:10px;    z-index: 400;
    position: relative;  -moz-transition: all 500ms ease;
         -o-transition: all 500ms ease;
            transition: all 500ms ease;
     -webkit-transition: all 500ms ease;
}

#shopify-section-custom-nav{z-index:999999}


.nav-logo{grid-column-start: 1; grid-column-end:3}

.nav-logo img{max-width:75px}

.nav-links{grid-column-start: 4; grid-column-end:10; display:flex; flex-direction:row; align-items: center; justify-content: space-between}

.nav-links p{margin-top:0px; margin-bottom:0px}

.nav-shop-links{grid-column-start: 11; grid-column-end:13; display:flex; flex-direction:row; align-items:center; justify-content: flex-end;}



.link-img{    width: 25px;
  min-width:25px; max-width:25px;
    margin-left: 7px;
    margin-right: 7px;
  position: relative;
}



#cart-number{width:25px; height:25px; text-align:center; background-color: #FFB711; position:absolute; display:flex; flex-direction: row; align-items:center; justify-content: center; border-radius:50%; right: -10px;
    top: -8px;    font-family: "MaisonNeue-bold", monospace;
    font-weight: 400;
    font-size: 10px;
    line-height: 1.4em;
    color: #474747; border: 1px solid #FFFFFF;     text-align: center; }



  /* swiper-gallery and landing */


#CP-LANDING-TEXT h5{max-width:65ch; font-size:115%; font-family: "MaisonNeue-bold", monospace !important;
    font-weight: 600; }
    
    
    #Swiper-Gallery{ margin-top:0vh;}

.swiper-wrapper{    pointer-events: none;}
    

.outer-swiper{grid-column-start:4; grid-column-end:13; overflow:hidden; position: relative; max-width:100%; margin-left:auto; margin-top:10vh}

.landing-text{grid-column-start: 1; grid-column-end:10; margin-top:5vh; margin-bottom:10vh;}

.outer-swiper .pag-cont{display:none}



.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{  

  
    width: 100%;
top: 33.333%;
    left: -50%;
    transform: rotate(90deg) translate(-50%,-50%);
  position: relative;


}
    
    
    
    .swiper-container {
            width: 100%;
            height: 100%; 
      
        }
        .swiper-slide {
  
        
            
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
              pointer-events: none;
          
    
        }
    
    
    
    
    
     .swiper-pagination-bullet {
            width: 10px;
            height: 10px;
            text-align: center;
            line-height: 20px;
            font-size: 12px;
            color: #FFB711;
            opacity: 1;
            background: rgba(0, 0, 0, 0.4);
          }
    
          .swiper-pagination-bullet-active {
            color: #FFB711 ;
            background: #FFB711  ;
          }
    
    
    .swiper-button-prev, .swiper-rtl .swiper-button-next{color:#fff}
    
    .swiper-button-next, .swiper-button-prev{color:#fff}
    
    

.pag-cont{    height: 100%;
    position: absolute;}







.landing-cont{width:100%; min-width:100vw; height:100%; min-height:100vh}


.width-cont{width:75vw; margin-left:auto}






/* product row */

.slider-two .swiper-slide{text-align:left !important; }

.slider-three .swiper-slide{text-align:left !important; }



.arrow-right-cont{    width: 50px;
    height: 100%;
    position: absolute;
    z-index: 90;
    top: 0;
    right: 0;
      pointer-events: none;
}

.arrow-right-cont img{pointer-events: auto;}


.slider-two{    grid-column-start: 1;
    grid-column-end: 13; overflow:hidden; position: relative;     pointer-events: none;
}



.slider-three{    grid-column-start: 1;
    grid-column-end: 13; overflow:hidden; position: relative;     pointer-events: none;
}


.slider-row-spacer{grid-column-start: 1;
    grid-column-end: 13;
    width: 100%;
    padding-top: 7vh;
}

.pag-row-cont{grid-column-start: 1;
    grid-column-end: 13;
    width: 100%; position: relative;     height: 30px;}


.pag-row-cont .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{left: 0;
    transform: none;
    position: inherit;}





.grided-slide{    grid-column-start: 1;
    grid-column-end: 13;
    width: 100%;
    display: grid;
      min-height: 100%;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto;
    column-gap: 10px;}





.product-gird{grid-column: span 3;
   width:100%; background: #fff; margin-bottom:7vh;  -moz-transition: all 500ms ease;
         -o-transition: all 500ms ease;
            transition: all 500ms ease;
     -webkit-transition: all 500ms ease;
}


.product-gird:hover{background-color: #ffe5b6 }


.collection-title{grid-column-start: 1;
grid-column-end: 13;
width: 100%;
padding-top: 7vh;
padding-bottom: 5vh;}

.tag {margin-top:0px; margin-bottom:0px;     display: inline-block;}

.product-text{padding:15px}


.product-card{position:relative; min-height: 100%;     pointer-events: auto;}

.prodcut-image{position:relative; min-height: 100%;}

.product-card-overlay{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; background-color: rgba(255, 183, 17, .0); z-index:10;  pointer-events: none;    
  -moz-transition: all 500ms ease;
         -o-transition: all 500ms ease;
            transition: all 500ms ease;
     -webkit-transition: all 500ms ease; }


.product-card-overlay a{z-index: 200}


.product-card:hover .product-card-overlay{background-color: rgba(255, 183, 17, .35)}


/* homepage links */



#tea-classes-link{grid-column-start: 1;
grid-column-end: 6;}


#tea-classes-link img{height:auto}

#products-stockists{grid-column-start: 8;
grid-column-end: 13; height: fit-content;}



.link-img-cont{position:relative;}

.link-img-cont img{z-index:20;     position: relative;}

.img-cover{position: absolute; top:0; bottom:0; left:0; right:0; background-color: rgba(255, 183, 17, 1);  z-index:2 }


.large-buttom-custom{min-width:250px; max-width:250px; min-height:40px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid #333333; margin-top:3vh; margin-bottom: 7vh;

  -moz-transition: all 500ms ease;
         -o-transition: all 500ms ease;
            transition: all 500ms ease;
     -webkit-transition: all 500ms ease;


}

.large-buttom-custom h5{margin-top:0px; margin-bottom:0px;}



.large-buttom-custom:hover{background-color: rgba(255, 183, 17, 1)}


/* locations */


.locations-title{grid-column-start:1; grid-column-end:13; padding-top:2vh }

.location-block{grid-column-start:1; grid-column-end:13; display:flex; flex-direction:row;     padding-top: 5vh; margin-top:5vh;
    border-top: 1px solid #707070; }




.location-text{max-width:50%; min-width:40%;    padding-right: 20px;}

.location-text p{max-width:55ch;}

.location-img img{height:auto}

.location-info-row{display:flex; flex-direction:row; align-items:baseline; margin-top: 10vh; justify-content:space-between;}

.location-info-row p{max-width:24ch}

.location-info-col{max-width:48%; min-width:48%}

#mob-linebreak{display:none}






#daytitle{min-width: 55px;     display: inline-block; }


/* footer */




#CP-FOOTER{background-color:#FFB711; padding-bottom:20px}

.footer-logo{grid-column-start:1; grid-column-end:3; padding  }

.contact-footer{grid-column-start:4; grid-column-end:8;  }

.footer-links-first{grid-column-start:8; grid-column-end:10;  }

.footer-links-second{grid-column-start:10; grid-column-end:12;  }

.footer-padding{padding-top:7vh; padding-bottom:2vh}


.social-media-footer-block{grid-column-start:4; grid-column-end:8; }

.back-to-top-footer-block{grid-column-start:10; grid-column-end:12;}


#backto{transition: opacity .45s ease-in-out;
 -moz-transition: opacity .45s ease-in-out;
 -webkit-transition: opacity .45s ease-in-out;}

#backto:hover{opacity:0.65;  cursor: pointer;}







.social_block-footer{margin-bottom:auto}

.social-block-cont{transition: opacity .45s ease-in-out;
   -moz-transition: opacity .45s ease-in-out;
      -webkit-transition: opacity .45s ease-in-out; position:relative; width:100%; height:50px; 
margin-right:auto; margin-left:auto; align-items:center; display:flex; flex-direction:row; 
   margin-top:40px;  margin-bottom:20px; 
}

.social-block-link {
transition: opacity .45s ease-in-out;
 -moz-transition: opacity .45s ease-in-out;
 -webkit-transition: opacity .45s ease-in-out;
width:40px;
 padding-right:15px;
  fill: #002433;}

.social-block-cont a{border-bottom:0px solid}

.social-block-cont:hover .social-block-link:not(:hover) {
  opacity:.5;
    cursor: pointer;
}


.back-2-top{position: absolute;
  bottom: 0;}




/* PRODUCT NON CUSTOM */

.product{display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: auto;
width: 100%;
max-width: 1600px;
padding-left: 3vw;
padding-right: 3vw;
margin-left: auto;
margin-right: auto;
column-gap: 10px;}


.grid__item.product__media-wrapper{grid-column-start:1; grid-column-end:7;}

.product__info-wrapper.grid__item{grid-column-start:8; grid-column-end:13;}





/* PRODUCT  CUSTOM */


select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 99.999%;
  background-position-y: 4px; padding-left: 7px !important;}



.product-image-col{grid-column-start:1; grid-column-end:7; padding-bottom:5vh}


.product-info-col{grid-column-start:8; grid-column-end:13; max-width: 450px; padding-top:5vh; padding-bottom:5vh}

.product-variants{    width: 100%;
    min-height: 35px;
    border: 1px solid #9D9D9D}

[id="grind"]{    width: 100%;
    min-height: 35px;
    border: 1px solid #9D9D9D; font-family: "MaisonNeue", monospace; font-weight: 400;   font-size:12px; line-height:1.4em;   color: #333333}

.line-item-property__field{    min-width: 100%;}


#productSelect{    width: 100%;
    min-height: 35px;
    border: 1px solid #9D9D9D}


#productSelect{font-family: "MaisonNeue", monospace; font-weight: 400;   font-size:12px; line-height:1.4em;   color: #333333 }

.quantity-input{font-family: "MaisonNeue", monospace; font-weight: 400;   font-size:12px; line-height:1.4em;   color: #333333 }


.qtybox input{  
    min-height: 35px;
    border: 1px solid #9D9D9D;     max-width: 100%;     min-width: 100%;}


.qtyplus{visibility:hidden; height:0px; display: none;}

.qtyminus{visibility:hidden; height:0px; display: none;}



.qtydiv{max-width: 49%;min-width:49%}

.product-quant{width: 100%;
    min-height: 35px;
    border: 1px solid #9D9D9D; font-family: "MaisonNeue", monospace; font-weight: 400;   font-size:12px; line-height:1.4em;   color: #333333 }



#add-to-cart{display: flex;
    flex-direction: row;
    flex-wrap: wrap; justify-content:space-between}

#add-to-cart [type="submit"]{    min-height: 35px;
    margin-top: auto; min-width: 49%; border: 1px solid #FFB711 ; background-color: #FFB711; font-family: "MaisonNeue-bold", monospace; font-weight: 400;   font-size:12px; line-height:1.4em;   color: #333333; text-transform:uppercase;
 
  cursor:pointer;


  -moz-transition: all 500ms ease;
         -o-transition: all 500ms ease;
            transition: all 500ms ease;
     -webkit-transition: all 500ms ease;



}









#add-to-cart [type="submit"]:hover{background-color: #47474A; color:#fff; border: 1px solid #47474A ;}


.added-to-cart{background-color: #fff !important; color:#47474A !important; border: 1px solid #47474A !important;    }


#add-to-cart-link{ min-height: 35px;
    margin-top: auto;
    min-width: 49%;
    border: 1px solid #FFB711;
    background-color: #FFB711;
    font-family: "MaisonNeue-bold", monospace;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4em;
    color: #333333;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    -moz-transition: all 500ms ease;
    margin-top: 5vh;}







.options{    min-width: 100%;}

.prod-des p span{margin-bottom: 0px;
    margin-top: 0px;
    font-family: utopia-std, serif;
    font-weight: 400;
    font-size: 17px !important;
    line-height: 1.4em;
    color: #333333;}



.prod-des {margin-bottom: 0px;
    margin-top: 0px;
    font-family: utopia-std, serif;
    font-weight: 400;
    font-size: 17px !important;
    line-height: 1.4em;
    color: #333333;}



.prod-des p{margin-bottom: 0px;
    margin-top: 0px;
    font-family: utopia-std, serif;
    font-weight: 400;
    font-size: 17px !important;
    line-height: 1.4em;
    color: #333333;}



.meta-row{display:flex; flex-direction: row;  border-top: 1px solid #707070 }

.meta-col-name{display:flex; flex-direction:column; min-width:40%; max-width:40%;}
.meta-col-value{display:flex; flex-direction:column; min-width:60%; max-width:60%;}








/* collection page */

.pagination__list{padding:0px} 

.pagination__list svg {    display: block !important;
    visibility: visible !important;}


.pagination__item{-moz-transition: all 500ms ease;
         -o-transition: all 500ms ease;
            transition: all 500ms ease;
     -webkit-transition: all 500ms ease; font-family: "MaisonNeue", monospace;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.4em;
    color: #333333;}

.pagination__item--current:after{background-color:#FFB711 !important;     height: 2px !important;  }

.pagination__item:hover:after{background-color:#FFB711 !important;     height: 2px !important;}




#collection-grid{display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: auto;
width: 100%;
max-width: 1600px;
padding-left: 3vw;
padding-right: 3vw;
margin-left: auto;
margin-right: auto;
column-gap: 10px;}




#collection-grid .product-gird{margin-bottom:2vh}




#product-grid{display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: auto;
width: 100%;
max-width: 1600px;
padding-left: 3vw;
padding-right: 3vw;
margin-left: auto;
margin-right: auto;
column-gap: 10px; row-gap: 10px;}

#product-grid .product-card{grid-column: span 3;   -moz-transition: all 500ms ease;
         -o-transition: all 500ms ease;
            transition: all 500ms ease;
     -webkit-transition: all 500ms ease;}

#product-grid .product-card:hover{background-color: #ffe5b6;}

#product-grid .prodcut-image{min-height:auto}


  


ul{ list-style:none;}



/* collection list */

#collections-list-custom{margin-bottom:5vh}

.collections-title{grid-column-start:1; grid-column-end:13;}

.collection-card{grid-column: span 3;
   width:100%; background: #fff; margin-bottom:2vh;  -moz-transition: all 500ms ease;
         -o-transition: all 500ms ease;
            transition: all 500ms ease;
     -webkit-transition: all 500ms ease;}

.collection-tilte h3{margin-bottom:5px}


.collection-image-cont{position:relative}


.collection-card:hover .product-card-overlay{background-color: rgba(255, 183, 17, .35)}


.collection-card:hover  h3 a{border-bottom:2px solid #FFB711 ;}
    

.collection-hero__title{margin-top:0px !important; margin-bottom:0px !important}







.facets-container{display: grid;
grid-template-columns: repeat(12, 1fr) !important;
grid-template-rows: auto !important;
width: 100%;
max-width: 1600px;
padding-left: 3vw;
padding-right: 3vw;
margin-left: auto;
margin-right: auto;
column-gap: 10px; row-gap: 10px;}

.facets {grid-column-start:1 !important; grid-column-end:13 !important; border-top: 1px solid #333;     padding-top: 20px;}

.facets__form{display:flex !important;}

menu-drawer{display:none !important}

.product-count{display:none}




[name="sort_by"]{    width: 100% !important;
    min-height: 35px  !important;
    border: 1px solid #9D9D9D  !important;}

.icon-caret{display:none !important}

.facet-filters{margin-left: auto;}

.facet-filters__field .select{    min-width: 250px;}


#collection-pg-custom{ padding-bottom:0px;}

.collection-hero__inner{    grid-template-columns: repeat(12, 1fr);
    display: grid !important;}

.collection-hero__text-wrapper{flex-basis:auto !important; grid-column-start:1; grid-column-end:5;}

.tagbank{grid-column-start:6; grid-column-end:13;}

.tag-button:only-of-type{background:#ffe5b6}


.collection-hero__inner{    align-items: baseline !important;}

.tag-links-box{display:flex; flex-direction: row; flex-wrap:wrap;   align-items:baseline}


.tag-button{min-width:32%; max-width:32%; min-height:40px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid #333333; 
background:transparent;     margin-top: 10px;
  -moz-transition: all 500ms ease;
         -o-transition: all 500ms ease;
            transition: all 500ms ease;
     -webkit-transition: all 500ms ease; font-family: utopia-std, serif; font-weight: 400;   font-size:16px; line-height:1.4em; letter-spacing:0.03em; color: #474747; margin-right:1%
}

.tag-button:hover{background-color: rgba(255, 183, 17, 1)}


.tag-button a{  display:inline-block;
    width:100%;
    height:100%; text-align:center}


.facet-filters__sort{font-family: "MaisonNeue", monospace;
    font-weight: 400;
    font-size: 12px !important;
    line-height: 1.4em;
    color: #333333;}





/* cart */


#cart h7{margin-top:0px}





.price--end{margin-top:0px !important}


.product-option{   font-family: utopia-std, serif;
    font-weight: 400;
    font-size: 12px !important;
    line-height: 1.4em;
    color: #474747;}


#cart{grid-column-start:5 !important; grid-column-end:13 }

.title-wrapper-with-link{grid-column-start: 1 !important;
    grid-column-end: 5;
    padding-right: 20px;
 
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    background-color: #f3f3f3;
    margin-right: 5vw;}

th{font-family: utopia-std, serif; font-weight: 400;   font-size:12px; line-height:1.4em;  color: #474747; text-transform:capitalize !important;}

table {
  border-collapse: collapse !important;
}

.cart-item{border-top: 1px solid #474747 !important;     border-bottom: 1px solid #474747 !important; }

.title-wrapper-with-link h1{margin-top:0px; margin-bottom:0px !important}


.cart-item__details .product-option:first-of-kind{display:none}

.cart-item__details>*+*{margin-top:0px !important}



cart-items{padding-bottom:0px !important}


.cart-items td{padding-top:10px !important;    }

.cart-item>td+td{padding-left: 15px !important;}

.cart-items td:not(:first-of-type){vertical-align: text-bottom !important;}




.cart-item__media{min-width:14% !important; max-width:14% !important;   width:14% !important;  padding-right: 1% !important;}

.cart-item__details{min-width:29% !important; max-width:29%!important; width:29% !important; padding-right: 1% !important;}

.cart-item__price{min-width:14% !important; max-width:14% !important; width:14% !important; padding-right: 1% !important; text-align: left !important; padding-left:0px !important}

.cart-item__quantity{min-width:24% !important; max-width:24% !important;  width:24% !important; padding-right: 1% !important;}

.cart-item__totals{min-width:14% !important; max-width:14% !important;  width:14% !important; padding-right: 1% !important;}

.cart-items th{padding-top:0px!important; padding-bottom:10px !important; padding-left:0px !important}


.cart-items th:nth-of-type(1){min-width:14% !important; max-width:14% !important;   width:14% !important;  padding-right: 1% !important;}
.cart-items th:nth-of-type(2){min-width:14% !important; max-width:14% !important;   width:14% !important;  padding-right: 1% !important; text-align: left !important}
.cart-items th:nth-of-type(3){min-width:14% !important; max-width:14% !important;   width:14% !important;  padding-right: 1% !important;}
.cart-items th:nth-of-type(4){min-width:14% !important; max-width:14% !important;   width:14% !important;  padding-right: 1% !important;}


.price--end{font-family: "MaisonNeue-bold", monospace;
    font-weight: 400;
    font-size: 12px !important;
    line-height: 1.4em;
    color: #474747;
  
   -moz-transition: all 500ms ease;
         -o-transition: all 500ms ease;
            transition: all 500ms ease;
     -webkit-transition: all 500ms ease;
  
  
}


.quantity{    display: flex; height: 35px;}

.quantity__button{ width: 20px !important;
  min-width: 35px !important;
    height: 100% !important;
   min-height: 20px !important;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
   
      margin-top: auto;
    margin-bottom: auto;
    background: white;
border:1px solid #474747; text-align: center;  -webkit-appearance: none !important;}

.quantity__button svg{width: 20px !important;
  min-width: 20px !important;
    height: 20px !important;
   min-height: 20px !important;    padding:5px;   stroke: black;}


.quantity__input{width:60px; min-width:60px; max-width:60px;   min-height: 100%;
margin-top: 0px;  font-family: "MaisonNeue", monospace;
    font-weight: 400; text-align: center;
    font-size: 12px;
    line-height: 1.4em;
    color: #333333; border-top: 1px solid #474747; border-left: 0px solid;  border-right: 0px solid;  border-bottom: 1px solid #474747}

cart-remove-button .icon-remove{    height: 20px !important;
    width: 30px !important; margin-top:3px}

cart-remove-button .button{    display: flex; margin-top:15px}


.icon-plus{pointer-events:none}


.cart__footer{grid-column-start:5 !important; grid-column-end:13; padding-top:0px !important}


#checkout{min-height: 35px;
    margin-top: auto;
    min-width: 49%;
    border: 1px solid #FFB711;
    background-color: #FFB711;
    font-family: "MaisonNeue-bold", monospace;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4em;
    color: #333333;
    text-transform: uppercase;
    cursor: pointer;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;}


.tax-note{font-family: utopia-std, serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4em;
    color: #474747;
    text-align:center !important;

margin: 10px;
    padding: 10px;
    border-top: 1px solid #333333 ;
    border-bottom: 1px solid #333333;
    margin-bottom: 15px;


}

.totals{       justify-content: space-between !important;}

.totals__subtotal-value{font-family: "MaisonNeue-bold", monospace; font-weight: 600;  font-size:14px !important; line-height:1.4em; color: #333333;    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease; }


.cart-item__name:hover{text-decoration: none !important}

.cart-item__name{    display: initial !important;}

#cart-errors{display:none !important}


.text-area{    min-width: 100%;
    min-height: 100px;
 padding:8px !important;
    border: none;
    background: #fff;
  
  
  

}

#checkout[type="submit"]:hover {
    background-color: #47474A;
    color: #fff;
    border: 1px solid #47474A;
}


.cart-btts{max-width:300px; margin-left:auto;}


.cart__warnings{grid-column-start:1 !important; grid-column-end:13; padding-top:7vh !important }


.emptycart{    width: 100%;
    min-height: 40vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; margin-bottom:3vh; border: 1px solid #474747}


.acc-log{   width: 100%;
    min-height: 30vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; background-color: #f3f3f3; margin-bottom:5vh; border: 1px solid #474747}

.acc-log h3{margin-top:0px;}

.cart__login-paragraph {margin-top:0px !important;}



/* tea classes */


.tea-class-cont{width:100%; padding:20px; background:#fff;     margin-top: 10vh;  }

.tea-info{border-top:1px solid #474747}




#custom-product-tea .product-image-col{grid-column-end: 7;}


#custom-product-tea .product-image-container{padding-top: 5vh;
    padding-bottom: 5vh;}

#tea-classes-image  .full-width img{grid-column-start:1; grid-column-end:13;}




/* about page */

.about-us-landing-head{grid-column-start:1; grid-column-end: 6;}


.about-us-landing-body{grid-column-start:6; grid-column-end: 13;}


#about-us-landing{padding-top:10vh; padding-bottom:5vh}



.about-img-cont{grid-column-start:3; grid-column-end: 13;}


#about-landing-img{background: linear-gradient(#E3E3E3  50%, #ffffff 50%);}



#about-tea{padding-top:10vh; padding-bottom:10vh}


.teas-text{grid-column-start:3; grid-column-end: 7;}


.teas-img{grid-column-start:8; grid-column-end: 13;}
.teas-img img{height:auto}


.fullwidth-img-cont{grid-column-start:1; grid-column-end: 13;}


.coffee-img-cont{grid-column-start:1; grid-column-end: 6; display: flex;}


.coffee-img-cont img{    height: auto;     margin-top: auto;
    margin-bottom: auto;}

.coffee-img-text{grid-column-start:7; grid-column-end: 12;}

.Roasties{padding-top:2vh; border-top:2px solid #333333; padding-bottom: 10px}

.roasties-row{border-top:1px solid #333333; padding-top:5px; padding-bottom:5px; display:flex; flex-direction:row; align-items:baseline; width:100% }

.name-roast{width:50%}

.location-roast{width:50%}

.Kombucha-text{grid-column-start:1; grid-column-end: 6;}

.kom-img{grid-column-start:7; grid-column-end: 12;}

.kom-img img{height:auto}


.stockist-body{grid-column-start: 1;
    grid-column-end: 13;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;}


.stockist-head{width:100%}

.stockist-col{width:47%; display:flex; flex-direction:column;}

.stockists-head{margin-top:10px; padding-top:10px; border-top: solid 2px #333333; width:100%}



.stockist-list p{padding-top:5px; border-top:1px solid #333; font-size:16px}






/* account page */

.place-same-order{background: transparent;
    border: 1px solid;
    padding: 20px;
    min-width: 100%; font-family: "MaisonNeue", monospace; }


.acc-orders p{padding-left:15px; padding-right:15px}

#ColumnProduct{padding-left:15px !important; padding-right:15px}

[data-label="Product"] a:not(.fulfillment a){padding-left:15px !important;     display: block;}

#RowShipping{padding-left:15px !important;}
#RowSubtotal{padding-left:15px !important;}
#RowTotal{padding-left:15px !important;}
.add-order-col  h4{padding-left:15px !important;}
.fulfillment{padding:15px !important}
#reorder-row:before{display:none}

#reorder-row a{    margin-right: auto;
    margin-left: auto;
}


.guest-login-acc{min-width: 350px;}
.guest-login-h2{font-family: "MaisonNeue-bold", monospace;
 
    font-size: 12px;
    line-height: 1.4em;
    color: #333333;
    text-align: center;
    padding-top: 10px;}
#customer_login_guest{margin-top: 20px !important}















.customer form{max-width:500px; }


.customer{    width: 100% !important;
    min-height: 40vh !important;
  min-width: 100% !important;
  max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 3vh !important;
    border: 1px solid #474747 !important;
grid-column-start: 1;
    grid-column-end: 13;
      padding: 0px  !important;
  margin-bottom:15vh !important;


}



#customer_login .field{    display: flex;
    flex-direction: column-reverse;}

#customer_login  input{min-width:100%; min-height: 35px;
  border: 1px solid #9D9D9D;     font-family: "MaisonNeue", monospace;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4em;
    color: #333333; padding-left:10px}


.errors ul{padding-left:0px !important; text-align:center}

.form__message{    display: flex;
       flex-direction: column;
    align-items: center;}


.form__message svg{    width: 50px;
    height: 50px;
    padding: 5px;}




.errors li{font-family: "MaisonNeue-bold", monospace;
    /* font-weight: 400; */
    font-size: 12px;
    line-height: 1.4em;
    color: #333333;
    text-align: center; padding-top: 10px;}


.shopify-challenge__container{margin-bottom:15vh}


.shopify-challenge__button {    min-height: 35px !important;
    margin-top: 20px !important;
    min-width: 250px !important;
    border: 1px solid #FFB711 !important;
    background-color: #FFB711 !important;
    font-family: "MaisonNeue-bold", monospace !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 1.4em !important;
    color: #333333 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    -moz-transition: all 500ms ease !important;
    -o-transition: all 500ms ease !important;
    transition: all 500ms ease !important;
    -webkit-transition: all 500ms ease !important;}



#customer_login .field label{text-align: left;}

#customer_login{min-width:350px; padding:10px}

#recovermail{font-family: "MaisonNeue-bold", monospace;
    /* font-weight: 400; */
    font-size: 12px;
    line-height: 1.4em;
    color: #333333;
    text-align: center; padding-top: 10px;}




#customer_login  button{
    min-height: 35px;
    margin-top: 20px;
    min-width: 100%;
    border: 1px solid #FFB711;
    background-color: #FFB711;
    font-family: "MaisonNeue-bold", monospace;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4em;
    color: #333333;
    text-transform: uppercase;
    cursor: pointer;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease}


#createacc{min-height: 35px;
    margin-top: 0px;
   margin-bottom: 50px;
    min-width: 100%;
    border: 1px solid #333333;
    background-color: #fff;
    font-family: "MaisonNeue-bold", monospace;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4em;
    color: #333333;
    text-transform: uppercase;
    cursor: pointer;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;     display: flex;
    align-items: center;
    justify-content: center;}




[action="/account/recover"] .field{    display: flex;
    flex-direction: column-reverse;}


[action="/account/recover"] .field label{text-align: left;}

[action="/account/recover"] button { min-height: 35px;
    margin-top: 10px !important;
    min-width: 100%;
    border: 1px solid #FFB711;
    background-color: #FFB711;
    font-family: "MaisonNeue-bold", monospace;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4em;
    color: #333333;
    text-transform: uppercase;
    cursor: pointer;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease}


[action="/account/recover"] input{min-width:100%; min-height: 35px;
  border: 1px solid #9D9D9D;     font-family: "MaisonNeue", monospace;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4em;
    color: #333333; padding-left:10px}

#recoverback{min-height: 35px;
    margin-top: 0px;
   margin-bottom: 50px;
    min-width: 100%;
    border: 1px solid #333333;
    background-color: #fff;
    font-family: "MaisonNeue-bold", monospace;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4em;
    color: #333333;
    text-transform: uppercase;
    cursor: pointer;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;     display: flex;
    align-items: center;
    justify-content: center}

#login{margin-bottom:0px}


#create_customer .field{    display: flex;
    flex-direction: column-reverse; margin-top:10px}

#create_customer .field label{text-align: left;}


#create_customer  input{min-width:100%; min-height: 35px;
  border: 1px solid #9D9D9D;     font-family: "MaisonNeue", monospace;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4em;
    color: #333333; padding-left:10px}


#create_customer {min-width:350px; padding:10px; margin-top:0px}


#create_customer button { min-height: 35px;
    margin-top: 30px !important;
      margin-bottom: 50px !important;
    min-width: 100%;
    border: 1px solid #FFB711;
    background-color: #FFB711;
    font-family: "MaisonNeue-bold", monospace;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4em;
    color: #333333;
    text-transform: uppercase;
    cursor: pointer;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease}




.account{    display: flex !important;
    flex-direction: row !important;
  flex-wrap: wrap;
}

.acc-main{    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;

border-bottom:1px solid #333333;
  
  padding-bottom:15px;     padding-left: 15px;
    padding-right: 15px;


}


.order-history{    min-width: 100%;}

.acc-orders h3{padding-left: 15px;
    padding-right: 15px;}

#ColumnOrder{padding-left: 15px !important;}
#RowOrder{padding-left: 15px !important;}


.acc-body{    display: flex;
    width: 100%; flex-direction:column;}




#RowOrder a br{display:none}

#RowOrder a {flex-direction:column; display:flex; align-items:center; justify-content:center; padding:10px !important;  background: #FFB711; text-align:center !important;     font-size: 15px; margin-top:5px;  min-width:100%}


[headers="RowTotal"]{    display: flex;
    flex-direction: row;
    flex-wrap: wrap;}


.acc-reorder{    width: 100%;
    min-width: 100%;
    text-align: center;
    text-transform: uppercase;
    padding: 20px;
    margin-top: 20px;
    border: 1px solid;}



.acc-orders{width:100%; padding-bottom:20px; border-bottom: 1px solid #333; flex-direction:column;     
    margin-right: auto; padding-right: 0px !important;}

.acc-details{width:100%; padding-top:20px; padding-bottom:5vh}



.customer th:first-of-type, .customer td:first-of-type{    padding-left: 0px !important}



.account table td:first-of-type a {padding:0px !important}

.customer tbody td{    vertical-align: baseline !important}

.customer tbody tr{    border-top: 1px solid #333 !important; padding-bottom:5px;}

.customer tbody {    font-family: "MaisonNeue", monospace;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.4em;
    color: #474747;
}

.customer tbody tr:nth-child(even){background-color: #f3f3f3}

#acc-logout{font-family: "MaisonNeue", monospace;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.4em;
 background-color: #fff; 
    color: #47474A; padding:10px;
    border: 1px solid #47474A;}


#acc-logout [href="/account/logout"]{ background-color: #47474A !important; padding:10px;
    color: #fff !important;}


.acc-details{display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
  padding-left:15px; padding-right:15px
}

#edit-add{
    
    font-family: "MaisonNeue", monospace;
    font-weight: 400;
  
    font-size: 12px;
    line-height: 1.4em;
    color: #333333;
   
    cursor: pointer;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;    }

#AddAddress{padding-left:15px; padding-right:15px;}






#AddAddress h3{text-align:left}

#edit-add{    padding: 10px !important;
    background: #FFB711;
    text-align: center !important;
    font-size: 15px;}



.add-head{width: 100%;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;     border-bottom: 1px solid #333333;
    padding-bottom: 15px; padding-left:15px; padding-right:15px; flex-wrap:wrap}

.add-list-head{padding-left:15px; padding-right:15px;}

.add-list li{    padding-left: 15px;
    padding-right: 15px;}

.add-add{     
    min-width: 100%;
   

    border-top: 1px solid #333;}


.customer ul{margin-bottom:0px !important}

#add-add-add{ min-height: 45px;

    min-width: 100% !important;
    border: 1px solid #E3E3E3;
   background-color: #E3E3E3 ;

    font-family: "MaisonNeue-bold", monospace;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4em;
    color: #333333;
    text-transform: uppercase;
    cursor: pointer;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease; 
    text-align: left;
margin-top: 0px !important;
margin-bottom: 0px !important;
 

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;


}






@-webkit-keyframes height {
    from { height: 0%; }
      to { height: 100%; }
}
@keyframes height {
    from { height: 0%; }
      to { height: 100%; }
}



#address_form_new .field{  display: flex;
    flex-direction: column-reverse; margin-top:10px}



#address_form_new  input:not([type="checkbox"]){min-width:100%; min-height: 35px;
  border: 1px solid #9D9D9D;     font-family: "MaisonNeue", monospace;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4em;
    color: #333333; padding-left:10px}





[data-address] select{width: 100%;
    min-height: 35px;
    border: 1px solid #9D9D9D;
    font-family: "MaisonNeue", monospace;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4em;
    color: #333333;

-webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 99.999%;
  background-position-y: 4px; padding-left: 7px !important;


}

[data-address] select svg{display:none}


.select svg{display:none}


li[data-address]{margin-top:0px !important;}

.addresses ul{margin-top:0px;}



[type="reset"]{min-height: 35px;

 
    min-width: 100%;
    border: 1px solid #333 !important;
    background-color: #FFB711;
    font-family: "MaisonNeue-bold", monospace;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4em;
    color: #333333;
    text-transform: uppercase;
    cursor: pointer;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease}


[data-address] button{min-height: 35px;

    
    min-width: 150px;
    font-family: "MaisonNeue-bold", monospace;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4em;
    color: #333333;
    text-transform: uppercase;
    cursor: pointer;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease}


[data-address] button:first-of-type{    border: 1px solid #FFB711;
    background-color: #FFB711;}

[data-address] button:nth-of-type(2){    border: 1px solid #333;
    background-color: #fff;}




.add-list-con{width: 100%;
    text-align: left;}


.add-list-con li{text-align: left;
    border-top: 1px solid;}



.editadd .field{  display: flex;
    flex-direction: column-reverse; margin-top:10px}

.editadd input:not([type="checkbox"]){min-width:100%; min-height: 35px;
  border: 1px solid #9D9D9D;     font-family: "MaisonNeue", monospace;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4em;
    color: #333333; padding-left:10px}



#RowSubtotal{    font-family: "MaisonNeue-bold", monospace;
    font-weight: 600;
    font-size: 14px !important;}

[headers="RowSubtotal"] {    font-family: "MaisonNeue", monospace;
    font-weight: 600;
    font-size: 14px !important;}

#RowShipping {    font-family: "MaisonNeue", monospace;
    font-weight: 600;
    font-size: 14px !important;}

[headers="RowShipping"] {    font-family: "MaisonNeue", monospace;
    font-weight: 600;
    font-size: 14px !important;}


#RowTotal{ font-family: "MaisonNeue", monospace; font-size:16px}

[headers="RowTotal"]{ font-family: "MaisonNeue-bold", monospace; font-size:15px !important}



.add-order-row{display:flex; flex-direction:row; width:100%; padding-top:20px; border-top:1px solid #333 }

.add-order-col{min-width:50%; }


.fulfillment{    margin-top: 50px;
    padding-left: 0px;
    padding-top: 20px;
    border-top: 1px solid #333;
    width: 100%;}
































/* faqs */

.pg-title{grid-column-start: 1;
    grid-column-end: 13;}


.pg-innercollapsible-content-wrapper-narrow{grid-column-start: 1;
    grid-column-end: 13; padding-bottom:5vh}

.collapsible-content__header{display:none}

.collapsible-content__grid .grid__item{grid-column-start: 1;
    grid-column-end: 13;}


.accordion {border-top: 1px solid #E3E3E3  !important; max-width:600px;
}

.accordion__content p{max-width:60ch}



.accordion__title:before {
  content: '';
  border-width: 1rem;
  border-style: solid;
  border-color: transparent transparent transparent #333;
  position: absolute;
  top: 0.6rem;
  left: 1rem;
  transform: rotate(0);
  transform-origin: .2rem 50%;
  transition: .25s transform ease;
}



summary[aria-expanded="true"] > .accordion__title:before {
  transform: rotate(90deg);
}




details > summary {
list-style: none;
}
details > summary::-webkit-details-marker {
display: none;
}


.accordion__title {cursor:pointer;  position: relative; padding-left: 3.2rem;}


.plain-text-cont{grid-column-start: 1;
    grid-column-end: 13; padding-bottom:5vh}

.plain-text-cont p{    font-family: "MaisonNeue", monospace;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4em;
    color: #333333; max-width:55ch
}

.plain-text-cont p strong{    font-family: "MaisonNeue-bold", monospace;

    font-size: 14px;
    line-height: 1.4em;
    color: #333333; max-width:55ch
}



/* 404 */

#not-found{min-height:100vh}


.backtoshop  {  min-height: 35px !important;
    margin-top: 20px !important;
    min-width: 250px !important;
    border: 1px solid #FFB711 !important;
    background-color: #FFB711 ;
    font-family: "MaisonNeue-bold", monospace !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 1.4em !important;
    color: #333333 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    -moz-transition: all 500ms ease !important;
    -o-transition: all 500ms ease !important;
    transition: all 500ms ease !important;
    -webkit-transition: all 500ms ease !important;}

.backtoshop:hover{background:#fff}


/* reg page */


.page-cont{max-width: 65ch}

b{font-family: "MaisonNeue", monospace; font-weight: 400;   font-size:14px; line-height:1.4em;   color: #333333}


.page-cont ul   {list-style: disc; font-family: "MaisonNeue", monospace; font-weight: 400;   font-size:14px; line-height:1.4em;   color: #333333
  
  
}




/* search page */


.template-search__header{    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;}


.template-search__search{    margin: 0px !important;
    margin-left: auto !important; max-width: 400px !important;
    width: 100% !important;
    }

.template-search__search .search{    margin-top: 0px !important;
    display: flex;}


.search .field{display: flex;     min-width: 100%;}




.search__button{min-height: 35px !important;
        min-width: 100px !important;
    border: 1px solid #FFB711 !important;
    background-color: #FFB711 !important;
    font-family: "MaisonNeue-bold", monospace !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 1.4em !important;
    color: #333333 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    -moz-transition: all 500ms ease !important;
    -o-transition: all 500ms ease !important;
    transition: all 500ms ease !important;
    -webkit-transition: all 500ms ease !important;}





.grid {    padding: 0px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto;
    width: 100%;
    max-width: 1600px;

    margin-left: auto;
    margin-right: auto;
    column-gap: 10px;
    row-gap: 10px;     grid-column-start: 1;
    grid-column-end: 13;}


.grid__item{grid-column: span 3;}

#search .facets-container{padding-left: 0vw;
    padding-right: 0vw}

#search #product-grid{padding-left: 0vw;
    padding-right: 0vw}



/* search bar */


.pagination-wrapper{    grid-column-start: 1;
    grid-column-end: 13;}








#search-bar{position: absolute; 
    
   
     transition: all .75s; transition-timing-function: ease-in-out;
    transform: translateY(-100%);
opacity:0;     z-index: 80; }



.search-bar-open{opacity:1 !important;  transform: translateY(0%) !important;  }


#predictive-search-results{ transition: all .75s; transition-timing-function: ease-in-out;}



.search-cont{    grid-column-start: 6;
    grid-column-end: 13;}



.search-box{width: 300px;
    margin-left: auto;}

.predictive-search__item--link{    display: flex;
    flex-direction: row;
    align-items: center;}

.predictive-search__image{    height: 50px;
    width: 50px;}


.predictive-search__item-heading{font-family: "MaisonNeue", monospace; padding-left:5px;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4em;
    color: #333333;}

.predictive-search__list-item{   
    border-top: 1px solid #9D9D9D;     padding: 5px; background:#fff;}


#predictive-search-results-list{padding-left:0px}

#predictive-search-products{display:none}

[aria-hidden="true"]:not(cart-items svg){    visibility: hidden;     display: none;}


#predictive-search-results-list{        border: 1px solid #9D9D9D;
    border-top: 0px; margin-top:-1px}

[data-predictive-search-live-region-count-value]{display:none}


.search__input.field__input{   
     min-width: 100%;
    margin-right: auto;
   margin-left: 0px !important;
    min-height: 35px !important;
    border: 1px solid #9D9D9D !important;font-family: "MaisonNeue", monospace;
    font-weight: 400; padding-left:5px;
    font-size: 12px !important;
    line-height: 1.4em;
    color: #333333;

padding-right:5px !important

}



.template-search__header .search__input.field__input{     min-width: 290px; }


.predictive-search .predictive-search--header{display:none}
.predictive-search__loading-state{display:none}


#predictive-search-option-search-keywords button{min-height: 35px !important;
   
    min-width: 100% !important;
    border: 1px solid #FFB711 !important;
    background-color: #FFB711 ;
    font-family: "MaisonNeue-bold", monospace !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 1.4em !important;
    color: #333333 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    -moz-transition: all 500ms ease !important;
    -o-transition: all 500ms ease !important;
    transition: all 500ms ease !important;
    -webkit-transition: all 500ms ease !important;}



input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 1em;
  width: 1em;
  border-radius: 50em;
  background: url(https://pro.fontawesome.com/releases/v5.10.0/svgs/solid/times-circle.svg) no-repeat 50% 50%;
  background-size: contain;
  opacity: 0;
  pointer-events: none;
}

input[type="search"]:focus::-webkit-search-cancel-button {
  opacity: .3;
  pointer-events: all;
}

input[type="search"].dark::-webkit-search-cancel-button {
  filter: invert(1);
}



.mob-pri{display:none}



.link-img{position:relative}




#nav-icon4 {
  width: 30px;
  height: 25px;
  position: relative;
display:none;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

 #nav-icon4 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #808080;
  border-radius: 3px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 10px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 20px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
top: -0px;
 left: 0px
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
          top: 18px;
      left: 0px;
}




@-webkit-keyframes in {
  0% { opacity: 0; visibility: hidden;  }
  100% {  opacity: 1; visibility: visible; }
}


@-webkit-keyframes out {
  0% { opacity: 1; visibility: hidden;  }
  100% {  opacity: 0; visibility: visible; }
}







.mob-nav-cont{grid-column-start: 1; grid-column-end: 13;     z-index: 3;}

#mobynav{position: fixed;
    z-index: 20;
    background: transparent;
    top: 0;
    bottom: 0;
    padding-top: 20vh;
  
  display:none;
  

  

}


.white-backg{ background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }


.fixed-scrool{overflow:hidden}


  .mobile{display:none}
  #mobile{display:none}
  .desktop{display:block}
   #desktop{display:block}

#search-nav-mob{display:none}

#search-nav{display:block}

#acc-nav-mob{display:none}
  #acc-nav-des{display:block}


.cart__note-mob{display:none}
.cart__note-mob [for="Cart-note"]{display:none}
.cart__note-mob textarea{    background-color: #f3f3f3;}

.cart__note{display:block}





/* mobile and media inquires */





@media screen and (max-width: 775px ) {
  
  #nav-icon4{display:block}
  

  
  #CP-LANDING{padding-top: 40px;}
  
  #MainContent{margin-top:2vh}
  
  
  
      
    h1{font-family: utopia-std, serif; font-weight: 400;   font-size:24px; line-height:1.4em; color: #333333  }
    h2{font-family: "MaisonNeue", monospace; font-weight: 400;  font-size:20px; line-height:1.4em;  color: #333333  }
    h3{font-family: utopia-std, serif; font-weight: 400;  font-size:20px;  line-height:1.4em;  color: #333333  }
    h4{font-family: "MaisonNeue-bold", monospace; font-weight: 600;  font-size:13px; line-height:1.4em; color: #333333  }
    h5{font-family: "MaisonNeue", monospace; font-weight: 400;   font-size:13px; line-height:1.4em;   color: #333333  }

    
    p{  font-family: utopia-std, serif; font-weight: 400;   font-size:16px; line-height:1.4em; letter-spacing:0.03em; color: #474747 }
    

    h6{font-family: utopia-std, serif; font-weight: 400;   font-size:12px; line-height:1.4em;  color: #474747 }
    h7{font-family: "MaisonNeue", monospace; font-weight: 400;   font-size:12px; line-height:1.4em; color: #474747 }
    h8{font-family: "MaisonNeue-bold", monospace; font-weight: 600;   font-size:12px; line-height:1.4em; color: #474747 }
	h10{font-family: utopia-std, serif; font-weight: 400;  font-size:19px;  line-height:1.4em;  color: #333333 }


label {font-family: utopia-std, serif; font-weight: 400;   font-size:14px; line-height:1.4em;  color: #474747; }
    

	 h9{font-family: "MaisonNeue", monospace; font-weight: 400;  font-size:18px; line-height:1.4em;  color: #333333  }


  .outer-swiper{    grid-column-start: 1; max-width: 100%; margin-top:1vh}
  .landing-text{    grid-column-end: 13;}
  .product-gird{margin-bottom: 10px !important; grid-column: span 6;}
  


  #tea-classes-link{    grid-column-end: 13;}
  #products-stockists{    grid-column-start: 1;     grid-column-end: 13;}
  
  .location-block{    flex-direction: column-reverse;}
  .location-text{    max-width: 100%; min-width: 100%; padding-right: 0px;}
  .location-info-row{flex-direction: row; margin-top:0px}
  .location-info-col{    max-width: 49%; min-width: 49%}
  
  
  .footer-logo{grid-column-start: 1; grid-column-end: 13;     margin-bottom: 5vh; max-width: 250px;}
  .contact-footer{grid-column-start: 1; grid-column-end: 13;}
  .footer-links-first{grid-column-start: 1; grid-column-end: 7;}
  .footer-links-second{grid-column-start: 7; grid-column-end: 13;}
  .social-media-footer-block{grid-column-start: 1; grid-column-end: 7;}
  .back-to-top-footer-block{grid-column-start: 7; grid-column-end: 13;}
  .footer-links-first p{margin-top:10px !important; margin-bottom:10px !important;}
  .footer-links-second p{margin-top:10px !important; margin-bottom:10px !important;}
  
  .arrow-right-cont{display:none}
  [aria-label="2 / 2"]{display:none}
  .pag-row-cont{display:none}
  
  .product-text{padding:10px}
  
  .product-text h5{font-size:12px}
  
  #add-to-cart [type="submit"]{    min-height: 35px;}
  
  
  .search-cont{    grid-column-start: 1;}

  .product-image-col{    grid-column-start: 1; grid-column-end: 13; padding-bottom:0px !important}
  .product-info-col{grid-column-start: 1;}
  
  
  .about-us-landing-head{    grid-column-start: 1; grid-column-end: 13;}
  .about-us-landing-body{    grid-column-start: 1; grid-column-end: 13;}
  .about-img-cont{    grid-column-start: 1; grid-column-end: 13;}
  #about-tea .full-width {    display: grid;grid-template-columns: repeat(12, 1fr);grid-template-rows: auto;width: 100%;max-width: 1600px;padding-left: 3vw;padding-right: 3vw;margin-left: auto;margin-right: auto;column-gap: 10px;}
  #about-tea{    padding-top: 0vh; padding-bottom: 0vh;}
  .teas-text{    grid-column-start: 1; grid-column-end: 13;}
  .teas-img{    grid-column-start: 1; grid-column-end: 13;}
  #coffee-pour{display:none}
 .coffee-img-cont{    grid-column-start: 1; grid-column-end: 13; max-height: 300px;     overflow: hidden;}
  .coffee-img-text{    grid-column-start: 1; grid-column-end: 13;}
  #coffee-main .grided{padding-top:0px !important; padding-bottom:5vh !important;}
  #about-kombucha  .grided{padding-top:0px !important; padding-bottom:5vh !important;}
  .kom-img{grid-column-start: 1; grid-column-end: 13; }
.Kombucha-text{grid-column-start: 1; grid-column-end: 13; }
  #stockists .grided{padding-top:0px !important; padding-bottom:5vh !important;}
  .stockist-col{width: 100%;}
  
  
  .collection-card{    grid-column: span 6;}
  
  
  #product-grid .product-card {    grid-column: span 6;}
  .tag-links-box{    flex-direction: column;}
  .tag-button{    min-width: 100%;     min-height: 35px;}
  .facets__form{    flex-direction: column;}
  .facet-filters{margin-right: auto;      margin-left: 0px; padding-left:0px !important;     width: 100%; }
  .facet-filters__field .select{    margin-left: auto;}
  
  
  
  .qtydiv{    max-width: 100%; min-width: 100%;}
  #add-to-cart [type="submit"]{    max-width: 100%; min-width: 100%;     margin-top: 15px;}
  
  
 #tea-classes-image{display:none}

 #custom-product-tea .product-image-container:nth-of-type(1){padding-top:0vh; padding-bottom:0vh}
 #custom-product-tea .product-image-container:nth-of-type(2){display:none}
 #custom-product-tea .product-image-container:nth-of-type(3){display:none}
  
  .nav-shop-links{grid-column-start: 8;}
  .nav-links{display:none}
  #mobnav{    grid-column-start: 1; grid-column-end: 3; display: flex; align-items: center;}
  .nav-logo{    grid-column-start: 6;     grid-column-end: 8;}
  
  
  
  .grid__item{grid-column: span 6;}
  .template-search__header{    align-items: flex-start !important; flex-direction: column !important;}
  .template-search__header .search__input.field__input{min-width:60vw}
  
  
  
  .title-wrapper-with-link{grid-column-start: 1 !important; grid-column-end: 13; grid-row-start:2; grid-row-end:3; margin-right:0px; padding:10px}
  .title-wrapper-with-link br{display:none}
  #cart{    grid-column-start: 1 !important; grid-column-end: 13; grid-row-start:1; grid-row-end:2}
  .cart-btts{    max-width: 100%;     margin-bottom: 30px !important;    margin: auto;}
  .cart__note-mob{display:block}
  .cart__note{display:none}
  .cart-item{    border-bottom: 0px solid #474747 !important; gap: 0px !important;     padding-bottom: 10px; margin-bottom:0px !important; padding-top:10px}
  
  .cart__ctas{justify-content: center;}
  
  .cart-item:last-of-type{    border-bottom: 1px solid #474747 !important;}
  
  .cart-item__media{grid-column-start: 1;grid-column-end: 3;grid-row-start: 1;grid-row-end: 2; min-width: 100% !important; position: relative;}
  .cart-item__details{grid-column-start: 3 !important; grid-column-end: 5 !important; grid-row-start: 1;grid-row-end: 2;width: 100%;min-width: 100%; min-width: 100% !important; padding:0px !important;}
  .medium-hide{display:none}
  .cart-item__quantity{    padding-left: 0px !important; grid-column-start: 3 !important; grid-column-end: 5 !important; grid-row-start: 2; grid-row-end: 3; width: 100%;min-width: 100%; min-width: 100% !important;}
  .cart-item__totals{grid-column-start: 3; grid-column-end: 5; grid-row-start: 3; grid-row-end: 4; width: 100%; min-width: 100%; min-width: 100% !important;}
  
  .cart-item>td+td{padding-left:0px !important; padding-top:5px !important}
  
  .cart-item__price-wrapper{    margin-right: auto;}
  
  .cart-items thead{display:none !important}
  cart-remove-button{display:none !important}
  .cart-item__link{display:block !important; visibility: visible  !important;}
  .cart-item__image{max-width: 100px !important; padding-right:7px}
  
  .mob-pri{display:block}
  
  .search-box{width:100%;}
  
  
  /*remove hover mobile */
  
  
  
      p a:hover{border-bottom:2px solid transparent ;}  
    h5 a:hover{border-bottom:2px solid transparent ;}
    h1 a:hover{border-bottom:2px solid transparent ;}
    h2 a:hover{border-bottom:2px solid transparent ;}
    h7 a:hover{border-bottom:2px solid transparent ;}
    h8 a:hover{border-bottom:2px solid transparent ;}
    h6  a:hover{border-bottom:2px solid transparent ;}
    h4 a:hover{border-bottom:2px solid transparent ;}
    h3 a:hover{border-bottom:2px solid transparent ;}
    h2 a:hover{border-bottom:2px solid transparent ;}

        
#CP-FOOTER  p a:hover{border-bottom:2px solid transparent ;}
#CP-FOOTER  h5  a:hover{border-bottom:2px solid transparent ;}
#CP-FOOTER  h6  a:hover{border-bottom:2px solid transparent ;}



.large-buttom-custom:hover{background-color: transparent}

#backto:hover{opacity:1;  cursor: pointer;}

.social-block-cont:hover .social-block-link:not(:hover) {
    opacity:1;
      cursor: pointer;
  }
  
  #add-to-cart [type="submit"]:hover{background-color: #FFB711; color:#000; border: 1px solid #FFB711 ;}

  #product-grid .product-card:hover{background-color: transparent;}

.collection-card:hover .product-card-overlay{background-color: transparent}

.collection-card:hover  h3 a{border-bottom:2px solid transparent ;}
.tag-button:hover{background-color: transparent}


.cart-item__name:hover{text-decoration: none !important}

#checkout[type="submit"]:hover {
    background-color: #ffe5b6; color:#000; border: 1px solid #ffe5b6
}

.backtoshop:hover{background:#fff}

  
  
  .mobile{display:block}
  #mobile{display:block}
  .desktop{display:none}
   #desktop{display:none}
  #search-nav-mob{display:block}
  #search-nav{display:none}
  #acc-nav-mob{display:block}
  #acc-nav-des{display:none}

  #navinner{    display: flex;
    flex-direction: row;
    max-height: 50px; }
  
  
  .link-img{margin-left:0px; margin-right:0px}
  
  .nav-logo{    margin-left: auto;
    margin-right: auto;}
  
  

  
  
  #customer_login{min-width: 90vw;}
  
  .acc-main{padding-left:15px; padding-right:15px;}
  .acc-orders h3{padding-left:15px; padding-right:15px;}
  #RowOrder{padding-left:15px !important; padding-right:15px !important; padding-top:10px !important; align-items: baseline;}
  [headers="RowOrder"]{padding-left:15px !important; padding-right:15px !important;}
  [data-label="Date"]{padding-left:15px !important; padding-right:15px !important;}
  [data-label="Payment status"]{padding-left:15px !important; padding-right:15px !important;}
  [data-label="Fulfillment status"]{padding-left:15px !important; padding-right:15px !important;}
  [data-label="Total"]{padding-left:15px !important; padding-right:15px !important;}
  .acc-details{flex-direction:column;}


  #RowOrder::before{display:none !important}
  
  
  .acc-main {    display: flex;
       flex-direction: row;
    flex-wrap: wrap;}
  
  .order-details td{padding-left:15px !important; padding-right:15px !important;}
 
  
  [headers="ColumnProduct"]:before{display:none}
  
  .customer td{    text-align: left !important}
  
  .order .properties{padding-left:15px !important; }
  
  .order .fulfillment{min-width:100%; background-color: #f3f3f3; font-family: utopia-std, serif;}
  
  .default-add{min-width:100%}
  
  
  #custom-product-tea .product-image-col{grid-column-end: 13;}
  
}



/* tablet and additional rules */



@media screen and (min-width: 775px) and (max-width: 1024px) {

  #daytitle{min-width: 100%;}
  
  #daytitle:not(:first-of-type){margin-top:10px}

#custom-product-tea .product-image-col{grid-column-end: 8;}

}


@media screen  and (min-width: 0px) and (max-width: 375px) {

  #daytitle{min-width: 100%;}
  
  #daytitle:not(:first-of-type){margin-top:10px}

  
  .template-search__search .search{flex-direction:column}
  .search .field{flex-direction:column}
  
  .template-search__header .search__input.field__input{min-width:100%; margin-bottom:10px}
  
  .facet-filters__field{align-items: flex-start !important;     flex-direction: column; padding-top:10px}
  
  .facet-filters__field .select{margin-left:0px; width:100%  !important; }
  
  


}





@media screen  and (min-width: 550px) and (max-width: 775px) {


  .product-image-col{    grid-column-start: 1;
    grid-column-end: 6;}
  
  .product-info-col{    grid-column-start: 8;
    grid-column-end: 13;}
  
  .template-search__header .search__input.field__input{min-width: 290px;}
  
  


}




@media (hover: none) and (pointer: coarse) {

  
  
  
      p a:hover{border-bottom:2px solid transparent ;}  
    h5 a:hover{border-bottom:2px solid transparent ;}
    h1 a:hover{border-bottom:2px solid transparent ;}
    h2 a:hover{border-bottom:2px solid transparent ;}
    h7 a:hover{border-bottom:2px solid transparent ;}
    h8 a:hover{border-bottom:2px solid transparent ;}
    h6  a:hover{border-bottom:2px solid transparent ;}
    h4 a:hover{border-bottom:2px solid transparent ;}
    h3 a:hover{border-bottom:2px solid transparent ;}
    h2 a:hover{border-bottom:2px solid transparent ;}

        
#CP-FOOTER  p a:hover{border-bottom:2px solid transparent ;}
#CP-FOOTER  h5  a:hover{border-bottom:2px solid transparent ;}
#CP-FOOTER  h6  a:hover{border-bottom:2px solid transparent ;}

.product-gird:hover{background-color: #fff}
.product-card:hover .product-card-overlay{background-color: transparent}
  

.large-buttom-custom:hover{background-color: transparent}

#backto:hover{opacity:1;  cursor: pointer;}

.social-block-cont:hover .social-block-link:not(:hover) {
    opacity:1;
      cursor: pointer;
  }
  
  #add-to-cart [type="submit"]:hover{background-color: #FFB711; color:#000; border: 1px solid #FFB711 ;}

  #product-grid .product-card:hover{background-color: transparent;}

.collection-card:hover .product-card-overlay{background-color: transparent}

.collection-card:hover  h3 a{border-bottom:2px solid transparent ;}
.tag-button:hover{background-color: transparent}


.cart-item__name:hover{text-decoration: none !important}

#checkout[type="submit"]:hover {
    background-color: #ffe5b6; color:#000; border: 1px solid #ffe5b6
}

.backtoshop:hover{background:#fff}

  
  
}




@media screen and (max-width:300px){
  
  
  
  .customer td{flex-direction:column;}
  
  .customer th, .customer td{font-size:12px}
  
  #edit-add{font-size:10px}
  
  .location-info-row{flex-direction:column}
  
  
}