/*!
 * Ace of Diamonds
 * Copyright 2008-2024 Punchmark
 */

/* ==========================================================================
   HELPERS
========================================================================== */

body {
    overflow-x: hidden !important;
}

body {
    background-color: #2f0b3c !important;
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
}

.cmp-overlay .btn.text-light {
    text-transform: none !important;
}

body.nav-right-back-open #podium-website-widget {
    z-index: -1 !important;
    position: relative !important;
}

.alert-global, 
.alert-global a {
    font-size: 12px;
}

.widget-social-carousel-post .social-heading,
.widget-social-carousel-post .social-link {
    display: none !important;
}

.widget-social-carousel-post .social-description {
    margin-bottom: 0 !important;
}

.link-container .btn-link:not(.view-btn):not(#filtersButton)::after {
    bottom: 0.3rem !important;
}

.link-container .btn-link.btn-sm:not(.view-btn):not(#filtersButton)::after {
    bottom: 0.1rem !important;
}

.link-container .btn-link.btn-xs:not(.view-btn):not(#filtersButton)::after {
    bottom: 0rem !important;
}

section > .container .column-slider .owl-nav > button i, 
section > .container .product-slider .owl-nav > button i, 
section > .container .social-slider .owl-nav > button i {
    color: var(--secondary) !important;
    -webkit-text-stroke-width: 0.1rem !important;
    -webkit-text-stroke-color: inherit !important;
}

section > .container-fluid .column-slider .owl-nav > button i, 
section > .container-fluid .product-slider .owl-nav > button i, 
section > .container-fluid .social-slider .owl-nav > button i {
    color: var(--secondary) !important;
    -webkit-text-stroke-width: 0.1rem !important;
    -webkit-text-stroke-color: inherit !important;
}

[data-widget-element="widgetHeader"] > small {
    display: block !important;
    font-family: var(--bs-p-family) !important;
    font-size: 12px !important;
    letter-spacing: 0.075rem !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
}

@media(min-width:1200px){
    .display-4 {
        font-size: 3.5rem;
    }
}

/* ==========================================================================
   HEADER
========================================================================== */

header {
    background: white !important;
    position: sticky !important;
    top: 0 !important;
}

body.sitemanager-menu-open header,
body.sitemanager-menu-closed header {
    top: 63px !important;
}

.toolbar,
.toolbar .toolbar-inner {
    background-color: #f1f1f1 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.toolbar .toolbar-item,
.toolbar .toolbar-item + .toolbar-item {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}

.toolbar .toolbar-item > a {
    color: var(--dark) !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
}

.toolbar .toolbar-item:hover > a,
.toolbar .toolbar-item:focus > a {
    color: var(--primary) !important;
}

.toolbar ul.left .toolbar-item + .toolbar-item {
    border-left: 1px solid #dfdfdf !important;
}

.toolbar ul.left .toolbar-item:last-child {
    border-right: 1px solid #dfdfdf !important;
}

.toolbar ul.right .toolbar-item + .toolbar-item {
    border-left: 1px solid #dfdfdf !important;
}

.toolbar ul.right .toolbar-item:first-child {
    border-left: 1px solid #dfdfdf !important;
}

.toolbar > .toolbar-inner > ul > li > a > i + span {
    text-transform: none !important;
    font-size: 11px !important;
    font-weight: 500 !important;
}

.toolbar > .toolbar-inner > ul > li > a:hover,
.toolbar > .toolbar-inner > ul > li > a:focus {
    background: #e0e0e0 !important;
}

.toolbar > .toolbar-inner > ul > li > a:hover > i,
.toolbar > .toolbar-inner > ul > li > a:focus > i,
.toolbar > .toolbar-inner > ul > li > a:hover > span,
.toolbar > .toolbar-inner > ul > li > a:focus > span {
    opacity: 0.5 !important;
}

.toolbar > .toolbar-inner > ul > li > a > i.icon-calendar::before {
    content:"";
    background: url(../images/calendar-alt.svg) center center no-repeat;
    background-size: contain;
    width: 13px;
    height: 13px;
    display: block;
}

@media(max-width:767px){
    header a#logo {
        padding: 0 10px !important;
        min-width: 230px !important;
        width: 230px !important;
    }
}

@media(max-width:399px){
    header a#logo {
        min-width: 210px !important;
        width: 210px !important;
    }
}

/* ==========================================================================
   NAV
========================================================================== */

nav.navbar {
    background: white !important;
}

nav.navbar .navbar-nav .nav-item .nav-link {
    font-size: 13px !important;
    letter-spacing: 0.05rem !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    color: var(--primary) !important;
}

header .content-toolbar .content-toolbar-inner > ul > li > a > i {
    color: var(--primary) !important;
}

