/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
#ps_categorytree{
    background-color: /*rgb(249 250 251)*/ rgb(243, 244, 246);
    border-radius: .5rem;
    border: solid 0.8px !important;
    --tw-border-opacity: 1;
    border-color: rgb(229, 231, 235) !important;
}
#ps_categorytree .block-title{
    background-color: rgba(243, 244, 246);
    padding: .5rem;
    margin-bottom: 0;
}
#ps_categorytree .block-title a{
    color: rgb(107 114 128) !important;
    padding-left: 11px;
    padding-right: 11px;
}
#ps_categorytree .category-top-menu{
}
#ps_categorytree ul > li a::before {
    display: none;
}
#ps_categorytree .block-links ul > li a{
    padding-left: 15px;
}
.block-categories li ul {
    padding: 5px 0;
}
#ps_categorytree .category-sub-menu a{
    font-size: 12px !important;
    color: rgb(75, 85, 99) !important;
}
#ps_categorytree .pscBold{
    font-weight: 700;
}
#ps_categorytree .collapse ul li a {
    padding-top: 8px;
}
#ps_categorytree .fa {
    margin-top: 10px;
    margin-right: 10px;
    font-size: 16px;
    color: rgb(75, 85, 99) !important;
}
.category-top-menu > ul.category-sub-menu > li:not(:last-child){
    border-bottom: solid 0.8px rgb(229, 231, 235);
    padding: .5rem 0;
}

/*START VerticalMenu*/
.cbp-vertical-title-text{
    color: rgb(107, 114, 128);
    font-size: 14px;
    font-weight: 600;
}
.elementor-widget-container .cbp-vertical-title > .fa{
    display: none;
}
#cbp-hrmenu1 .cbp-vertical-title {
    line-height: 2.571rem;
}
.cbp-hrmenu.cbp-vertical {
    border-radius: 5px;
    background-color: /*rgb(249, 250, 251)*/ rgb(243, 244, 246) !important;
}
.cbp-hrmenu.cbp-vertical .cbp-submenu-aindicator {
    font-size: 20px;
}
#cbp-hrmenu1-ul > li:hover {
    --tw-border-opacity: 1;
    border-color: rgb(30 41 59/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59/var(--tw-bg-opacity));
}
#cbp-hrmenu1 > ul > li.cbp-hropen > a, #cbp-hrmenu1 > ul > li.cbp-hropen > a:hover {
    background: #334155 !important;
    color: #ffffff !important;
}
#cbp-hrmenu1 > ul > li.cbp-hropen > a, #cbp-hrmenu1 > ul > li.cbp-hropen > a:hover {
    color: #ffffff;
}
.cbp-hrmenu.cbp-vertical .cbp-hrsub {
    min-height: unset !important;
}
.cbp-column-title {
    display: none !important;
}
.cbp-hrmenu .cbp-hrsub-inner {
    padding: 0 !important;
}
.cbp-hrmenu .cbp-hrsub-inner > .row:last-child, .cbp-hrmenu .cbp-hrsub-inner .iqitmegamenu-submenu-container > .row:last-child {
    margin-bottom: 0 !important;
}
.cbp-hrmenu .cbp-menu-column {
    margin-top: 0 !important;
}
.cbp-hrmenu .cbp-links li a::before {
    display: none !important;
}
.cbp-links.cbp-category-tree {
    width: 100%;
}
.cbp-hrmenu .cbp-links li a {
    width: 100%;
}
.cbp-hrmenu .cbp-links li {
    margin: 0;
}
.cbp-hrmenu .cbp-links li.cbp-hrsub-haslevel2 > div > a::after, .cbp-hrmenu .cbp-links li .cbp-hrsub-haslevel3 > div > a::after {
    float: right;
    font-size: 21px;
    content: "\f105" !important;
}
.cbp-category-link-w a {
    height: 36px;
    line-height: 36px;
}
.cbp-category-link-w a:hover {
    background-color: #334155 !important;
    color: #ffffff !important;
}
.cbp-category-link-w:hover a:hover {
    background-color: #334155 !important;
    color: #ffffff !important;
}
.cbp-hrmenu ul.cbp-hrsub-level2 {
    margin-top: -40px !important;
}
/*END VerticalMenu*/

/*Start Container*/

.container {
    width:100%;
    margin-right:auto;
    margin-left:auto;
    padding-right:1.5rem;
    padding-left:1.5rem
}
@media (min-width:640px) {
    .container {
        max-width:640px
    }
}
@media (min-width:768px) {
    .container {
        max-width:768px;
    }
}
@media (min-width:1024px) {
    .container {
        max-width:1024px;
    }
}
@media (min-width:1280px) {
    .container {
        max-width:1280px;
    }
}
@media (min-width:1536px) {
    .container {
        max-width:1536px
    }
}
/*END Container*/

/*BEGIN widgets in the header*/
#search_widget {  /* Group common styles */
    .form-search-control {
        border-radius: 10px;
    }
    .search-btn {
        background-color: #334155;  /* Use hex code for colors */
        color: #fff;               /* Shorthand for white */
        font-size: 18px;
        font-weight: 500;
        padding: 0 11px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .autocomplete-suggestions {
        top: 85%;
    }
}
/*END search widget in the header*/

/*Start Header general*/
.header-top {
    padding-top: 10px;
    padding-bottom: 10px;
}
#desktop_logo .logo {
    width: 170px !important;
    height: 67px !important;
}
.desktop-header-style-1 .search-widget, .desktop-header-style-2 .search-widget {
    max-width: 80% !important;
}
.stefHeaderWidgetLogo{
    text-align: center;
    color: #2c313d;
}
.stefHeaderWidgetLogo > .fa-shopping-bag,
.stefHeaderWidgetLogo > .fa-user{
    font-size: 30px;
}
#ps-shoppingcart-wrapper, #user_info{
    float: left;
}
@media (max-width: 768px) {
    .col.col-auto.center-nav.text-center {
        padding: 0 !important;
    }
}
/*END Header general*/

/*START Category Page*/
article.product-miniature .add-to-cart {
    background-color: white;
    border-radius: 12px;
    color: #4DB358;
    border: 1px solid #4DB358;
}
article.product-miniature .btn-product-list {
    background: white;
    color: #4DB358;
    border: 1px solid #4DB358;
    border-radius: 12px;
}
/*END Category Page*/

/*START Product Page*/
#add-to-cart-or-refresh .add-to-cart {
    background-color: white;
    /*border-radius: 12px;*/
    color: #4DB358;
    border: 1px solid #4DB358;
}
/*END Product Page*/
.vertical-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}
.vertical-menu > li {
    position: relative;
}
.menu-item{
    padding: 8px 5px 8px 15px;
    position: relative;
}
.vertical-menu .submenu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 5;
    background: /*#f9fafb*/ #f3f4f6;
    min-width: 250px;
}
.vertical-menu li:hover > .submenu {
    display: block;
    top: -8px;
    left: 100%;
    transform: translateY(calc(0% + 8px));
}
.vertical-menu .submenu .submenu {
    left: 100%;
    top: -8px;
}
.vertical-menu li:hover > .submenu .submenu {
    top: -8px;
}
.arrow {
    float: right;
}
.arrow::before {
    content: "\203A";
    font-size: 24px;
    display: inline-block;
    margin-right: 8px;
}
.dynhook {
    float: left !important;
}
.current-price-wt-vat{
    font-size: 10px;
}
.current-price-wt-vat .product-price{
    font-size: 15px;
    color: rgb(119, 119, 119) !important;
    font-weight: inherit;
}