/* ============================================================
   ADC BRAND COLORS — Blue (#003087) + Yellow (#fdc400)
   Overrides the default template color scheme site-wide
   ============================================================ */

:root {
  --adc-blue: #003087;
  --adc-blue-dark: #002060;
  --adc-blue-light: #0047c0;
  --adc-yellow: #fdc400;
  --adc-yellow-dark: #e6b000;
  --adc-white: #ffffff;
}

/* ---- Color swatch (hide — fixed brand palette) ---- */
.tt-colorswatch {
  display: none !important;
}

/* ============================================================
   HEADER — TOP BAR (dark bar → blue)
   ============================================================ */
#tt-header .tt-header-wrapper-top {
  background: var(--adc-blue-dark) !important;
}
/* mobile open state */
#tt-header.open .tt-header-wrapper-top {
  background: var(--adc-blue-dark) !important;
}
@media (max-width: 1219px) {
  #tt-header .tt-header-wrapper-top {
    background: var(--adc-blue-dark) !important;
  }
  #tt-header .tt-header-wrapper-top .tt-header-top .tt-box-phone,
  #tt-header .tt-header-wrapper-top .tt-header-top .tt-box-email,
  #tt-header .tt-header-wrapper-top .tt-header-top .tt-box-time,
  #tt-header .tt-header-wrapper-top .tt-header-top .tt-box-location {
    color: #fff !important;
  }
  #tt-header .tt-header-wrapper-top .tt-header-top .tt-box-phone a,
  #tt-header .tt-header-wrapper-top .tt-header-top .tt-box-email a,
  #tt-header .tt-header-wrapper-top .tt-header-top .tt-box-time a,
  #tt-header .tt-header-wrapper-top .tt-header-top .tt-box-location a {
    color: #fff !important;
  }
}

/* ---- Header top toggle (mobile dropdown bar) ---- */
.tt-header-top-toggle {
  background: var(--adc-blue) !important;
}
.tt-header-top-toggle .btn-toggle {
  color: #fff !important;
}
.tt-header-top-toggle .btn-extra {
  background: var(--adc-yellow) !important;
  color: var(--adc-blue) !important;
  font-weight: 700 !important;
}

/* ============================================================
   HEADER — BOTTOM NAV BAR (white → blue)
   ============================================================ */
#tt-header .tt-header-wrapper-bottom {
  background: var(--adc-blue) !important;
}

/* Logo text + slogan on blue background */
#tt-header .tt-logo .logo-text {
  color: var(--adc-yellow) !important;
}
#tt-header .tt-logo .slogan-text span {
  color: var(--adc-white) !important;
  background: var(--adc-blue) !important;
}
#tt-header .tt-logo .slogan-text:before {
  background: var(--adc-yellow) !important;
}
#tt-header .tt-logo .slogan-text span:before,
#tt-header .tt-logo .slogan-text span:after {
  background: var(--adc-yellow) !important;
}

/* Nav links — white on blue */
#tt-header .tt-menu > ul > li > a {
  color: var(--adc-white) !important;
}
#tt-header .tt-menu > ul > li.is-subMenu > a .tt-icon-subMenu {
  color: var(--adc-white) !important;
  text-shadow: 0px 0px var(--adc-white) !important;
}

/* Active / hovered nav items — yellow */
#tt-header .tt-menu > ul > li.is-hover > a,
#tt-header .tt-menu > ul > li.active > a,
#tt-header .tt-menu > ul > li.is-hover > a span,
#tt-header .tt-menu > ul > li.active > a span {
  color: var(--adc-yellow) !important;
}

/* Sub-menu dropdown */
#tt-header .tt-menu > ul > li > ul {
  background: var(--adc-blue) !important;
}
#tt-header .tt-menu > ul > li.is-hover > ul a {
  color: var(--adc-white) !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}
#tt-header .tt-menu > ul > li.is-hover > ul a:hover,
#tt-header .tt-menu > ul .sub-menu li a:hover {
  color: var(--adc-yellow) !important;
  background: var(--adc-blue-dark) !important;
}

/* Mobile menu */
#tt-header .tt-toggle-menu {
  color: var(--adc-yellow) !important;
}
.tt-menu.open-menu {
  background: var(--adc-blue) !important;
}
.tt-menu.open-menu > ul > li > a {
  color: var(--adc-white) !important;
}
.tt-menu.open-menu > ul > li.active > a {
  color: var(--adc-yellow) !important;
}

/* Social icons in header */
#tt-header .tt-social-icon a {
  color: #fff !important;
}
#tt-header .tt-social-icon a:hover {
  color: var(--adc-yellow) !important;
}

/* ============================================================
   STICKY NAV (tt-menu-stuck)
   ============================================================ */
