/*!
 * Bay Area Diamond Company
 * Copyright 2008-2024 Punchmark
 */

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

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6, 
[data-pagebuilder="section"] [data-pagebuilder="widget"] [data-widget-element="widgetHeader"] {
    font-weight: 700 !important;
}

[data-pagebuilder="section"].banner-of-photos [data-pagebuilder="row"]:first-child [data-widget-element="widgetHeader"], 
[data-pagebuilder="section"].lapislazuli-banner [data-pagebuilder="row"]:first-child [data-widget-element="widgetHeader"] {
    font-weight: 700 !important;
    font-size: calc(1.575rem + 4.25vw) !important;
}

@media(min-width:1200px){
    [data-pagebuilder="section"].banner-of-photos [data-pagebuilder="row"]:first-child [data-widget-element="widgetHeader"], 
    [data-pagebuilder="section"].lapislazuli-banner [data-pagebuilder="row"]:first-child [data-widget-element="widgetHeader"] {
        font-size: 6rem !important;
    }
}

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

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

#contact > div.sitemanager-page > section:nth-child(5) > div > div > div > div.text-center.mb-40 > div > a.network.google-plus {
  display: none; !important
}

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

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

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

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

@media(min-width:992px){
    header {
        top: 0 !important; 
    }
    header, 
    header .main-content, 
    header .main-content > .row > .col {
        height: 124px !important;
    }    
    header a#logo {
        height: 100px !important;
        padding: 0 !important;
    }
    header a#logo img {
        height: 100px !important;
        max-height: 100px !important;
        width: auto !important;
        max-width: none !important;
    }
}

/* ====================================
    Navigation
==================================== */

nav.navbar #main-navigation .mobile-bottom .social-networks {
    margin-bottom: 40px !important;
}

@media(max-width:991px){
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a {
        color: #ffffff !important;
    }
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a:hover {
        color: var(--bs-primary) !important;
    }
    nav.navbar #main-navigation .mobile-bottom .nav-logo {
        background: url(https://cdn.jewelryimages.net/static/domains/bayareadiamondv6/images/store-pics/bay-area-diamond-logo-on-black.png) no-repeat center center !important;
        background-size: contain !important;
    }    
    nav.navbar #main-navigation .mobile-bottom .nav-logo img {
        visibility: hidden !important;
    }
    nav.navbar #main-navigation {
        background: #000000 !important;
    }
}

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

footer {
    background: #000000 !important;
}
footer h6 {
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: none !important;
} 
footer .logo {
    background: url(https://cdn.jewelryimages.net/static/domains/bayareadiamondv6/images/store-pics/bay-area-diamond-logo-on-black.png) no-repeat center center !important;
    background-size: contain !important;
    padding: 0 !important;
    margin: 2.5rem auto 0rem auto !important;
}
footer h6,
footer .h6 {
    margin-top: 2.5rem !important;
    color: var(--bs-light) !important;
}
/* apply only to the footer-section with address and hours */
footer .footer-section:nth-child(2) > .container > .row > .col-12 h6:not(:first-child) {
    margin-top: 0 !important;
}
footer .col-12 hr {
    opacity: 1 !important;
    color: #1f1f1f !important;
    margin-top: 2.5rem !important;
}
footer address {
    font-size: 12px !important;
}
footer address,
footer address a, 
footer address a * {
    color: #ffffff !important;
    font-weight: normal !important;
}
footer .logo img {
    visibility: hidden !important;
}
footer .btn-dark:hover,
footer .btn-dark:focus {
    background: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}
footer .footerlinks a {
    font-size: 12px !important;
}
footer .footerlinks a:hover,
footer .footerlinks a:focus, 
footer .footerlinks a:active {
    color: var(--bs-primary) !important;
}
footer .footer-affiliate-logos {
    margin: 2rem auto 0.5rem auto !important;
}
footer .social-networks {
    margin-top: 40px !important;
}
footer .social-networks a:hover,
footer .social-networks a:focus
footer .social-networks a:active {
    background: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}
footer .social-networks a:hover i,
footer .social-networks a:focus i
footer .social-networks a:active i {
    color: var(--bs-dark) !important;
}
footer address a .text-uppercase.small,
footer .social-networks .network.google-plus {
    display: none !important;
}
@media(min-width:768px){
    footer h6,
    footer .h6 {
        padding-right: 12.5% !important;
    }
    footer .logo {
        margin: 2.5rem auto 2.5rem 0 !important;
    }
    footer .footerlinks {
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        margin-bottom: 0.625rem !important;
    }
    footer .footerlinks a {
        margin-top: 0.3125rem !important;
        padding: 0 !important;
        line-height: 1.5 !important;
        display: block !important;        
    }
}
@media(min-width:1200px){
    footer h6,
    footer .h6 {
        padding-right: 33.3334% !important;
    } 
}

/* ====================================
    Location Banner
==================================== */

section.location-banner,
section.location-banner [data-pagebuilder="section-container"] {
	padding: 0 !important;
}

section.location-banner {
	padding-top: 30px !important;
	background: white !important;
}

section.location-banner [data-pagebuilder="section-container"] [data-pagebuilder="row"],
section.location-banner [data-pagebuilder="section-container"] [data-pagebuilder="row"] > * {
	padding: 0 !important;
	margin: 0 !important;
}

section.location-banner [data-pagebuilder="section-container"] {
	background: var(--bs-primary) !important;
}

section.location-banner .location-information,
section.location-banner .location-information .text-left {
	text-align: center !important;
}

section.location-banner .location-information,
section.location-banner .location-information .text-dark {
	color: var(--bs-light) !important;
}

@media(min-width:768px){
	section.location-banner .location-information,
	section.location-banner .location-information .text-left {
		text-align: left !important;
	}
}

@media(min-width:1200px){
	section.location-banner [data-pagebuilder="section-container"] {
		max-width: 1120px !important;
	}
}

@media(min-width:1400px){
	section.location-banner [data-pagebuilder="section-container"] {
		max-width: 1300px !important;
	}
}

/* ====================================
    Hide Brand Logo - Jewelry Detail Page
==================================== */

#jewelry-details #jewelry-details-brand-image {
    display: none !important;
}