/*
 Theme Name:   Understrap Child
 Theme URI:    https://understrap.com
 Description:  Understrap Child Theme
 Author:       the Understrap Contributors
 Author URI:   https://github.com/understrap/understrap-child/graphs/contributors
 Template:     understrap
 Version:      1.2.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  redcase
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: redcase/redcase
*/
@font-face {
    font-family: CFPanoptik;
    src: url(/wp-content/themes/understrap-child-main/src/fonts/CFPanoptik-Bold.woff2);
    font-weight: 700;
}

@font-face {
    font-family: CFPanoptik;
    src: url(/wp-content/themes/understrap-child-main/src/fonts/CFPanoptik-Medium.woff2);
    font-weight: 500;
}

@font-face {
    font-family: CFPanoptik;
    src: url(/wp-content/themes/understrap-child-main/src/fonts/CFPanoptik-Book.woff2);
    font-weight: 400;

}

@font-face {
    font-family: SourseSerifPro;
    src: url(/wp-content/themes/understrap-child-main/src/fonts/SourceSerifPro-Regular.woff2);
    font-weight: 400;
}

:root {
    --header-height: 0px;
    --hover-header-color: #00000080;
}

@media(min-width: 1025px) {
    .container-fluid {
        --bs-gutter-x: 9.6rem;
    }
}

html {
    scrollbar-color: #000 #fff;
    scrollbar-width: thin;
    scroll-behavior: smooth;
    font-variant-numeric: lining-nums;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
    background: #0f0f0f;
    border: 6px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

::selection {
    background: var(--bs-primary);
    color: #fff;
}

.transition {
    transition: 0.3s all ease-in-out;
}

.grecaptcha-badge {
    scale: 0;
    opacity: 0;
    pointer-events: none
}

/* Pagination - START */
.pagination li .prev-icon {
    scale: -1;
}

.pagination li:hover svg path {
    fill: var(--bs-white);
}

.pagination li .page-link:focus svg path {
    fill: var(--bs-black);
}

/* Pagination - END */

.line-clamp {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.line-clamp-1 {
    -webkit-line-clamp: 1;
    height: 1lh;
}

.line-clamp-2 {
    -webkit-line-clamp: 2;
    height: 2lh;
}

.line-clamp-3 {
    -webkit-line-clamp: 3;
    height: 3lh;
}

.line-clamp-4 {
    -webkit-line-clamp: 4;
    height: 4lh;
}

.line-clamp-5 {
    -webkit-line-clamp: 5;
    height: 5lh;
}

/* Articles - START */
#articles-section .post-blog img,
#related-posts .post-blog img {
    aspect-ratio: 1;
    object-fit: cover;
    transition: 0.3s ease-in-out;
    border-radius: 6px;
}

#articles-section .post-blog .outer::before,
#related-posts .post-blog .outer::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(219, 219, 219, 0.1);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 1;
}

@media (min-width: 1025px) {

    #articles-section .post-blog:hover .outer::before,
    #related-posts .post-blog:hover .outer::before {
        opacity: 1;
        visibility: visible;
    }
}

#articles-section .post-blog .post-arrow,
#related-posts .post-blog .post-arrow {
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-in-out;
}


#related-posts .blog-link {
    text-decoration: underline !important;
    text-underline-offset: 10px;
    text-decoration-skip-ink: none;
}

#related-posts .blog-link {
    text-decoration: underline !important;
    text-underline-offset: 10px;
    text-decoration-skip-ink: none;
    transition: 0.3s ease-in-out;
}

@media (min-width: 1025px) {
    #related-posts .blog-link:hover {
        color: rgba(0, 0, 0, 0.50);
    }
}

#single-post {
    .post-image {
        max-height: 600px;
        border-radius: 6px;
    }
}

.content__wrapper a {
    text-decoration: underline;
}

.content__wrapper img {
    max-width: 100%;
    object-fit: cover;
    height: auto;
}

/* Articles - END */

h1.entry-title {
    margin-bottom: 1.2rem;
}

/* CF7 Plugin Form - START */
.wpcf7 .wpcf7-form {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    position: relative;
}

.wpcf7 .wpcf7-form label {
    max-width: 100%;
    width: 100%;
}

.wpcf7 .wpcf7-form input:not([type="checkbox"]) {
    border-radius: 6px;
    background: #F8F8F8;
    color: #424242;
    padding: 16px 12px;
    border: 1px solid rgb(118, 118, 118);
    transition: 0.3s ease-in-out;
    max-width: 100%;
    width: 100%;
}

.wpcf7 .wpcf7-form input:not([type="checkbox"]):hover {
    background: #F0F0F0;
    color: var(--bs-black);
    border: 1px solid #BFBFBF;
}

