@import url(../fonts/stylesheet.css);
body {
	color: #ECE9D8;
	margin:0;
	padding:0;
	border:0;
    background: #fff;
    background-image: url('../images/contact-pattern.png');
    font-family: AvantGardeBook, Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
}
a {color: #fff;} /* Overall Link Color */
a:visited {color: #fff;} /* Visited Link Color */
a:hover {color: #ccc;} /* Link on Hover Color */
a:active {color: #ccc;} /* Link on Click Color */
img {margin:0;	padding:0;	border:0;}

.facility, .links {font-size:16px; font-weight: bold; color:#fff;}
.address {font-size:14px; color:#fff; margin:0; padding:0;}
.red_dot {font-weight: bold; font-size: 14px; color: #ED1C24;}

h1 {color:#fff; font-size:24px; text-align:center;}
h2 {color:#fff; font-size:18px;}
.login {text-decoration: none; background-color:#df1a1b; font-family: AvantGardeDemi; color:#fff !important; width: 10%; margin: auto; border-radius: 20px; border: none; padding: 1em 3em; text-align: center; display: block; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; cursor: pointer;}
.login:hover {background-color: #fff; color:#000f20 !important;}
.login a {text-decoration: none;}
.ist_tbl {background-color: rgba(255, 255, 255, 0.05); padding: 1.5em; margin:0 auto;}
.ist_tbl th, .ist_tbl td {padding:0.25em;}
.textbox {width:75%; margin:16px auto;}
.spam {font-size: 10px; color: #990000; background:#ccc; padding:6px; text-align:center;}
.rep_labels, .small_text {font-size: 10px; color:#fff;}
.important {background:#fff; color:#900; padding:4px; text-align:center;}

.foot {font-size:10px;}

.KT_tngtable, .KT_tnglist {background:rgba(255, 255, 255, 0.15); padding:4px;}

.bodyTable {
	background-color: #000f20;
	box-shadow: 0px 0px 18px #000f20;
}

.blueTable {
	padding: 0 clamp(1rem, 3vw, 2rem) 2rem;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.redNav {
	background-color: #df1a1b;
	padding: 0.35em 0 0.25em 0;
}

.redNav a {
	text-decoration: none;
	margin-right: 2em;
	font-family: AvantGardeDemi;
}

.redNav a:first-child {
	margin-left: 1.5em;
}

.redNav a:hover {
	color: #ffadad;
}

.whiteNav a {
	text-decoration: none;
	margin-right: 2em;
	font-family: AvantGardeDemi;
	font-size: 16px;
}

.whiteNav a:first-child {
	margin-left: 4em;
}

.whiteNav a:hover {
	color:#ffadad;
}

/* ----- Site shell: full-width main column (top.php / bot.php) ----- */
.ist-shell {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: center;
	width: 100%;
	max-width: 100%;
	min-height: 100vh;
	box-sizing: border-box;
}

/* Side gutters off — content uses full viewport width inside .ist-main */
.ist-gutter,
.ist-gutter-left,
.ist-gutter-right {
	display: none !important;
}

.ist-main {
	flex: 1 1 100%;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	box-sizing: border-box;
}

.ist-facility-bar {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: flex-end;
	width: 100%;
	min-height: 2.25em;
}

.ist-facility-spacer {
	flex: 1 1 60%;
	min-width: 0;
}

.ist-redNav {
	flex: 0 1 40%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	box-sizing: border-box;
}

.ist-blue-wrap {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	width: 100%;
	box-sizing: border-box;
}

.ist-brand-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1rem;
	width: 100%;
	box-sizing: border-box;
}

.ist-logo {
	flex: 0 1 30%;
	min-width: 200px;
}

.ist-logo img {
	display: block;
	max-width: 100%;
	height: auto;
}

.ist-whiteNav {
	flex: 1 1 55%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: flex-start;
	gap: 0;
	min-height: 70px;
	box-sizing: border-box;
}

hr.ist-rule {
	width: 100%;
	border: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.25);
	margin: 0;
}

.ist-address-block {
	width: 100%;
	text-align: center;
	box-sizing: border-box;
}

.ist-page-slot {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding-left: clamp(0.75rem, 2vw, 1.5rem);
	padding-right: clamp(0.75rem, 2vw, 1.5rem);
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	box-sizing: border-box;
}

/* Optional wrapper used by some pages (e.g. index) inside .ist-page-slot */
.ist-page-main {
	width: 100%;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	box-sizing: border-box;
}

.ist-site-footer {
	width: 100%;
	text-align: center;
	padding: 1.5rem 1rem 2rem;
	box-sizing: border-box;
}

@media (max-width: 720px) {
	.ist-shell {
		flex-direction: column;
		min-height: 0;
	}

	.ist-main {
		flex: 1 1 auto;
		max-width: 100%;
	}

	.ist-facility-bar {
		flex-wrap: wrap;
	}

	.ist-facility-spacer {
		display: none;
	}

	.ist-redNav {
		flex: 1 1 100%;
		justify-content: center;
	}

	.redNav a:first-child {
		margin-left: 0;
	}

	.ist-brand-row {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.ist-whiteNav {
		justify-content: center;
		min-height: 0;
		padding-bottom: 0.5rem;
	}

	.whiteNav a:first-child {
		margin-left: 0;
	}

	.ist-page-slot {
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}
}