/*!
 * Rox Atlanta Jewelers
 * Copyright 2008-2024 Punchmark
 */

/* ==================================
    Helpers
================================== */

html, 
body {
    overflow-x: hidden !important;
    overflow-y: visible !important;
}

#product-details-price,
.grid .grid-item .grid-item-title, .grid .grid-item .grid-item-price {
    font-family: var(--bs-p-family) !important;
}

section.lapislazuli-banner {
    background: var(--bs-section-default-inset) !important;
}

.meet-our-staff .owl-stage-outer .owl-stage {
    margin: 0 auto !important;
}

/* ==================================
    Header
================================== */

@media(max-width:767px){
    header .content-toolbar .content-toolbar-inner > ul > li > a > i + span {
        display: none !important;
    }
    header .content-toolbar .content-toolbar-inner > ul.left > li + li {
        margin-left: 5px !important;
    }
}

@media(max-width:991px){
    header {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    header a#logo {
        max-width: 105px !important;
    }
    header, 
    header .main-content, 
    header .main-content > .row > .col {
        height: 80px !important;
    }
}

@media(min-width:992px){
    header a#logo {
        max-width: 145px !important;
    }
    header a#logo img {
        max-width: 87% !important;
    }
    header, 
    header .main-content, 
    header .main-content > .row > .col {
        height: 100px !important;
    }
}

@media(min-width:1200px){
    header a#logo {
        max-width: 165px !important;
    }
    header, 
    header .main-content, 
    header .main-content > .row > .col {
        height: 110px !important;
    }
}

/* ==================================
    Nav
================================== */

@media(max-width:991px){
    nav.navbar .navbar-nav .nav-item .nav-link {
        font-family: var(--bs-h1-family) !important;
        font-size: 28px !important;        
    }
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a {
        color: var(--bs-light) !important;
    }
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a:hover,
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a:focus {
        color: var(--bs-primary) !important;
    }
    nav.navbar #main-navigation .mobile-bottom .nav-logo {
        background: url(https://cdn.jewelryimages.net/static/domains/roxatlantajewelers/images/store-pics/rox-atl-logo-white.png) no-repeat center center !important;
        background-size: contain !important;
    }
    nav.navbar #main-navigation .mobile-bottom .nav-logo img {
        visibility: hidden !important;
        opacity: 0 !important;
    }
}

@media(min-width:992px){
    nav.navbar .navbar-nav .nav-item .nav-link,
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-item.dropdown-item-parent,
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide.menu-megamenu-diamonds .row.diamonds .dropdown-item span, 
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide.menu-megamenu-diamonds .row.ringsettings .dropdown-item span, 
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide.menu-megamenu-ringsettings .row.diamonds .dropdown-item span, 
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide.menu-megamenu-ringsettings .row.ringsettings .dropdown-item span {
        font-family: var(--bs-h1-family) !important;
        font-size: 20px !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide.menu-megamenu-ringsettings .row.ringsettings .dropdown-item > i {
        font-size: 50px !important;
    }
}

/* ==================================
    Footer
================================== */

footer {
    border-top: 1px solid rgba(255,255,255,0.1) !important;
}

footer .subscribe-widget-xl form label {
    text-transform: none !important;
}

footer .logo {
    padding: 30px 0 !important;
    background: url(https://cdn.jewelryimages.net/static/domains/roxatlantajewelers/images/store-pics/rox-atl-logo-white.png) no-repeat center center !important;
    background-size: contain !important;
}

footer .logo img {
    visibility: hidden !important;
    opacity: 0 !important;
}

footer .subscribe-widget-xl form .input-group {
    border-color: var(--bs-primary) !important;
}

footer .subscribe-widget-xl form .input-group > input.form-control {
    background: transparent !important;
    color: var(--bs-primary) !important;
    font-size: 20px !important;
}

footer .subscribe-widget-xl form .input-group > input.form-control::placeholder {
    color: var(--bs-light) !important;
    opacity: 0.7 !important;
}

footer .subscribe-widget-xl form .input-group > input.form-control + .input-group-btn > .btn {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: var(--bs-primary-color) !important;
    font-size: 16px !important;
}

footer .subscribe-widget-xl form .input-group > input.form-control + .input-group-btn > .btn:hover,
footer .subscribe-widget-xl form .input-group > input.form-control + .input-group-btn > .btn:focus {
    background-color: var(--bs-primary-600) !important;
    border-color: var(--bs-primary-600) !important;
    color: var(--bs-primary-color) !important;
}