/* Import custom component styles */
@import url("custom_css/custom-add-to-cart-button.css");
@import url("custom_css/list-product.css");
@import url("custom_css/product-page-details.css");
@import url("custom_css/hero-slideshow.css");
@import url("custom_css/cart-detailed.css");
@import url("custom_css/contact-form.css");
@import url("custom_css/gdpr-visibility.css");
@import url("custom_css/category-page.css");
@import url("custom_css/search-filters.css");
@import url("custom_css/order-confirmation.css");
@import url("custom_css/menu-custom.css");
@import url("custom_css/cart-quotation.css");

.btn-primary {
  color: #262626;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  padding: 13px 30px;
  border-radius: 2px;
  background-color: #fd680a;
  animation: button-animation-in 0.25s;
  animation-duration: 0.25s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: button-animation-in;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: #262626;
  animation: button-animation-in 0.25s;
  animation-duration: 0.25s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: button-animation-in;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
}
.leo-megamenu .dropdown-menu .menu-title a {
  color: #fd680a;
}
#wrapper .breadcrumb ol {
  position: relative;
}
#wrapper .breadcrumb li a {
  color: #8b8b8b;
}
#wrapper .breadcrumb li::after {
  color: #8b8b8b;
}
#wrapper .breadcrumb li:last-child {
  color: #8b8b8b;
}
.page-maintenance {
  position: absolute;
  left: 0;
  top: 0;
}
#_desktop_cart .header,
#_desktop_cart .header a {
  display: flex;
  align-items: center;
  position: relative;
}

#_desktop_cart .header .shopping-bag,
#_desktop_cart .header a .shopping-bag {
  width: 21.88px;
  height: 22.41px;
  object-fit: contain;
}

#_desktop_cart .header .cart-products-count,
#_desktop_cart .header a .cart-products-count {
  position: absolute;
  top: -3px;
  right: -3px;
  background-color: #fd680a;
  color: #fff;
  font-size: 10px;
  line-height: 14px;
  font-weight: 700;
  padding: 0 4px;
  border-radius: 5px;
}

.rtl #_desktop_cart .header .cart-products-count,
.rtl #_desktop_cart .header a .cart-products-count {
  left: -3px;
  right: auto;
}

