/* navbar css */ 
.syndome-nap-wrapper {
    width: 100%;
    display: flex;
}
/* Desktop Nav */
@media (min-width: 1024px) {
  .nav-inline {
    margin-left:40px;
    margin-right:auto;
  }  
  .nav-panel.-right {
  }
}
/* Mobile Nav */
@media (max-width: 1023px) {
  .site-header .s-container {
    border:1px solid #E6E6E6;
  }
  .nav-panel.-right.active {
    width:100%;
    margin-top:50px;
  }
  .nav-panel li {
    width:100%;
  }
  .nav-panel.-right.active {
    background:#fff;
  }
  .nav-panel {
    padding-top:20px;
  }
.modal-active.-nav .search-toggle-icon {
  opacity:1;   
  }
  .nav-toggle.active em {
    background-color:transparent;
  }
  .nav-toggle.active em:before, .nav-toggle.active em:after {
    background-color:#FF6A00;
  }
  .nav-panel a {
    color:#333333;
    font-size:18px;
    font-weight:bold;
  }
  .nav-panel .i-down {
    color:#FF6A00;
  }
  }

/* Custom Navbar CSS */ 
.custom-navbar-icon {
    cursor: pointer!important;
}
.custom-navbar-wrapper-section.active {
  opacity: 1;
    padding: var(--s-space) 0;
    height:100vh;
    max-height: 100vh!important;
}
.custom-navbar-wrapper-section {
    max-height: 0;
    z-index: 890;
    left: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    background-color: var(--s-head-bg);
    position: fixed;
    opacity: 0;
    top: var(--s-head-height);
    transition: .3s ease-in-out;
}
body.no-scroll {
    overflow: hidden;
}

/* WPML CSS  */ 
a.wpml-ls-link {
  color:#828282;
}
.wpml-ls-display {
  display:none;
}
.wpml-ls-current-language a {
  color:#ff6a00!important;
  font-weight:700;
}
.wpml-ls-first-item a.wpml-ls-link:after {
    content: "|";
    margin-left:10px;
    color:#BDBDBD;
    font-weight:normal;
}
.wpml-ls-first-item a.wpml-ls-link:after:hover {
    content: "|";
    color:#BDBDBD;
    font-weight:normal;
}
.wpml-ls-last-item a.wpml-ls-link {
  padding-left:0;
}
.wpml-wrapper .wpml-ls-legacy-list-horizontal>ul {
  display:flex;
}
@media (max-width:1250px) {
  .wpml-ls-last-item a.wpml-ls-link {
    margin-left:10px;
  }
}
.otgs-development-site-front-end {
  display:none!important;
}

/* contact Form CSS */
.fluentform label {
  display:none;
}

.fluentform input {
  border:none;
  color:#828282;
  border-bottom:1px solid #E0E0E0; 
  border-radius:0; 
  padding-bottom:15px;
}
select.ff-el-form-control:not([size]):not([multiple]) {
  border:none;
  border-bottom:1px solid #E0E0E0; 
  border-radius:0; 
  padding-bottom:15px;
}

.fluentform textarea {
  border:none;
  border-bottom:1px solid #E0E0E0; 
  border-radius:0; 
  padding-bottom:15px;
}
.fluentform button {
  background:#FF6A00;
  color:#fff;
  border:none;
  border-radius:5px;
  padding:15px 30px;
}
.ff_submit_btn_wrapper {
  text-align:center!important;
  margin-top:20px;
}

/* Page CSS  */
.page-content {
  margin:0;
}
.page-banner {
  margin-bottom:0;
}
/* woocommerce */ 

/* product category Banner CSS */ 
.product-slider-wrapper {
    margin-bottom:60px;
}
/* product archive slider */
.product-slider-wrapper .splide__slide {
    position: relative;
    text-align: center;
}

.product-slider-wrapper .splide__slide img {
    max-width: 100%;
    width: 100%;
    height: 300px;
    max-height: 300px;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}

.banner-headline-wrapper {
    position: absolute;
    text-align:left;
    top: 50%;
    left: 25%;
    width: auto;
    transform: translate(-50%, -50%);
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.banner-headline-h2 {
    color: #FF6A00;
    font-size: 50px;
    font-weight: 600;
}

.banner-headline-h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
}

.product-slider-wrapper .splide__pagination__page {
    bottom: 2em;
    background:#fff;
    opacity:1;
}

.product-slider-wrapper .splide__pagination__page.is-active {
    background: #FF6A00;
    opacity: 1;
}

