/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 #duha_store_svg_logo {
  width: 331px;
 }

 #duha_store_svg_logo .cls-1{fill:#2b77e1;}
 #duha_store_svg_logo .cls-2{fill:#ef5721;}
 #duha_store_svg_logo .cls-3{fill:#2cb36c;}
 #duha_store_svg_logo .cls-4{fill:#f38ab9;}
 
 .product-actions .add-to-cart:disabled {
    opacity: 0.3;
 }

 .product-actions .add-to-cart:disabled:hover {
    opacity: 0.3;
    background-color: white;
    color: black;
    border-color: black;
 }

 .imageblock_image {
   overflow: hidden;
 }

 .itemfield {
   padding: 0px!important;
 }

 .html_box {
   padding: 15px;
 }

 #product-info {
   padding-top: 0;
   padding-bottom: 0;
 }

 .js-points-wrapper {
  margin-bottom: 50px;
  display: flex;
  flex-direction: row;
  column-gap: 25px;
 }

 .js-point {
  height: 15px;
  width: 15px;
  border-radius: 100%;
  border: 1px solid black;
 }

 .js-point.active, .js-point:hover {
  background-color: #000;
 }
 .images-container {
  column-gap: none;
 }
 #main .product-container{
  grid-template-columns: 5fr 4fr;
 }
 .images-container-slider .product-images {
   display: flex;
   width: 100%;
   overflow: inherit;
   flex-wrap: wrap;
   margin-top: 40px;
   margin-bottom: 70px;
 }

 .imageblock_image {
   display: flex;
 }
 .imageblock_image img {
   position: relative;
   height: 100%;
   left: 50%;
   transform: translateX(-50%);
 }

 .images-container-slider .product-cover {
   display: flex;
   justify-content: center;
   grid-template-columns: unset;
   column-gap: 0;
   position: relative;
   overflow: hidden;
   max-height: 615px;
 }

 .images-container-slider .product-cover button {
   position: absolute;
 }

 .images-container-slider .product-cover button.prev-arrow {
   left: 20px;
 }
 
 .images-container-slider .product-cover button.next-arrow {
   right: 20px;
 }
 
 #products .products, .featured-products .products, .product-accessories .products, .product-miniature .products {
   display: flex;
   flex-flow: row wrap;
   border-top: none;
 }

 #products .product, .featured-products .product, .product-accessories .product, .product-miniature .product {
   flex: 0 1 calc(20%);
 }

 article {
  height: 100%;
 }

 #products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  height: 100%!important;
 }

 #products .thumbnail-container .product-thumbnail img, .featured-products .thumbnail-container .product-thumbnail img, .product-accessories .thumbnail-container .product-thumbnail img, .product-miniature .thumbnail-container .product-thumbnail img {
   position: inherit;
   top: unset;
   bottom: unset;
   left: unset;
   right: unset;
   margin: 0;
 }
 
 #products .thumbnail-container .product-thumbnail, .featured-products .thumbnail-container .product-thumbnail, .product-accessories .thumbnail-container .product-thumbnail, .product-miniature .thumbnail-container .product-thumbnail {
   height: auto;
 }

 #products .thumbnail-container, .featured-products .thumbnail-container,  .product-accessories .thumbnail-container, .product-miniature .thumbnail-container {
   height: auto;
 }
 .js-btn-quick-add-to-cart {
   width: 100%;
   border-radius: 30px;
   color: #000;
   font-weight: 100;
   background-color: white;
   border-color: #000;
   text-transform: uppercase;
   height: 50px;
   font-size: 17px;
   cursor: pointer;
   margin-top: auto;
 }