#btn_view_product .grid-select {
  display: none;
}
body:not(#index) h1,
body:not(#index) h2,
body:not(#index) h3,
body:not(#index) h4,
body:not(#index) h5,
body:not(#index) h6,
body:not(#index) .h1,
body:not(#index) .h2,
body:not(#index) .h3,
body:not(#index) .h4,
body:not(#index) .h5,
body:not(#index) .h6 {
  text-transform: none;
}
@media (min-width: 768px) {
  #search_filters_wrapper {
    max-width: 100%;
  }
}

#index {
  .form-control {
    background: #2b2b2b;
    border: 1px solid #424242;
    min-height: 42px;
    border-radius: 0;
    text-transform: uppercase;
    color: #757575;
  }
}

#index {
  .btn_theme .elementor-button-link .elementor-button-text::after {
    display: none;
  }
  .box_slide .slide_btn .caption-contain span::after {
    display: none;
  }
  .el_collection6 > .elementor-container > .elementor-row {
    flex-wrap: nowrap;
    gap: 0px;
  }
}
.block-category h1 {
  display: none;
}
#content-wrapper.left-column:not(.filter-toggle)
  #search_filters
  .clear-all-wrapper {
  display: none;
}

.custom-checkbox input[type="checkbox"] + span .checkbox-checked {
  color: #fd680a;
}

.elementor-slick-slider .slick-arrows-inside .slick-prev {
  left: 25px;
  width: 80px;
  color: #fff;
  background: #424242;
  height: 80px;
  border-radius: 4px;
}
.elementor-slick-slider .slick-arrows-inside .slick-next {
  right: 25px;
  width: 80px;
  color: #fff;
  background: #424242;
  height: 80px;
  border-radius: 4px;
}
.elementor-slick-slider .slick-prev:before {
  content: "\e89f" !important;
  color: #e2e1e1;
  font-size: 80px;
}
.elementor-slick-slider .slick-next:before {
  content: "\e89e" !important;
  color: #e2e1e1;
  font-size: 80px;
}
.thumbnail-container .product-price-and-shipping .price {
  font-weight: 700;
  font-size: 24px;
}
body#category .row > section#products {
  width: 100%;
}
.ajax_block_product {
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: 24px;
  .product-miniature {
    border: 0 solid #c7c7c7;
  }
}
.pagination {
  color: #e2e1e1;
  margin-top: 0;
  padding-left: 30px;
  margin-bottom: 0;
  background-color: transparent;
  border-bottom: 2px solid #424242;
}
.pagination .page-list li a {
  width: 44px;
  height: 44px;
  border-radius: 0;
  border: 0;
  color: #e2e1e1;
}
.pagination #pagination_summary {
  color: #e2e1e1;
}
.pagination .page-list li a.disabled:not(.previous, .next) {
  background-color: #424242;
  color: #e2e1e1;
  border-color: #424242;
}

#blockcart-modal .cart-content .cart-content-btn .btn-secondary,
#blockcart-modal .cart-content .cart-content-btn .btn-tertiary {
  border-radius: 2px;
}

.page-cart {
  .col-lg-8 {
    padding-right: 0;
  }
  .col-lg-4 {
    padding-left: 0;
  }
  #content-wrapper {
    margin-top: 30px;
    .cart-container {
      background-color: transparent;
      .separator {
        display: none;
      }
      .cart-overview {
        border-top: 1px solid #2b2b2b;
        border-bottom: 1px solid #2b2b2b;
        .product-line-grid-left img {
          border-radius: 8px;
          border: 0;
          width: 100% !important;
          height: 100%;
          object-fit: cover;
        }
        .product-line-grid-body .product-line-info a.label {
          font-size: 24px;
          font-weight: 700;
          color: #e2e1e1;
          text-transform: none;
        }
        .product-line-grid-body .product-line-info.product-price {
          font-size: 14px;
          font-weight: 400;
          color: #e2e1e1;
        }
        .product-line-grid-body .product-line-info > .label {
          font-size: 14px;
          font-weight: 400;
          color: #757575;
        }
        .product-line-grid-body .product-line-info > .value {
          font-size: 14px;
          font-weight: 400;
          color: #757575;
        }
        .bootstrap-touchspin {
          border: 1px solid #757575;
          height: 43px;
          width: 80px;
          padding: 0;
          .form-control {
            color: #757575;
            background-color: transparent;
            padding: 0;
            width: auto;
            font-size: 16px;
            font-weight: 700;
            border: 0;
            text-align: center;
          }
          .input-group-btn-vertical {
            float: right;
            .btn {
              height: 22px;
              background-color: transparent;
              border: none;
              i {
                color: #757575;
                font-size: 18px;
                font-weight: 700;
              }
            }
          }
        }
        .product-line-grid-right .product-price {
          color: #e2e1e1;
          font-size: 26px;
          font-weight: 400;
        }
        .cart-line-product-actions {
          text-align: right !important;
          .remove-from-cart {
            color: #e2e1e1;
          }
        }
        .remove-from-cart {
          color: #e2e1e1;
        }
      }
    }
    .cart-summary {
      background-color: #2b2b2b;
      border-radius: 0;
      min-height: 500px;

      .card-block.cart-detailed-subtotals + .cart-summary-totals .cart-total {
        border-top: 1px solid #757575;
      }
      .checkout a {
        position: absolute;
        bottom: -25px;
        width: 100%;
        left: 0;
      }
      .block-promo a {
        color: #fd680a;
      }
    }
    a.label {
      color: #e2e1e1;
      align-items: center;
      font-size: 16px;
      font-weight: 700;
      text-transform: uppercase;
    }
  }
}

body#checkout {
  color: #e2e1e1;
  .label {
    color: #e2e1e1;
  }
  section.checkout-step {
    box-shadow: none;
    background-color: #2b2b2b;
    border: 0;
    .step-number {
      display: none;
    }
    a {
      color: #fd680a;
    }
    .step-title {
      color: #e2e1e1;
      text-transform: none;
      font-size: 36px;
      font-weight: 700;
    }
    .nav-inline .nav-item + .nav-item,
    .nav-inline .nav-link + .nav-link {
      margin-left: -5px;
    }
    .nav-item .nav-link {
      color: #424242;
      background-color: #c7c7c7;
      padding: 12px 24px;
      border: 2px solid #c7c7c7;
      min-height: 42px;
      border-radius: 2px;
      font-size: 16px;
      font-weight: 700;
    }
    .nav-item .nav-link.active,
    .nav-item .nav-separtor.active {
      color: #c7c7c7;
      background-color: #424242;
      padding: 12px 24px;
      border: 2px solid #c7c7c7;
      min-height: 42px;
      border-radius: 2px;
      font-size: 16px;
      font-weight: 700;
    }
    .nav-separator {
      display: none;
    }
    form {
      section .form-informations {
        color: #e2e1e1;
      }
      label,
      .label {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        color: #e2e1e1;
      }
      .form-control-label {
        font-size: 1rem;
        font-weight: 400;
        color: #e2e1e1;
        text-transform: uppercase;
      }
      .form-control {
        background: none;
        color: #e2e1e1;
        border: 1px solid #c7c7c7;
        min-height: 42px;
        border-radius: 0;
        text-transform: uppercase;
      }
      .form-control:focus {
        border: 1px solid #e2e1e1;
        color: #e2e1e1;
        background-color: #2b2b2b;
      }
      .input-group .input-group-btn > .btn[data-action="show-password"] {
        background: #c7c7c7;
        color: #262626;
        border-radius: 2px;
      }
      .custom-checkbox input[type="checkbox"] + span .checkbox-checked {
        color: #fd680a;
      }
    }
    .address-item.selected {
      background: #2b2b2b;
      .h4 {
        color: #e2e1e1;
      }
    }
    .add-address a {
      color: #e2e1e1;
    }
    .delivery-option {
      background: #2b2b2b;
    }
    .carrier-name {
      color: #e2e1e1;
    }
    .payment-options label {
      color: #e2e1e1;
    }
  }
  .card {
    background-color: transparent;
    border-radius: 0;
    border: 0;
    .cart-summary-line .value {
      color: #c7c7c7;
    }
    a {
      color: #fd680a;
    }
  }
}
.page-my-account #content .links a {
  color: #e2e1e1;
  i {
    color: #e2e1e1;
  }
}

.page-my-account #content .links a:hover {
  color: #fd680a;
}

.page-footer .text-sm-center a {
  border-radius: 0;
}
.page-footer .account-link {
  color: #fd680a;
}

body#identity {
  color: #e2e1e1;
  h1 {
    color: #e2e1e1;
  }
  label,
  .label {
    font-weight: 400;
    color: #e2e1e1;
  }
  .form-control {
    color: #e2e1e1;
    border-radius: 2px;
  }
  .form-control:focus {
    color: #e2e1e1;
    background-color: #2b2b2b;
    border-color: #e2e1e1;
  }
  .input-group .input-group-btn > .btn[data-action="show-password"] {
    border-radius: 0;
  }
}

