.filter-text{
  color: white;
}

.scrolledDown{
  top:0;
  
}

.shopify-challenge__container{
padding-top: 200px;}

#shopify-product-reviews   {max-width: 800px;}
.product-hero.product-detail-page{
    padding-top: 120px;
}
@media only screen and (max-width: 600px) {
  .product-hero.product-detail-page{
    padding-top: 25px;
}
}
.main-content {
  padding-top: 0 !important;
}
header.site-header {
  background-color: white;
  position: relative;
  position: fixed;
  z-index: 999;
  width: 100%;

    @media only screen and (min-width: 749px) {

  &.scrolledDown {
    
    background: white;
    color: #1a1a1a;
    text-shadow: none;
    box-shadow: -1px -12px 20px 0px #00000047;

    a:hover {
      color: #1a1a1a !important;
    }
    .site-nav__link.site-nav__link--main {
      color: #1a1a1a;
    }
    .site-header__logo {
      filter: invert(0);
    }
    svg.icon.icon-cart {
      color: #1a1a1a;
    }
  }}
  a:hover {
    color: #1a1a1a !important;
  }

  .site-nav__link.site-nav__link--main {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    margin-right: 16px;
    margin-left: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid transparent;
    -webkit-transition: border-color 200ms ease;
    transition: border-color 200ms ease;
    text-decoration: none;
    padding: 0;
  }

  .site-header__mobile-nav {
    background-color: transparent;

    padding-top: 14px;
    padding-bottom: 14px;

    width: 100%;
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 64px;
    padding-left: 64px;

    @media only screen and (max-width: 749px) {
      padding-right: 0;
      padding-left: 0;
    }
  }
}


header.site-header.bothrs-transparent-header{
  background-color: transparent;

    transition: background-color 300ms ease;

  
  @media only screen and (min-width: 749px) {

  &.scrolledDown {
    background: white;
    color: #1a1a1a;
   
    box-shadow: -1px -12px 20px 0px #00000047;

    a:hover {
      color: #1a1a1a !important;
    }
    .site-nav__link.site-nav__link--main {
      color: #1a1a1a;
       text-shadow: none;
    }
    .site-header__logo {
      filter: invert(0);
    }
    svg.icon.icon-cart {
      color: #1a1a1a;
    }
  } }

}
// .bothrs-white-header is set in header.liquid
// it checks if request.path is in array [/,/pages/story]
header.site-header.bothrs-white-header {
  background-color: transparent;
  transition: background-color 300ms ease;
   @media only screen and (min-width: 750px) {
   a:hover {
      color: white !important;
    }
   }
  .site-nav__link.site-nav__link--main {
    color: white;
    text-shadow: 0 0 4px #0000003d;
  }
  .site-header__logo {
    filter: invert(1);
  }

  .site-nav__link--active .site-nav__label {
    border-bottom-color: #ffffff7a;
  }

  .site-nav__link:focus .site-nav__label,
  .site-nav__link:not([disabled]):hover .site-nav__label {
    border-bottom-color: #ffffff7a;
  }

  svg.icon.icon-cart {
    color: white;
  }

  @media only screen and (min-width: 749px) {

  &.scrolledDown {
  
    background: white;
    color: #1a1a1a;
    
    box-shadow: -1px -12px 20px 0px #00000047;

    a:hover {
      color: #1a1a1a !important;
    }
    .site-nav__link.site-nav__link--main {
      color: #1a1a1a;
      text-shadow: none;
    }
    .site-header__logo {
      filter: invert(0);
    }
    svg.icon.icon-cart {
      color: #1a1a1a;
    }
  } }
}

.page-container {
  //padding-top:100px;
}

.grid-view-item__image {
  display: block;
  margin: 0 auto;
  /* width: 100%; */
  height: 100%;
  object-fit: contain;
  opacity: 1;
  transition: opacity 400ms ease;
}

.grid-view-item__image:hover {
  opacity: 0;
}

#develic-map-container {
  height: 500px;
  background-color: lightgrey;
  
  
   
  
  @media only screen and (max-width: 700px) {
   height: 800px;
}
  

 
}
.flipcard_inner{
 	transform: none !important; 
  	overflow: hidden;
}
.flipcard_inner-back {
  overflow: scroll;
}

.site-header {
  padding: 0 !important;
}
.slide-demo-img {
  object-fit: contain !important;
}

h4 em,
p em {
  font-family: Saoltext, sans-serif;
  font-style: italic;
  font-weight: 500;
}

.develic-map.develic-theme-default .develic-item {
  border: 1px solid #c7c7c7 !important;
  border-radius: 0;
}

.develic-map.develic-theme-default .develic-item:hover {
  border: 1px solid #1a1a1a !important;
  border-radius: 0;
}

.develic-map .develic-heading {
  color: #1a1a1a !important;
}
.develic-map .develic-heading:hover {
  color: #000000 !important;
}

.w-background-video > video {
  z-index: 0 !important;
}

