
:root {
	--theme-primary: #004680;
	--theme-primary-alt: #074f8a;
	--colour-primary: #003F87;

	--colour-facebook: #1877F2;
	--colour-twitter: #1DA1F2;

	--theme-body-bg-alt0: var(--theme-body-bg);
	--theme-body-bg-alt2: var(--theme-body-bg-alt);
	--theme-body-bg-alt1: #dbdff0;
	--theme-body-bg-alt3: #d1d9ee;
}

body {
	background: var(--theme-black);
	color: #fff;
	font-weight: 500 !important;
}

body > header a:link,
body > header a:visited {
	color: var(--theme-white) !important;
}

body > header a.btn:active,
body > header a.btn:hover {
	color: var(--theme-black) !important;
}

section {
	background: #fff;
	color: #222;
}

.thead-dark th {
	background-color: var(--SSBlue1);
	color: #fff;
}

.thead-dark tr th:first-of-type {
	border-top-left-radius: 4px;
}

.thead-dark tr th:last-of-type {
	border-top-right-radius: 4px;
}

.ztable {
	--bs-table-bg: #fafafa91;
}

.ztable {
	color: #000;
	font-weight: normal !important;
}

.ztable a:link,
.ztable a:visited {
	color: inherit !important;
	font-weight: inherit !important;
}

.ztable td {
	color: inherit !important;
	font-weight: inherit !important;
}

a:link:not(.btn),
a:visited:not(.btn) {
	border-bottom: 0px;
	color: #222;
	text-decoration: underline;
}

h1 a:link,
h1 a:visited {
	text-decoration: none !important;
}

.atl-dropsort-item {
	background-color: color-mix(in srgb, var(--theme-grey-lt) 50%, transparent);
}

.atl-ui-pillbox-item a:link {
	text-decoration: none;
}

.atl-ui-pillbox-item a:hover {
	background: var(--theme-primary);
	color: var(--theme-white);
}

.form-control {
	display: block;
	width: 100%;
	--height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

.btn-primary { background-color: var(--colour-primary); }
.btn-dark { color: #FFF; }
.btn-outline-dark:not(.btn) { background: #FAFAFA; }
.btn-outline-dark:not(.btn):hover { background: #000000; }

.text-primary { color: #003F87 !important; }
.btn-facebook { background: var(--colour-facebook); color: #FFFFFF; }
.btn-facebook:hover { border-color: var(--colour-facebook); color: var(--colour-facebook); }
.btn-twitter { background: var(--colour-twitter); color: #FFFFFF; }
.btn-twitter:hover { border-color: var(--colour-twitter); color: var(--colour-twitter); }

.bg-primary { background-color: #003F87; }

.bg-ssblue { background-color: var(--SSBlue1) !important; }

.bg-purple-grad1 {
	background: #576cad;
	background: linear-gradient(145deg, #576cad 0%, #7187b1 100%);
}

.bg-purple-grad2 {
	background: #394a72;
	background: linear-gradient(145deg, #394a72 0%, #4f5e80 100%);
}

.bg-survscout-blue { background-color: var(--SSBlue1) !important; }
.bg-grey-faint { background-color: #f0f0f0 !important; }

.btn-outline-hover-white:hover { border-color: #FFFFFF !important; color: #FFFFFF !important; }
#PageMain .btn-outline-light { border-color: var(--theme-black) !important; color: var(--theme-black) !important; }
#PageMain .btn-outline-light:hover { color: var(--theme-white) !important; }

.sl-overlay { opacity: 0.9 !important; }
.sl-image img { box-shadow: 0px 0px 64px #00000066; }

.form-select-special {
	background-color: var(--theme-primary);
	color: var(--theme-white);
	padding: 0.75rem 1.5rem;
}

.SOSCSAADVO h1 { font-size: 1.7rem; }

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}