.js-btn-quick-add-to-cart.red {
  color: #ef5721;
}
.js-btn-quick-add-to-cart.green {
  color: #2cb36c;
}
.js-btn-quick-add-to-cart.pink {
  color: #f38ab9;
}

 #products .product-title, .featured-products .product-title, .product-accessories .product-title, .product-miniature .product-title {
  margin-bottom: 0px;
 }
 #products .product-price-and-shipping, .featured-products .product-price-and-shipping, .product-accessories .product-price-and-shipping, .product-miniature .product-price-and-shipping {
  margin-bottom: 0px;
 }
 .variants-text {
   margin-bottom:0;
 }

 #products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description {
   position: inherit;
   padding: 0 45px 40px 45px;
   display: flex;
   flex-direction: column;
   height: 100%;
   row-gap: 15px;
 }

 #products .products, .featured-products .products, .product-accessories .products, .product-miniature .products {
   border-bottom: none;
 }

 .images-container-slider {
   display: flex;
   column-gap: 80px;
 }

 .js-slider-imgs, .js-slider-text {
   width: 50%;
 }

 .js-slider-text h1:empty {
   border: none;
 }
 
 .js-slider-text p {
   color: black!important;
 }
 
 .js-slider-text h1 {
   color: black!important;
   padding-bottom: 30px;
   margin-bottom: 50px!important;
   border-bottom: 1px solid black;
   font-weight: 100;
   font-size: 2.188rem;
 }

 .js-slider-text p {
  font-size: 1.375rem;
  line-height: 32px;
}

 #product #main .html_box {
  padding: 0;
  margin-top: 65px;
  margin-bottom: 90px;
 }

 #product #main .itemfield:nth-of-type(2n) .html_box{
  padding-left: 80px;
  padding-right: 0;
 }

 #product #main .itemfield .html_box{
  padding-right: 80px;
 }

 .html_box h1, .html_box h2, .html_box h3, .html_box h4, .html_box h5, .html_box h6 {
  font-family: 'SuisseIntl-Regular', sans-serif;
  text-align: left;
 } 
 .html_box ul {
   list-style-type: disc;
   padding-left: 20px; 
 }
 .product-accessories-title {
  background-color: white;
  font-family: "Mediaan";
  font-size: 4.375rem;
  height: auto;
  margin-top: 55px;
  margin-bottom: 75px;
  background-color: white;
}

 .html_box ul li {
   color: black;
   font-size: 1.0625rem;
   border-bottom: 2px solid white;
   line-height: 1.3;
   margin-bottom: 5px;
   padding-bottom: 5px;
 }

 .product-summary__desc p {
  margin-bottom: 0;
  line-height: 32px;
 }

 #product-info {
  margin-top: 55px;
 }

 @media (max-width: 1145px) {
  #products .product, .featured-products .product, .product-accessories .product, .product-miniature .product {
    flex: 0 1 calc(25%);
 }
}

@media (max-width: 900px) {
  #products .product, .featured-products .product, .product-accessories .product, .product-miniature .product {
    flex: 0 1 calc(33.333%);
 }
}

 @media (max-width: 767px) {
   #products .product, .featured-products .product, .product-accessories .product, .product-miniature .product {
      flex: 0 1 calc(50%);
      min-height: 400px;
   }

   #products .variants-text, .featured-products .variants-text, .product-accessories .variants-text, .product-miniature .variants-text {
      margin-bottom: 5px;
    }

    #products .thumbnail-container .product-description, .featured-products .thumbnail-container .product-description, .product-accessories .thumbnail-container .product-description, .product-miniature .thumbnail-container .product-description {
      height: auto;
      padding: 10px;
    }

    .images-container-slider {
      flex-direction: column;
      column-gap: 0;
    }

    .js-slider-imgs, .js-slider-text {
      width: 100%;
    }
    #product #main .formbuilder_group {
      padding: 20px;
    }

    .html_box ul li {
      line-height: inherit;
      font-size: .875rem;
    }
    
    .itemfield_wp {
      column-gap: 0;
      flex-direction: column;
    }
    #product #main .html_box {
      margin-top: 0px;
    }
    .product-accessories-title {
      font-size: 1.6875rem;
      background-color: #fff;
      height: auto;
      margin-bottom: 20px;
      margin-top: 20px;
    }
 }