/* Conen Digital: accessible colours, retaining the original yellow/pink identity. */
:root { --conen-ink: #202020; --conen-muted: #535861; --conen-pink: #c91440; --conen-gold: #806000; }
.navbar-light .navbar-nav .nav-link.active,
.side-nav .navbar-nav .nav-link.active { color: var(--conen-ink); text-decoration: underline; text-decoration-color: #bf9000; text-underline-offset: 7px; }
.text-yellow { color: var(--conen-gold); }
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active,
.cbp-l-filters-button .cbp-filter-item:hover { color: var(--conen-gold); border-bottom-color: #806000; }
.btn.pink-btn { background-color: var(--conen-pink); border-color: var(--conen-pink); color: #fff; }
.btn.white-btn { color: var(--conen-pink); border-color: var(--conen-pink); }
.btn.yellow-btn { color: var(--conen-ink); background-color: #ffc107; border-color: #ffc107; }
.btn.pink-btn:hover, .btn.pink-btn:focus,
.btn.yellow-btn:hover, .btn.yellow-btn:focus,
.btn.white-btn:hover, .btn.white-btn:focus { background-color: #202020; border-color: #202020; color: #fff; }
.sub-heading, .blog-description .sub-heading,
.blog .home-text .sub-heading,
.stats-text .home-text .sub-heading,
.design .stats-text .home-text .sub-heading,
.design .stats-text .home-text h1.sub-heading,
.team-text .sub-heading, .info.footer_text, .address p { color: var(--conen-muted); }
.date p, .text-red { color: #b71438; }
.sub-heading { font-weight: 400; }
.name-img .name { color: #202020; left: 0; width: 100%; text-align: center; font-weight: 600; }
.form-control { color: #30343a; border-color: #858991; }
.form-control::placeholder { color: #62666b; opacity: 1; }
.form-control:focus { border-color: #806000; outline: 2px solid #806000; outline-offset: 2px; }
a:focus-visible, button:focus-visible, .cbp-filter-item:focus-visible { outline: 2px solid #806000; outline-offset: 4px; }
.cbp-l-grid-mosaic .cbp-caption-activeWrap { background: linear-gradient(to top, rgba(0,0,0,.85), rgba(0,0,0,.45) 35%, transparent 75%); }
.team-owl .owl-nav button.owl-next, .team-owl .owl-nav button.owl-prev { color: #333; }
.team-owl .owl-nav button span { background: #fff; border-radius: 3px; padding: 0 6px; }
.alert-success { color: #176c31; }
.alert-danger { color: #a9192b; }
.brand-img img { aspect-ratio: 155 / 30; object-fit: contain; }
@media (max-width: 767px) {
 .name-img .name { left: 0; }
 .address p { overflow-wrap: anywhere; }
}