.tt-menu-stuck-row {
  background: var(--adc-blue-dark) !important;
}
.tt-menu-stuck-row .tt-btn-box .btn {
  background: var(--adc-yellow) !important;
  color: var(--adc-blue) !important;
  font-weight: 700 !important;
}

/* ============================================================
   BUTTONS — Primary: Blue, Accent: Yellow
   ============================================================ */
.btn {
  background: var(--adc-blue) !important;
  color: var(--adc-white) !important;
}
.btn:hover:not(.no-hover) {
  background: var(--adc-yellow) !important;
  color: var(--adc-blue) !important;
}
.btn.inverse {
  background: var(--adc-yellow) !important;
  color: var(--adc-blue) !important;
  font-weight: 700 !important;
}
.btn.inverse:hover {
  background: var(--adc-blue-dark) !important;
  color: var(--adc-white) !important;
}
.btn-border {
  border-color: var(--adc-white) !important;
  color: var(--adc-white) !important;
}
.btn-border:hover {
  border-color: var(--adc-yellow) !important;
  color: var(--adc-yellow) !important;
}
.btn-top {
  background: var(--adc-blue) !important;
  color: var(--adc-white) !important;
}
.btn-top:hover {
  background: var(--adc-yellow) !important;
  color: var(--adc-blue) !important;
}

/* ============================================================
   ACCENT COLOR — Replaces template's #fdc400 context yellow
   (stars, list bullets, icons, etc. stay yellow — that's fine)
   ============================================================ */
.color {
  color: var(--adc-yellow) !important;
}

/* List icons bullet color → blue */
.list-icon li:before {
  color: var(--adc-blue) !important;
}

/* ============================================================
   BREADCRUMB
   ============================================================ */
.breadcrumb {
  background: var(--adc-blue) !important;
}
.breadcrumb .container ul li,
.breadcrumb .container ul li a {
  color: var(--adc-white) !important;
}
.breadcrumb .container ul li a:hover {
  color: var(--adc-yellow) !important;
}
.breadcrumb .container ul li + li:before {
  color: var(--adc-yellow) !important;
}

/* ============================================================
   PAGE TITLES & SECTION HEADINGS
   ============================================================ */
.tt-title-lg,
.tt-title-md,
h1.tt-title-lg,
h2.tt-title-lg,
h3.tt-title-lg,
h4.tt-title-lg {
  color: var(--adc-blue) !important;
}

/* ============================================================
   TESTIMONIALS
   ============================================================ */
.testimonials-box-02 .tt-icon .tt-bg {
  background: var(--adc-blue) !important;
}
.testimonials-box-02:hover .tt-icon .tt-bg {
  background: var(--adc-yellow) !important;
}
.testimonials-box-02 .rating i {
  color: var(--adc-yellow) !important;
}
.testimonials-box-02 .author {
  color: var(--adc-blue) !important;
  font-weight: 700 !important;
}
.testimonials-box-02:hover {
  border-color: var(--adc-blue) !important;
}

/* ============================================================
   PROGRAMS / BOX SUBJECTS
   ============================================================ */
.tt-box-subjects .tt-nomber .tt-fon span {
  background: var(--adc-yellow) !important;
}
.tt-box-subjects:hover .tt-nomber .tt-fon span {
  background: var(--adc-blue) !important;
}
.tt-box-subjects .description h6 {
  color: var(--adc-blue) !important;
}
.tt-box-subjects:hover {
  border-color: var(--adc-yellow) !important;
}
.tt-box-subjects1 .description h6 {
  color: var(--adc-blue) !important;
}

/* ============================================================
   PROMO BOXES
   ============================================================ */
.tt-promo-04 {
  background: var(--adc-blue) !important;
}
.tt-promo-04 .description h6 {
  color: var(--adc-yellow) !important;
}
.tt-promo-04 .description p {
  color: rgba(255,255,255,0.9) !important;
}
.tt-promo-05 {
  background: var(--adc-blue) !important;
}
.tt-promo-05 h6 {
  color: var(--adc-yellow) !important;
}
.tt-promo-05 .text-md {
  color: #fff !important;
}

/* ============================================================
   COUNTER / STATS SECTION
   ============================================================ */
.box-parallax-counter {
  background: var(--adc-blue) !important;
}
.box-parallax-counter .description-layout {
  background: rgba(0, 48, 135, 0.85) !important;
}
.box-parallax-counter .tt-title-lg {
  color: var(--adc-yellow) !important;
}
.item-counter .description .value {
  color: var(--adc-yellow) !important;
}
.item-counter .description .title {
  color: #fff !important;
}

/* ============================================================
   ACCORDION / FAQ
   ============================================================ */
