/*!
 * Hopman Jewelers
 * Copyright 2008-2024 Punchmark
 */








@media(max-width:767px){
    nav.navbar #main-navigation {
        background: var(--bs-dark) !important;
    }
    nav.navbar #main-navigation .mobile-top .input-group {
        background: #060606 !important;
    }
    nav.navbar .navbar-nav .nav-item .nav-link,
    nav.navbar .navbar-nav .nav-item>.nav-link-and-plus-wrap .dropdown-plus,
    nav.navbar .navbar-nav .nav-item>.nav-link-and-plus-wrap .dropdown-plus > i,
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item>a,
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item>a>i,
    nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons .btn,
    nav.navbar #main-navigation .mobile-top .input-group .btn,
    nav.navbar #main-navigation .mobile-top .input-group .btn i {
        color: rgba(255,255,255,0.7) !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 .nav-link.active,
    nav.navbar .navbar-nav .nav-item>.nav-link-and-plus-wrap .dropdown-plus:hover,
    nav.navbar .navbar-nav .nav-item>.nav-link-and-plus-wrap .dropdown-plus:focus,
    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-bottom .nav-bottom-buttons .btn:hover,
    nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons .btn:focus,
    nav.navbar #main-navigation .mobile-top .input-group .btn:hover,
    nav.navbar #main-navigation .mobile-top .input-group .btn:focus,
    nav.navbar #main-navigation .mobile-top .input-group .btn:hover i,
    nav.navbar #main-navigation .mobile-top .input-group .btn:focus i,
    nav.navbar #main-navigation .mobile-top .input-group .form-control {
        color: rgba(255,255,255,1) !important;
    }
    nav.navbar .navbar-nav,
    nav.navbar .navbar-nav .nav-item,
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item,
    nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons,
    nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons .btn-flex,
    nav.navbar #main-navigation .mobile-top .input-group, 
    nav.navbar ul.navbar-nav .dropdown.show>.dropdown-menu {
        border-color: rgba(255,255,255,0.1) !important;
    }
    .mobile-top-toolbar .item-currency-switcher a span span img {
        border-color: rgba(255,255,255,0.7) !important;
    }
    .mobile-top-toolbar .item-currency-switcher a:hover span span img,
    .mobile-top-toolbar .item-currency-switcher a:focus span span img {
        border-color: rgba(255,255,255,1) !important;
    }
    nav.navbar #main-navigation .mobile-top .input-group .form-control::placeholder {
        color: rgba(255,255,255,0.5) !important;
    }
    nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons .btn-flex {
        border-radius: 0 !important;
    }
    nav.navbar #main-navigation .mobile-bottom .nav-logo {
        background: url(https://cdn.jewelryimages.net/static/domains/hopmanjewelers/images/store-pics/logo-white.png) no-repeat center center !important;
        background-size: 75% auto !important;
    }
    nav.navbar #main-navigation .mobile-bottom .nav-logo img {
        visibility: hidden !important;
    }
    nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons .btn-flex:hover {
        background: var(--bs-light) !important;
        border-color: var(--bs-light) !important;
        color: var(--bs-dark) !important;    
    }
}


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






/* Tan BG Helpers */
section.scrollable-section .section-scrollbar {
    background: var(--bs-input-border-color) !important;
}
.grid-sidebar {
    background: var(--bs-final-site-color) !important;
}
#services-cards .list-item .card {
    background: none !important;
}
.grid .grid-item .border,
.owl-carousel .owl-item img.border,
img.border {
    background: white !important;
}
.well {
    background: var(--bs-input-border-color) !important;
    border-color: var(--bs-input-border-color) !important;
}
#services-cards .list-item .card .border {
    background-color: white !important;
}
.border,
.border-top,
.border-bottom,
.border-left,
.border-right,
.border-x,
.border-y {
    border-color: var(--bs-input-border-color) !important;
}
#checkout-order-summary-heading {
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    position: static !important;
    margin-bottom: 1.5rem !important;
    padding-bottom: 0.625rem !important;
    transform: none;
    width: 100% !important;
    border-bottom: 2px solid var(--bs-input-border-color) !important;
}
.card .form-label-group > label, 
.card .form-label-group > .input-group > label, 
.card .form-label-group > .bootstrap-filestyle > label {
    background: white !important;
}
.menu-cart-subtotal {
    background: var(--bs-input-border-color) !important;
    border-color: var(--bs-input-border-color) !important;
}
@media(min-width:992px){
    header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline > form > .input-group {
        border-color: var(--bs-input-border-color) !important;
    }
}
nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide {
    background: var(--bs-section-default-bg) !important;
}