.wpcf7 .wpcf7-form input:not([type="checkbox"]):focus,
.wpcf7 .wpcf7-form input:not([type="checkbox"]):focus-visible {
    border: 1px solid #BFBFBF;
    color: var(--bs-black);
    outline: 0;
}

.wpcf7 .wpcf7-form .wpcf7-list-item {
    margin: 0;
    margin-top: 1.2rem;
}

.wpcf7 .wpcf7-form .wpcf7-acceptance label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.wpcf7 .wpcf7-form {
    --checkbox-width: 24px;
    --checkbox-height: 24px;
    --checkbox-background: var(--bs-primary);
}

.wpcf7 .wpcf7-form input[type="checkbox"] {
    position: relative;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    width: var(--checkbox-width);
    height: var(--checkbox-height);
}

.wpcf7 .wpcf7-form input[type="checkbox"]:focus-visible {
    outline: 1px solid var(--bs-primary);
}

.wpcf7 .wpcf7-form input[type="checkbox"]::before {
    position: absolute;
    width: var(--checkbox-width);
    height: var(--checkbox-height);
    background: #fff;
    border: 1px solid var(--checkbox-background);
    border-radius: 6px;
    cursor: pointer;
    transition: background .3s;
    content: '';
}

.wpcf7 .wpcf7-form input[type="checkbox"]:checked::before {
    background: var(--checkbox-background);
}

.wpcf7 .wpcf7-form input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    transform: rotate(-45deg);
    top: 7px;
    left: 5px;
    width: 16px;
    height: 8px;
    border: 2px solid #fff;
    border-top-style: none;
    border-right-style: none;
}

.wpcf7 .wpcf7-form input.wpcf7-submit {
    width: 100%;
    color: var(--bs-white);
    font-size: 1.6rem;
    margin-top: 1.2rem;
    border-radius: 0.8rem;
    text-align: center;
    justify-content: center;
    -webkit-appearance: none !important;
    appearance: none !important;
    background: var(--bs-black);
}

.wpcf7 .wpcf7-form input.wpcf7-submit:disabled {
    background: var(--bs-black);
}

.wpcf7 .wpcf7-form input.wpcf7-submit:hover {
    color: var(--bs-white);
    background: var(--bs-black);
}

.wpcf7 .wpcf7-form input.wpcf7-submit:focus,
.wpcf7 .wpcf7-form input.wpcf7-submit:focus-visible {
    border: 1px solid var(--bs-black);
    color: var(--bs-black);
    background: var(--bs-white);
    outline: 0;
}

.wpcf7 .wpcf7-form .wpcf7-spinner {
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    translate: -50%;
}

.wpcf7 .wpcf7-form .wpcf7-response-output {
    border: none !important;
    font-size: 1.2rem;
    border-radius: 6px;
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1.2rem;
}

@media (min-width: 1025px) {
    .wpcf7 .wpcf7-form .wpcf7-response-output {
        font-size: 1.5rem;
        max-width: 100%;
        margin: 0;
    }
}

.wpcf7 .wpcf7-form.invalid .wpcf7-response-output,
.wpcf7 .wpcf7-form.unaccepted .wpcf7-response-output,
.wpcf7 .wpcf7-form.payment-required .wpcf7-response-output {
    background: rgba(198, 0, 34, 0.1);
    color: #C60022;
}

.wpcf7 .wpcf7-form .wpcf7-response-output {
    background: rgba(0, 158, 60, 0.1);
    color: #009E3C;
}

.wpcf7 .wpcf7-form .wpcf7-response-output::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' viewBox='0 0 22 23' fill='none'%3E%3Crect x='1' y='1.5' width='20' height='20' rx='5' stroke='%23009E3C' stroke-width='1.5'/%3E%3Cpath d='M8.5 11L10.5 13L14.5 9' stroke='%23009E3C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 25px;
    height: 25px;
}

.wpcf7 .wpcf7-form.invalid .wpcf7-response-output::before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 18.4261C2 17.8187 2.15479 17.2214 2.44975 16.6904L8.63566 5.5558C9.18399 4.56881 10.1381 3.87239 11.2452 3.65096V3.65096C11.7435 3.55131 12.2565 3.55131 12.7548 3.65096V3.65096C13.8619 3.87239 14.816 4.56881 15.3643 5.55581L21.5502 16.6904C21.8452 17.2214 22 17.8187 22 18.4261V18.4261C22 20.3999 20.3999 22 18.4261 22H5.57391C3.60009 22 2 20.3999 2 18.4261V18.4261Z' stroke='%23C60022' stroke-width='1.5'/%3E%3Cpath d='M12 9.5L12 13.5' stroke='%23C60022' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 16.5L12 17' stroke='%23C60022' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 25px;
    height: 25px;
}