/* User icon styles */
.userinfo-selector .user-icon {
  width: 24.49px;
  height: 24.49px;
  object-fit: contain;
}

/* Search icon styles */
#leo_search_top_button {
  padding: 0;
  position: absolute;
  right: 0;
  background: none;
  border: none;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#leo_search_top_button .search-icon {
  width: 21.88px;
  height: 27.21px;
  object-fit: contain;
}

#leo_search_top_button .material-icons,
#leo_search_top_button i,
.material-icons.search {
  display: none !important;
}

/* Heart icon styles */
.heart-icon {
  width: 21.88px;
  height: 22.41px;
  object-fit: contain;
}

.leo-wishlist-button .heart-icon {
  margin-right: 5px;
}

#mywishlist-link .heart-icon {
  margin-right: 8px;
}

/* Hide wishlist functionality */
.wishlist,
#mywishlist-link,
.ap-btn-wishlist {
  display: none !important;
}

#leo_search_block_top .material-icons,
#leo_search_block_top i,
#leo_search_top_button .material-icons,
#leo_search_top_button i {
  display: none !important;
}

#dropdownListCateTop .arrow-icon {
  margin-left: 8px;
}

#leo_search_block_top .title_block {
  position: relative;
  padding-left: 30px;
  left: 10px;
  display: flex;
  align-items: center;
  font-size: 0;
  color: #1c1c1c;
  cursor: pointer;
  margin-bottom: 0;
}

#leo_search_block_top .title_block::before {
  display: none;
}

#leo_search_block_top .title_block img.search-icon {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 21.88px;
  height: 27.21px;
  object-fit: contain;
}

/* Show search form on hover */
#leo_search_block_top:hover form,
#leo_search_block_top.active form {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Hide search form by default */
#leo_search_block_top form {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 2;
  top: calc(100% + 22px);
  right: 0;
  transition: 0.25s all;
}

.rtl #leo_search_block_top form {
  left: 0;
  right: auto;
}

#leo_search_block_top form .form-control {
  min-width: 300px;
  border: 1px solid #e1e1e1;
}

.userinfo-selector.popup-over .popup-content {
  background-color: #2b2b2b;
}

