/*!
 * JF Jones Jewelers
 * Copyright 2008-2024 Punchmark
 */

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

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

.display-1,
.display-2,
.display-3,
.display-4 {
    /**/
}

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

[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-nav button {
    background: var(--bs-primary) !important;
}
[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-nav button:hover,
[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-nav button:focus {
    background: var(--bs-secondary) !important;
}

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

.toolbar.top .toolbar-inner ul li.dropdown > .dropdown-menu {
    top: calc(100% + 1px) !important;
}

.star-rating i.icon-star, 
.star-rating i.icon-star-half, 
.colored-stars i.icon-star, 
.colored-stars i.icon-star-half {
    font-size: 1.75rem !important;
    color: var(--bs-secondary) !important;
}

.testimonials-carousel .star-rating i.icon-star, 
.testimonials-carousel .star-rating i.icon-star-half, 
.testimonials-carousel .colored-stars i.icon-star, 
.testimonials-carousel .colored-stars i.icon-star-half {
    font-size: 2.5rem !important;
}

.testimonials-carousel .testimonials-owl-carousel .owl-item .review-description::before, 
.testimonials-carousel .testimonials-owl-carousel .owl-item .review-description::after {
    font-size: 60px !important;
}

.grid .grid-item .color-overlay {
    display: none !important;
    background: transparent !important;
}

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

header a#logo {
    height: 100% !important;
    min-height: 100% !important;
    width: auto !important;
    padding: 0.125rem 0 !important;
}

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

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

header, 
header .main-content {
    height: auto !important;
    min-height: none !important;    
    background: white !important;
}
header .main-content > .row > .col {
    height: 80px !important;
    min-height: 80px !important;
}

@media (min-width: 768px) {
    header .main-content > .row > .col {
        height: 118px !important;
        min-height: 118px !important;
    }
    header a#logo {
        padding: 0.625rem 0 !important;
    }
}

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

@media(max-width:991px){
    nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons .btn-flex:hover,
    nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons .btn-flex:focus {
        color: var(--bs-dark) !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/jfjonesjewelers/images/store-pics/logo-black.png) no-repeat center center !important;
        background-size: contain !important;
    }
    nav.navbar #main-navigation .mobile-bottom .nav-logo img {
        filter: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }
}

@media(min-width:992px){
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide {
        border-top: 1px solid var(--bs-input-border-color) !important;
    }
}

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

footer .footerlinks li a {
    font-size: 16px !important;
    font-weight: 700 !important;
}

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


footer .subscribe-widget-xl form .input-group .btn,
footer .subscribe-widget-xl form .input-group .form-control {
    color: var(--bs-light) !important;
    font-weight: 600 !important;
}

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

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

footer .logo {
    background: url(https://cdn.jewelryimages.net/static/domains/jfjonesjewelers/images/store-pics/logo.png?width=900) no-repeat center center !important;
    /* background: url(https://cdn.jewelryimages.net/static/domains/jfjonesjewelers/images/store-pics/logo-black.png) no-repeat center center !important; */
    background-size: contain !important;
}

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

footer {
    background: #6a6a6a !important;
}

footer .social-networks .network {
    border-color: #6a6a6a !important;
    border: none !important;
}

footer .social-networks .network:hover, footer .social-networks .network:focus, footer .social-networks .network:active {
    border-color: #6a6a6a !important;
    border: none !important;
    background: transparent !important;
    color: var(--primary);
}

#mc_embed_signup_scroll h6 {
    margin-bottom: 20px !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    font-family: var(--bs-h3-family) !important;
}

#mc_embed_shell {
    padding-bottom: 20px !important;
}

#mc_embed_signup{
    margin: 0 auto !important;
    display: flex;
    justify-content: center;
    clear:left; 
    font:14px Helvetica,Arial,sans-serif; 
    width: 600px;
    max-width: 100%;
}

#mc_embed_signup form {
    width: 100%;
}

#mc_embed_signup {
    background: transparent !important;
}

#mc_embed_signup .mc-field-group {
    display: flex;
    justify-content: center;
    align-items: center !important;
    margin: 10px 0px;
}

#mc_embed_signup .mc-field-group input {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    color: var(--bs-light) !important;
    font-weight: 600 !important;
    font-size: 0.9rem;
    background: none;
    box-shadow: none;
    border-radius: 4px 0 0 4px;
    padding-left: var(--bs-container-padding-x-2x) !important;
    padding: 0.23rem !important;
}

#mc_embed_signup .mc-field-group input {
    flex: 3;
}

#mc_embed_signup .mc-field-group label  {
    flex: 1;
}

@media (max-width: 420px) {
    #mc_embed_signup .mc-field-group {
        flex-flow: row wrap;
    }
    #mc_embed_signup .mc-field-group input {
        flex: 0 100%;
        max-width: 100%;
    }
    
    #mc_embed_signup .mc-field-group label  {
        flex: 0 100%;
        max-width: 100%;
        margin-bottom: 5px !important;
    }
}

#mc_embed_signup .mc-field-group label {
    top: 0 !important;
    margin-right: 4px !important;
}