/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/*VARIABLES*/
:root {
    --color-corp: #707070;
    --color-alt: #A7B94A;
    --color-sales: #ca2483;
    --color-text: #707070;
    --color-accent: #007856;
    --color-lightgrey: rgba(160, 160, 160, .25);
    --border-radius: 6px;
    --bs-border-radius: .25rem;
    --success: #5ebd74;
    --info: #8bd1dc;
    --warning: #fe9e4f;
    --danger: #ee9aa2;
    --spacing-sm-fixed: calc(0.60* 1rem);
    --spacing-xs-fixed: calc(0.30* 1rem);
    --pagination-color: #A7B94A;
    --pagination-active-color: #fff;
    --pagination-active-bg: #A7B94A;
    --pagination-active-border-color: #A7B94A;
}

.text-warning{color:#FEC02D!important;}
.alert{padding:.75rem;}
.alert-corp{border: solid 1px var(--color-alt); background: rgba(167, 185, 74, 0.2);}
.color-alt{color:var(--color-alt);}
.color-accent{color:var(--color-accent);}
.bg-corp{background-color:var(--color-corp);}
.bg-alt{background-color:var(--color-alt);}
.bg-lightgrey{background-color:var(--color-lightgrey);}
.bg-light{background-color:#FAF9FA;}
.border-corp{border-color:var(--color-lightgrey)!important;}
.border-accent{border-color:var(--color-accent)!important;}
.br-6{border-radius:var(--border-radius)!important;}
.zindex-1-negative{z-index:-1;}.zindex-1{z-index:1;}
.zindex-99{z-index:99;}
.star-required{color:var(--color-sales)!important;}
table.dataTable td:last-child {text-align: end;}
a:focus,
a:hover{text-decoration:none;}
.hidde{display:none;}
.showw{display:block;}
.fs-7{font-size:.7rem!important;}
.fs-8{font-size:.8rem!important;}
.fs-9{font-size:.9rem!important;}
.fs-10{font-size:1rem!important;}
.fs-11{font-size:1.1rem!important;}
.fs-12{font-size:1.2rem!important;}
.fs-13{font-size:1.3rem!important;}
.fs-14{font-size:1.4rem!important;}
.fs-15{font-size:1.5rem!important;}
.fs-16{font-size:1.6rem!important;}
.fs-18{font-size:1.8rem!important;}
.fs-20{font-size:2rem!important;}
.fs-25{font-size:2.5rem!important;}
.fs-30{font-size:3rem!important;}
.fs-40{font-size:4rem!important;}
.fs-50{font-size:5rem!important;}
.fs-70{font-size:7rem!important;}
.fs-100{font-size:10rem!important;}


/*ICONS REPLACE*/
.fa-bars:before{font-family:'Line Awesome Free';content:"\f0c9"!important;}
.fa-shopping-bag:before{font-family:'Line Awesome Free';content:"\f07a"!important;}
.fa-search:before{font-family:'Line Awesome Free';content:"\f002"!important;}
.fa-user:before{font-family:'Line Awesome Free';content:"\f007"!important;}
.fa-heart-o:before{font-family:'Line Awesome Free';content:"\f004"!important;}
.fa-trash-o:before, .fa-trash:before{font-family:'Line Awesome Free';content:"\f2ed"!important;}
.fa-close:before, .fa-times:before{font-family:'Line Awesome Free';content:"\f00d"!important;}
.fa-envelope-o:before, .fa-envelope:before{font-family:'Line Awesome Free';content:"\f0e0"!important;}
.fa-phone:before{font-family:'Line Awesome Free';content:"\f095"!important;}
.fa-home:before{font-family:'Line Awesome Free';content:"\f015"!important;}
.fa-truck:before{font-family:'Line Awesome Free';content:"\f4df"!important;}
.fa-download:before{font-family:'Line Awesome Free';content:"\f019"!important;}
.fa-filter:before{font-family:'Line Awesome Free';content:"\f0b0"!important;}
.fa-pencil:before{font-family:'Line Awesome Free';content:"\f303"!important;}
.fa-angle-up:before{font-family:'Line Awesome Free';content:"\f106"!important;font-size:1.5rem;vertical-align:middle;}

.swiper-button-next:after, .swiper-button-prev:after{font-family:'Line Awesome Free'!important;font-weight:700;font-size:1.875rem;}
.swiper-button-next:after{content:"\f105"!important;}
.swiper-button-prev:after{content:"\f104"!important;}

/*LINKS*/
.block-iqitlinksmanager:has(a:hover) a:not(:hover),
.language_selector:has(a:hover) a:not(:hover) {
    opacity: .5;
}

/*BACK TO TOP*/
#back-to-top {
    border-radius: 50%;
}

/*HEADER*/
img.logo {
    max-width: 180px;
}
.header-user-btn .fa-circle {
    color: #E8F2EE;
}
.header-user-btn .fa-user {
    color: var(--color-accent);
}
.header-cart-btn .fa-circle {
    color: #FFF3D8;
}
.header-cart-btn .fa-shopping-bag {
    color: var(--color-accent);
}
#search_widget .form-search-control {
    border-radius: 25px;
    padding-left: 2rem;
    height: 50px;
}
#search_widget .search-btn {
    background: var(--color-accent) !important;
    color: #fff !important;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    padding: 1rem 1.9rem;
}
.header-nav .block-iqitlinksmanager ul li a:before {
    font-family: 'Line Awesome Free';
    font-size: 1.5rem;
    vertical-align: middle;
    color: #FEC02D;
    font-weight: 600;
}
.header-nav .block-iqitlinksmanager ul li a[href^="mailto:"]:before {
    content: "\f0e0";
}
.header-nav .block-iqitlinksmanager ul li a[href^="tel:"]:before {
    content: "\f095";
}