.navbar-right-col-element {
  margin-inline: 8px;
  margin-block: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.el-header-section {
  padding-block: 0.625em !important;
}

@media screen and (min-width: 1366px) {
  .menu-title {
    color: #e2e1e1;
    font-size: 14px;
    text-transform: none;
    font-weight: normal;
  }
}

@media screen and (max-width: 1152px) {
  .leo-megamenu .navbar-nav > li > a {
    padding-inline: 1em !important;
  }

  .menu-title {
    font-size: 14px;
  }
}
@media screen and (max-width: 1112px) {
  .col__logo {
    width: 10% !important;
  }

  .col__info {
    width: 18% !important;
  }

  .navbar-menu-column {
    width: 72% !important;
  }
}

.userinfo-selector.popup-over .popup-content li a {
  color: #e2e1e1;
}

/*  > 1440px section */
@media screen and (min-width: 1441px) {
  .home-padding-inline {
    padding-inline: 12em !important;
  }

  .hero-padding-block {
    padding-block: 9.5em !important;
  }

  .el-header-section {
    padding-inline: 5em !important;
  }

  .el-only-mobile-megamenu {
    display: none;
  }
}

/* 1440px - 992px section */
@media screen and (min-width: 992px) and (max-width: 1440px) {
  .home-padding-inline {
    padding-inline: 2.5em !important;
  }

  .hero-padding-block {
    padding-block: 9.5em !important;
  }

  .el-header-section {
    padding-inline: 2.5em !important;
  }

  .home-b2b-image img {
    height: 600px;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }

  .el-only-mobile-megamenu {
    display: none;
  }
}

/* 992px - 768px section */
@media screen and (min-width: 768px) and (max-width: 1366px) {
  .home-padding-inline {
    padding-inline: 2.5em !important;
  }

  .hero-padding-block {
    padding-top: 3em !important;
    padding-bottom: 17em !important;
  }

  .home-b2b-image img {
    height: 600px;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
}

@media screen and (min-width: 1366px) {
  .leo-megamenu-mobile {
    display: none;
  }
}

@media screen and (max-width: 1366px) {
  .el-header-section {
    padding-inline: 2.5em !important;
  }

  /* Hide the menu column on mobile */
  .navbar-menu-column {
    display: none;
  }

  .leo-megamenu-mobile {
    display: block;
    margin-left: 28px;
  }
  /* And change side columns width */
  .short-column-navbar:first-child {
    width: 35% !important;
  }
  .short-column-navbar:last-child {
    width: 65% !important;
  }
}

/* logos rows css to keep in the grid*/
.el-logo-column .elementor-row {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

/* Mobile collection section on landingpage*/
.mobile-collection-section
  .elementor-element-populated
  .elementor-column-gap-custom {
  min-height: 250px !important;
}
.mobile-collection-el {
  height: 250px;
}
.mobile-collection-el img {
  object-fit: cover;
  height: 250px;
}

.gencode-footer-map {
  width: 100% !important;
  height: 347px;
}

.footer-map {
  border-radius: 8px;
  overflow: hidden !important;
}

@media screen and (max-width: 1366px) {
  .gencode-footer-map {
    height: 347px;
  }
}
/* Fix grey overlay issue on mobile devices */
@media only screen and (min-device-width: 320px) and (max-device-width: 773px) {
  .lens-mobile {
    display: none !important;
  }
  .magnify-mobile {
    display: none !important;
  }
  .ui-widget-overlay {
    display: none !important;
  }
}

/* fix of wholy body page after changing breakpoint on megamenu */
.off-canvas-active {
  background: #262626 !important;
}

.explore-category-height-100,
.explore-category-height-100 .elementor-widget-wrap,
.explore-category-height-100 .elementor-widget-container,
.explore-category-height-100 .elementor-image,
.explore-category-height-100 .wp-caption,
.explore-category-height-100 a,
.explore-category-height-100 a img {
  height: 100%;
  object-fit: cover;
}

.page-heading.product-listing {
  color: #e2e1e1;
}

/* burger menu button */

.navbar-header .navbar-toggler::before,
.navbar-header .navbar-toggler::after,
.navbar-header .navbar-toggler span {
  background-color: #262626 !important;
}

@media screen and (max-width: 1366px) {
  .elementor-widget-LeoBootstrapmenu {
    background-color: #e2e1e1;
    width: 38px !important;
    height: 38px !important;
    border-radius: 8px;
    padding-left: 4px;
  }
}

.faq-category-section .elementor-accordion-item {
  border-left: 0;
  border-right: 0;
  border-top: 0;
}