/** Shopify CDN: Minification failed

Line 411:31 Unexpected "/"
Line 495:0 Unexpected "}"

**/
/*
custom.css

Use this file to add custom CSS to your theme.
Make sure to uncomment out the line in theme.liquid so that this css file is loaded.

For more information check out this help guide:
https://help.switchthemes.co/cascade/advanced/custom-css.html
*/

html {
  font-family:'Varta', sans-serif !important; 
}
a:hover, a.theme-link:hover{
  color:#666666;
  text-decoration: underline;
}
a.theme-link{
  color:#000 !important;
}

/* Koop en Cart buttons */
@media (hover: hover) and (pointer: fine) {
  .theme-button:hover {
    color:#666666 !important;
    border-color: #666666 !important;
  }
}
.currency-note{
  line-height:2em;
}

@media (hover: hover) and (pointer: fine) {
  .theme-button--solid:hover, .theme-buttons-style-default .theme-button--solid:hover, .theme-buttons-style-1 .theme-button--solid:hover, .theme-buttons-style-2 .theme-button--solid:hover {
    --button-border-color: #666666 !important;
    color:#ffffff !important;
    background-color: #666666 !important;
  }
}

@media (hover: hover) and (pointer: fine) {
  .theme-buttons-style-default .dynamic-payment-buttons .shopify-payment-button__button.shopify-payment-button__button--unbranded:hover {
    color:#fff !important;
    background-color:#666666!important;
    border:#666666!important;
  }
}
/* Snel koopbuttons op product page */
.shopify-payment-button__button.shopify-payment-button__button--branded{
  display:none;
}
.theme-button {
  border-width: 1px;
  border-color: currentColor;
}
.shopify-policy__title h1 {
  text-align:left;
}
/* links op cart footer*/
#app button, footer .QiTI2, ._1fragemoq._1fragem2s._1fragemrt{

  font-family:'Varta', sans-serif !important;

}
span.font-body{
  display:none;
}

.pb-half-section.max-w-site.mx-auto.px-5 img.w-full{
  margin-bottom: -5px !important;
}


/* about us */

#sideways {
  position: relative;
  margin-left: 100%;
  margin-right: 50px;
  margin-top: 40px;
  height: 50px;
  width: 10px;
  background-color: #ffffff;
  writing-mode: vertical-lr;
  text-orientation: mixed;
}
.container-about {
  position: relative;
  margin-top:0px !important;
  padding-top:0px !important;
}
.about-us {
  position: absolute;
  top: 5rem;
  text-align: left;
  width: 55%;
}
.about-us-2 p{

  padding-left:25px;
  text-align: left;
  width: 55%;
  font-family:'Varta', sans-serif !important; 
  font-weight:400; 
  font-size:110%;
  font-style: normal;  
}

.about-quote {
  width: 22%;
  margin-top: 20%;
  margin-left: 50%;
}


@media(max-width:767px){
  /* Verwijder op Mobile */
  #no-mobile{
  display:none !important;
  }
  /* about us */
  #sideways h1{
    line-height:0.5rem;
  }
  .about-us {
    position: absolute;
    top: 5rem;
    text-align: left;
    width: 85%;
    padding: 0 20px 0 20px;
    display:block;
  }
  .about-quote {
    display:block;
    margin-left: 6%;
    padding-top: 325px;
    min-width: 300px;
  }
}

/* Verwijder op Desktop */

@media(min-width:768px){
#no-desktop{
display:none !important;
}
}


