/*!
 * H. Brandt Jewelers
 * Copyright 2008-2024 Punchmark
*/

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

.btn {
    font-weight: 500 !important;
}

.btn-link {
    text-transform: none !important;
}

.btn-default {
    background: #E8E8EC !important;
    border-color: #E8E8EC !important;
}

.btn-default:hover,
.btn-default:focus {
    background: #DFDFE6 !important;
    border-color: #DFDFE6 !important;
}

.input-group-btn .btn-default {
    background: transparent !important;
    border-color: transparent !important;
}

.btn-link::after, 
.btn-link.btn-md::after, 
.link-container .btn-link::after, 
.link-container .btn-link.btn-md::after {
    bottom: 0.25rem !important;
}

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5,
.display-3,
.display-4 {
    font-weight: 500 !important;
}

.widget-text-overlay h6, 
.widget-text-overlay .h6 {
    font-weight: 600 !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: var(--bs-primary-600) !important;
}

.ringsettings-icons div a span, 
.diamond-search-icons div a span {
    font-size: 12px !important;
    text-transform: none !important;
}

@media(min-width:768px){
    .ringsettings-icons div a span, 
    .diamond-search-icons div a span {
        font-size: 14px !important;
        text-transform: none !important;
    }
}

/* ================
   Toolbar
================ */

.toolbar {
    display: none !important;
}

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

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

header .content-toolbar .content-toolbar-inner > ul > li > a:hover,
header .content-toolbar .content-toolbar-inner > ul > li > a:focus {
    color: var(--bs-primary-600) !important;
}

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

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

@media(max-width:767px){
    header a#logo {
        width: 195px !important;
        padding: 0 !important;
    }
    header .main-content > .row > .col {
        height: 60px;
    }
}
@media(min-width:768px){
    header a#logo {
        min-width: 195px !important;
        width: 195px !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li > a > i,
    header .content-toolbar .content-toolbar-inner > ul > li > a > i::before {
        font-size: 20px !important;
        width: 20px !important;
        height: 20px !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-weight: bold !important;
    }
}
@media(min-width:992px){
    header a#logo {
        min-width: 245px !important;
        width: 245px !important;
    }
}
@media(min-width:1200px){
    header a#logo {
        min-width: 285px !important;
        width: 285px !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li > a > i,
    header .content-toolbar .content-toolbar-inner > ul > li > a > i::before {
        font-size: 25px !important;
        width: 25px !important;
        height: 25px !important; 
    }
    header .content-toolbar.inline-right {
        padding-right: var(--bs-gutter-x, 0.625rem) !important;
    }
}
@media(min-width:1400px){
    header > .container-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 95vw !important;
    }
}

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

@media(max-width:767px){
    nav.navbar .navbar-nav .nav-item>.nav-link-and-plus-wrap .nav-link {
        font-family: var(--bs-h1-family) !important;
        font-weight: bold !important;
    }
    nav.navbar ul.navbar-nav .dropdown.show>.dropdown-menu {
        background: var(--bs-input-bg-color) !important;    
    }
    nav.navbar #main-navigation {
        box-shadow: 2500px 0 0 2500px rgba(var(--bs-primary-rgb),0) !important;
    }
    nav.navbar #main-navigation.open {
        box-shadow: 2500px 0 0 2500px rgba(var(--bs-primary-rgb),0.75) !important;
    }
}

