/*
 Theme Name:   XStore Child
 Theme URI:    http://8theme.com/
 Description:  XStore Child Theme
 Author:       8theme
 Author URI:   http://8theme.com
 Template:     xstore
 Version:      0.0.1
 Text Domain:  xstore-child
*/

.et_b_header-search {
    .postform {
        display: none;
    }

    .form-control {
        border-radius: 10px !important;
    }
}

select.gt_selector {
    border: 1px solid #f2f2f2;
    color: darkgrey;
    transition: .3s;
    accent-color: darkgrey;

    &:hover {
        color: #CC3333;
    }

    option {
        color: black !important;
    }
}

.et_b_header-menu .menu li:first-of-type {
    a {
        padding-left: 0;
    }
}

.header-main-menu.et_element-top-level .menu>li>a:hover {
    color: #212529;
}

.sticky-on .header-main-menu.et_element-top-level .menu>li>a {
    color: #212529 !important;

    &:hover {
        color: #CC3333 !important;
    }
}

.coupon{
    .btn{
        background-color:  #212529 !important;
        &:hover {
            background-color: #000 !important;
        }
    }
}

.wc-proceed-to-checkout .button.return-shop {
    background-color:  #212529 !important;
    &:hover {
        background-color: #000 !important;
    }
}

.et_b_header-search.et_element-top-level>span svg,
.et_b_header-account.et_element-top-level>a svg,
.et_b_header-cart.et_element-top-level>a svg,
.woocommerce-MyAccount-navigation-wrapper li a,
.et-mini-content .menu li a,
.sticky-on .et_b_header-menu.menu-items-dots.et_element-top-level .menu>li>a,
.et_b_header-search.et_element-top-level .search-button svg {
    transition: .3s;

    &:hover {
        fill: #CC3333 !important;
        color: #CC3333 !important;
    }
}

.shipping-calculator-button:hover,
.showcoupon:hover{
    color:#CC3333 !important;
}

.et_connect-block {
    .et_b_header-html_block {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .et_b_header-account {
        a {
            padding: 0px;
        }
    }

    .et_b_header-cart {
        position: relative;

        .et-cart-quantity {
            position: absolute;
            top: -8px;
            right: -8px;
            background: black;
            color: white;
            height: 17px;
            width: 17px;
        }
    }
}

.archive.woocommerce-page.s_widgets-with-scroll .sidebar .sidebar-widget:not(.sidebar-slider):not(.etheme_widget_satick_block)>ul {
    max-height: 400px;
}

.header-top {
    text-transform: none;
}

.grecaptcha-badge {
    display: none !important;
}

.header-top {
    background: #f2f2f2;
    border-color: #f2f2f2;
}

.et-popup-content {
    border-radius: 8px;
    max-width: 600px;
    padding: 40px 40px 30px;

    .button-wrapper .btn {
        border-radius: 3px;
        font-size: 15px;
        padding: 12px 24px;
        text-transform: none;
        &.black{
            background: #212529 !important;
            border: 1px solid #212529 !important;
            &:hover{
                background: #000 !important;
                border: 1px solid #000 !important;
            }
        }
    }
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept,
.et_element .btn-checkout,
button.btn-checkout.wc-forward {
    background-color: #CC3333 !important;
    border-radius: 3px;
    color: #fff !important;
    display: inline-block;
    font-size: 15px;
    border: 0 !important;
    line-height: 1;
    padding: 12px 24px;
    fill: #fff;
    text-align: center;
    transition: all .3s;
    text-transform: none;
    font-weight: 500;

    &:hover {
        background: #9E2F2F !important;
        color: #fff !important;
        text-decoration: none;
        opacity: 1 !important;
    }
}

.button,
.btn,
.add_to_cart_button {
    background: #CC3333 !important;
    border-radius: 3px !important;
    color: #fff !important;
    display: inline-block;
    font-size: 15px !important;
    border: 0 !important;
    line-height: 1;
    padding: 12px 24px;
    fill: #fff;
    text-align: center;
    transition: all .3s;
    text-transform: none;
    font-weight: 500;

    &:hover {
        background: #9E2F2F !important;
        color: #fff !important;
        text-decoration: none;
        opacity: 1 !important;
    }
}

.et-mailchimp:not(.dark) input[type="submit"] {
    background: #212529;
    border: 1px solid #212529;

    &:hover {
        background: #9E2F2F !important;
    }
}

@media (max-width: 767px) {
    .elementor-3053 .elementor-element.elementor-element-88dcc0c {
        padding-bottom: 0 !important;
    }
}

.cart-order-details h2{
    font-size: 20px;
}

.et_element .btn-checkout {
    width: 100%;
}

.add_to_cart_button {
    white-space: nowrap;
    text-transform: none;
}

.elementor-button,
.add_to_cart_button {
    background: #CC3333 !important;

    &:hover {
        background-color: #9E2F2F !important;
    }
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover {
    background: #DBD9D9 !important;
}

.header-main-menu2.et_element-top-level .menu>li>a {
    &:hover {
        color: #9E2F2F;
    }
}

.page-heading .woocommerce-breadcrumb a {
    &:hover {
        color: #9E2F2F;
    }
}

/* Sidebar */
.widget-title,
.widgettitle {
    font-size: 20px;
}

.sidebar-widget ul li a:hover {
    color: #CC3333;
}

.elementor-element .category-grid.content-inside .categories-mask {
    display: flex;
    justify-content: center;
}

.elementor-element .category-grid .categories-mask {
    width: fit-content;
    margin: 0 auto;

    h4 {
        background-color: white;
        width: fit-content;
        display: flex;
        justify-content: center;
        padding: 5px 5px 3px;
        border-radius: 6px;
        font-size: 20px;
    }
}

.swiper-slide {
    padding-block: 30px;
}

.elementor-element .category-grid.slide-item {
    transition: .3s;
    transform: translateY(0);

    &:hover {
        transform: translateY(-10px);
    }
}

/* Een wijn om verliefd op te worden items */
.elementor-element-4bafe31 {
    margin-top: 30px;
}

/* Footer */
.et-mobile-panel-wrapper {
    background: #f2f2f2 !important;
}

footer {

    .et-follow-buttons{
        a i{
            transition: .3s;
            &:hover{
                color: #CC3333 !important;
            }
        }
    }
    .elementor-widget-wrap {
        .elementor-widget-image {
            width: fit-content;
            margin-right: 10px;

            img {
                width: 30px !important;
            }
        }
    }

    .elementor-widget-container p {
        margin-bottom: 0;
    }
}

.product_meta .products-page-cats a:first-child,
.product-share .menu-social-icons li a {
    &:hover {
        color: #CC3333;
    }
}

div.quantity>.minus,
div.quantity>.plus,
.quantity-wrapper.type-square span {
    padding-inline: 10px;
    background: #f2f2f2;
    color: black;
    transition: .2s;

    &:hover {
        background: #e1e1e1;
    }
}

.step-title {
    font-size: 20px;
}

.woocommerce-order-overview-wrapper~p {
    background: #f2f2f2;
    padding: 20px;
    border-radius: 8px;
    font-size: 18px;
    color: black !important;

    &::before{
        position: static;
        margin-right: 8px;
    }
}