header .content-toolbar .content-toolbar-inner > ul > li > a > i::before {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    -webkit-text-stroke-width: 0.05rem !important;
    -webkit-text-stroke-color: inherit !important;
}

nav.navbar .navbar-nav .nav-item .nav-link:hover,
nav.navbar .navbar-nav .nav-item .nav-link:focus,
nav.navbar .navbar-nav .nav-item.dropdown-is-open .nav-link,
header .content-toolbar .content-toolbar-inner > ul > li > a:hover > i,
header .content-toolbar .content-toolbar-inner > ul > li > a:focus > i {
    color: var(--secondary) !important;
}

@media(min-width:992px){
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .container {
        padding-bottom: calc(var(--bs-gutter-x, 0.625rem) * 2) !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-item {
        font-family: var(--bs-p-family) !important;
        font-size: 11px !important;
        letter-spacing: 0.075rem !important;
        text-transform: uppercase !important;
        font-weight: 500 !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-item.dropdown-item-parent {
        font-family: var(--bs-h1-family) !important;
        font-size: 21px !important;
        letter-spacing: normal !important;
        text-transform: none !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-item:hover, 
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-item:focus, 
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-item:active {
        color: var(--secondary) !important;
        text-decoration-color: var(--secondary) !important;
    }
}

@media(max-width:991px){
    nav.navbar #main-navigation {
        background: white !important;
    }
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item {
        list-style: none !important;
    }
    nav.navbar #main-navigation .mobile-top-toolbar .item-account,
    nav.navbar #main-navigation .mobile-top-toolbar .item-premium-global-cart-toggle {
        display: none !important;
    }
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a > [class^="icon-"] {
        display: none !important;
    }
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a {
        justify-content: center !important;
        font-family: var(--bs-p-family) !important;
        font-size: 11px !important;
        letter-spacing: 0.075rem !important;
        text-transform: uppercase !important;
        font-weight: 500 !important;
    }
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a:hover, 
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a:focus, 
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a:active {
        color: var(--secondary) !important;
        text-decoration-color: var(--secondary) !important;
    }
    nav.navbar #main-navigation .mobile-bottom .btn {
        font-family: var(--bs-p-family) !important;
        font-size: 11px !important;
        letter-spacing: 0.075rem !important;
        text-transform: uppercase !important;
        font-weight: 500 !important;
    }
    nav.navbar #main-navigation .mobile-bottom .social-networks {
        display: none !important;
    }
    nav.navbar #main-navigation .mobile-bottom .nav-logo {
        padding-bottom: 40px !important;
    }
}

/* ==========================================================================
   FOOTER
========================================================================== */

footer h6, 
footer .h6 {
    font-family: var(--bs-h1-family) !important;
    font-size: 21px !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}

footer p, 
footer .p, 
footer p a, 
footer .p a, 
footer .small a, 
footer address a,
footer .small, 
footer address,
footer address a,
footer address a strong,
footer .footerlinks a,
footer .required-links li,
footer .required-links li a,
footer p > table tr > td > strong,
footer .p > table tr > td > strong, 
footer .small > table tr > td > strong, 
footer address > table tr > td > strong,
footer p > table tr > td > span, 
footer .p > table tr > td > span, 
footer .small > table tr > td > span, 
footer address > table tr > td > span {
    font-weight: 400 !important;
}

footer address a strong,
footer p > table tr > td > strong,
footer .p > table tr > td > strong, 
footer .small > table tr > td > strong, 
footer address > table tr > td > strong,
footer .required-links li a {
    font-weight: 500 !important;
}

footer .subscribe-widget form .input-group .form-control::placeholder {
    opacity: 0.5 !important;
}

footer .subscribe-widget form .input-group .btn:hover i,
footer .subscribe-widget form .input-group .btn:focus i {
    color: var(--secondary) !important;
}

footer .subscribe-widget form label {
    display: none !important;
}

footer .social-networks {
    text-align: center !important;
    justify-content: center !important;
}

footer .social-networks .network {
    margin-right: 0.25rem !important;
    width: 32px !important; 
    height: 32px !important;
}

footer .social-networks .network,
footer .social-networks .network > i {
    font-size: 1.15rem !important;
}

footer > .copyrights {
    background: none !important;
}

@media(max-width:767px){
    footer [data-bs-toggle="collapse"] h6, 
    footer [data-bs-toggle="collapse"] .h6 {
        padding: 1.25rem 0;
    }
    footer .footer-affiliate-logos {
        margin: 2rem auto !important;
    }
}

@media(max-width:991px){
    footer .footer-affiliate-logos > li > a > img {
        max-height: 40px !important;
    }
}

@media(min-width:768px){
    footer .social-networks {
        text-align: left !important;
        justify-content: flex-start !important;
    }
}