/*Main Navbar*/
.classicHeader:not(.stickyNav) #siteNav > .dropdown > a:hover, .classicHeader:not(.stickyNav) .classicHeader:not(.stickyNav) .hdr-text:hover, .footer.ftr-bg-black .footer-bottom a:hover, .footer.ftr-bg-black .footer-middle a:hover, .footer.ftr-bg-black .footer-top a:hover, .top-info-bar .item a:hover {
    text-decoration: underline;
    text-decoration-color: #fff;
    text-decoration-thickness: 2px;
    text-underline-offset: 0.3em;
    color: #fff;
    /*opacity: .8*/
}

/*InnerPages Navbar*/
.classicHeaderInnerPage:not(.stickyNav) #siteNav > .dropdown-innerpage > a:hover, .classicHeaderInnerPage:not(.stickyNav) .classicHeaderInnerPage:not(.stickyNav) .hdr-text:hover, .footer.ftr-bg-black .footer-bottom a:hover, .footer.ftr-bg-black .footer-middle a:hover, .footer.ftr-bg-black .footer-top a:hover, .top-info-bar .item a:hover {
    text-decoration: underline;
    text-decoration-color: var(--primary-color);
    text-decoration-thickness: 2px;
    text-underline-offset: 0.3em;
    color: #313A42;
    /*opacity: .8*/
}

.header-10 #siteNav > li > a {
    color: #313A42
}

.header-10 .iconset .hdr-icon {
    color: #313A42
}

.slideshow .middle-left .slideshow-content-in {
    text-align: left;
    left: 3%;
}

.header-5.header-fixed .icon-hover:hover {
    background-color: var(--secondary-color);
    border-radius: 50px;
    padding: 5px 7px 5px 7px;
}
.classicHeader.header .icon-hover:hover{
    background-color: #fff;
    border-radius: 50px;
    padding: 5px 7px 5px 7px;
}
.classicHeader.header .icon-hover:hover .hdr-icon {
    color: var(--primary-color) !important;
}
.classicHeader.header.is-fixed .icon-hover:hover, .classicHeader.header.header-fixed .icon-hover:hover {
    background-color: var(--secondary-color);
    border-radius: 50px;
    padding: 5px 7px 5px 7px;
}

.classicTopbar {
    color: #fff;
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.classic-topHeader {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99;
}

.classicHeader:not(.is-fixed) {
    position: relative;
    left: 0;
    right: 0;
    z-index: 2;
    background: transparent;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.classicHeader.header.is-fixed {
    background-color: #fff;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Hiding and showing the logo for different states */
.classicHeader.header.is-fixed .main-logo {
    display: none !important;
}

.classicHeader.header.is-fixed .main-logo-onscroll {
    display: block !important;
}

/* Adjusting the icon and text color for different states */
.classicHeader.header.is-fixed .iconset .hdr-icon,
.classicHeader.header.is-fixed .cart_total {
    color: #313A42 !important;
}

.classicHeader:not(.is-fixed) .iconset .hdr-icon,
.classicHeader:not(.is-fixed) .cart_total {
    color: #fff !important;
}

/* Smooth transition for all elements */
.classicHeader.header {
    transition: background-color 0.3s ease, color 0.3s ease;
}

.is-small {
    /* Add any additional styles for the smaller header state */
    transition: background-color 0.3s ease, color 0.3s ease;
}

.animated {
    transition: background-color 0.3s ease, color 0.3s ease;
}

.icons-col {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    padding-right: 15px;
}

.wishlist-link, .header-cart {
    display: inline-block;
}

.notification-icon {
    position: relative;
}

.wishlist-count, .cart-count {
    position: absolute;
    right: -8px;
    color: white;
    border-radius: 50%;
    font-size: 10px;
}

.icons-col {
    flex: 1;
}