@media (max-width: 575.98px) {
    #mobile-header .m-nav-btn>i {
        font-size: 2rem;
    }
}

@media screen and (max-width: 991.98px) {

    img.logo {
        max-width: 120px;
    }

}

/*SHOPPING CART*/
#cart-toogle.show+.mobile_menu_click_overlay {
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
#header-user-btn .dropdown-menu-right {
    top: 50px !important;
}
button.close {
    font-size: 1.5rem;
    opacity: 1;
    font-weight: normal;
    /* margin-top: 0 !important; */
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-weight: bold;
}
.ps-shoppingcart ul.cart-products {
    min-height: 380px !important;
    max-height: 750px !important;
}
#blockcart-content {
    text-align: left;
    width: 100%;
    max-width: 400px;
}

.ps-shoppingcart.side-cart #blockcart-content {
    padding-bottom: 0 !important;
}

#blockcart-content .cart-products>li {
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #E4E4E4 !important;
    margin-bottom: 1.25rem;
    position: relative;
}

#blockcart-content .cart-products>li .toast {
    width: 300px;
}

#blockcart-content .product-attributes .product-line-info {
    line-height: 1.3rem;
}

#blockcart-content .product-image img {
    padding: 0.3rem;
    border: 1px solid #EEEEEE;
}

#blockcart-content .cart-subtotals {
    border-color: var(--color-corp);
}

.list-bullet {
    list-style: disc;
    padding-left: 1rem;
    margin-left: 0.5rem;
}

.list-bullet li {
    margin-bottom: 0.2rem;
}

.ps-shoppingcart .cart-products-count-btn {
    font-size: 0.6rem;
}


@media screen and (max-width: 767.98px) {

    .col-mobile-menu-push #_mobile_iqitmegamenu-mobile,
    .ps-shoppingcart.side-cart #blockcart-content {
        max-width: 100vw;
        min-width: 100vw;
        max-height: 100vh;
        min-height: 100vh;
    }

    .ps-shoppingcart.side-cart #blockcart-content {
        margin: auto;
        position: fixed;
        left: auto;
        top: 0;
        border: 0;
        right: 0;
    }

}

