/*!
 * Root Jewelers Local Styles
 * Copyright 2008-2017 Punchmark
 */

  /*====== Button Global Overrides ===== */

.btn-primary {
    border-color: var(--primary) !important;
    color: var(--dark) !important;
}

.btn-primary:hover, 
.btn-primary:focus {
    border-color: var(--primary) !important;
    color: var(--dark) !important;
}

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

Header

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

header * {
    color: var(--dark) !important;
}

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

header a#logo {
    max-height: unset !important;
    height: 80px !important;
    max-width: 100% !important;
    width: auto !important;
    display: block !important;
    padding: 0.625rem !important;
}

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

@media (min-width: 992px) {
    header a#logo,
    header .main-content .row .col {
        height: 100px !important;
    }
    header a#logo {
        padding: 0.625rem 1.25rem !important;
    }
}

header a:not(.dropdown-item):hover, 
header a:not(.dropdown-item):focus {
   opacity: 0.5;
}

@media (max-width: 991px) {
    nav.navbar ul.navbar-nav .dropdown-menu .dropdown-item:hover, 
    nav.navbar ul.navbar-nav .dropdown-menu .dropdown-item:focus {
        opacity: 0.5 !important;
    }
    nav.navbar .navbar-collapse .mobile-container .btn-close {
        filter: brightness(0) invert(0);
    }
}

header .content-toolbar .dropdown-menu a:hover, 
header .content-toolbar .dropdown-menu a:focus {
    opacity: 1 !important;
}

@media (max-width: 991px) {
    nav.navbar #main-navigation .mobile-top .input-group .form-control::placeholder {
        color: var(--dark) !important;
    }
}

nav.navbar #main-navigation .mobile-bottom .nav-logo {
    max-width: 180px !important;
}

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

Footer

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

footer .required-links li a:hover, 
footer .required-links li a:focus {
    text-decoration: underline !important;
}

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

Staff

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

.meet-our-staff .widget img {
    border-radius: 400px !important;
}