/*!
 * R Gregory Jewelers
 * Copyright 2008-2024 Punchmark
 */

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

.display-1,
.display-2,
.display-3,
.display-4 {
    font-family: var(--bs-h1-family) !important;
    font-weight: 600 !important;
}

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

section.alt > .container, 
section.alt > .container-fluid {
    background: var(--bs-section-default-alt) !important;
}

body.global-cart-open .global-cart {
    z-index: 5500 !important;
}

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

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

header {
    padding: 0 !important;
    box-shadow: 0 0 0 1px var(--bs-input-border-color) !important;
}

header a#logo {
    height: 100% !important;
    padding: 0.3125rem 0 !important;
}

header a#logo img {
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
}

header, header .main-content, 
header .main-content > .row > .col {
    height: 70px !important;
}

.toolbar.top .toolbar-inner ul li.dropdown>.dropdown-menu {
    margin-top: 0 !important;
    border-color: var(--bs-input-border-color) !important;
}

@media(min-width:992px){
    header, header .main-content, 
    header .main-content > .row > .col {
        height: 110px !important;
    }
}


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

@media(max-width:991px){
    nav.navbar #main-navigation {
        background: var(--bs-primary) !important;
    }
    nav.navbar ul.navbar-nav .dropdown.show > .dropdown-menu {
        background: var(--bs-section-default-inset) !important;
    }
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item>a {
        color: var(--bs-light) !important;
    }
    nav.navbar #main-navigation .mobile-bottom .nav-logo {
        background: var(--bs-primary) url(https://cdn.jewelryimages.net/static/domains/rgregoryjewelers/images/store-pics/rg-logo.jpg) center center no-repeat !important;
        background-size: contain !important;
        width: 160px !important;
        height: 160px !important;
    }
    nav.navbar #main-navigation .mobile-bottom .nav-logo img {
        display: none !important;
    }
    nav.navbar #main-navigation .mobile-bottom .social-networks .network {
        border-color: var(--bs-light) !important;
    }
    nav.navbar #main-navigation .mobile-bottom .social-networks .network i {
        color: var(--bs-light) !important;
    }
    nav.navbar #main-navigation .mobile-bottom .social-networks .network:hover,
    nav.navbar #main-navigation .mobile-bottom .social-networks .network:focus {
        border-color: var(--bs-light) !important;
        background: var(--bs-light) !important;
    }
    nav.navbar #main-navigation .mobile-bottom .social-networks .network:hover i,
    nav.navbar #main-navigation .mobile-bottom .social-networks .network:focus i {
        color: var(--bs-primary) !important;
    }
    nav.navbar .navbar-nav .nav-item .nav-link {
        font-family: var(--bs-h1-family) !important;
        font-size: 28px !important;
    }
    nav.navbar .navbar-nav .nav-item:hover,
    nav.navbar .navbar-nav .nav-item:focus,
    nav.navbar .navbar-nav .nav-item.dropdown-is-open {
        background: rgba(255,255,255,0.1) !important;
    }
    nav.navbar .navbar-nav .nav-item:hover .nav-link,
    nav.navbar .navbar-nav .nav-item:focus .nav-link,
    nav.navbar .navbar-nav .nav-item.dropdown-is-open .nav-link {
        color: var(--bs-light) !important;
    }
    nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons .btn-flex:hover,
    nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons .btn-flex:focus {
        background: var(--bs-light) !important;
        color: var(--bs-primary) !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-submenu .nav-link-and-plus-wrap .dropdown-plus > i {
        color: var(--bs-primary) !important;
    }
}

@media(min-width:992px){
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-item.dropdown-item-parent {
        font-family: var(--bs-h1-family) !important;
        text-transform: uppercase !important;
    }
}

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

footer {
    background: var(--bs-primary) !important;
}

footer .logo {
    background: var(--bs-primary) url(https://cdn.jewelryimages.net/static/domains/rgregoryjewelers/images/store-pics/rg-logo.jpg) center center no-repeat !important;
    background-size: contain !important;
    width: 100px !important;
    height: 100px !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

footer .logo img {
    display: none !important;
}

.text-lg-center .social-networks {
    padding-top: 30px !important;
}

/* =========================

Homepage Banner Collage 

========================= */
#home [data-pagebuilder="section"].widget-collage-section {
    padding: 40px 0 40px 0 !important;
}
@media (min-width: 992px) {
    #home [data-pagebuilder="section"].widget-collage-section {
        padding: 75px 0 75px 0 !important;
    }
}

/*===========

Holiday Gift Guide bugfix - 2025

===========*/

#holiday-gift-guide-2025 .owl-stage-outer {
    height: 100% !important;
}