/* MENU PRINCIPAL */
.cbp-horizontal .nav-link:focus,
.cbp-horizontal .nav-link:hover {
    color: #ffffff;
}

.iqitmegamenu-wrapper span.cbp-tab-title {
    font-weight: 500;
    /* text-wrap-mode: nowrap; */
}

/*LOGIN & REGISTER*/
.page-customer-account #content {
    border: 0
}

#registration .register-form {
    margin-top: 15px;
}

#registration .register-form p {
    text-wrap: balance;
}

.ps-alert-error,
#password .password-info,
#password .form-fields,
#authentication .login-form,
#registration .register-form {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

#password #main {
    padding-bottom: 50px;
}

#password #main .page-title,
#registration #main .page-title,
#authentication #main .page-title,
#password #main .page-title,
#authentication #main .page-title {
    margin-bottom: 0;
    padding: 0.5rem 1rem;
    font-weight: 500;
}

#authentication .content-newsletter {
    margin-top: 20px;
}

.btn.disabled,
.btn.disabled:hover,
.btn:disabled {
    opacity: 0.8 !important;
}

#registration .ets_solo_or,
#authentication .ets_solo_or {
    margin: 5px 0 20px;
}

span.ets_solo_social_btn.name {
    min-width: 165px;
}

@media screen and (max-width: 767.98px) {

    .page-customer-account #content,
    #authentication #content {
        padding: 0px;
    }

}

/*ACCOUNT & ORDER & HISTORY*/
.my-account-page-content-wrapper {
    border: none !important;
}

#order-detail,
#history {
    .table-responsive {
        display: table;
    }
}

#order-detail,
#history {
    .table .thead-default th {
        font-size: 0.9rem;
        font-weight: 400;
    }
}

#order-detail,
#history {

    .table-bordered,
    .table-bordered thead,
    .table-bordered tr {
        border: 0;
    }
}

#order-detail,
#history {

    .table-bordered th,
    .table-bordered td {
        border: 0;
        border-bottom: 1px solid #dee2e6;
        font-size: 0.9rem;
    }
}

.my-account-page-content-wrapper,
.my-account-page-content-wrapper .my-account-side-links,
.my-account-page-content-wrapper .my-account-side-links a:not(.btn) {
    border: none !important;
}

.my-account-side-links .account-link {
    font-size: 1.1rem;
}

.my-account-side-links .account-link:hover,
.my-account-side-links .account-link.current {
    background: #c3c3c3;
    color: #fff !important;
    border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    -moz-border-radius: var(--border-radius) !important;
    -ms-border-radius: var(--border-radius) !important;
    -o-border-radius: var(--border-radius) !important;
}
.swiper-iqithtmlandbanners .swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}


@media screen and (min-width: 768px) {

    .my-account-side-links {
        height: fit-content;
        position: sticky;
        top: 160px;
    }

}

@media screen and (max-width: 767.98px) {

    #history .my-account-side-links,
    #identity .my-account-side-links,
    #address .my-account-side-links,
    #addresses .my-account-side-links,
    #order-slip .my-account-side-links,
    #order-detail .my-account-side-links,
    #order-follow .my-account-side-links,
    #discount .my-account-side-links,
    #module-iqitwishlist-view .my-account-side-links,
    #module-ps_emailalerts-account .my-account-side-links,
    #module-psgdpr-gdpr .my-account-side-links {
        display: none;
    }

}


/*PRODUCT LIST*/
.thumbnail-container img {
    border-radius: var(--border-radius);
}

@media screen and (max-width: 767.98px) {

    .product-miniature-grid .product-title {
        font-size: 0.9rem;
    }

}

.products-grid .product-miniature-default .product-title {
    text-wrap: balance;
}

.products-sort-order a[href*="date_add.asc"]:after,
.products-sort-order a[href*="price.asc"]:after {
    content: "↑";
    font-size: 1.3rem;
}