.tt-accordion-box .item .tt-title {
  color: var(--adc-blue) !important;
  border-left: 4px solid var(--adc-blue) !important;
}
.tt-accordion-box .item.active .tt-title {
  background: var(--adc-blue) !important;
  color: var(--adc-white) !important;
  border-left-color: var(--adc-yellow) !important;
}
.tt-accordion-box .item .tt-title:before {
  color: var(--adc-blue) !important;
}
.tt-accordion-box .item.active .tt-title:before {
  color: var(--adc-yellow) !important;
}
.tt-accordion-box .item.active .tt-content {
  border-left: 4px solid var(--adc-yellow) !important;
}

/* ============================================================
   TABS (Programs page)
   ============================================================ */
.tt-tabs__head ul li.is-active span,
.tt-tabs__head ul li span:hover {
  color: var(--adc-blue) !important;
  border-bottom-color: var(--adc-yellow) !important;
}
.tt-tabs__title {
  color: var(--adc-blue) !important;
}
.tt-tabs__border {
  background: var(--adc-yellow) !important;
}

/* ============================================================
   SOCIAL SERVICES BAR (About page)
   ============================================================ */
.social-services {
  background: var(--adc-blue) !important;
}
.social-services .tt-title {
  color: var(--adc-yellow) !important;
}
.social-services .title-icon {
  background: var(--adc-yellow) !important;
  color: var(--adc-blue) !important;
}

/* ============================================================
   FOOTER
   ============================================================ */
#tt-footer {
  background: var(--adc-blue-dark) !important;
  background-image: none !important;
  color: rgba(255,255,255,0.75) !important;
}
#tt-footer:before,
#tt-footer:after {
  display: none !important;
}
#tt-footer .tt-foter-title {
  color: var(--adc-yellow) !important;
}
#tt-footer .tt-footer-list a {
  color: rgba(255,255,255,0.75) !important;
}
#tt-footer .tt-footer-list a:hover {
  color: var(--adc-yellow) !important;
}
#tt-footer .tt-logo .logo-text {
  color: var(--adc-yellow) !important;
}
#tt-footer .tt-logo .slogan-text span {
  color: var(--adc-white) !important;
  background: var(--adc-blue-dark) !important;
}
#tt-footer .tt-logo-banner .logo-text {
  color: var(--adc-yellow) !important;
}
#tt-footer .tt-footer-box-info {
  color: rgba(255,255,255,0.7) !important;
}
#tt-footer .tt-baner-01 address,
#tt-footer .tt-baner-01 address a {
  color: rgba(255,255,255,0.75) !important;
}
#tt-footer .tt-footer-copyright {
  color: rgba(255,255,255,0.5) !important;
  border-top: 1px solid rgba(255,255,255,0.12) !important;
}
#tt-footer .tt-social-icon a {
  color: rgba(255,255,255,0.7) !important;
  background: rgba(255,255,255,0.1) !important;
}
#tt-footer .tt-social-icon a:hover {
  color: var(--adc-blue) !important;
  background: var(--adc-yellow) !important;
}
#tt-footer .back-to-top i {
  color: var(--adc-yellow) !important;
}

/* ============================================================
   MODAL
   ============================================================ */
.modal-body .tt-title {
  color: var(--adc-blue) !important;
}
.modal-body .tt-title-border {
  border-bottom-color: var(--adc-yellow) !important;
}
.modal-header {
  border-bottom-color: var(--adc-blue) !important;
}

/* ============================================================
   FORM ELEMENTS
   ============================================================ */
.form-control:focus {
  border-color: var(--adc-blue) !important;
  box-shadow: 0 0 0 3px rgba(0, 48, 135, 0.15) !important;
}

/* ============================================================
   PARALLAX SECTIONS
   ============================================================ */
.box-parallax-02 .description h3 {
  color: #fff !important;
}

/* ============================================================
   PAGINATION
   ============================================================ */
.pagination ul li.active a {
  background: var(--adc-blue) !important;
  color: #fff !important;
}
.pagination ul li a:hover {
  background: var(--adc-yellow) !important;
  color: var(--adc-blue) !important;
}

/* ============================================================
   LOADER SPINNER — yellow (already matches)
   ============================================================ */
.loader span {
  background: var(--adc-yellow) !important;
}

/* ============================================================
   BACK TO TOP
   ============================================================ */
.back-to-top {
  background: var(--adc-blue) !important;
  border-color: var(--adc-blue) !important;
}
.back-to-top:hover {
  background: var(--adc-yellow) !important;
}
.back-to-top i {
  color: var(--adc-white) !important;
}
.back-to-top:hover i {
  color: var(--adc-blue) !important;
}

/* ============================================================
   BLOG / NEWS CARDS
   ============================================================ */
.post-title a,
.news-title a {
  color: var(--adc-blue) !important;
}
.post-title a:hover,
.news-title a:hover {
  color: var(--adc-yellow) !important;
}

/* ============================================================
   ACCREDITATION / BADGE ELEMENTS
   ============================================================ */
.tt-icon-badge,
.accreditation-badge {
  color: var(--adc-blue) !important;
}