/*!
 * Parkers' Karat Patch Local Styles
 * Copyright 2008-2017 Punchmark
 */


.alert-global {
    box-shadow: inset 0 0 0 60px rgba(255,255,255, 0.05) !important;
}

.alert-global,
.alert-global .alert-link {
    color: #ffffff !important;
}

.alert-global .btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%) !important;
}

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

Header

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

@media (max-width: 991px) {
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu, nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu:not(.dropdown-menu-wide) {
        background: var(--bs-input-bg-color) !important;
    }
}

header .content-toolbar,
header .content-toolbar .content-toolbar-inner>ul>li,
header .content-toolbar .content-toolbar-inner>ul {
    z-index: 50;
    position: relative;
}

header > .main-content > .row > .col {
    min-height: 134px !important;
    height: 134px !important;
    width: 100% !important;
}

@media (max-width: 991px) {
    header > .main-content > .row > .col {
        min-height: 120px !important;
        height: 120px !important;
        width: 100% !important;
    }
    header a#logo {
        width: calc(100% - 200px) !important;
        max-width: 140px !important;
    }
}

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

White diamod svg's, borders - three icon section -- color change

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

.three-icon-section img,
.filter-light img {
    filter: invert(1) brightness(100%) !important;
}

section[data-pagebuilder="section"].three-icon-section [data-pagebuilder="column"] {
    border-color: #fff !important;
}

section[data-pagebuilder="section"].price-section [data-pagebuilder="column"] {
    border-color: #fff !important;
}

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

btn primary color change

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

.btn-primary {
    color: #fff !important;
}

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

Toolbar

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

.toolbar {
    background: var(--bs-section-default-alt) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.toolbar>.toolbar-inner>ul>li, .toolbar>.toolbar-inner>ul>li>a, .toolbar>.toolbar-inner>ul>li>address, .toolbar .toolbar-inner a, .toolbar .toolbar-inner span {
    color: #fff !important;
}

.toolbar.top .toolbar-inner ul li.dropdown > .dropdown-menu {
    background: var(--bs-section-default-alt) !important;
}

.toolbar.top .toolbar-inner ul li.dropdown>.dropdown-menu .dropdown-item:hover, .toolbar.top .toolbar-inner ul li.dropdown>.dropdown-menu .dropdown-item:focus {
    background: var(--bs-section-default-inset) !important;
}

.toolbar.top .toolbar-inner ul li.toolbar-item>a:hover, .toolbar.top .toolbar-inner ul li.toolbar-item>a:focus {
    color: #fff !important;
    opacity: 0.65 !important; 
}

.toolbar .toolbar-inner > ul > li > a:hover, .toolbar .toolbar-inner > ul > li > a:focus, .toolbar .toolbar-inner > ul > li > a:hover i, .toolbar .toolbar-inner > ul > li > a:focus i, .toolbar .toolbar-inner > ul > li > a:hover span, .toolbar .toolbar-inner > ul > li > a:focus span {
    color: #fff !important;
}

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

Mobile Nav

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

@media (max-width: 991px) {
    nav.navbar .navbar-collapse .mobile-container .mobile-top {
        background: var(--bs-section-default-bg) !important;
    }

    nav .btn-close {
        filter: invert(1) brightness(100%) !important;
    }
}

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

Footer

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

@media (max-width: 767px) {
    footer .footer-affiliate-logos>li:first-child {
        margin-left: 0 !important;
    }
    footer .footer-section .col-12.col-sm-12.col-md-12.col-lg-12 .footer-affiliate-logos {
        margin: 0 !important;
        padding-top: 2px !important;
    }
    footer .footer-section:nth-child(2) .col-12:nth-child(1) {
        order: 5 !important;
    }
    footer .row > [class*="col-"] {
        align-items: flex-start !important;
    }
}

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

Ringsettings color fixes - dark bg

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

section.alt .ringsettings-icons a {
    color: #fff !important;
}

section.alt .ringsettings-icons a:hover,
section.alt .ringsettings-icons a:focus {
    color: var(--secondary) !important;
}

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

General

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

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
   text-transform: capitalize;
}

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

Meet Our Staff

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

.meet-our-staff .staff-member img,
.meet-our-staff .staff-member .staff-member-image .staff-member-desc,
#staff-bio .avatar {
    border-radius: 0 !important;
}

.meet-our-staff .staff-member .staff-member-image .staff-member-desc .btn:hover,
.meet-our-staff .staff-member .staff-member-image .staff-member-desc .btn:focus {
    color: var(--secondary) !important;
}