@media only screen and (max-width: 749px) {
  .site-header__mobile-nav {
    background-color: white !important;
  }
  .bothrs-white-header .site-header__logo-image img {
    filter: invert(1) !important;
  }

  .bothrs-white-header svg.icon.icon-cart {
    filter: invert(1) !important;
  }
}

// .product-card_button:hover {
//   color: white !important;
// }


.customers-list.michelin-star-logo{
    margin: auto;
    padding-top: 70px;
  opacity: 0.8;
}


.customers-list.logos{

    max-width: 800px;
    margin: auto;
    width: 80%;
    flex-wrap: wrap;
    gap: 2rem;
    display: grid;
    justify-content: center;
    align-items: center;
   grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media screen and (max-width: 850px) {
  .customers-list.logos{
   grid-template-columns: 1fr 1fr;
  }
  
}
@media screen and (max-width: 400px) {
  .customers-list.logos{
   grid-template-columns: 1fr;
  }
  
}

 .first-customers{
    text-align: center;
   padding-bottom: 70px;
  }


.fullscreen-videos{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    background-repeat: no-repeat;
 
}

footer.footer{
	background-color: white;
}


.blog-hero {
    padding-top: 176px !important;

}

// NEWS BLOCKS ON VIDEO
.blog-featured_content{
  	padding: 4rem;
	margin-right: 0 !important;
  margin-bottom: 0 !important;
	background-color: white;

  
}

.blog-hero.news-hero{
	padding-bottom: 0;
}

.main.news-main{
	.container{
    	background: white;
      padding-top: 4rem;
      padding-bottom: 4rem;
    
    }
	
}

.row.serve-drink-wrap{
  display: flex;
    justify-content: flex-end;

}
.column.serve-drink{
    
    margin-top: -300px;
    background: white;
    padding: 4rem;
  marging: auto;
 
    max-width: 600px !important;
    box-shadow: 24px 24px 40px 0px #3c1e4b17;
}

.bothrs-hero.hero--story.cocktail-hero{
	padding-top:70px !important;
  padding-bottom: 0 !important;
}
 
.bothrs-hero.hero--story.cocktail-hero{

.article-actions{
	margin-bottom:25px !important;
}
}

.column.cocktail-recipe{
  margin-top: 68vh;
    background: white;
    padding: 4rem;
    max-width: 800px !important;
  box-shadow: 24px 24px 40px 0px #3c1e4b17;
}

.cocktail h2{
  color: #333;}

.cocktail_image_hero
{
    width: 100%;
    height: 90vh;
    object-fit: cover;
    position: absolute;
    top: 0;
    z-index: 0;
}

.cocktail-hero {
     padding-top: 0px !important; 
   
}
@media only screen and (max-width: 749px) {
  .blog-hero{
    padding-top:122px !important;
  }

  .blog-featured_content{
    padding: 0;
    padding-top:1rem;
  }
 .cocktail_image_hero
{
   height: 70vh;
    object-fit: cover;
    position: inherit;
}
  
  .column.cocktail-recipe{
  margin-top: -13vh;
    
}
}

.row.centered-row{
	display: flex;
  justify-content: center;
}

.article-actions.news-page{

margin-bottom: 50px;
    margin-top: 90px;
}

.product_card_link{

	display: block !important;
  
    height: 100%;

}



.product-card_thumbnail-image {
    background-image: none !important;
  	overflow: hidden;
  }

.grid-view-item__image {
  transition: transform 700ms ease;
}

.grid-view-item__image:hover {
    opacity: 1 !important;
  transform: scale(1.05);
}



// ZOOM ON COCKTAILS

.article__grid-image-container {
    overflow: hidden;
}
img.article__grid-image.flipcard_inner-front {
    transition: transform 800ms ease;
}
img.article__grid-image.flipcard_inner-front:hover {
    transform: scale(1.05);
}


// PAGE TEMPLATE
.bothrs-page-template{
  .container{
  	max-width: 750px;
    line-height: 28px;
  }

  li{
  	list-style: inherit;
    padding-bottom: 0.5rem;
  }
}

.shopify-policy__container{
 padding-top: 150px; 
}


// REVIEW BUTTON
.spr-summary-actions-newreview {
  display: block;
  width: auto;
  padding: 16px 16px 15px;
  background-color: #1a1a1a;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  margin-top: 3rem;
}


@media only screen and (min-width: 600px) {
   .spr-summary-actions-newreview{
   	margin-top:-2rem
   }
}

.cocktail a {
  color: #E69567;
}

.product-display{
	transform: scale(0.9);
}


.product-card_thumbnail{
	height: 180px;
}


.product-cart_button-wrap{
    flex: 1;
    display: flex;
    margin-inline: auto;
   
    flex-direction: column;
    align-items: end;
}

.usp-banner-list{
  
	display: flex;
  flex-wrap: wrap;
  padding-left:0;
  .product_benefits-item{
  	min-width: initial;
    display: flex;
    justify-content: center;
    margin: 0 20px;
  }
  
}

form .product-card_button{
background: #1A1A1A;
    color: white;
}
.payment-list{
	flex-wrap: wrap;
  	padding-left: 0;
}
.icon{
	width: 32px;
}

.product_benefit-value{
  white-space: pre;
}

.product_benefit-icon{
	 
  height: 20px;
}



@media only screen and (max-width: 600px) {
  
  .usp-banner-list{
  flex-direction: column;
    margin-top:-130px;
    margin-bottom:30px;
  }
.product-cart_button-wrap{
  flex-direction:row;
  
  form{
  	margin-right: 12px;
  }
}
}


.fullscreen{
 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#form {
  
  .input-wrapper{
  	flex:1;
    display: flex;
    flex-direction: column;
    width:100%;
  }
  
  width: 90%;
  max-width: 500px;
  margin: 5rem auto;
  .row{
    flex-direction: row;
    gap: 1rem;
   
    justify-content: space-between;

}

@media only screen and (max-width: 750px) {
  .row{
    flex-direction: column;
    gap: 0rem;
   
     
}
}


}

.additional-checkout-buttons {
    transform: scale(0.75);
    transform-origin: right;
}

 
input.cart__submit.btn.btn--small-wide.golden_button{
	background-color: #B87333;
}

[data-add-to-cart] span,
#checkoutButton2 span {
  pointer-events: none;
}


div#weglot-switcher-1{
    transform: translateX(26px);
}
 @media only screen and (max-width: 750px) {

div#weglot-switcher-1{
    transform: translate(26px, 3px);
}
 }

 .site-header__icon.site-header__cart{
   z-index: 9999999999;
 }
 @media only screen and (min-width: 750px) {

  a.site-header__icon.site-header__cart {
      margin-top: -6px;
    }

     header.bothrs-white-header .wgcurrent a{
    color: white;
  }
 }
