/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
@import url('https://fonts.googleapis.com/css2?family=Kulim+Park:ital,wght@0,200;0,300;0,400;0,600;0,700;1,200;1,300;1,400;1,600;1,700&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');:root{
    --ku:"Kulim Park", sans-serif;
    --pro:"Prompt", sans-serif;
    --redh:"Red Hat Display", sans-serif;
    --Black: #2B2B26;
    --Yellow: #FFA987;
    --Grey---dark:#5A5E5A;
    --Beige: #DED8C8;
}
/*MENU*/
.cbp-horizontal .cbp-tab-title {
    color: var(--Black);
    text-align: right;
    font-family: var(--ku);
    font-size: 16px;
    font-weight: 400;
}
#desktop-header-container {
    background: white;
    padding: 10px;
}
.header-top {
    margin-top: 26px;
}
.row.no-gutters.justify-content-end {
    display: flex;
    align-items: center;
}
.ps-shoppingcart .cart-products-count-btn {
    top: 18px;
}
/*FIN MENU*/
#footer .block-title, #checkout-footer .block-title{
    color: var(--Yellow);
    font-family: var(--redh);
    font-size: 18px;
    font-weight: 800;
}
.banner-header-top {
    color: #FFF;
    text-align: center;
    font-family: var(--ku);
    font-size: 14px;
    font-weight: 400;
}
.title-banner h2 {
    color: #FFF;
    font-family: var(--redh);
    font-size: 60px;
    font-weight: 900;
    letter-spacing: 3px;
    text-transform: capitalize;
}
.title-mark h2{
    color: var(--Black);
    font-family: var(--redh);
    font-size: 60px;
    font-weight: 900;
    letter-spacing: 3px;
    text-transform: capitalize;
}
.content-call {
    display: flex;
    justify-content: center;
    gap: 1%;
}
.section-call {
    border: 2px solid var(--Black);
    padding: 8px 14px;
    display: flex;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    gap: 10%;
    color: var(--Black);
    font-family: var(--ku);
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    width: 23%;
}
.banner-one-top {
    margin-top: -16%;
}
.espacio-banner {
    height: 48pc;
}

.botton-banner.img-one h3 {
    color: var(--Black);
    font-family: var(--ku);
    font-size: 45px;
    font-weight: 700;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    background: var(--Yellow);
    padding: 26px 10px;
    width: 40%;
    bottom: -8px;
    z-index: 99;
    position: absolute;
}
.botton-banner.img-two h3{
    color: var(--Black);
    font-family: var(--ku);
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    background: var(--Yellow);
    padding: 26px 10px;
    width: 50%;
    bottom: -8px;
    z-index: 99;
    position: absolute;
}

.botton-banner .elementor-image-box-wrapper .elementor-image-box-img img {
    max-width: 100%;
    width: 100%;
}

.col-der-banners {
    width: 71% !important;
}
.botton-banner {
    background: var(--Yellow);
}
.botton-banner:hover .elementor-image-box-img {
    opacity: 0.7;
}
.botton-banner:hover h3 a {
    color: var(--Yellow) !important;

}
.botton-banner:hover h3 {
    background: var(--Black) !important;
}
.title-prin h2 {
    color: var(--Black);
    font-family: var(--redh);
    font-size: 60px !important;
    font-weight: 900;
    letter-spacing: 3px;
    text-transform: capitalize;
}
.title-prin span:before{
    content: " ";
    display: inline-block;
    width: 10px;
    height: 63px;
    margin-bottom: -11px;
    margin-right: 20px;
    background: var(--Yellow);
}
.elementor-button .elementor-button-text {
    color: var(--Black);
    font-family: var(--ku);
    font-size: 18px !important;
    font-weight: 600;
    letter-spacing: 0.36px;
    text-transform: uppercase;
}
.section-mark {
    width: 49% !important;
}
.section-mark .elementor-widget-wrap {
    padding: 6% 17% 6% 13%;
}
.espacio-section-banner {
    height: 18pc;
}
.btn-negativo a span {
    color: var(--Yellow) !important;
    font-family: var(--ku);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.36px;
    text-transform: uppercase;
    padding: 10px;
}
.btn-negativo a {
     background: var(--Black);
     border: 2px solid var(--Black);
 }
