/*!
 * Duke's Local Styles
 * Copyright 2008-2017 Punchmark
 */

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

 Header 

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

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

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

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


nav.navbar .navbar-nav > .nav-item .nav-link {
    font-family: "adobe-garamond-pro", var(--bs-p-family), serif !important;
}

@media(min-width:992px){
    nav.navbar .navbar-nav > .nav-item .nav-link {
        font-size: 1.1rem !important;
    }
}

@media(min-width:1200px){
    nav.navbar .navbar-nav > .nav-item .nav-link {
        font-size: 1.15rem !important;
    }
}

@media(min-width:1400px){
    nav.navbar .navbar-nav > .nav-item .nav-link {
        font-size: 1.2rem !important;
    }
}

@media (max-width: 991px) {
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item>a {
        color: var(--light);
    }
    nav.navbar #main-navigation .mobile-top .input-group .form-control {
        color: var(--bs-p-color);
    }
}

@media (max-width: 991px) {
    nav.navbar #main-navigation .mobile-bottom .social-networks .network i {
       color: #fff;
    }
}


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

 Footer

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

footer .subscribe-widget-xl form .input-group .form-control {
    color: var(--bs-light);
}

footer .subscribe-widget-xl form .input-group .form-control::placeholder {
    color: rgba(255, 255, 255, 0.45);
}

footer .logo {
    padding: 2.5rem 0.5rem !important;
    max-width: 275px !important;
    margin: 0 auto;
}

footer .footerlinks a:hover,
footer .footerlinks a:focus {
    text-decoration: underline;
}

footer p.copyrights a:hover, 
footer p.copyrights a:focus {
    text-decoration: underline;
}


footer .input-group>input.form-control+.input-group-btn>.btn {
    color: var(--bs-light);
}

footer .input-group>input.form-control+.input-group-btn>.btn:hover,
footer .input-group>input.form-control+.input-group-btn>.btn:focus {
    background-color: var(--bs-light);
    color: var(--bs-dark);
}

footer .social-networks .network {
    border-color: var(--bs-light);
}

footer .social-networks .network:hover,
footer .social-networks .network:focus {
    background-color: var(--bs-light);
    color: var(--bs-primary);
}

footer .social-networks .network:hover i,
footer .social-networks .network:focus i {
    color: var(--bs-primary);
}

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

footer .logo {
    width: 265px !important;
    height: 135px !important;
    background: url('https://cdn.jewelryimages.net/static/domains/dukesjewelers/images/store-pics/monogram-dukes.png') no-repeat center center !important;
    background-size: cover !important;
    filter: brightness(0) invert(1) !important;
    margin: 40px auto !important;
}

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

Custom Section Text Fix

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

 @media (min-width: 1800px) {
    [data-pagebuilder="section"].widget-collage-section [data-pagebuilder="widget"].collage-text-block {
        /* padding-bottom: calc(calc(33.3334vw / 2) + 36px) !important; */
        padding-bottom: clamp(200px, calc(33.3334vw / 2) + 36px, 320px) !important;
    }
}

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

General

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

/* .btn.btn-primary {
    background: linear-gradient(87deg, rgba(249,242,149,1) 0%, rgba(224,170,62,1) 49%, rgba(249,242,149,1) 100%) !important;
    transition: box-shadow 0.15s linear;
    box-shadow: none;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px !important;
} */

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

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