/* CF7 Plugin Form - END */

/* 404 page - START */
.error-404 {
    height: 60dvh;
    display: grid;
    place-content: center;
}

/* 404 page - END */


.accordion-item {
    margin-bottom: 12px;
}

.btn-primary {
    --bs-btn-hover-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-white);
    --bs-btn-hover-border-color: transparent;
}

.btn-white {
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: transparent;
}

.letter-spacing-heading {
    letter-spacing: 0.24px;
}


#articles-section .post-blog img,
#related-posts .post-blog img {
    aspect-ratio: 1;
    object-fit: cover;
    transition: 0.3s ease-in-out;
    border-radius: 6px;
}

#articles-section .post-blog .outer::before,
#related-posts .post-blog .outer::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.10);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 1;
    border-radius: 6px;
}

@media (min-width: 1025px) {

    #articles-section .post-blog:hover .outer::before,
    #related-posts .post-blog:hover .outer::before {
        opacity: 1;
        visibility: visible;
    }
}

#articles-section .post-blog .post-arrow,
#related-posts .post-blog .post-arrow {
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-in-out;
}

#articles-section .post-blog .post-date,
#related-posts .post-blog .post-date {
    color: var(--bs-gray);
}

#single-post .post-image {
    max-height: 600px;
}

#page-entry .post-image {
    max-height: 600px;
}

#breadcrumbs-section a {
    transition: 0.3s ease-in-out;
}

#breadcrumbs-section a:hover {
    color: var(--bs-gray);
}

/* Login -Register Page */
.full-height-image {
    position: relative;
    height: calc(40vh - 100px);
}

.full-height-image::before {
    content: '\A0';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 6px;
}

@media(min-width: 768px) {
    .full-height-image {
        height: calc(100vh - var(--header-height));
        height: calc(100dvh - var(--header-height));
    }
}

.custom-register-form.needs-validation input:not([type="checkbox"]),
.custom-login-form.needs-validation input:not([type="checkbox"]),
.woocommerce-form.woocommerce-form-login.login .form-row input {
    border-radius: 6px;
    background: #F8F8F8;
    color: #424242;
    padding: 12px 12px;
    border: 1px solid rgb(118, 118, 118);
    transition: 0.3s ease-in-out;
    max-width: 100%;
    width: 100%;
}

.custom-register-form.needs-validation input:not([type="checkbox"]):hover,
.custom-login-form.needs-validation input:not([type="checkbox"]):hover,
.woocommerce-form.woocommerce-form-login.login .form-row input:hover {
    background: #F0F0F0;
    color: var(--bs-black);
    border: 1px solid #BFBFBF;
}

.custom-register-form.needs-validation input:not([type="checkbox"]):focus,
.custom-register-form.needs-validation input:not([type="checkbox"]):focus-visible,
.custom-login-form.needs-validation input:not([type="checkbox"]):focus,
.custom-login-form.needs-validation input:not([type="checkbox"]):focus-visible,
.woocommerce-form.woocommerce-form-login.login .form-row input:focus,
.woocommerce-form.woocommerce-form-login.login .form-row input:focus-visible {
    border: 1px solid #BFBFBF;
    color: var(--bs-black);
    outline: 0;
    box-shadow: none !important;

}

.woocommerce-form.woocommerce-form-login.login .form-row .btn-primary {
    border: 1px solid var(--bs-primary);
}

#section-login .woocommerce-error,
#section-register .woocommerce-error {
    outline: unset !important;
}

#section-register .woocommerce-privacy-policy-text a {
    font-weight: 500;
    text-decoration: underline;
}

.custom-login-form .btn-primary,
.custom-register-form .btn-primary {
    border: 1px solid var(--bs-primary);
}


/* Login - Register Page End*/

/* Lost Password Page */

.lost-password-wrapper {
    max-width: 600px;
}

.lost-password-height {
    height: 50vh;
}

.lost-password-wrapper input {
    color: rgb(66, 66, 66);
    background: rgb(248, 248, 248);
    border: 1px solid rgb(118, 118, 118);
    transition: 0.3s ease-in-out;
}

.lost-password-wrapper input:hover,
.lost-password-wrapper input:focus {
    color: var(--bs-black);
    background: rgb(240, 240, 240);
    border: 1px solid rgb(191, 191, 191);
}

.lost-password-wrapper form input:focus-visible {
    color: var(--bs-black);
    background: rgb(240, 240, 240);
    outline: unset;
}

.lost-password-wrapper .btn-primary {
    border: 1px solid var(--bs-primary);
}

.email-success-reset-password-wrapper {
    max-width: 800px;
}

