/* TIEM brand colors
   Primary:   #336ed0  (main UI — links, buttons, menu)
   Secondary: #53cc55  (accents — header slant, decorative bars, hovers)
*/
:root {
    --tiem-primary: #336ed0;
    --tiem-primary-dark: #1e4fad;
    --tiem-secondary: #53cc55;
    --tiem-secondary-dark: #3fb342;
}

/* Sticky footer — always sits at the bottom of the viewport */
html {
    height: 100%;
}
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.site-main {
    flex: 1 0 auto;
}
body > footer.footer-bg {
    margin-top: auto;
    flex-shrink: 0;
}

/* ---- Primary (blue) ---- */
a:hover,
.main-menu nav ul li.current > a,
.main-menu nav ul li:hover > a,
.header-three .main-menu ul li.current > a,
.header-three .main-menu ul li:hover > a {
    color: var(--tiem-primary) !important;
}

.btn,
.btn-primary,
.slider-btn a,
.courses-content .readmore,
.ss-btn,
button[type="submit"].btn {
    background-color: var(--tiem-primary) !important;
    border-color: var(--tiem-primary) !important;
}

.footer-bg,
.breadcrumb-area,
.header-top.second-header,
.header-three .second-header {
    background-color: var(--tiem-primary-dark) !important;
}

/* Light-blue accent bars → secondary green */
.copyright-wrap,
.second-header::before,
.header .second-header::before,
.header-three .second-header::before,
.counter-tittle::before,
.counter-tittle::after,
.f-contact i,
.f-contact .icon {
    background: var(--tiem-secondary) !important;
    background-color: var(--tiem-secondary) !important;
}

/* Section title underlines & markers */
.section-title h2::before,
.f-widget-title h2::before,
.footer-widget .widgettitle::before {
    background: var(--tiem-secondary) !important;
}

/* Category labels, icons, theme text */
.courses-content .cat,
.cat i,
.section-title span,
.text-theme,
.footer-link ul li i {
    color: var(--tiem-secondary) !important;
}

/* Slider / pagination dots */
.slider-active .slick-dots li.slick-active button,
.slider-active .slick-dots li.slick-active button::before,
.home-blog-active .slick-dots li.slick-active button::before,
.team-active .slick-dots li.slick-active button::before {
    background: var(--tiem-secondary) !important;
    color: var(--tiem-secondary) !important;
}

/* Button hover → secondary */
.btn:hover,
.btn-primary:hover,
.slider-btn a:hover,
.courses-content .readmore:hover,
.ss-btn:hover {
    background-color: var(--tiem-secondary) !important;
    border-color: var(--tiem-secondary) !important;
    color: #fff !important;
}

.header-social a:hover,
.footer-social a:hover {
    background-color: var(--tiem-secondary) !important;
    color: #fff !important;
}

.mean-container .mean-nav ul li a:hover,
.pagination .page-item.active .page-link {
    background-color: var(--tiem-primary) !important;
    border-color: var(--tiem-primary) !important;
}

/* Catch any leftover old cyan #13aedb */
.box20:before,
[style*="#13aedb"] {
    background-color: var(--tiem-secondary) !important;
    background: var(--tiem-secondary) !important;
    color: var(--tiem-secondary);
}