.products-sort-order a[href*="date_add.desc"]:after,
.products-sort-order a[href*="price.desc"]:after {
    content: "↓";
    font-size: 1.3rem;
}

.product-miniature-grid .product-functional-buttons i {
    font-size: 1.1rem;
}

.product-miniature-grid .product-add-cart {
    width: 100%;
}

.product-miniature .badge-success {
    background-color: transparent !important;
}

.product-miniature-default:hover {
    z-index: 3;
}
.product-add-cart-container {
    margin: 5px 0;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 5px;
    border: 1px solid #e0e0e0;
    transition: opacity 0.3s ease;
}


/*PRODUCT FLAG*/
.product-flags .product-flag {
    margin: 10px !important;
    text-transform: uppercase;
    padding: 0.3125rem 0.8375rem;
    border-radius: .3rem;
}

@media screen and (max-width: 767.98px) {

    .product-flags .product-flag {
        font-size: 1rem;
    }

}


/*FOOTER*/
#footer{
    background-image: url('../img/bg-footer.svg');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    padding-bottom: 22vh;
}

#footer .block-iqithtmlandbanners-html .block-title {
    display: none;
}

#footer-copyrights{font-size:.9rem;}

#footer-container-main .block-links ul>li a {
    padding-left: 0;
}

#footer-container-main .block-links ul>li a:before {
    content: none;
}

#footer-container-main .facebook i,
#footer-container-main .twitter i {
    background-color: rgba(255, 255, 255, 0);
}

@media (max-width: 767.98px) {

    #footer {
        padding-bottom: 10vh;
    }

    .block-toggle {
        flex: 0 0 100%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    #footer-container-main .block-links ul>li a {
        padding: 0.5rem 0 0.5rem;
    }

}


/*LOCATION SELECTOR*/
.location-selector.dropup .dropdown-menu {
    top: auto !important;
    border: 1px solid #000;
    border-radius: 3px;
    transition: none;
    -webkit-transition: none;
}

.btn-location-selector {
    border: 1px solid #000;
    background-color: #fff;
    color: #000;
    min-width: 248px;
    transition: all 150ms ease-in-out;
}

.btn-location-selector:hover {
    border-color: #000;
}

.btn-location-selector:after {
    transition: all 150ms ease-in-out;
}

.btn-location-selector[aria-expanded="true"]:after {
    transform: rotate(-180deg);
}

@media (max-width: 767.98px) {

    .location-selector {
        width: 100%;
    }

    .location-selector .dropdown-item {
        font-size: 1.125rem;
    }

}

/*BUTTONS*/
#field-password,
#field-new_password,
.bootstrap-touchspin .input-group-btn .btn,
.js-cart-line-product-quantity,
.product-quantity button.bootstrap-touchspin-up,
.product-quantity button.bootstrap-touchspin-down,
.product-quantity #quantity_wanted,
.form-control,
.btn {
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

.btn-nostyle {
    background: none;
    outline: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.page-link {
    color: var(--pagination-color);
}

.active>.page-link,
.page-link.active {
    color: var(--pagination-active-color);
    background-color: var(--pagination-active-bg);
    border-color: var(--pagination-active-border-color);
}

@media screen and (max-width: 767.98px) {
    .links {
        overflow-x: scroll;
        overflow-y: hidden;
        padding: 0 0 0.5rem;
        flex-wrap: nowrap !important;
    }
}


/*FORMS*/
.col-form-label {
    max-height: fit-content;
    padding: 0.4rem;
}

.custom-checkbox label {
    margin-bottom: 0;
}

.custom-checkbox label,
.form-control-select {
    cursor: pointer;
}

.form-group {
    position: relative;
}

.input-group:not(.bootstrap-touchspin):not(.newsletter-input-group):not(.search-control):not(.input-discount-name):not(.eam-box-link) {
    flex-direction: column;
    align-items: flex-start;
}

.form-floating .form-control:not(textarea),
.form-floating .form-select {
    height: calc(3.43rem + 2px) !important;
    padding: 1rem .75rem;
    background-image: none;
    padding-top: 1.625rem;
    padding-bottom: .625rem;
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
}

.custom-select2~label,
.form-floating .form-select~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem);
}