.btn-negativo a:hover {
    background:  var(--Yellow);
    border: 2px solid var(--Black);
    color: var(--Black) !important;
}
.btn-negativo a :hover span{
    color: var(--Black) !important;
}

.thumbnail-container img{
    width: 100%;
}
.products.swiper-container .swiper-slide {
    padding: 10px;
}
.product-miniature-grid .product-title a{
    color: var(--Black);
    font-family: var(--ku);
    font-size: 18px;
    font-weight: 600;
}
.product-miniature-grid .product-price {
    color: var(--Black);
    font-family: var(--ku);
    font-size: 20px;
    font-weight: 700;
}
span.regular-price.text-muted {
    color: var(--Grey---dark) !important;
    font-family: var(--ku);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
}
.product-flags .discount, .product-flags .on-sale {
    color: var(--Black);
    font-family: var(--ku);
    font-size: 20px;
    font-weight: 700;
}
.product-flags {
    width: 100%;
}
.product-miniature-default li.product-flag:first-child {
    float: right;
    margin-top: 5px;
}
.product-miniature:hover {
    box-shadow: none !important;
}
.swiper-pagination-bullet {
    width: 19px;
    height: 19px;
}
.swiper-pagination-bullet {
    background: #DED8C8;
    opacity: 1;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: var(--Yellow);
}
.product-miniature-default .variant-links .color {
    width: 18px;
    height: 18px;
    border-radius: 50px;
}
div#iqithtmlandbanners-block-1 h5.block-title {
    display: none;
}
.img-kit {
    text-align: center;
    margin-bottom: 16px;
}
body#category header#header {
    background: url("/img/cms/Rectangle 14.png") no-repeat;
    background-size: cover;
    padding-bottom: 15%;
}
div#js-product-list-header h1 span {
    color: #FFF;
    font-family: var(--redh);
    font-size: 60px;
    font-weight: 900;
    letter-spacing: 3px;
    text-transform: uppercase;
    position: absolute;
    top: -123px;
    z-index: 9999;
    left: -31%;
}
body#category article.product-miniature {
    padding-left: 8px;
    padding-right: 8px;
}
div#feds_search_filters {
    background: #f3f1eb;
}
#search_filters {
    padding: 26px 10px;
}
.filtros-title {
    color: var(--Black);
    font-family: var(--redh);
    font-size: 30px;
    font-weight: 900;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 7%;
}
.filtros-title::before {
    content: " ";
    display: inline-block;
    width: 10px;
    height: 39px;
    margin-bottom: -9px;
    margin-right: 16px;
    background: var(--Yellow);
}
.facet_title_text.stfeds_flex_child {
    color: var(--Black);
    font-family: var(--redh);
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.facet_title.stfeds_flex_container {
    border-bottom: 1px solid var(--Black) !important;
    padding: 0;
}
.feds_custom-input-box .feds_custom-input-item {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 17px;
    border-radius: 0;
    text-align: center;
    border: 3px var(--Yellow) solid;
    vertical-align: middle;
}
.st-range-box .noUi-connect {
    background-color: #ffa987 !important;
}
.noUi-horizontal {
    height: 10px;
}
.noUi-horizontal .noUi-handle {
    width: 21PX;
    height: 21PX;
    border-radius: 50px;
    background: #ffa987;
}
.noUi-connects {
    border-radius: 3px;
    background: var(--Black);
}
a.feds_link {
    color: var(--Black);
    font-family: var(--ku);
    font-size: 16px;
    font-weight: 600;
}
section.feds_facet {
    margin-bottom: 6%;
}
a.select-title.expand-more.form-control {
    border: none;
    background: #f3f1eb;
    color: var(--Black);
    font-family: var(--ku);
    font-weight: 600;
    line-height: 25px;
}
span.showing.hidden-sm-down {
    color: var(--Black);
    font-family: var(--ku);
    font-style: normal;
    font-weight: 600;
}
body#category #wrapper {
    padding-top: 0;
}
.row.align-items-center.justify-content-between.small-gutters .col.col-auto {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
a.thumbnail.product-thumbnail {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #1C1B1F 100%);
}
body#category article.product-miniature:hover img{
    opacity: 0.5;
}
#content-wrapper .page-title {
    color: var(--Black);
    font-family: var(--redh);
    font-size: 30px;
    font-weight: 900;
    letter-spacing: 3px;
    text-transform: capitalize;
}
.product_header_container .product-price {
    color: var(--Black);
    font-family: var(--ku);
    font-size: 40px;
    font-weight: 700;
    line-height: 25px;
}
.product-discount .regular-price {
    color: var(--Yellow);
    font-family: var(--ku);
    font-size: 20px;
    font-weight: 700;
}
.product-variants .form-control-label {
    color: var(--Black);
    font-family: var(--ku);
    font-size: 16px;
    font-weight: 600;
}
.product-variants .form-control-label::before {
    content: " ";
    display: inline-block;
    width: 9px;
    height: 17px;
    margin-bottom: -3px;
    margin-right: 12px;
    background: var(--Yellow);
}
.product-variants .input-radio, .product-variants .radio-label {
    border: 1px solid var(--Yellow);
    padding: 0px 38px;
    color: var(--Black);
    font-family: var(--ku);
    font-size: 16px;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 25px;
    letter-spacing: 0.32px;
    text-transform: uppercase;
}
.product-variants + span, .product-variants + span, .product-variants .input-radio:checked + span, .product-variants .input-radio:hover + span{
    border: 1px solid var(--Yellow);
    padding: 0px 38px;
    background: #ffa987;
    font-weight: 600;
}
.col.col-12.col-sm-auto.col-add-btn {
    width: 100%;
}
button.btn.btn-primary.btn-lg.add-to-cart {
    color: var(--Black);
    font-family: var(--ku);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.36px;
    text-transform: uppercase;
    width: 100%;
}
.product-variants .input-color, .product-variants .color {
    border-radius: 50px;
}
.product-miniature-grid .product-functional-buttons {
    background: #ffffff00;
}
.product-prices.js-product-prices {
    border-top: var(--Beige) 2px solid;
    border-bottom: var(--Beige) 2px solid;
    padding: 19px 0px;
}
.rte-content.product-description {
    padding-top: 5%;
    padding-bottom: 7%;
}
.iqit-accordion .title {
    color: var(--Black);
    font-family: var(--ku);
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.iqit-accordion .content .rte-content {
    padding: 1rem 0;
    border-top: 1px solid #ffa987;
    margin-top: -1px;
}
.iqit-accordion .angle-down, .iqit-accordion .angle-up {
    color: #ffa987;
    font-weight: 700;
    font-size: 20px;
}
.product-prices.js-product-prices {
    display: flex;
    gap: 6px;
    align-items: flex-end;
}
.tax-shipping-delivery-label {
    font-size: 12px;
    font-weight: 600;
}
span.modal-title {
    color: var(--Black, #2B2B26);
    font-family: var(--redh);
    font-size: 30px;
    font-weight: 900;
    letter-spacing: 3px;
}
body#checkout section.checkout-step .step-title{
    color: var(--Black, #2B2B26);
    font-family: var(--redh);
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 3px;
}

body#checkout section.checkout-step.-current .step-title{
    color: var(--Black, #2B2B26);
    font-family: var(--redh);
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 3px;
}
body#checkout section.checkout-step.-unreachable .step-title {
    color: var(--Black, #2B2B26);
    font-family: var(--redh);
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 3px;
}
body#category .js-content-wrapper.left-column.col-12.col-md-12 {
    max-width: 75% !important;
}
@media (max-width: 1099px) {
    body#category .js-content-wrapper.left-column.col-12.col-md-12 {
        max-width: 100% !important;
    }
    #mobile-header .mobile-main-bar {
        padding-top: 0;
        padding-bottom: 0;
    }
    div#mobile-header {
        background: white;
    }
    .banner-one-top {
        margin-top: -91%;
    }
    .title-banner h2 {
        font-size: 35px;
        margin-left: 15px !important;
    }
    .botton-banner.img-one h3 {
        font-size: 20px;
    }
    .botton-banner.img-two h3 {
        font-size: 20px;
    }
    .col-der-banners {
        width: 100% !important;
        margin-bottom: 20px;
    }
    .elementor-element-c6x7t7d.elementor-inner-column {
        width: 100% !important;
    }
    .botton-banner.img-two {
        margin-bottom: 20px;
    }
    .elementor-element-k2qtkpf {
        display: none;
    }
    .swiper-button-prev, .swiper-button-next {
        top: 40%;
        padding: 0;
    }
    .swiper-button-next svg {
        width: 50%;
    }
    .swiper-button-prev svg {
        width: 50%;
    }
    .title-prin span:before {
        height: 40px;
        margin-right: 12px;
    }
    .title-prin h2 {
        font-size: 26px !important;
    }
    .elementor-element-osrlw63 {
        flex-wrap: nowrap !important;
        overflow: auto;
        flex-flow: nowrap;
        justify-content: unset;
        display: flex;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .content-call {
        width: 231%;
    }
    .section-call {
        width: 53%;
    }
    .section-mark {
        width: 100% !important;
    }
    .title-mark h2 {
        font-size: 35px;
    }
    .elementor-element-wyz435f {
        height: 22px;
    }
    .section-mark .elementor-widget-wrap {
        padding: 9% 4% 9% 4%;
    }
    div#footer-container-main .row {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap:15px;
    }
    div#footer-copyrights .row {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    body#category header#header {
        background: url("/img/cms/Rectangle 14.png") no-repeat center;
        background-size: contain;
        padding-bottom: 50%;
    }
    div#js-product-list-header h1 span {
        font-size: 37px;
        top: -40px;
        left: 0;
    }
    div#js-product-list-header {
        margin-top: -30%;
    }
    section#products {
        z-index: 999;
        position: relative;
    }
    .feds_offcanvas_content {
        width: 100%;
    }
    a.feds_offcanvas_tri.feds_offcanvas_tri_0.feds_offcanvas_tri_mobile_1.feds_offcanvas_tri_tablet {
        margin-left: auto;
        margin-right: auto;
        color: var(--Black);
        font-family: var(--ku);
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 25px;
        letter-spacing: 0.36px;
        text-transform: uppercase;
        padding: 20px 10px;
        background: var(--Yellow);
        margin-bottom: 34px;
    }
    .row.align-items-center.justify-content-between.small-gutters {
        display: none;
    }
    div#left-column {
        display: none;
    }
}
@media only screen and (min-width:768px) and (max-width:1199px){
    body#product .col-md-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 8 0 100%;
        max-width: 100%;
    }
    body#product .col-md-7 {
        -ms-flex: 0 0 41.66667%;
        flex: 8 0 100%;
        max-width: 100%;
    }
    body#category header#header {
        padding-bottom: 40%;
        margin-bottom: 20%;
    }
    div#js-product-list-header h1 span {
        top: 43px;
    }
    .banner-one-top {
        margin-top: -14%;
    }
    .title-prin h2 {
        font-size: 47px !important;
    }
    .title-prin span:before {
        height: 55px;
    }
    .botton-banner.img-one h3 {
        font-size: 26px;
    }
    .botton-banner.img-two h3{
        font-size: 26px;
    }
}
@media only screen and (min-width:1199px) and (max-width:1500px){
    .section-call {
        width: 35%;
    }
}