/* Local accessibility refinements; loaded after all template styles. */
body { color: #505b62; }
.defaultcolor, .play-head span, .play-tip b,
#testimonial-slider .defaultcolor a { color: #805800 !important; }
.play-head p, .play-tip, .group-card p, .group-finder .gf-head p {
    color: #505b62;
}
.yellow-blue-btn, .group-chip.is-active, .group-chip:hover,
.play-btn-ghost:hover, .back-top {
    color: #26313c !important;
}
.yellow-blue-btn:hover, .yellow-blue-btn:focus-visible {
    background: #075b80 !important;
    color: #fff !important;
}
.group-chip, .play-btn-ghost { border-color: #9b7837; }
.getin_form .form-control { color: #26313c; border-color: #8c969c; }
.getin_form .form-control::placeholder { color: #59636a; opacity: 1; }
.collection-form-note { color: #505b62; }

/* Keep the cheerful fills and put legible ink on them. */
#services-slider .service-box,
#services-slider .service-box h4,
#services-slider .service-box h4 a,
#services-slider .service-box > span,
#our-process .whitecolor,
#our-process .pro-step,
#bg-counters .whitecolor,
#our-testimonial .testimonial-bg .whitecolor {
    color: #172126 !important;
}
#services-slider .service-box.bg-blue { background: #08749c !important; }
#services-slider .service-box.bg-blue,
#services-slider .service-box.bg-blue h4 a,
#services-slider .service-box.bg-blue > span { color: #fff !important; }
#services-slider .owl-item.center .service-box,
#services-slider .owl-item.center .service-box h4 a,
#services-slider .owl-item.center .service-box > span { color: #172126 !important; }
#our-process .pro-step { border-color: #63343a; }
#our-process .process-wrapp li p { font-size: 15px; line-height: 1.7; }
.test-star, .group-facts i, .app-feature .defaultcolor { color: #805800; }
#site-footer .whitecolor, #site-footer a, #site-footer .defaultcolor,
#site-footer .links li a::before, #site-footer .social-icons a {
    color: #172126 !important;
}
#site-footer a:hover { color: #111 !important; text-decoration: underline; }
.side-menu .side-nav .nav-link, .side-menu .whitecolor,
.side-menu .social-icons-simple a { color: #26313c !important; }
.side-menu .btn-close::before, .side-menu .btn-close::after { background: #26313c; }

/* The unchanged white brand mark needs its own dark surface. */
.navbar .navbar-brand, #site-footer .footer_logo {
    background: #263b34;
    border-radius: 10px;
    padding: 5px 12px;
}
.collection-landing .navbar.static-nav,
.collection-landing .navbar.fixedmenu { top: 48px; }
.navbar.transparent-bg:not(.fixedmenu) {
    background: linear-gradient(180deg, rgba(20,32,27,.88), rgba(20,32,27,.68));
}
.navbar:not(.fixedmenu) .sidemenu_btn span { background: #fff; }
.navbar.fixedmenu .navbar-nav .nav-link.active { color: #805800 !important; }
.navbar.fixedmenu .navbar-nav .nav-link.active::after { background: #805800; }

/* Replace compounded brightness filters with directional photo scrims.
   Each slide has a different text alignment; slider layer geometry is untouched. */
#vertical-bullets .tp-bgimg, #vertical-bullets .slotholder { filter: none; }
#vertical-bullets .slotholder::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(16,27,24,.76), rgba(16,27,24,.62) 43%, rgba(16,27,24,.08) 78%);
}
#vertical-bullets [data-index="rs-02"] .slotholder::after {
    background: linear-gradient(270deg, rgba(16,27,24,.76), rgba(16,27,24,.62) 43%, rgba(16,27,24,.08) 78%);
}
#vertical-bullets [data-index="rs-03"] .slotholder::after {
    background: linear-gradient(180deg, rgba(16,27,24,.1), rgba(16,27,24,.7) 38%, rgba(16,27,24,.7) 76%, rgba(16,27,24,.12));
}
#vertical-bullets .redcolor { color: #ffabb0 !important; }
#vertical-bullets .bluecolor { color: #a6e6ff !important; }
#vertical-bullets .slider-top-text { text-transform: none; }
#slider-section > .social-icons a { color: #fff; background: #263b34; }
a:focus-visible, button:focus-visible, input:focus-visible {
    outline: 3px solid #075b80;
    outline-offset: 4px;
}
@media (max-width: 991px) {
    #vertical-bullets .slotholder::after,
    #vertical-bullets [data-index="rs-02"] .slotholder::after,
    #vertical-bullets [data-index="rs-03"] .slotholder::after {
        background: linear-gradient(180deg, rgba(16,27,24,.12), rgba(16,27,24,.65) 43%, rgba(16,27,24,.74) 72%, rgba(16,27,24,.25));
    }
}