.form-floating>.form-control:focus~label::after,
.form-floating>.form-control:not(:placeholder-shown)~label::after {
    background: none;
}

.form-floating .form-control::-webkit-input-placeholder {
    color: transparent !important;
}

.form-floating .form-control::-moz-placeholder {
    color: transparent !important;
}

.form-floating .form-control::placeholder {
    color: transparent !important;
}

input.form-control:not([type="checkbox"]):not(.input-voucher):not(.form-search-control):not(.block-cart-product-quantity),
select.form-control {
    min-height: 42px;
}

input[name="password"]+.input-group-btn,
input[name="new_password"]+.input-group-btn {
    position: absolute;
    right: 0;
    z-index: 99;
    height: auto;
    top: 0;
}

.custom-checkbox input[type=checkbox]+span:not(.color),
.custom-radio {
    width: 20px;
    height: 20px;
    min-width: 20px;
    border-radius: var(--border-radius);
}

.custom-checkbox:has(input:checked) span:not(.color),
.custom-radio:has(input:checked) {
    border-color: var(--color-accent);
}

.custom-checkbox input[type=checkbox] {
    width: 20px;
    height: 20px;
}

.custom-checkbox input[type=checkbox]+span .checkbox-checked {
    top: 4px;
    font-size: 12px;
}

.input-group>.form-control:focus {
    z-index: 0;
}

.form-control.form-search-control:focus {
    box-shadow: none;
}

#blockcart-content .cart-products .bootstrap-touchspin {
    width: 100%;
}

.input-group.bootstrap-touchspin {
    max-width: fit-content;
    background-color: #fff;
    gap: 5px;
}

.js-cart-line-product-quantity,
.product-quantity #quantity_wanted {
    font-size: 0.9rem;
    max-width: 55px;
    text-align: center;
}

.bootstrap-touchspin .bootstrap-touchspin-up,
.bootstrap-touchspin .bootstrap-touchspin-down {
    background-color: var(--color-alt);
    color: #fff !important;
    font-size: 1.3rem;
    padding: 0.3rem 1rem !important;
}

.js-cart-line-product-quantity,
.product-quantity .qty {
    width: auto;
}

.help-block {
    width: 100%;
}

.form-group.has-error .help-block {
    font-size: 0.8rem;
}

li.alert.alert-danger {
    padding: 0.3rem 0.6rem;
    margin-bottom: 0.4rem;
}

[class*="gdpr_module"] label a,
.content-psgdpr label a {
    color: var(--color-accent) !important;
    text-decoration: underline;
}

/*SCROLLBAR*/
/* scroll width */
.content-links .links::-webkit-scrollbar,
.nav.nav-tabs::-webkit-scrollbar {
    height: 4px;
}



/*GDPR MODULE*/
#footer .gdpr_module .custom-checkbox {
    font-size: 1rem;
    align-items: center;
}


/*WIDGET ELEMENTOR*/
.radius-banner .elementor-iqit-banner {
    border-radius: var(--border-radius);
}
.elementor-element .elementor-accordion .elementor-accordion-item {
    border-bottom-width: 1px !important;
}
.elementor-element .elementor-accordion .elementor-accordion-item:first-child {
    border-top-width: 1px !important;
}

/*PHP SIMPLE BLOG*/
#module-ph_simpleblog-single #inner-wrapper {
    max-width: 870px;
}

/*CAROUSEL ARROW ABOVE*/
.swiper-arrows-above .swiper-container {
    padding-top: 2.5rem !important;
}
.swiper-arrows-above .swiper-button-next,
.swiper-arrows-above .swiper-button-prev {
    background: transparent;
    color: #333;
    top: 1.5rem;
}