.email-success-reset-password-wrapper .woocommerce-message {
    background: transparent !important;
    outline: unset !important;
}

.woocommerce-error {
    outline: unset !important;
}

/* Lost Password Page End*/

/* dashboard */

.woocommerce-account .woocommerce-MyAccount-navigation .list-group {
    border-radius: 6px !important;
}

.woocommerce-MyAccount-navigation .list-group a {
    padding: 14px;
}

.woocommerce-EditAccountForm.edit-account .input-group {
    flex-direction: column !important;
}

.woocommerce-EditAccountForm.edit-account input,
.woocommerce-address-fields input {
    color: rgb(66, 66, 66) !important;
    background: #F8F8F8 !important;
    border: 1px solid rgb(118, 118, 118) !important;
    transition: 0.3s ease-in-out !important;
    border-radius: 6px !important;
    padding: 10px !important;
}

.woocommerce-address-fields .woocommerce-input-wrapper .select2-container .select2-selection {
    color: rgb(66, 66, 66) !important;
    background: #F8F8F8 !important;
    border: 1px solid rgb(118, 118, 118);
    transition: 0.3s ease-in-out !important;
    border-radius: 6px !important;
}

.woocommerce-address-fields .woocommerce-input-wrapper .select2-container .select2-selection__clear {
    display: none !important;
}

.woocommerce-EditAccountForm.edit-account input:hover,
.woocommerce-EditAccountForm.edit-account input:focus,
.woocommerce-address-fields input:hover,
.woocommerce-address-fields input:focus {
    color: var(--bs-black);
    border-color: unset !important;
    border-color: rgb(191, 191, 191) !important;
    background: rgb(240, 240, 240);
    border: 1px solid rgb(191, 191, 191);
    box-shadow: unset;
}

.woocommerce-EditAccountForm.edit-account input:focus-visible {
    color: var(--bs-black);
    background: rgb(240, 240, 240);
    outline: unset;
}

.woocommerce-EditAccountForm.edit-account button {
    margin-top: 10px;
    margin-inline-start: 3px;
}

.woocommerce-EditAccountForm.edit-account button.show-password-input {
    margin-top: 0px;
}

.wishlist_item .product-action a {
    padding: 4px;
}

.woocommerce-MyAccount-content .btn-primary:hover {
    border: 1px solid var(--bs-primary);
}

.woocommerce-MyAccount-content .woocommerce-info {
    padding: 1em 1em 1em 3.5em;
    display: flex;
    flex-direction: column;
}

.woocommerce-MyAccount-content .woocommerce-info .woocommerce-Button {
    max-width: 250px;
    margin-top: 16px;
}


/* dashboard end */

/* wishlist */

.tinv-wishlist .product-remove .ftinvwl-times:before {
    content: "" !important;
    color: #000;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='500 0 34 34'%3E%3Cpath d='M509 8L527 26' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M527 8L509 26' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: -5px;
}


@media (max-width: 767px) {
    .wishlist_item {
        position: relative;
    }

    .wishlist_item .product-remove,
    .wishlist_item .product-cb {
        padding: 0px !important;
    }

    /* .wishlist_item .product-remove button {
        position: absolute;
        top: 20px;
        left: 10%;
    } */

    .wishlist_item .product-thumbnail {
        padding-top: 0px !important;
    }

    .tinv-wishlist .product-remove .ftinvwl-times:before {
        content: attr(data-before-content) !important;
        background-image: none !important;
        width: 100% !important;
        font-size: 14px !important;

    }
}

.wishlist-content {
    max-width: 1500px;
    margin-inline: auto;
}

.tinv-wishlist .social-buttons {
    display: none;
}

.tinv-wishlist .tinvwl-break-input-filed {
    padding: 0px 10px;
    color: rgb(66, 66, 66);
    background: rgb(248, 248, 248);
    border: 1px solid rgb(118, 118, 118);
    transition: 0.3s ease-in-out;
    box-shadow: unset !important;
    border-radius: 2px !important;
}

.tinv-wishlist .tinvwl-break-input-filed:hover,
.tinv-wishlist.tinvwl-break-input-filed:focus {
    border-color: unset !important;
    border-color: rgb(191, 191, 191) !important;
}

.tinv-wishlist .tinv-lists-nav.tinv-wishlist-clear {
    justify-content: center;
}


.tinv-wishlist .tinvwl-input-group-btn button,
.tinv-wishlist .button.tinv-prev,
.tinv-wishlist .button.tinv-next,
.tinv-wishlist .tinvwl-to-right button {
    color: var(--bs-white);
    background-color: var(--bs-primary);
    border: 1px solid var(--bs-primary);
    transition: all 0.3s ease-in-out;
    border-radius: 2px !important;
}