@media(min-width:768px){
    nav.navbar .navbar-nav .nav-item {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    nav.navbar .navbar-nav .nav-item .nav-link {
        line-height: 1 !important;
        font-size: 0.9rem !important;
    }
}

@media(min-width:992px){
    nav.navbar .navbar-nav .nav-item {
        padding-left: 0 !important;
        padding-right: 0 !important;
        flex: 1 !important;
        text-align: center !important;
        justify-content: center !important;
    }
    nav.navbar .navbar-nav .nav-item .nav-link {
        line-height: 1 !important;
        font-size: 1rem !important;
        text-align: center !important;
        justify-content: center !important;
    }
}

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

footer {
    border-top: 10px solid var(--bs-primary) !important;
    background: var(--bs-light) !important;
}

footer h6,
footer .h6,
footer p,
footer .p,
footer address,
footer address *,
footer .footerlinks,
footer .footerlinks li,
footer .footerlinks li a,
footer .required-links li a,
footer .copyrights,
footer .copyrights p,
footer .copyrights *,
footer .subscribe-widget form,
footer .subscribe-widget form label,
footer .subscribe-widget form .input-group .form-control,
footer .subscribe-widget form .input-group .btn i,
footer .social-networks .network,
footer .social-networks .network i {
    color: var(--bs-dark) !important;
    font-weight: 400 !important;
}

footer address strong,
footer address strong *,
footer .required-links li a {
    font-weight: 600 !important;
}

footer h6,
footer .h6 {
    font-weight: normal !important;
    text-transform: uppercase !important;
}

footer .required-links li a {
    font-size: calc(var(--bs-p-size) * 0.9);
}

footer .subscribe-widget form .input-group {
    border-color: var(--bs-input-border-color) !important;
    background: var(--bs-input-bg-color) !important;
    border-radius: 0 !important;
    border-width: 1px !important;
}

footer .subscribe-widget form .input-group .form-control {
    font-weight: bold !important;
    padding-left: 0.625rem !important;
    padding-right: 0.625rem !important;
}

footer .subscribe-widget form .input-group .btn {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem !important;
}

footer .footerlinks a:hover,
footer .footerlinks a:focus,
footer address a:hover,
footer address a:focus,
footer address a:hover *,
footer address a:focus *,
footer .required-links li a:hover,
footer .required-links li a:focus,
footer .copyrights a:focus {
    text-decoration: underline !important;
    color: var(--bs-primary-600) !important;
}

footer .subscribe-widget form .input-group .form-control,
footer .subscribe-widget form .input-group .btn:hover i,
footer .subscribe-widget form .input-group .btn:focus i,
footer .social-networks .network:hover i, 
footer .social-networks .network:focus i {
    color: var(--bs-primary-600) !important;
}

footer .subscribe-widget form .input-group .form-control::placeholder {
    color: var(--bs-dark) !important;
    opacity: 0.4 !important;
    font-weight: normal !important;
}

footer .social-networks .network {
    border: 0 !important;
    width: auto !important;
}

.social-networks .network.google {
    display: none !important;
}

footer .copyrights {
    background: none !important;
    border-top: 1px solid var(--bs-input-border-color) !important;
}

@media(max-width:767px){
    footer [data-bs-toggle="collapse"], 
    footer [data-bs-toggle="collapse"]:focus {
        border-color: var(--bs-input-border-color) !important;
    }
    footer [data-bs-toggle="collapse"] h6, 
    footer [data-bs-toggle="collapse"] .h6 {
        padding: var(--bs-gutter-x) 0 !important;
    }
    footer [data-bs-toggle="collapse"] h6::after, 
    footer [data-bs-toggle="collapse"] .h6::after {
        transform: rotate(180deg) !important;
        color: var(--bs-input-border-color) !important;
    }
}
@media(min-width:768px){
    footer h6,
    footer .h6 {
        margin-bottom: 1.5rem !important;
    }
}

/* ================
   Tight Padding
================ */

section[data-pagebuilder="section"].tight-padding {
    padding: 0 !important;
}

section[data-pagebuilder="section"].tight-padding > [data-pagebuilder="section-container"] {
    padding: calc(0.25rem + 1px) !important;
}

section[data-pagebuilder="section"].all-buttons-section [data-pagebuilder="row"],
section[data-pagebuilder="section"].tight-padding [data-pagebuilder="row"] {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
}

section[data-pagebuilder="section"].all-buttons-section [data-pagebuilder="row"] > [data-pagebuilder="column"],
section[data-pagebuilder="section"].tight-padding [data-pagebuilder="row"] > [data-pagebuilder="column"] {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
}

section[data-pagebuilder="section"].all-buttons-section [data-pagebuilder="row"] > [data-pagebuilder="column"] {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

/* ================
   Mobile Stack
================ */

section[data-pagebuilder="section"].first-section [data-pagebuilder="section-container"] {
    max-width: 100% !important;
}

@media(min-width:1400px){
    section[data-pagebuilder="section"].first-section,
    section[data-pagebuilder="section"].first-section [data-pagebuilder="section-container"],
    section[data-pagebuilder="section"].first-section [data-pagebuilder="section-container"] [data-pagebuilder="row"] [data-pagebuilder="column"] {
        padding: 0 !important;
    }
    section[data-pagebuilder="section"].first-section [data-pagebuilder="section-container"] [data-pagebuilder="row"] {
        margin: 0 !important;
    }
    section[data-pagebuilder="section"].first-section [data-pagebuilder="section-container"] {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
        max-width: 80vw !important;
    }
}
@media(min-width:1600px){
    section[data-pagebuilder="section"].first-section [data-pagebuilder="section-container"] {
        max-width: 1540px !important;
    }
}