@import url('components/accordion.css');
@import url('components/buttons.css');
@import url('components/combobox.css');
@import url('components/comingsoon.css');
@import url('components/contactus.css');
@import url('components/container.css');
@import url('components/datetime.css');
@import url('components/doccreator.css');
@import url('components/dropdown.css');
@import url('components/faq.css');
@import url('components/how.css');
@import url('components/images.css');
@import url('components/landing.css');
@import url('components/leftmenu.css');
@import url('components/links.css');
@import url('components/lint.css');
@import url('components/login.css');
@import url('components/map.css');
@import url('components/marquee.css');
@import url('components/modal.css');
@import url('components/navbar.css');
@import url('components/pagination.css');
@import url('components/profile.css');
@import url('components/pulse-loader.css');
@import url('components/table.css');
@import url('components/tabstrips.css');
@import url('components/tooltip.css');

:root {
	--base-primary-color: #c53b36;
	--base-secondary-color: #1e266e;
	/*--color-primary: oklch(from var(--base-primary-color) calc(l * 1.2) c h);*/
	--color-primary: oklch(from var(--base-primary-color) l c h);
	--color-primary-hover: oklch(
		from var(--base-primary-color) calc(l * 2) calc(c * 3) h
	);
	/*--color-secondary: oklch(from var(--base-secondary-color) l c h / 0.7);*/
	--color-secondary: oklch(from var(--base-secondary-color) l c h);
	--color-secondary-hover: oklch(
		from var(--base-secondary-color) calc(l * 2) calc(c * 3) h
	);
	--color-secondary-matte: oklch(from var(--base-secondary-color) l c h / 0.7);
	--text-color: #f0f0f0;
	/*------------------------------------------*/

	--color-beige-0: #f2dea6;
	--color-beige-1: #d4c18e;
	--color-grey-0: #f2f2f2;
	--color-grey-1: #bcbdc0;
	--color-grey-2: #4d4d4d;
	--color-grey-3: #414042;
	--color-white: #ffffff;
	--color-black: #000000;
}

/* ----------------------- overwrites ------------------------ */
html {
	font-size: 16px !important;
}

body {
	/*font-size: 12px;*/
	font-family: sans-serif, 'Helvetica Light', Arial !important;
	/*font-weight: normal;*/
}

.serve-details label {
	padding-right: 18px !important;
}


.hilite {
	color: var(--color-primary);
	font-weight: 800;
}

.pull-left {
	float: left;
	margin-right: auto;
}

.pull-right {
	float: right;
	margin-left: auto;
}
/* ----------------------- new ------------------------ */

.overlay-wrapper > * {
	position: relative;
	z-index: 2;
}

.custom-hr {
	width: 400px;
	height: 2px;
	background-color: var(--color-grey-0);
	border: none;
	margin-left: 0; /* Align to the left */
}

/* --- Broadcast Banner --- */
.marquee {
	color: var(--color-white);
}