/** Shopify CDN: Minification failed

Line 55:2 "padding-rigt" is not a known CSS property
Line 64:2 "padding-rigt" is not a known CSS property
Line 77:0 Unexpected "{"
Line 77:1 Expected identifier but found "%"
Line 79:1 Expected identifier but found "%"
Line 85:2 Unexpected "{"
Line 85:3 Expected identifier but found "%"
Line 87:1 Expected identifier but found "%"
Line 155:0 Unexpected "{"
Line 155:1 Expected identifier but found "%"
... and 10 more hidden warnings

**/
@media only screen and (min-width: 426px)  {
  .featured-collection-slider-mobile {
    display: none !important; 
  }
}

.product-slider {
width: 100%;
height: 800px;
text-align: center; 
}


p {
  font-family: 'Avenir';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 27px;
  text-align: center;
  text-transform: uppercase;
}
.product-slider.page-width{
  padding-left: 55px;
  padding-right: 55px;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center; 
}

.product-detail {
  text-align: center; 
}

.half-page-width {
  margin-top: 10px;
  width: 50%;
  float: left;
  padding-left: 200px;
  padding-rigt: 200px;
  
}

.half-half-width {
  margin-top: 10px;
  width: 50%;
  float: left;
  padding-left: 200px;
  padding-rigt: 200px;
  
}

.flickity-viewport {
  min-height: 600px; 
}


.featured-collection-slider{
  max-width: 1200px;
  margin: 0px auto 70px;
}
{% comment %} 
Styling på header sektion
{% endcomment %}

.section-header.text-center {
    margin-bottom: 50px;
    text-align: center;
}
  {% comment %} 
Styling på knappen
{% endcomment %}
a.bnt {
  margin-top: 5px; 
  color: #ffffff;
  background-color: #6E605A;
  padding: 16px 80px;
  gap: 10px;
  font-size: 14px;

}

.header {
  font-size: 64px; 
}

.product-title {
    font-size: 24px;
    text-transform: uppercase; 
    color: var(--heading-color);
    font-family: var(--font-heading-family) !important;
    line-height: 1.8;
    font-weight: 600;
    
  }

.product-price {
  font-size: 16px; 
  color: #000000; 
  margin-bottom: 5px; 

  
}

.carousel-item {
  width: 50% ;
  display: inline-block;
  box-sizing: border-box ;
  vertical-align: top;
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 20px; 
  
}
  

.carousel-image {
  display: inline-block;
  width: 50%;
  box-sizing: border-box;
  vertical-align: top;
}

.flickity-prev-next-button.next {
    right: 55% !important;
    top: 45% !important;
}

.flickity-prev-next-button.previous {
  left: 4% !important; 
  top: 45% !important;
}

.featured-collection-slider .carousel-cell{
  width:100%;
  padding: 0 15px;
  display: block;
}
{% comment %} styling på slider knapperne {% endcomment %}
.flickity-button:disabled{
  pointer-events: all!important;  

}
button.flickity-button.flickity-prev-next-button.previous {
  color: #6E605A; 
  
}

button.flickity-button.flickity-prev-next-button.next {
  color: #6E605A; 
  
}


@media screen and (min-width: 1440px){ 
  .img-explore {
  width: auto;
  height: 350px;
}
  
}

@media screen and (max-width: 1440px){
  .featured-collection-slider{
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 50px;
    margin-right: 50px; 
  }
  .featured-collection-slider .carousel-cell{
    width:50%;
  }
  .img-explore {
  width: auto;
  height: 300px;
}
  .prodcut-beskrivelse {
  font-size: 14px;
}
}
{% comment %} 
Styling på skærme under 1024px
{% endcomment %} 
@media screen and (max-width: 1024px){
  .featured-collection-slider{
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .featured-collection-slider .carousel-cell{
    width:50%;
  }

.product-title {
    font-size: 20px;
    letter-spacing: 0.1em;
    
  }

.product-price {
  color: #000000; 
  margin-top: 20px;
}

.prodcut-beskrivelse {
  font-size: 14px;
}

  .img-explore {
  width: auto;
  height: 225px;
}

.carousel-item {
  padding-top: 0px; 
  
}

{% comment %} 
styling på skærme under 768px - tablet
{% endcomment %}
@media screen and (max-width: 768px){
  .featured-collection-slider .carousel-cell{
    width:100%;
  }

  .header {
    font-size: 28px; 
  }

  .prodcut-beskrivelse {
    display: none; 
  }
  .product-price {
  margin-top: 0px;
  margin-bottom: 15px; 
}

  .flickity-viewport {
  min-height: 400px; 
}
  
}

@media screen and (max-width: 425px){
  .featured-collection-slider.page-width {
    display: none !important; 
  }


  
  .carousel-item {
    display: block !important;
    width: 100% !important;
    text-align: center;
    
  }
    
    .carousel-image {
   display: block !important;
   width: 100% !important;
    }

  .flickity-prev-next-button.next {
    right: 4% !important;
    top: 25% !important;
  }
  
  .flickity-prev-next-button.previous {
  left: 4% !important; 
  top: 25% !important;
  }


  
}

