/*!
 * Meyer's Local Styles
 * Copyright 2008-2017 Punchmark
 */
/* 
 @font-face {
    font-family: 'Friz Quadrata';
    src: url('../fonts/FrizQua-BoldItalOS.eot');
    src: url('../fonts/FrizQua-BoldItalOS.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FrizQua-BoldItalOS.woff2') format('woff2'),
        url('../fonts/FrizQua-BoldItalOS.woff') format('woff'),
        url('../fonts/FrizQua-BoldItalOS.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
} */

@font-face {
    font-family: 'Friz Quadrata';
    src: url('../fonts/FrizQua-ReguOS.eot');
    src: url('../fonts/FrizQua-ReguOS.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FrizQua-ReguOS.woff2') format('woff2'),
        url('../fonts/FrizQua-ReguOS.woff') format('woff'),
        url('../fonts/FrizQua-ReguOS.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
    font-family: 'Friz Quadrata', serif !important;
}


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

 Header

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

.dropdown-menu .login a.small, 
.dropdown-menu .login .custom-control-description,
.dropdown-menu .signUp a {
    color: var(--bs-dark) !important;
}

.dropdown-menu .login a.small:hover, 
.dropdown-menu .login .custom-control-description:hover,
.dropdown-menu .signUp a:hover,
.dropdown-menu .login a.small:focus,
.dropdown-menu .login .custom-control-description:focus,
.dropdown-menu .signUp a:focus {
    opacity: 0.7 !important;
}

@media (max-width: 991px) {
    nav.navbar #main-navigation .mobile-bottom .social-networks .network i {
        color: var(--bs-light) !important;
    }
    nav.navbar #main-navigation .mobile-bottom .social-networks .network {
        border-color: var(--bs-light) !important;
    }

    nav.navbar #main-navigation .mobile-top .input-group .form-control {
        color: var(--bs-dark) !important;
    }
}

header .main-content > .row > .col {
    height: 60px !important;
}

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

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

Nav / Mobile Nav

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

@media (max-width: 991px) {
    nav.navbar #main-navigation {
        background: var(--bs-secondary) !important;
    }

    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item>a {
        color: var(--bs-light);
    }

    nav.navbar .navbar-nav {
        border-bottom: none !important;
    }
}

@media (max-width: 991px) {
    nav.navbar #main-navigation .mobile-bottom .nav-logo {
        background: url('https://cdn.jewelryimages.net/static/domains/meyersjewelers/images/store-pics/footer-logo-2.png');
        background-size: contain !important;
        background-repeat: no-repeat !important;
        width: 200px;
        height: 68px;
        display: block;
        margin-bottom: 20px !important;
    }
    nav.navbar #main-navigation .mobile-bottom .nav-logo img {
        display: none !important;
    }
}


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

Footer

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

/* footer .logo img {
    filter: brightness(1) invert(0) !important;
} */

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

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 .social-networks .network {
    border-color: var(--bs-light) !important;
}

footer .social-networks .network:hover, 
footer .social-networks .network:focus {
    background: var(--bs-dark) !important;
    border-color: var(--bs-dark) !important;
}

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

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

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

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

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

footer .logo a {
    background: url('https://cdn.jewelryimages.net/static/domains/meyersjewelers/images/store-pics/footer-logo-2.png');
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 200px;
    height: 68px;
    display: block;
}