/**
 * KMTC white-label brand overlay
 * Colors from https://kmtc.ac.ke/ + official crest:
 *   Yellow  #F2B904  |  Maroon #6D1926  |  Cream #FFF9E5
 * Fonts: Open Sans
 */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap');

:root {
	--thm-font: 'Open Sans', 'Poppins', sans-serif;
	--heading-font: 'Open Sans', 'Poppins', sans-serif;
	--thm-base: #6D1926;
	--thm-base-rgb: 109, 25, 38;
	--thm-black: #4A0F18;
	--thm-black-rgb: 74, 15, 24;
	--kmtc-yellow: #F2B904;
	--kmtc-yellow-dark: #D9A400;
	--kmtc-maroon: #6D1926;
	--kmtc-maroon-dark: #4A0F18;
	--kmtc-cream: #FFF9E5;
}

body {
	font-family: var(--thm-font);
	color: #2c2c2c;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--heading-font);
	color: var(--kmtc-maroon);
}

/* ——— Top utility bar (gold, like KMTC) ——— */
.topbar-one,
.main-header-wrapper .topbar-one {
	background: var(--kmtc-yellow) !important;
}

.topbar-one p,
.topbar-one p i {
	color: var(--kmtc-maroon) !important;
}

.topbar-one .thm-btn,
.topbar-one__right .thm-btn {
	background-color: var(--kmtc-maroon) !important;
	color: #fff !important;
	border-color: var(--kmtc-maroon) !important;
}

.topbar-one .thm-btn:hover,
.topbar-one__right .thm-btn:hover {
	background-color: var(--kmtc-maroon-dark) !important;
}

.topbar-one .search-btn a,
.topbar-one__right .search-btn a {
	background-color: var(--kmtc-maroon) !important;
	color: #fff !important;
}

/* ——— Main nav: white so the crest reads clearly ——— */
.main-header-wrapper {
	background: transparent !important;
}

.site-header-one,
.site-header-two,
.site-header-one.stricky-fixed,
.site-header-two.stricky-fixed,
.site-header-one.stricked-menu,
.site-header-two.stricked-menu,
.site-header-one .inner-container,
.site-header-two .inner-container {
	background: #ffffff !important;
	border-bottom: 3px solid var(--kmtc-yellow);
	box-shadow: 0 2px 10px rgba(109, 25, 38, 0.08);
}

.site-header-one .inner-container,
.site-header-two .inner-container {
	display: flex;
	align-items: center;
	min-height: 96px;
	padding-top: 8px;
	padding-bottom: 8px;
}

