/* Gold hover — match the navigation bar accent on the public site */

:root {
    --dod-gold: #b6862a;
    --dod-gold-hover: #9a7124;
    --bs-link-hover-color: #b6862a;
    --bs-link-hover-color-rgb: 182, 134, 42;
}

.navbar .nav-link:hover,
.navbar-nav .nav-link:hover,
.navbar-nav .nav-item.show > .nav-link,
.navbar-nav .dropdown-toggle[aria-expanded="true"] {
    color: var(--dod-gold) !important;
}

.top-header-brand:hover .top-header-name,
.top-header-brand:hover .top-header-name * {
    color: var(--dod-gold) !important;
}

.navbar .nav-link.active,
.navbar-nav .nav-link.active {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.18) !important;
    border-radius: 8px;
}

.navbar .nav-link.active:hover,
.navbar-nav .nav-link.active:hover {
    color: var(--dod-gold) !important;
}

.formatted-content a:hover,
.breadcrumb-item a:hover,
.footer-links a:hover,
.news-link:hover,
.text-primary:hover,
a.text-primary:hover,
a.text-info:hover,
.list-group-item-action:hover,
.list-group-item-action:focus,
.page-link:hover {
    color: var(--dod-gold) !important;
}

.page-link:hover {
    border-color: var(--dod-gold) !important;
    background-color: rgba(182, 134, 42, 0.08) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.search-box .btn:hover,
.search-box button:hover {
    background-color: var(--dod-gold) !important;
    border-color: var(--dod-gold) !important;
    color: #fff !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active {
    background-color: var(--dod-gold) !important;
    border-color: var(--dod-gold) !important;
    color: #fff !important;
}

.filter-btn:hover,
.tag:hover,
.tech-tag:hover {
    background-color: var(--dod-gold) !important;
    border-color: var(--dod-gold) !important;
    color: #fff !important;
}

.card:hover .card-title,
a:hover .card-title,
.news-card-link:hover .card-title,
.article-card:hover .card-title,
.event-card:hover .card-title,
.job-card:hover .card-title,
.video-card:hover .card-title,
.gallery-card:hover .card-title,
.quick-link-card:hover .card-title,
.leader-card:hover .leader-name,
.directorate-card:hover .directorate-card-title,
.related-directorate-card:hover h6,
.service-card:hover h4 {
    color: var(--dod-gold) !important;
}

.quick-link-card:hover {
    border-color: var(--dod-gold) !important;
}

.quick-link-card:hover .quick-link-icon i,
.service-card:hover .service-icon {
    color: var(--dod-gold) !important;
}

.feature-box:hover {
    background-color: var(--dod-gold) !important;
    color: #fff !important;
}

.feature-box:hover h4,
.feature-box:hover .feature-icon {
    color: #fff !important;
}

.aa-card:hover .aa-card-title,
.aa-side-item.is-active .aa-side-title,
.aa-side-item:hover .aa-side-title,
.aa-section-head a:hover,
.aa-ot-head-title a:hover,
.aa-ot-item:hover .aa-ot-title,
.aa-ot-trending-item:hover .aa-ot-trending-title,
.aa-videos-title a:hover,
.aa-video-card:hover .aa-video-card-title,
.aa-featured-main:hover .aa-featured-title,
.aa-featured-title-link:hover .aa-featured-title {
    color: var(--dod-gold) !important;
}

.aa-more-btn:hover,
.aa-pager button:hover,
.aa-pager button.is-active,
.aa-videos-nav:hover,
.aa-videos-nav:focus-visible {
    background: var(--dod-gold) !important;
    border-color: var(--dod-gold) !important;
    color: #fff !important;
}