@media (max-width: 1024px) {
    .product-slider-wrapper .splide__slide img {
        height: 350px;
        max-height: 350px;
    }

    .banner-headline-wrapper {
    position: absolute;
    text-align:left;
    top: 50%;
    left: 50%;
    width: 90%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

    .banner-headline-h2 {
        font-size: 38px !important;
    }
}

.woocommerce-ordering {
  display:none;
}
p.product-category {
  color:#828282;
  font-size:18px;
  margin:0;
}
h2.woocommerce-loop-product__title {
  color:#FF6A00;
  font-size:20px;
  margin-top:20px;
}

/*single-product */
.single-product .syndome-seach-bar-section {
  display:none;
}
.shop-main {
  margin-top:60px;
}

/* search form css */
.product-form-search-input:focus-visible {
  outline: none;
}
.product-search-form {
  width:100%;
}
/* Product Archive Banner */ 
.product-banner-default {
  height:313px;
  flex-direction:column;
  background:#FCFBFA;
  margin-bottom:60px;
}
.product-banner-default h3 {
  font-size:40px; 
  font-weight:600;
  color:#FF6A00;
}
.product-banner-default h4 {
  font-size:30px; 
  font-weight:500;
  color:#161616;
}

/* woo pagination */
.woocommerce-pagination .page-numbers {
  border:0;
}

.woocommerce-pagination .current {
      border:1px solid #FF6A00;
    border-radius:0;
    color:#FF6A00;
}
.woocommerce-pagination a.page-numbers {
  border:1px solid #F9F9F9;
  color:#333333;
  border-radius:0;
}
.woocommerce-pagination .next.page-numbers {
  color:#ff6a00;
}
.woocommerce-pagination .prev.page-numbers {
  color:#ff6a00;
}


/* Global Elements CSS */ 
/* pagination */ 
.prev.page-numbers {
  border:1px solid #E0E0E0;
  color:#FF6A00;
}
.next.page-numbers {
  border:1px solid #E0E0E0;
  color:#FF6A00;
}
.page-numbers {
  border:1px solid #F9F9F9;
  color:#333333;
  border-radius:0;
  margin:5px;
}
.s-paging .current {
    border:1px solid #FF6A00;
    border-radius:0;
    color:#FF6A00;
}

/* Home CSS */

.home-slider-wrapper .splide__pagination__page {
      bottom: 2em;
}

.home-slider-wrapper .splide__pagination__page.is-active
{
  background:#FF6A00;
  opacity:1;
}

/* */

.taxonomy-filter-wrapper {
  width:250px;
}

/* */
@media (max-width: 1024px) {
.kb-row-layout-idblock-8_fd8cb4-4e > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(4) {
    order:0;
  } }

/* 14 01 2024 */ 
.product-category a {
  color:grey;
  font-size:18px;
}

/* Header CSS */ 
@media (min-width: 1024px) {
.s-nav .i-down {
  color:#FF6A00;
  height:18px;
  width:15px;
}
.nav-panel ul ul li {
padding:8px 0;
border-bottom:1px solid #f2f2f2
  }
.nav-panel ul li:last-child {
  /* Your styles for the last list item go here */
border:none;
}
}

/* form css */ 
    select.ff-el-form-control:not([size]):not([multiple]) {
        padding: 10px;
        padding-right: 30px;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FF6A00%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');

        background-repeat: no-repeat, repeat;
        background-position: right .7em top 50%, 0 0;
        background-size: .65em auto, 100%;
    }

    /* For IE (thanks to @SaiManoj) */
    select::-ms-expand {
        display: none;
    }


    /* YITH PRODUCT COMPARE CSS */ 
    .woocommerce-Tabs-panel--additional_information {
      display:none!important;
    }
    
    /* YITH PRODUCT COMPARE */ 
    /* */
    body .has-background {
      padding:0!important;
    }
    table.compare-list tbody th {
      text-align:center!important;
    } 
    .compare-list h4.product_title  {
      text-align:center!important;
      font-weight:400;
      font-size:18px;
    }
    /* */ 
    .widget.yith-woocompare-counter-widget h2 {
      display:none;
    }
    .yith-woocompare-icon {
      display:flex!important;
      align-items:center!important;
    }
    .yith-woocompare-counter span.yith-woocompare-count {
      position:absolute;
      top:-2px;
      left:15px;
      background:red;
      color:#fff;
      font-size:10px;
      padding:1px 6px;
      border-radius:50px;
    }
    
    .compare-button a {
      border:1px solid #E0E0E0;
      background:#fff!important;
      color:#303030!important;
      padding:15px 30px;
      width:180px;
      font-weight:400;
    }
    .compare-button a:hover {
      background:#FF6A00!important;
      color:#fff!important;
    }
    
    .yith-woocompare-counter a:hover span.yith-woocompare-count {
      color:#fff;
    }
    

/* arrow tools css */ 
#splide7 .splide__arrow svg {
  fill:#fff;
  height: 1.2em;
  width: 1.2em;
}
#splide7 .splide__arrow--next.splide__arrow svg {
  fill: #fff;
  transform: translateY(3px);
}
#splide7 .splide__arrow--prev svg {
  transform: rotate(180deg) translateY(2px);
  fill: #fff;
}
#splide7 .splide__arrow:disabled {
  opacity:1;
}

#splide3 .splide__arrow svg {
  fill:#fff;
  height: 1.2em;
  width: 1.2em;
}
#splide3 .splide__arrow--next.splide__arrow svg {
  fill: #fff;
  transform: translateY(3px);
}
#splide3 .splide__arrow--prev svg {
  transform: rotate(180deg) translateY(2px);
  fill: #fff;
}
#splide3 .splide__arrow:disabled {
  opacity:1;
}