.tinv-wishlist .tinv-lists-nav.tinv-wishlist-clear {
    padding-left: 1em;
    padding-right: 1em;
}

.tinv-wishlist .tinvwl-input-group-btn button:hover,
.tinv-wishlist .tinvwl-to-right button:hover {
    color: var(--bs-primary);
    background-color: var(--bs-white);
}

.tinv-wishlist .product-action {
    width: 240px;
    margin-top: 16px;

}

.tinv-wishlist .product-action .add-to-cart-container a {
    padding: 4px 14px;
}

.tinv-wishlist .product-stock .out-of-stock .ftinvwl-times:before {
    content: "" !important;
    color: #000;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='500 0 34 34'%3E%3Cpath d='M509 8L527 26' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M527 8L509 26' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: -5px;
}

.tinv-wishlist .tinv-header {
    display: none;
}

.woocommerce-Button.btn {
    float: right;
}

.tinv-wishlist .stock.in-stock .ftinvwl-check {
    display: flex;
}

.tinv-wishlist .stock.in-stock .ftinvwl-check:before {
    content: "" !important;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M10 50 35 75 90 20' stroke='%23000' stroke-width='10' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
}

.tinv-wishlist table input[type=checkbox] {
    margin-right: 0;
    position: relative;
    top: 6px;
}

.tinvwl_button_view,
.tinvwl_button_close {
    border: 1px solid var(--bs-primary) !important;
}

tr.wishlist_item .btn-primary:hover {
    border: 1px solid var(--bs-primary) !important;
}

.tinvwl-table-manage-list .input-checkbox,
.tinvwl-input-group.tinvwl-no-full,
.tinvwl-to-right.tinvwl-to-right button[name="tinvwl-action-product_selected"] {
    display: none !important;
}

.tinv-wishlist tfoot .tinvwl-to-right {
    width: 100% !important;
}

.tinvwl-to-right.look_in {
    display: flex !important;
    justify-content: end !important;

}

.tinvwl-to-right.tinvwl-to-right button[name="tinvwl-action-product_all"] {
    font-weight: 400 !important;
    padding: 14px 10px !important;
}

@media (max-width: 768px) {
    .tinvwl-to-right.tinvwl-to-right button[name="tinvwl-action-product_all"] {
        width: 100% !important;
        max-width: 238px !important;
    }

    .tinvwl-to-right.look_in {
        justify-content: center !important;
    }
}

.tinv-wishlist .return-to-shop .btn-primary {
    border: 1px solid var(--bs-primary);
}

.wishlist_item .product-action .add-to-cart-container .product_type_simple {
    background: var(--bs-primary);
    color: var(--bs-white);
    border: 1px solid var(--bs-primary);
    transition: all 0.3s ease-in-out;
    padding: 10px 14px !important;
}

.wishlist_item .product-action .add-to-cart-container .product_type_simple:hover {
    background: var(--bs-white);
    color: var(--bs-primary);
}


/* wishlist end */

/* category */
#app-products .product-image,
#app-products .product-image-hover {
    aspect-ratio: 438/329;
    max-height: 329px;
}

#app-products .product-image-hover {
    opacity: 0;
    visibility: hidden;
}

@media (min-width: 1251px) {

    #app-products .product-image-hover {
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease-in-out;
    }

    #app-products .category-item:hover .product-image-hover {
        opacity: 1;
        visibility: visible;
    }
}

#app-products .best-seller-tag {
    background-color: #FAFAFA;
    border-radius: 2px;
    line-height: 120%;
}

#app-products .product-link {
    text-decoration: underline !important;
    text-decoration-skip-ink: none;
    text-underline-offset: 10px;
}

@media (min-width: 1251px) {
    #app-products .product-link {
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease-in-out;
    }

    #app-products .category-item:hover .product-link {
        opacity: 1;
        visibility: visible;
    }

    #app-products .product-link:hover {
        color: #808080 !important;
    }
}

#app-products .wishlist-btn img {
    object-fit: cover;
    overflow: hidden;
}

#app-products .category-item-title {
    max-width: 180px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (min-width: 426px) {
    #app-products .wishlist-btn img {
        max-height: 24px !important;
        max-width: 24px !important;
    }

    #app-products .category-item-title {
        max-width: 300px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

#app-products .wishlist-btn {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
}

@media(min-width: 1250px) {

    #app-products .wishlist-btn {
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
    }

    #app-products .category-item:hover .wishlist-btn {
        opacity: 1;
        visibility: visible;
    }

}

#app-products .tinvwl_add_to_wishlist-text {
    display: none;
}

#app-products .woocommerce-pagination {
    display: none;
}

