/* Conen Digital: accessible gold / charcoal palette, original animations retained. */
body { color: #161922; }
p, h4, h5, h6, .bg-grey, .single-feedback p { color: #555b65; }
.bg-light { color: #161922; }
p { line-height: 1.65; }

/* Gold surfaces need dark lettering, including active and hover states. */
.btn.btn-green, .btn.btn-green-orange,
.btn.btn-blue:hover, .btn.btn-blue:focus-visible,
.nav-radius .navbar-nav .nav-link.active,
.header-appear .nav-radius .navbar-nav .nav-link.active,
.carousel-date .text-white,
.date.date-hvr h5, .date-2.date-2-hvr h5,
.go-top { color: #161922 !important; }
.btn.btn-green:hover, .btn.btn-green:focus-visible {
    color: #fff !important;
    background: #161922 !important;
    border-color: #161922;
}
.btn.btn-blue:focus-visible { background: #f2c64d; }
.btn { font-weight: 600; }
.about-padding .icon, .about-padding2:hover .icon { color: #161922; }
.about-padding:hover .icon { color: #fff; }

/* A scrim on each slider background protects every text position and crop.
   Minimum 66% charcoal also protects white copy against a pure-white photo. */
#home .slotholder::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(16,20,28,.78), rgba(16,20,28,.66));
    pointer-events: none;
    z-index: 1;
}
#home .tp-caption { text-shadow: 0 1px 3px rgba(0,0,0,.2); }
#home .tp-caption[id$="-3"], #home #slide-20-layer-12 {
    font-weight: 400 !important;
    letter-spacing: .2px !important;
}
#home .btn { text-shadow: none; }

/* Stable readability on dark surfaces, independent of global paragraph rules. */
.team-box .text-white, .side-footer .text-white,
.company-about, .company-about a { color: #fff !important; }
.side-menu { background: #161922; }
.carousel-date { padding: 72px 38px; }
.carousel-date .date-padding { line-height: 1.15; }
.about-max { max-width: 740px; }
#about .max-237, #about .year-max, #about .max-200 { max-width: 260px; }
.date h5, .date-2 h5 { color: #555b65; }
a:focus-visible, button:focus-visible {
    outline: 3px solid #8a650c !important;
    outline-offset: 4px;
}
.footer-social a:hover, .social_icons a:hover,
.social-icons-simple a:hover { background: #161922 !important; color: #fff !important; }
@media (max-width: 767px) {
    body p { font-size: 15px; }
    .team-box { padding: 28px 18px; min-height: 325px; }
    .team-box h6 { padding-bottom: 12px; }
    .swiper-slide p { padding-bottom: 12px; }
    .company-about { font-size: 13px; }
    #about h2 { font-size: 29px; line-height: 1.25; }
}
