/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 19 2025 | 19:56:58 */
.top-bar-left {
    float: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}

.top-bar-left.clr:after {
    display: none;
}

.top-bar-left #menu-top-bar-menu li:first-child{
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #fff;
}

#wrap .jet-menu.jet-menu--animation-type-fade.jet-menu--roll-up {
    display: flex;
    justify-content: space-between !important;
    flex-wrap: nowrap;
    align-items: center;
}

/* Mega Menu */
#wrap .jet-sub-mega-menu {
    box-shadow: none;
    border-radius: 12px;
    overflow: hidden;
}


/* Badge */
.jet-menu-badge__inner {
    position: relative;
    top: -25px;
    padding: 3px 4px;
    line-height: 1;
}

.jet-menu-badge__inner:after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 8px solid;
    border-right: 8px solid transparent;
    margin: 0 0 0 6px;
    border-top-color: #D4101C;
    color: #D4101C;
    bottom: -8px;
    left: -6px;
}


















 
/* Styling for the button */
 .user-button {
     position: relative;
     cursor: pointer;
     padding: 0 10px;
}
/* Styling for the dropdown menu */
 .dropdown-menu {
     position: absolute;
     top: 100%;
     right: -10px;
     display: none;
     background-color: #fff;
     min-width: 180px;
     padding: 5px 0;
     border-radius: 4px;
     z-index: 1;
     text-align: left;
     -webkit-box-shadow: 0 6px 30px -7px rgba(0,0,0,.3);
     -moz-box-shadow: 0 6px 30px -7px rgba(0, 0, 0, .3);
     box-shadow: 0 6px 30px -7px rgba(0,0,0,.3);
}
/* Styling for the dropdown items */
 .dropdown-menu a {
     display: block;
     padding: 10px 20px;
     color: #333;
     text-decoration: none;
     transition: background-color 0.3s ease;
     font-size: 15px;
     font-weight: 700;
     font-family: "Inter";
     letter-spacing: -0.4px;
}
/* Hover effect for dropdown items */
 .dropdown-menu a:hover {
     background-color: #f0f0f0;
}
/* Show dropdown menu on hover */
 .user-button:hover .dropdown-menu {
     display: block;
     animation: fadeIn 0.3s forwards;
}
/* Fade-in animation */
 @keyframes fadeIn {
     from {
         opacity: 0;
         transform: translateY(-10px);
    }
     to {
         opacity: 1;
         transform: translateY(0);
    }
}
/* Floating box Cart */
 .current-shop-items-dropdown {
     border-radius: 4px;
     border: 0 !important;
     -webkit-box-shadow: 0 6px 30px -7px rgba(0,0,0,.3);
     -moz-box-shadow: 0 6px 30px -7px rgba(0, 0, 0, .3);
     box-shadow: 0 6px 30px -7px rgba(0,0,0,.3);
     overflow: hidden;
     width: 450px;
}


/* HOME */
/* .home #site-header img.off.bw-img-tag.bw-cursor-default {
    max-width: 196px;
}

#top-bar-wrap, .oceanwp-top-bar-sticky {
    border:0 !important;
}

.home.jet-desktop-menu-active #site-header .jet-menu-inner .jet-menu .jet-menu-item .top-level-link {
    color: #fff !important;
}

.home #site-header .user-button,
.home #site-header .user-button path{
    fill: #fff;
    stroke: #fff;
}

.home #site-header .wcmenucart-cart-icon .wcmenucart-count,
.home #site-header .wcmenucart-cart-icon .wcmenucart-count:after {
    border-color: #fff;
    color: #fff;
}
 */

.bag-style:hover .wcmenucart-cart-icon .wcmenucart-count, .show-cart .wcmenucart-cart-icon .wcmenucart-count {
    background: #000;
    border-color: #000;
}

.bag-style:hover .wcmenucart-cart-icon .wcmenucart-count:after, .show-cart .wcmenucart-cart-icon .wcmenucart-count:after {
    border-color: #000;
}


.jet-menu-item-80 .jet-sub-mega-menu {
    left: auto;
    right: 0;
}


@media only screen and (max-width: 767px) {
    #top-bar-content, #top-bar-social-alt {
        float: none;
        text-align: center;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
}


.jet-mobile-menu__breadcrumb .breadcrumb-label {
    font-size: 18px;
    font-weight: 700;
}

.jet-mobile-menu__body {
    margin-top: 10px;
}