#app-products .pagination {
    margin-top: 36px !important;
    margin-bottom: 46px !important;
}

@media (min-width: 1251px) {
    #app-products .pagination {
        margin-top: 86px !important;
        margin-bottom: 96px !important;
    }
}

#app-products .category-description {
    max-height: 110px;
    overflow-y: auto;
}

#app-products .woocommerce-ordering {
    margin-bottom: 0px !important;
}

#app-products .category-filters {
    padding-inline: 12px;
    transition: all 0.3s ease;
    position: relative;
}

@media (min-width: 768px) {
    #app-products .category-filters::after {
        content: '';
        position: absolute;
        top: 6px;
        right: 0;
        width: 1px;
        height: 10px;
        background: #000;
    }
}

#app-products .category-sorting .dropdown-toggle {
    border: none;
    background: transparent;
}



#app-products .banner-image {
    aspect-ratio: 900/567;
    height: 100%;
    max-height: 592px;
}

@media (min-width: 992px) and (max-width: 1440px) {
    #app-products .wishlist-btn img {
        max-height: 16px !important;
        max-width: 16px !important;
    }

    #app-products .category-item-title {
        max-width: 160px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

#app-products .woocommerce-ordering select {
    border: none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#app-products .woocommerce-ordering select:focus-visible {
    border: none;
    outline: none;
    box-shadow: none;
}

.woo-product-price ins {
    color: rgba(var(--bs-danger-rgb)) !important;
    text-decoration: none !important;
}

#bootstrapOrderByDropdown.active::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.2);
    z-index: 99999999;
    pointer-events: none;
}


.dropdown-menu {
    z-index: 999999999;
}

.dropdown-toggle {
    transition: all 0.3s ease;
    color: #000 !important;
}

#app-products .category-filters:hover,
#app-products .dropdown-toggle:hover {
    color: #808080 !important;
}

/* category end */

/* offcanvasFilters start */

#filtersOffcanvas {
    width: 630px;
    background: #F7F7F7 !important;
    display: unset !important;
}

#filtersOffcanvas .btn-close {
    opacity: unset !important;
}

#filtersOffcanvas .offcanvas-body {
    height: 94% !important;
}

#filtersOffcanvas .btn-close:focus {
    box-shadow: unset !important;
}

#filtersOffcanvas .btn-close:hover {
    opacity: 0.5 !important;
}

#filtersOffcanvas label {
    color: #000 !important;
}

#app-products .offcanvas-start {
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    transform: translateX(100%) !important;
    z-index: 999999999 !important;
}

#app-products .offcanvas-start.show {
    transform: translateX(0%) !important;
}

#app-products .offcanvas-start.hiding {
    transform: translateX(100%) !important;
}

.offcanvas-backdrop.fade.show {
    z-index: 9999999 !important;
}

.offcanvas-product-filters {
    border-bottom: 1px solid #E4E4E4;
}

.offcanvas-product-filters:has(.clear-filter-beRocket),
.offcanvas-product-filters:has(.selected-filter-beRocket),
.offcanvas-product-filters:has(.apply-filter-beRocket) {
    border-bottom: none !important;
}

.offcanvas-product-filters .bapf_sfilter {
    padding: 12px 0px;
    margin-bottom: 0px !important;
}

.offcanvas-product-filters:has(.apply-filter-beRocket) .bapf_sfilter,
.offcanvas-product-filters:has(.clear-filter-beRocket) .bapf_sfilter {
    padding: 0px !important;
}


.bapf_hascolarr,
.bapf_head h3 {
    font-size: 16px !important;
    font-weight: 400 !important;
}

.bapf_hascolarr {
    cursor: pointer;
}

.bapf_head h3 {
    /* margin-bottom: 12px !important; */
}

.fa-chevron-down::before {
    content: "" !important;
    width: 32px !important;
    height: 32px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M12.36 13.82L16.73 18.18L21.09 13.82' stroke='black' stroke-linecap='square'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    display: block !important;
    margin-inline: -6px !important;
}

.fa-chevron-up::before {
    content: "" !important;
    width: 32px !important;
    height: 32px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M12.36 18.18L16.73 13.82L21.09 18.18' stroke='black' stroke-linecap='square'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    display: block !important;
    margin-inline: -6px !important;
}

.offcanvas-product-filters,
.offcanvas-product-filters .bapf_body {
    margin-top: 12px !important;
}

.offcanvas-product-filters .bapf_sfilter .bapf_body .mCSB_container > ul,
.bapf_sfilter .bapf_body > ul {
    margin-bottom: 0px !important;
    margin-top: 24px !important;
    max-height: 325px;
    overflow-y: auto;
}

.offcanvas-product-filters:has(.clear-filter-beRocket) {
    margin-top: 0 !important;
}