/* Hover Effect Home */
.image-container {
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.image-container img{
  width:100%;
}

.secondary-image {
  position: absolute;
  top: 0;
  left: 0;
  display: none; /* or opacity: 0; */
}

/* Google Fonts */
body { }
p {font-family:'Varta', sans-serif; color:black; font-size:1.1em; font-weight:400; line-height:140%; letter-spacing:0.5px;  text-decoration:none; }
h1 { font-family:'Poppins', sans-serif !important; color:black; font-size:2em; font-weight:400; line-height:100%; letter-spacing:0.5px; }
h1.font-heading {letter-spacing:0.5px;text-transform: lowercase;}
h2.font-heading { font-size:2.5em !important;}
h2 {
    font-family:'Poppins', sans-serif; 
    color:black; 
    font-size:1.6em !important;
    font-weight:400; 
    font-style: normal; 
    line-height:100%; 
    letter-spacing:0.5px;
    text-decoration:none; 
}

h2.text-theme-basic{ font-family:'Varta', sans-serif; color:black; font-size:1rem !important; font-weight:400 !important;}
#facets-filterable button{ font-family:'Varta', sans-serif; color:black; font-size:1.25rem  !important; font-weight:400 !important;}
.shopify-section-group-footer-group ul li {font-family:'Ropa Sans', sans-serif; color:black; font-size:120%; font-weight:400; letter-spacing:0.5px; text-decoration:none; line-height:10%; text-transform: lowercase; }

.text-theme-basic ul li {
  font-family:'Poppins', sans-serif !important; text-transform: lowercase; 
  padding-top:10px;
}

.shopify-section-group-header-group a.mx-2.my-1{

  font-family:'Ropa Sans', sans-serif !important; 
  color:black; font-size:120% !important; 
  font-weight:400; 
  letter-spacing:0.5px; 
  text-decoration:none; 
  line-height:100%; 
  text-transform: lowercase !important;
 
}
.product-variant-picker-block span{
  padding-left:2px;
}

/* prijs product */
.group.relative.normal-case.mx-auto .mt-5.break-word{
    padding-top:15px;
    line-height:30%;  
}
.my-3{
  
}
.sr-only,.mt-5.break-word {
   font-family:'Poppins', sans-serif !important; 
   color:black; 
   font-size:1.1em; 
   font-weight:400; 
   line-height:140%; 
   letter-spacing:0.5px;  
  text-decoration:none;
  text-transform: lowercase; 
}
.m-0.text-theme-basic{
   /* font-size: 1.15rem; */
}
.m-0.text-theme-basic span{
  /* font-size: 1rem; */
}
.m-0.text-theme-basic, .my-2.text-xs {
  font-family:'Ropa Sans', sans-serif !important; 
  /* font-family:'Poppins', sans-serif !important; */
}
.text-scheme-text.text-theme-basic{
  font-family:'Ropa Sans', sans-serif !important; 
  font-size: 1.15rem;
}


/* navigatie */
nav ul li, .sidebar-nav ul li {
  line-height:220%; 

}
nav ul li a, .sidebar-nav ul li a{
  border: 1px solid #000;
  padding:10px;
  background-color: #fff;
}
/* Scrolling tekst met productplaatjes */
.scroll-text{
  font-family:'Poppins', sans-serif !important; color:black;
}

a.barbara  {
  font-family:'Poppins', sans-serif !important;
  background: #ffffff
}
a.barbara-mini{
  font-family:'Poppins', sans-serif !important;
  background: #ffffff
}
a.angelo {
  font-family:'Poppins', sans-serif !important;
  background: #ffffff
}
a.frank{
  font-family:'Poppins', sans-serif !important;
  background: #ffffff
}
a.esther{
  font-family:'Poppins', sans-serif !important;
  background: #ffffff
}
a.hans {
  font-family:'Poppins', sans-serif !important;
  background: #ffffff
}
a.joost {
  font-family:'Poppins', sans-serif !important;
  background: #ffffff
}
a.jimmy {
  font-family:'Poppins', sans-serif !important;
  background: #ffffff
} 

/* Product page */
.line-through {
  /* display: none !important; */
}
/* Deze verbergt de varianten die geen stock hebben */
.inline-block.mx-1:has(> .line-through) {
  /* display: none !important; */
}

.max-w-site.mx-auto .shopify-section{
  margin-top:-35px;
}
.shopify-section .text-scheme-text.bg-scheme-background{
	top-margin: -30px !important;
    top-padding: -30px !important;
}
.product-variant-picker-block{
  font-family:'Varta', sans-serif; 
  color:black; 
  font-size:1.1em; 
  font-weight:400; 
  line-height:140%; 
  letter-spacing:0.5px;  
  text-decoration:none; 
  text-transform: lowercase !important;
  background-color: #fff;
  
}
.variant-input .rounded-button {
  border-radius: 0 !important;
}
 .has-full-bleed-images ul{
   margin-left:-20px;
   
 }

/* Search results */
#facets-results{
  margin-top: 1.25rem;
} 
#facets-results p {
  padding-top:10px;
}

