/* Custom header title next to logo */
.site-title {
	display: flex;
	flex-direction: column;
	line-height: 1.05;
	text-align: left;
}
.site-title-line1 {
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #222;
}
.site-title-line2 {
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 14px;
	color: #444;
}

/* Make the title and logo align nicely and shrink on sticky */
.header-logo img {
	display: block;
	max-width: 100%;
	height: auto;
}

@media (max-width: 767px) {
	.site-title-line1 { font-size: 16px; }
	.site-title-line2 { font-size: 13px; }
}

/* When header becomes sticky this theme toggles data-sticky sizes; also ensure spacing */
header.header-effect-shrink .site-title-line1 { font-size: 16px; }
header.header-effect-shrink .site-title-line2 { font-size: 12px; }

/* Vertical separator between site title and menu */
.header-separator {
	width: 1px;
	height: 48px;
	background-color: rgba(0,0,0,0.08);
	margin-left: 18px;
	margin-right: 18px;
}

/* Ensure separator is not shown on small screens where nav collapses */
@media (max-width: 991px) {
	.header-separator { display: none; }
}

/* Align header menu column so separator sits between title and menu */
.header-menu-column .header-row { display: flex; align-items: center; }

/* Maroon (visiniu) site theme variables and overrides */
:root {
	--site-primary: #5a141c; /* slightly lighter maroon for header/footer */
	--site-primary-variant: #6b1b23; /* hover/variant */
	--site-accent: #c04a55; /* warm accent, slightly brighter */
	--site-muted: #f7ecee; /* light background variant */
	--site-dark: #1f2326; /* dark text/footer */
}

/* Apply primary color to links, nav, buttons */
a, .nav-pills .nav-link, .dropdown-item { color: var(--site-primary); }
a:hover, .nav-pills .nav-link:hover, .dropdown-item:hover { color: var(--site-accent); }

/* Header full maroon background and menu active state */
header {
	background-color: var(--site-primary);
	color: #fff;
}

/* Ensure inner header containers don't override the header background (make it full-width maroon) */
header#header, header#header .header-body, header#header .header-container, header#header .header-row, header#header .header-column {
    background-color: var(--site-primary) !important;
}
/* Make nav links readable on dark header */
a, .nav-pills .nav-link { color: #ffffff !important; }
/* Dropdown items should be maroon on white background of dropdown */
.dropdown-menu .dropdown-item, .header-nav .dropdown-menu .dropdown-item { color: var(--site-primary) !important; }
.dropdown-menu .dropdown-item:hover, .header-nav .dropdown-menu .dropdown-item:hover { color: var(--site-accent) !important; background-color: rgba(0,0,0,0.02) !important; }
a.dropdown-toggle, .nav-pills .nav-link.dropdown-toggle { color: #ffffff !important; }

/* Force dropdown panel to be white so maroon text is visible */
.dropdown-menu {
	background-color: #ffffff !important;
	border: 1px solid rgba(0,0,0,0.06) !important;
	box-shadow: 0 6px 18px rgba(0,0,0,0.08) !important;
}
.dropdown-menu .dropdown-item { color: var(--site-primary) !important; }
.dropdown-menu .dropdown-item:hover { background-color: rgba(110,27,42,0.04) !important; color: var(--site-accent) !important; }
a:hover, .nav-pills .nav-link:hover, .dropdown-item:hover { color: var(--site-accent); }
.header-nav .dropdown-item.active, .header-nav .dropdown-item:active { background-color: rgba(255,255,255,0.06); }

/* Ensure header logo and site title contrast on dark background */
.site-title-line1, .site-title-line2 { color: #fff; }
.site-title-line2 strong { color: #fff; }

/* Dark header also needs a slightly brighter separator */
.header-separator { background-color: rgba(255,255,255,0.12); }

/* Buttons primary */
.btn-primary { background-color: var(--site-accent); border-color: var(--site-accent); color: #fff; }
.btn-primary:hover { background-color: var(--site-primary-variant); border-color: var(--site-primary-variant); }

/* Footer (make it maroon to match header) */
#footer { background-color: var(--site-primary); color: rgba(255,255,255,0.95); }
#footer a { color: rgba(255,255,255,0.95); }

/* Ensure footer inner blocks inherit the maroon background for full-width look */
#footer .footer-copyright, #footer .container, #footer .row { background-color: transparent; }

/* Slightly dim the small copyright text for hierarchy */
#footer p, #footer .footer-copyright p { color: rgba(255,255,255,0.9); margin: 0; }

/* Accent backgrounds */
.bg-primary { background-color: var(--site-primary) !important; color: #fff; }
.bg-muted { background-color: var(--site-muted) !important; }

/* Subtle border using theme color */
.border-color-primary { border-color: rgba(110,27,42,0.12) !important; }

/* Hide any top banner/stripe added by slider plugins (blue lines) */
.tp-bannertimer, .tp-caption .frontcornertop, .tp-caption .backcornertop, .tp-caption .frontcorner, .tp-caption .backcorner {
	display: none !important;
}

/* Some plugin settings add top/bottom borders with explicit blue colors; override them */
.tp-caption .frontcorner, .tp-caption .backcorner, .tp-caption .frontcornertop, .tp-caption .backcornertop {
	border-color: transparent !important;
}

/* Also override explicit settings in vendor CSS that use bright blue for top/bottom borders */
.tp-bannertimer { background: transparent !important; height: 0 !important; }

/* Strengthen footer background across theme containers */
#footer, #footer .container, .footer-copyright {
	background-color: var(--site-primary) !important;
}

/* Slightly lighten header/footer when viewed on large screens for better contrast */
@media (min-width: 1200px) {
	header, #footer { background-color: #6a1c22 !important; }
}