.offcanvas-product-filters:has(.apply-filter-beRocket) {
    margin-top: 0 !important;
}

.offcanvas-product-filters .clear-filter-beRocket .bapf_body {
    margin-top: 24px !important;
}

.offcanvas-product-filters .apply-filter-beRocket .bapf_body {
    margin-top: 16px !important;
}

.offcanvas-product-filters:has(.apply-filter-beRocket) {
    width: 100% !important;
}

.offcanvas-product-filters:has(.clear-filter-beRocket) {
    width: 100% !important;
}

@media (min-width: 426px) {
    .offcanvas-product-filters:has(.clear-filter-beRocket) {
        width: 54% !important;
    }

    .offcanvas-product-filters:has(.apply-filter-beRocket) {
        width: 46% !important;
    }

    .offcanvas-product-filters .clear-filter-beRocket .bapf_body,
    .offcanvas-product-filters .apply-filter-beRocket .bapf_body {
        margin-top: 12px !important;
    }
}


.clear-filter-beRocket button {
    background-color: transparent !important;
    color: #000 !important;
}

.clear-filter-beRocket .bapf_button:after {
    all: unset !important;
}


.offcanvas-product-filters {
    width: 100% !important;
}

#app-products .offcanvas-body {
    flex-grow: unset !important;
}

.clear-filter-beRocket .bapf_reset {
    font-size: 16px !important;
    font-weight: 400 !important;
    padding: 12px 0 !important;
    border-radius: 0px !important;
    transition: all 0.3s ease !important;
    max-width: unset !important;
}

.clear-filter-beRocket .bapf_reset:hover {
    background: #F3F3F3 !important;
}

.apply-filter-beRocket .bapf_update {
    font-size: 16px !important;
    font-weight: 400 !important;
    padding: 12px 0 !important;
    border-radius: 0px !important;
    transition: all 0.3s ease !important;
    max-width: unset !important;
}

.apply-filter-beRocket .bapf_update:hover {
    background: #707070 !important;
}

.apply-filter-beRocket .bapf_update::after {
    all: unset !important;
}

.selected-filter-beRocket .braapf_unselect {
    border-radius: 2px !important;
    border: 1px solid #000 !important;
    font-weight: 400 !important;
    color: #000 !important;
    padding: 4px 40px 4px 12px !important;
}

.selected-filter-beRocket .braapf_unselect::before {
    height: 16px !important;
    width: 16px !important;
    font-size: 32px !important;
    color: #000 !important;
    top: -2px !important;
}

.selected-filter-beRocket .berocket_aapf_widget_selected_area .braapf_unselect_all {
    display: none !important;
}

.selected-filter-beRocket .berocket_aapf_widget_selected_filter {
    justify-content: end !important;
    border-top: 1px solid #E4E4E4 !important;
    padding-top: 24px !important;
}

.selected-filter-beRocket .bapf_head {
    display: none !important;
}



.color-filter-beRocket ul,
.shape-filter-beRocket ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
}

.shape-filter-beRocket ul {
    gap: 12px !important;
}

.color-filter-beRocket ul > li {
    width: 161px !important;
}

.color-filter-beRocket .bapf_clr_span {
    height: 24px !important;
    width: 24px !important;
    border-radius: 100% !important;
}

.color-filter-beRocket ul > li .bapf_clr_text.active {
    text-decoration: underline !important;
    font-size: 18px !important;
    position: relative !important;
}

.color-filter-beRocket .bapf_body li label:hover .bapf_clr_text {
    text-decoration: underline !important;
}

.color-filter-beRocket ul > li .bapf_clr_text.active::after {
    content: "" !important;
    position: absolute !important;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuMzMyMDMgOS4xNjY2M0w1LjY4Mjk4IDExLjA0NzRDNi4yMzQ1MiAxMS40ODg2IDcuMDM0NDYgMTEuNDIzMiA3LjUwNjk3IDEwLjg5ODJMMTIuNjY1NCA1LjE2NjYzIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    right: 0px;
    top: 4px;
    transform: translateX(200%);
}

.shape-filter-beRocket .bapf_body li {
    display: flex !important;
}

.shape-filter-beRocket ul > li {
    background: #fff !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 120px !important;
    transition: all 0.3s ease;
    border: 1px solid transparent !important;
}

.shape-filter-beRocket ul > li .bapf_img_span {
    height: 64px !important;
    width: 64px !important;
}


.shape-filter-beRocket ul > li.active {
    border: 1px solid #000 !important;
    background: #F5F5F5 !important;
}

.shape-filter-beRocket ul > li:hover {
    background: #F5F5F5 !important;
}