#predictive-search-results-list{
  font-family: 'Poppins', sans-serif !important;
  color: black;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.5px;
  text-decoration: none;
  text-transform: lowercase;
}

/*  Dit is de Footer sectie */
.shopify-section.shopify-section-group-footer-group{
  /* place on the bottom */
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: transparent;
  display: grid;
  place-items: left;
  padding: 0px;/* depends on your footer content */
}
.shopify-section.shopify-section-group-footer-group li a{
  border: 1px solid #000;
  padding:10px;
  background-color: #fff;
}
.mtb-instagram {
  background-image: url("/cdn/shop/files/instagram-mt.png?v=1723798783");
  height: 25px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  display:inline-block;
  width:25px;;
  padding-left: 25px;
  margin-left: 25px;
}
/* ########### slideshow ########### */
.splide.splide--slideshow-section.splide--slide.splide--ltr.splide--draggable.is-active.is-overflow.is-initialized{
  width:100% !important;
}
.pt-section.pb-section.text-scheme-text .splide__slide {
  /* max-width: 470px; */
  width:auto;
}

.pt-section.pb-section .splide__track.mb-4.splide__track--slide {
  max-height:667px !important;
}
.pt-section.pb-section .splide__track.mb-4.splide__track--slide img{
  width:auto;
  height:667px !important;
}
.text-scheme-text.mt-10 .block{
  /* max-width:450px; */
  /* width:auto; */
}
ul li.w-full splide__list {
  /* max-width:450px; */
}
.text-scheme-text.mt-10{
  /* max-width:450px; */
}
.max-w-site.mx-auto{
  /* margin-left: 0; */
}
.w-full .splide__list.block.w-3/4.px-5{
  /* width: 25%; */
}
/* #menus-0{
   margin-left: -25px !mportant;
} */

.mb-10 {
  margin-bottom: 0;
}
.pt-10 {
  padding-top:0;
  padding-bottom:0;
  background-color: transparent;
}
.text-xs.mr-auto.ml-0.mt-10.lg:mt-auto.text-left{
  text-align:right !important;
}
.copyright-and-payment-icons-and-markets .mr-auto{
  margin-right: 0;
}
/********************************
 Style voor Home grid
********************************/
.gridmt {
	display: grid;
	grid-template-columns: repeat(auto-fill, 400px);
	grid-auto-rows: 600px;
  	/* grid-template-columns: repeat(auto-fill, 600px);
	grid-auto-rows: 800px; */
	grid-gap: 0em;
}

.rowmt {
  display: flex;
  flex-wrap: wrap;
  /* padding: 0 4px; */
  padding:0;
}


.columnmt {
  /* Maakt vier kolommen van gelijke grootte */
  /* flex: 25%;
  max-width: 25%; */
  /* Maakt acht kolommen van gelijke grootte */
  flex: 20%;
  max-width: 20%;
  /* padding: 0 4px; */
  padding:0;
}

.columnmt img {
  /* margin-top: 8px; */
  vertical-align: middle;
  width: 100%;
}


@media screen and (min-width: 800px) {
  /* top menu hide */
  nav {
  display:none;
  }

}
@media screen and (max-width: 1180px) {
  .pt-section.pb-section .splide__track.mb-4.splide__track--slide {
  max-height: 450px !important;
  }
  .pt-section.pb-section .splide__track.mb-4.splide__track--slide img{
  width:auto;
   max-height: 450px !important; 
  }
  summary {
  display: block !important;
  }
  summary::marker
   content: "" !important;
  }
  summary::-webkit-details-marker {
  display: none !important;
  } 

}

