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

.header-top {
    background-color: var(--color-red);
}

@media (min-width: 768px) {
    .top-menu[data-depth="1"], .top-menu[data-depth="2"], .top-menu[data-depth="3"], .top-menu[data-depth="4"] {
        display:flex;
        flex-direction: column;
        padding: 0.625rem;
        min-width: 250px;
        border-radius: 10px;
    }

    #header .menu>ul>li {
        position: relative;
    }

    .top-menu .sub-menu.collapse {
        min-width: 350px;
    }

    #_desktop_top_menu .top-menu[data-depth="0"] li:hover .sub-menu, #_desktop_top_menu .top-menu[data-depth="1"] > li:hover > .collapse, #_desktop_top_menu .top-menu[data-depth="2"] > li:hover > .collapse, #_desktop_top_menu .top-menu[data-depth="3"] > li:hover > .collapse, #_desktop_top_menu .top-menu[data-depth="4"] > li:hover > .collapse {
        visibility: visible;
        opacity: 1;
        margin-left: 0;
        border-radius: 10px;
    }

    #_desktop_top_menu .top-menu[data-depth="0"] li:hover .sub-menu {
        top: 47px !important;
    }

    #_desktop_top_menu .top-menu[data-depth="0"] li .sub-menu {
        left: 0;
    }

    #_desktop_top_menu .top-menu[data-depth="1"] > li, #_desktop_top_menu .top-menu[data-depth="2"] > li, #_desktop_top_menu .top-menu[data-depth="3"] > li, #_desktop_top_menu .top-menu[data-depth="4"] > li {
        position: relative;
    }

    .top-menu > li > .collapse {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        left: 105%;
        top: -6px;
        transition: all ease .2s;
        background-color: white;
    }

    #_desktop_top_menu .top-menu[data-depth="1"] .dropdown-item > span {
        display: block !important;
    }

    #_desktop_top_menu .top-menu[data-depth="1"] .dropdown-item > span > span {
        position: relative;
    }

    #_desktop_top_menu .top-menu[data-depth="1"] .dropdown-item > span > span i {
        display: none !important
    }

    #_desktop_top_menu .top-menu[data-depth="1"] .dropdown-item > span > span i.add {
        display: block !important;
        position: absolute;
        transform: rotate(-90deg);
        right: -15px;
        top: calc(50% - 15px);
    }
}

.block-categories,
.card.card-block,
#custom-text {
    border-radius: 15px
}

#js-product-list-header .card-block {
    background-color: #f6f6f6;
    margin-bottom: 0;
}

#main #subcategories {
    display: none;
}

.block-categories .category-top-menu li .h6 {
    color: var(--color-red);
    font-size: 1.35rem;
}

.block-categories .category-top-menu .category-sub-menu li {
    padding: 5px 40px 5px 0;
    border-bottom: 1px solid #f1f1f1;
}

.block-categories .category-sub-menu li[data-depth="0"]>a {
    font-size: .95rem;
}

.block-categories .collapse-icons {
    top: 5px;
}

.block-categories .category-sub-menu .category-sub-link {
    font-size: .8rem;
}

.block-categories .category-sub-menu .category-sub-link:hover {
    color: var(--color-red);
}

.radio-inline {
    color: #7a7a7a;
}

.custom-checkbox input[type="checkbox"]+span {
    border: 1px #7a7a7a solid;
}

.custom-checkbox input[type="checkbox"]:focus+span {
    border-color: #7a7a7a;
}

.custom-checkbox input[type="checkbox"]+span .checkbox-checked {
    color: #7a7a7a;
}

body#checkout section.checkout-step .delivery-options .delivery-option label {
    color: #111;
}

label, .label {
    color: #111;
}
.gdpr_consent .label, .gdpr_consent label {
    color:white;
}
.product-manufacturer img {
    max-width:200px;
}
.user-info .logout span {
    font-size:10px;
    position:absolute;
    top: 1px;
}
.pro-widget {
    background-color:black;
    border-radius:28px;
    position:relative;
    z-index:2;
    border:4px solid black;
}
.pro-widget:before {
    display:block;
    position:absolute;
    top:6px;
    content:'HAZLO PROFESIONAL';
    line-height:36px;
    padding:0 20px 0 15px;
    right:0px;
    background:black;
    z-index:-1;
    border-radius:25px;
    transition:all ease .2s;
    opacity:0;
    color:white;
    font-size:12px;
    width:170px;
}
.pro-widget:hover::before {
    opacity:1;
    right:30px;
}
#_desktop_cart {
    color:white;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
}
.blockcart a {
    color:white;
}
.jumper-stores a {
    padding:0px 20px;
    line-height:46px;
    display:inline-block;
    margin-left:5px;
    border-radius:5px 5px 0 0;
    
}
.jumper-stores a:hover {
    text-decoration:underline !important;
    color:white !important;
}
.jumper-stores.red a {
    background:var(--color-orange);
    
}
.jumper-stores.orange a {
    background:var(--color-red);
    
}
div#_desktop_user_info {
    margin-right:20px;
}
#_desktop_top_menu {
    justify-content:start !important;
}
#js-product-list .js-product.product {
    display:flex;
}
#js-product-list .js-product.product .product-miniature {
    display:flex;
    width:100%;
}
.product-miniature .thumbnail-container {
    width:100%;
    border-radius: 15px;
}
.products.bestseller-products > div {
    display:flex;
}
.products.bestseller-products > div .js-product.product {
    width:100%;
}
.ets_solo_slide_widget {
    background:var(--color-red) !important;
}
@media (max-width:767px) {
    #_desktop_cart {
        margin-left:0;
    }
    #search_widget {
        width:100%;
    }
    .jumpers {
        display: flex;
        margin-top:10px;
        justify-content:center
    }
    .jumper-stores a {
        line-height:28px;
    }
}