.shape-filter-beRocket ul > li .bapf_img_span {
    -webkit-transform: unset !important;
    transform: unset !important;
}

.frame-filter-beRocket ul li label,
.material-filter-beRocket ul li label,
.brand-filter-beRocket ul li label {
    transition: all 0.3s ease;
}

.frame-filter-beRocket ul li label:hover,
.material-filter-beRocket ul li label:hover,
.brand-filter-beRocket ul li label:hover {
    text-decoration: underline;
}

.frame-filter-beRocket ul li label.active,
.material-filter-beRocket ul li label.active,
.brand-filter-beRocket ul li label.active {
    text-decoration: underline !important;
    position: relative !important;
}

.frame-filter-beRocket ul li label.active::after,
.material-filter-beRocket ul li label.active::after,
.brand-filter-beRocket ul li label.active::after {
    content: "" !important;
    position: absolute !important;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuMzMyMDMgOS4xNjY2M0w1LjY4Mjk4IDExLjA0NzRDNi4yMzQ1MiAxMS40ODg2IDcuMDM0NDYgMTEuNDIzMiA3LjUwNjk3IDEwLjg5ODJMMTIuNjY1NCA1LjE2NjYzIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    right: 0px;
    top: 0px;
    transform: translateX(200%);
}

.selected-filter-beRocket ul > li {
    transition: all 0.3s ease;
}

.selected-filter-beRocket ul > li:hover a {
    color: #fff !important;
}

.selected-filter-beRocket ul > li .braapf_unselect {
    transition: all 0.3s ease;
}

.selected-filter-beRocket ul > li:hover .braapf_unselect {
    border: 1px solid transparent !important;
    background: #707070 !important;
    border-radius: 3px !important;
}

.selected-filter-beRocket ul > li:hover .braapf_unselect::before {
    color: #fff !important;
}

.offcanvas-product-filters .bapf_ccolaps .bapf_hascolarr {
    color: rgba(0, 0, 0, 0.70) !important;
}

.bapf_loader_page .bapf_lcontainer {
    width: 100px;
    height: 100px;
}


.apply-filter-beRocket {
    height: 48px;
    margin-top: 12px;
    width: 100%;
    border: none;
    background: #000;
    color: #fff;
    font-size: 16px;
    border-radius: 2px;
    transition: all 0.3s ease;

}

.apply-filter-beRocket:hover {
    background: #707070;
}

@media (min-width: 426px) {
    .apply-filter-beRocket {
        width: 46%;
    }
}

.bapf_colaps_smb {
    user-select: none;
}

.selected-filter-beRocket ul {
    justify-content: end !important;
}

#filter-close {
    transition: all 0.3s ease;
}

.bapf-sfa-grey-rounded .berocket_aapf_widget_selected_area ul.bapf_sfa_unall {
    display: none !important;
}

/* offcanvasFilters end */

.woocommerce-info {
    border-top-color: #000;
}

.woocommerce-info::before {
    color: #000;
}

/* minicart */
a.xoo-wsc-ft-btn-checkout .amount {
    font-style: normal !important;
    transition: all 0.3s ease !important;
}

.xoo-wsc-ft-btn-checkout,
.woocommerce-Price-amount {
    transition: all 0.3s ease !important;
}

.xoo-wsc-opac {
    z-index: 9999999;
}

.xoo-wsc-cart-active .xoo-wsc-container {
    z-index: 99999999;
}

.xoo-wsc-btn {
    transition: all 0.3s ease;
}

/* minicart end */

#error-404-wrapper .btn-primary {
    border: 1px solid var(--bs-primary);
}

/* thank you page */

.thank-you-page-check {
    width: 100px;
    height: 100px;
    background-color: #6BC885;
    border-radius: 100%;
    position: relative;
}


.thank-you-page-text {
    max-width: 165px;
}

.thank-you-page-image img {
    aspect-ratio: 737/520;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.content-wrapper-thank-you-page {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

@media (min-width: 992px) {
    .content-wrapper-thank-you-page {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .thank-you-page-image img {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
}

/* thank you page end */


.fix-contrast-issue {
    background: #00000002;
}

.wordpress-gdpr-hidden {
    color: #fff;
    background: #00000002;
}

.wordpress-gdpr-popup-decline {
    background: #000000 !important;
    color: #fff !important;
}

.fs-0 {
    font-size: 0px !important;
}

.xoo-wsc-icon-bag2:before {
    content: '\A0';
    background: url(/wp-content/themes/understrap-child-main/src/icons/icon-cart-inner.svg) no-repeat center center / contain;
    width: 36px;
    height: 36px;
    display: inline-block;
}

.tooltip.show {
    z-index: 100000000000;
}

#privacy_policy {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    accent-color: var(--bs-black);
}