/*!
Theme Name: Eocene of the West child theme
Theme URI: https://www.webspec.com/
Description: A custom WordPress theme for the Eocenes.
Author: Webspec
Author URI: https://www.webspec.com/
Template: eocene
Version: 1.0.0
Text Domain: wd-proto
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, threaded-comments, translation-ready
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

.navbar-nav a.nav-link {
    background: var(--bs-dropdown-link-hover-bg);
    border-bottom: 8px solid transparent;
    transition: background 200ms linear, color 200ms linear, border 200ms linear;
}

.navbar-nav a.nav-link:hover {
    background: var(--bs-dropdown-link-hover-bg);
    border-bottom: 8px solid #018091 !important;
    transition: background 200ms linear, color 200ms linear, border 200ms linear;
}  
.dropdown-item:focus, .dropdown-item:hover {
    background-color: var(--bs-dropdown-link-hover-bg);
    background-image: var(--bs-gradient);
    color: var(--bs-dropdown-link-hover-color);
    text-decoration: underline;
}
a.dropdown-item {
    margin-top: 26px;
    margin-bottom: 26px;
}
.nav-link:focus-visible {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    outline: 2px solid #4D8B2E  !important;
}
div#navbar.collapse.show .navbar-collapse {
    display: block;
    background:white;
    padding: 7%;
}

body #footer a, body .content a, body .single p a {
        
    text-decoration: underline !important;
}

body .content .bg-image-blur-half a:hover
 {
    color:#fed34c !important;
        font-weight: 100 !important;
    text-decoration: underline !important;
        text-shadow: 1px 1px 1px rgb(0, 0, 0);
}
body #footer a:focus, body .content a:focus, body .single p a:focus {
    outline: 2px solid #4D8B2E !important;
}

:focus-visible {
    outline: #4D8B2E  auto 1px;
}


body .content .sec-cta-4images a:focus,
body .content .has-green-background a:focus,
body .content .has-shape-green a:focus,
body .content .blur-bg a:focus{
    outline: 2px solid #fed34c !important;
}
.accorBlock .accordion-button.collapsed:hover,
.accorBlock .accordion-button:hover:not(.collapsed) {
    background-color: #4D8B2E;
}
.accordion-button:focus {
    border-color: unset !important;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    z-index: 3;
    outline: 2px dotted #000 !important;
    outline-offset: 4px;
}


@media (min-width: 1200px) {
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}