/*
Theme Name:     Neromax Child
Theme URI:      https://neromax.brandmax.pro
Author:         Brandmax
Template:       neromax
Description:    Neromax is a WordPress Theme designed.  It’s especially designed for Technology IT Solutions & Services wordPress and more. It’s designed and built on the bootstrap 3 grid system and utilises javascript and css for animation. The theme uses the Unyson framework which allows uses to create their own pages with the PageBuilder extension and edit the theme further with the built in Theme Options.
Version:        3.0
Text Domain:    neromax
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
.erb-product-container {
    overflow: hidden;
    border-radius: 10px;
    scrollbar-width: thin;
    margin-left: 0;
    margin-right: 5px;
    background: #fff;
}

.erb-product-container .catalogMenu {
    min-width: 290.594px;
    max-width: 290.594px;
    overflow-y: auto;
    overflow-x: auto
}

.erb-product-container .catalogMenu::-webkit-scrollbar-track {
    background-color: #eaeaea
}

.erb-product-container .catalogMenu::-webkit-scrollbar {
    width: 2px
}

.erb-product-container .catalogMenu::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: #323232
}

.erb-product-container .catalogMenu {
    border-radius: 10px 0 0 10px
}
.contentMenu {
    overflow-x: auto;
    max-height: 100%;
    padding-bottom: 40px;
}
.contentMenu::-webkit-scrollbar {
    width: 2px;
}
.contentMenu::-webkit-scrollbar-thumb {
    background-color: #323232;
    border-radius: 20px;
}
.contentMenu::-webkit-scrollbar-track {
    background-color: #eaeaea;
}
.catalogMenu__arrow {
    align-items: center;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px;
    margin-left: auto;
}

.catalogMenu__arrow {
    font-size: 100%;
    line-height: inherit;
    text-transform: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    position: relative;
    gap: .25rem;
    font-weight: 600;
    border-radius: .25rem;
    text-decoration: none !important;
    white-space: nowrap;
    font-family: Montserrat, sans-serif;
    padding: 0;
    background: 0 0;
    border: none;
    cursor: pointer;
}
.catalogMenu__icon2 {
    display: none;
}


.catalogMenu ul  {
    list-style: none;
    margin: 0;
    padding: 0;
}
.catalogMenu ul li {
    margin-bottom: 10px;
}
.catalogMenu ul li a {
    align-items: center;
    display: flex;
    justify-content: space-between;
    justify-content: flex-start;
}
.catalogMenu__icon {
    align-items: center;
    display: flex;
    min-width: 24px;
    height: 24px;
    justify-content: center;
    margin-right: 10px;
    width: 24px;
}
.catalogMenu__title {
    color: #323232;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.02em;
    margin-right: auto;
}
.catalogMenu__li-link.active .catalogMenu__title{
    color: #ff003c;
}
.catalogMenu__icon .catalogMenu__icon2  {
    display:none;
}
.catalogMenu__li-link.active .catalogMenu__icon .catalogMenu__icon1 {
    display:none;
}
.catalogMenu__li-link.active .catalogMenu__icon .catalogMenu__icon2{
    display:block;
}
.contentMenu__title {
    color: #323232;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.02em;
    margin-right: auto;
    margin-bottom: 10px;
}
.contentMenu__title:hover {
    color: #ff003c;
}
.contentMenu__ul a {
    color: #777;
    font-size: 14px;
    letter-spacing: -.02em;
    line-height: 16px;
    margin-bottom: 7px;
}
.contentMenu__ul a:hover {
    color: #ff003c;
}

.childrenMenus__link {
    display: none;
    position: absolute;
    justify-content: space-between;
    left: 302px;
    top: 0;
    height: 100%;
    border-radius: 0 10px 10px 0;
    padding: 22px 22px 0 10px;
    background: #fff;
}
.catalogMenu__li-link.active .childrenMenus__link {
    display: flex;
}
.childrenMenus__link .contentMenu {
    width: 100%;
}
.childrenMenus__link .menu-banner-images {
    width: 20%;
    display:none;
}

@media (min-width: 1024px) {
    .childrenMenus__link .contentMenu {
        position: relative;
        max-height: 100%;
        visibility: hidden;
    }
    .childrenMenus__link .contentMenu.masonry {
        visibility: visible;
        margin-left: 30px;
    }
    .childrenMenus__link .contentMenu .contentMenu__item {
        width: 180px;
        max-width: 180px;
        margin-right: 0;
        border: none;
    }
}
@media (max-width: 1920px) {
   
    .catalogMenu ul li {
        padding-left: 15px;
        padding-right: 15px
    }

    .catalogMenu ul li:first-of-type {
        padding-top: 15px;
        height: calc(56px)
    }

    .catalogMenu ul li:last-of-type {
        padding-bottom: 15px
    }
}