/* Crest logo — sized for a circular seal, not a wide wordmark */
.site-header-one__logo {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.site-header-one__logo .moto {
	display: flex;
	align-items: center;
	gap: 0;
	text-decoration: none;
}

.site-header-one__logo img,
.site-header-two .site-header-one__logo img,
.stricky-fixed .site-header-one__logo img,
.stricked-menu .site-header-one__logo img {
	position: static !important;
	top: auto !important;
	margin: 0 !important;
	max-height: 92px !important;
	max-width: 92px !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain;
	display: block;
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 0 !important;
}

/* Sticky clone should not look like a floating card */
.site-header-one.stricked-menu,
.site-header-two.stricked-menu,
.site-header-one.stricky-fixed,
.site-header-two.stricky-fixed {
	background: #ffffff !important;
	box-shadow: 0 2px 12px rgba(109, 25, 38, 0.12) !important;
	border-bottom: 3px solid var(--kmtc-yellow) !important;
}

/* Motto is already inside the crest — never show duplicate text (incl. sticky clone) */
.site-header-one__logo .moto h1,
.site-header-one .moto h1,
.stricky-fixed .moto h1,
.stricked-menu .moto h1,
.site-header-one.stricky-fixed .moto h1,
.site-header-one.stricked-menu .moto h1,
.stricky-fixed.site-header-two .moto h1 {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	font-size: 0 !important;
}

.main-nav__navigation-box > li > a {
	color: var(--kmtc-maroon) !important;
	font-weight: 700;
}

.main-nav__navigation-box > li > a:hover,
.main-nav__navigation-box > li.current > a {
	color: var(--kmtc-maroon-dark) !important;
}

.main-nav__navigation-box .thm-btn {
	background: var(--kmtc-maroon) !important;
	color: #fff !important;
}

.main-nav__navigation-box .thm-btn:hover {
	background: var(--kmtc-maroon-dark) !important;
}

.site-header-one .side-menu__toggler {
	color: var(--kmtc-maroon) !important;
}

/* Buttons */
.thm-btn,
.green {
	background: var(--kmtc-maroon) !important;
	color: #fff !important;
}

.thm-btn:hover {
	background: var(--kmtc-maroon-dark) !important;
	color: #fff !important;
}

a {
	color: var(--kmtc-maroon);
}

/* CTA band */
.cta-one,
.cta-one .inner-container {
	background: var(--kmtc-yellow) !important;
}

.cta-one h3 {
	color: var(--kmtc-maroon) !important;
}

.cta-one .thm-btn {
	background: var(--kmtc-maroon) !important;
}

/* ——— Footer: cream panel + readable dark text ——— */
.site-footer,
.site-footer__two,
.site-footer__upper {
	background: var(--kmtc-cream) !important;
}

.site-footer__upper,
.site-footer__upper p,
.footer-widget p,
.site-footer .footer-widget__links-list a,
.site-footer .list-unstyled a {
	color: #2c2c2c !important;
}

.footer-widget__title,
.footer-widget__title span,
.site-footer h3 {
	color: var(--kmtc-maroon) !important;
	border-bottom-color: var(--kmtc-maroon);
}

.site-footer a:hover {
	color: var(--kmtc-maroon) !important;
}

.footer-widget__about .footer-widget__logo {
	display: inline-flex;
	margin-bottom: 16px;
}

.footer-widget__about .footer-widget__logo img,
.site-footer .footer-widget__logo img {
	max-width: 110px !important;
	max-height: 110px !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain;
	display: block;
}

.site-footer__bottom {
	background: var(--kmtc-maroon) !important;
	color: #fff !important;
}

.site-footer__bottom a,
.site-footer__bottom p {
	color: #fff !important;
}

.side-menu__social a,
.footer-widget__social a {
	background: var(--kmtc-maroon) !important;
	color: #fff !important;
}

.scroll-to-top {
	background: var(--kmtc-maroon) !important;
}

.red.thm-btn {
	background: var(--kmtc-maroon) !important;
}

/* ——— assetsv2 / skin-2 blues & oranges → KMTC ——— */
:root {
	--color-primary: #6D1926 !important;
	--color-secondry: #F2B904 !important;
	--color-hover: #4A0F18 !important;
	--thm-base: #6D1926;
	--thm-base-rgb: 109, 25, 38;
	--thm-black: #4A0F18;
}

.bg-primary,
.section-full.bg-primary,
.about-year.bg-primary,
.dlab-separator.bg-primary,
.site-button,
.btn-primary,
.badge-primary,
.pagination > .active > a,
.overlay-primary-light:after,
.overlay-primary-middle:after,
.overlay-primary-dark:after {
	background-color: var(--kmtc-maroon) !important;
	background: var(--kmtc-maroon) !important;
	border-color: var(--kmtc-maroon) !important;
	color: #fff !important;
}

.dlab-separator.bg-primary {
	color: transparent !important;
}

.text-primary,
.breadcrumb-row ul li a,
.list-check.primary li:before {
	color: var(--kmtc-maroon) !important;
}

/* Don't force maroon on every hover (breaks white links on maroon bands) */
a:hover:not(.thm-btn):not(.site-button):not(.btn-primary):not(.text-white),
a:focus:not(.thm-btn):not(.site-button):not(.btn-primary):not(.text-white) {
	color: var(--kmtc-maroon);
}

.site-button:hover,
.btn-primary:hover,
.btn-outline-primary:hover {
	background-color: var(--kmtc-maroon-dark) !important;
	border-color: var(--kmtc-maroon-dark) !important;
	color: #fff !important;
}

.btn-outline-primary {
	color: var(--kmtc-maroon) !important;
	border-color: var(--kmtc-maroon) !important;
}

/* Kill leftover Roodito blues in v3 theme hard-codes */
[style*="#3ba0e4"],
[style*="#3a9fe3"] {
	/* inline leftovers handled where possible via class overrides */
}

.main-nav__navigation-box > li ul,
.main-nav__navigation-box > li > ul {
	border-top-color: var(--kmtc-maroon) !important;
}

.main-nav__navigation-box > li ul > li:hover > a,
.main-nav__navigation-box > li ul > li > a:hover {
	background: var(--kmtc-maroon) !important;
	color: #fff !important;
}

.block-title__two h4,
.service-one__single h3 a:hover,
.pricing-one__price,
.banner-one h3 span,
.banner-one__tagline {
	color: var(--kmtc-maroon) !important;
}

@media (max-width: 991px) {
	.site-header-one__logo img,
	.site-header-two .site-header-one__logo img {
		max-height: 64px !important;
		max-width: 64px !important;
	}

	.site-header-one .inner-container,
	.site-header-two .inner-container {
		min-height: 72px;
	}
}