@media screen and (max-width: 926px) {
  .mt-10 {
  margin-top: .5rem !important;
  margin-right: 0 !important;
  }
  .about-quote {
  width: 30%;
  }


}
@media screen and (max-width: 800px) {
  /* Responsive layout - makes a two column-layout instead of four columns */
  /* .columnmt {
	flex: 50%;
	max-width: 50%;
  } */
  /* footer menu hide */
  .mb-10 {
  display:none;
  }
  .barbara a,
  .frank a,
  .angelo a,
  .esther a {
    background-size: 30px 36px;
    padding-left: 40px;
    margin-left: 10px;
  }
  .pb-half-section.max-w-site.mx-auto.px-5 .mx-auto{
    max-width: 100% !important;
  }
  .gif-middle{
    margin-left:0 !important;
  }
  .barbara-middle{
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-top: 2%;
  padding-bottom: 5%;
  }
  .mx-5 {
  margin-right: 0 !important;
  }
  nav ul li a, .sidebar-nav ul li a {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  }
  nav ul li, .sidebar-nav ul li{
    padding-top:0.5rem;
    padding-bottom:0.5rem;
  }
  /*  slider */
  .pt-section.pb-section .splide__track.mb-4.splide__track--slide img{
    max-width: 100% !important;
    height:auto !important;
  }
    h2.font-heading { 
    font-size: 1.5em !important;
  }
  .mtb-instagram {
  position: absolute;
  right:25px;
  bottom: 5px;
  display:inline-block;
  width:25px;;
  padding-left: 25px;
  margin-left: 25px;
  }

}


@media screen and (max-width: 600px) {
  /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
  /* .columnmt {
	flex: 100%;
	max-width: 100%;
  } */
    .shopify-section.shopify-section-group-footer-group{
  /* remove from bottom */
  position: relative;
  }
}
/********************************
 Style voor Home grid algemeen
********************************/

body .gridmt{
    background-color: #000;
}
.gridmt p {
	font-family: monospace;
	background-color: antiquewhite;
	color: black;
	/* padding: .5em; */
	padding:0;
	margin:0;
	border-radius: 50%;
}
.gridmt .item {
	background-color: #000;
	color: antiquewhite;
	display: flex;
	justify-content: center;
	align-items: center;
	padding:0;
	margin:0;
}

.gridmt img{
	padding:0;
	margin:0;
}
/***********
currency
**************/
.bottom-\[calc\(100\%_\+_0\.5rem\)\] {
  top: calc(100% + .5rem) !important;
  /* bottom: 100%; */
  padding-bottom: 1800px;
  
}
.shopify-localization-form button{
  border: 0;
  font-family: Ropa Sans,sans-serif !important;
  color: #000;
  font-size: 100% ;
  font-weight: 400;
  letter-spacing: .5px;
  text-decoration: none;
  line-height: 100%;
}
.shopify-localization-form button li a .underline-offset-basic, .shopify-localization-form button .text-sm, ul#country-list li{
  font-family: Ropa Sans,sans-serif !important;
}
ul#country-list{
  border:0;

}

@media (min-width: 768px) {
  .md\:left-auto {
    left: 0 !important;
  }
}
@media screen and (max-width: 800px) {
    .shopify-localization-form button{
  font-size: 80%;
  }
}

@font-face {
  font-family:'Varta'; 
  src: url('/cdn/shop/files/Varta-Regular.ttf?v=1723547787');
}
@font-face {
  font-family:'Montserrat ExtraLight'; 
  src: url('/cdn/shop/files/Montserrat-ExtraLight.ttf?v=1723552951');
}
@font-face {
  font-family:'Montserrat Regular'; 
  src: url('/cdn/shop/files/Montserrat-Regular.ttf?v=1723552951');
}
@font-face {
  font-family:'Ropa Sans'; 
  src: url('/cdn/shop/files/RopaSans-Regular.ttf?v=1723542235');
}