header aside.weglot_switcher.wg-drop.country-selector.closed {
    background: transparent;
  }

  header .wg-drop.country-selector .wgcurrent {
    border: none;
  }

  
 header  .wg-drop.country-selector .wgcurrent:after {
    
   background: none;
  }


   header.bothrs-white-header.scrolledDown .wgcurrent a{
    color: #1A1A1A;
  }

  

  header .weg-openleft  .wgcurrent a{
   color:  #1A1A1A;
  }

header.site-header.bothrs-white-header .weg-openleft a:hover
  {
    color:  #1A1A1A !important;
  }

.text--constrained a{
  text-decoration: underline;
  font-size: 16px;
}


.faq-item_drawer-value a {
  text-decoration: underline;
  font-size: 20px;
}

.text--black{
   color: #1A1A1A;
}
  .grid-view-item.product-card img {
    max-height: 350px !important;
    
  }

  #ProductCardImageWrapper-1602684824670-8514710307151 > div{
    padding-top: 100% !important;
    
    
  }

.deliveryText{
  display: flex;
  align-items: center;
}
.product_description a{
  color: #e69567;
}


.nona_reviews_button {
  margin-top: 1rem;
}



.pop-stars{
  display: inline-flex;
  
  margin-top: 1rem;
  position: relative;
}

.pop-stars::after {
  content: '';
  background: #ffffffdd;
  display: block;
  height: 100%;

  position: absolute;
  right: 0;
}

.stars50.pop-stars::after {
  width: 0%;
}
.stars45.pop-stars::after {
  width: 10%;
}
.stars40.pop-stars::after {
  width: 20%;
}
.stars35.pop-stars::after {
  width: 30%;
}
.stars30.pop-stars::after {
  width: 40%;
}
.stars25.pop-stars::after {
  width: 50%;
}
.stars20.pop-stars::after {
  width: 60%;
}
.stars15.pop-stars::after {
  width: 70%;
}
.stars10.pop-stars::after {
  width: 80%;
}
.trust-pilot-text{
  font-size: 14px;
    text-shadow: 0px 0px 3px white;
  
}

.nona_reviews_button.text--white .trust-pilot-text{

  color: white !important;
   text-shadow: 0px 0px 3px black;
}

.nona_reviews_button.text--white svg{
  filter: invert(1);
}

.nona-trustpilot-header{
  margin-top: 1rem;
}

.nona-trustpilot-header a{
  display: flex;
  gap: 1rem;
}

.nona-trustpilot-header .trust-pilot-text{
  display: flex;
  gap: 1rem;
}

.white-text .trust-pilot-text{
  color: white !important;
  text-shadow:none;
}

.grid--view-items .grid-view-item.product-card img {
    
    min-height: 170px;
}

.nona-scrollbar::-webkit-scrollbar {
  width: 1em;
  height: 0.3em;
}

.nona-scrollbar::-webkit-scrollbar-track {
  background: #f1f1f1;
}
 
.nona-scrollbar::-webkit-scrollbar-thumb {
  background-color: #1a1a1a;
  outline: 1px solid #1a1a1a;
}