/* CSS Global Styles */









/* === Elements ======== */
* {
	background-repeat: no-repeat;
}

html {
	scroll-behavior: smooth;
}

body {
	font-size: 1.2rem;
}

a {
	cursor: pointer;
	text-decoration: none;
}

	a:hover,
	button:hover,
	select:hover {
		transition: 0.25s;
	}

strong {
	font-weight: 600;
}

input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none; 
}

form input::-moz-input-placeholder,
form textarea::-moz-input-placeholder {
	color: #aaa !important;
	font-weight: 300 !important;
}

form input:-ms-input-placeholder,
form textarea:-ms-input-placeholder {
	color: #aaa !important;
	font-weight: 300 !important;
}

form input::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder {
	color: #aaa !important;
	font-weight: 300 !important;
}








/* === Nav ======== */
nav li.dropdown a.dropdown-toggle::after {
	display: none !important;
}

nav li.dropdown ul.dropdown-menu {
	top: inherit;
	display: block;
	opacity: 0.0;
	max-height: 0;
	transition: opacity 0.15s ease-out, max-height 0s linear;
	transition-delay: 0.0s, 0.25s;
}

	nav li.dropdown:hover ul.dropdown-menu {
		opacity: 1.0;
		max-height: 100vh;
		transition: opacity 0.25s ease-in, max-height 0s linear;
	}

		/*
		nav li.dropdown:hover ul.dropdown-menu .dropdown-item:focus,
		nav li.dropdown:hover ul.dropdown-menu .dropdown-item:hover {
			background-color: transparent !important;
		}
		*/

@media (max-width: 991.98px) {

	[class^="offcanvas"] {
		overflow-y: auto;
	}

		[class^="offcanvas"] button.btn-close {
			z-index: 3000;
		}

	nav a.nav-link {
		font-weight: bolder;
	}

		nav li.dropdown ul.dropdown-menu {
			position: relative;
			opacity: 1;
			max-height: none;
			box-shadow: none !important;
			padding-bottom: 1.0rem;
		}

			nav li.dropdown ul.dropdown-menu a.dropdown-item {
				white-space: normal;
			}

}










/* === Google Translate ======== */
html.translated-ltr body {
	top: 0 !important;
}

html.translated-ltr div.skiptranslate,
html.translated-ltr iframe.skiptranslate {
	display: none;
}

div.google-translate div.goog-te-gadget {
	font-family: "Poppins";
	font-weight: 400;
	font-size: 0px;
}

div.google-translate div.goog-te-gadget a.goog-logo-link {
	display: none;
}

div.google-translate div.goog-te-gadget select[name="language"] {
	background: transparent;
	-webkit-appearance: none;
	background-image: none;
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.0rem;
	letter-spacing: 0.02em;
	color: #207a68;
	border: none;
	outline: none;
	cursor: pointer;
	direction: rtl;
}

select[name="language"] {
	background-image: none;
	font-size: 0.75em;
}

	/*
	div.google-translate div.goog-te-gadget select option {
	}
	*/










/* === Bootstrap ======== */
.m-n1 {
    margin:-.25rem !important
}

.mt-n1, .my-n1 {
    margin-top:-.25rem !important
}

.me-n1, .mx-n1 {
    margin-right:-.25rem !important
}

.mb-n1, .my-n1 {
    margin-bottom:-.25rem !important
}

.ms-n1, .mx-n1 {
    margin-left:-.25rem !important
}

.m-n2 {
    margin:-.5rem !important
}

.mt-n2, .my-n2 {
    margin-top:-.5rem !important
}

.me-n2, .mx-n2 {
    margin-right:-.5rem !important
}

.mb-n2, .my-n2 {
    margin-bottom:-.5rem !important
}

.ms-n2, .mx-n2 {
    margin-left:-.5rem !important
}

.m-n3 {
    margin:-1rem !important
}

.mt-n3, .my-n3 {
    margin-top:-1rem !important
}

.me-n3, .mx-n3 {
    margin-right:-1rem !important
}

.mb-n3, .my-n3 {
    margin-bottom:-1rem !important
}

.ms-n3, .mx-n3 {
    margin-left:-1rem !important
}

.m-n4 {
    margin:-1.5rem !important
}

.mt-n4, .my-n4 {
    margin-top:-1.5rem !important
}

.me-n4, .mx-n4 {
    margin-right:-1.5rem !important
}

.mb-n4, .my-n4 {
    margin-bottom:-1.5rem !important
}

.ms-n4, .mx-n4 {
    margin-left:-1.5rem !important
}

.m-n5 {
    margin:-3rem !important
}

.mt-n5, .my-n5 {
    margin-top:-3rem !important
}

.me-n5, .mx-n5 {
    margin-right:-3rem !important
}

.mb-n5, .my-n5 {
    margin-bottom:-3rem !important
}

.ms-n5, .mx-n5 {
    margin-left:-3rem !important
}







/* === Z-Index ======== */
.z-index-1000 {
	z-index: 1000;
}

.z-index-2000 {
	z-index: 2000;
}










/* === Font Families ======== */
.ff-poppins {
	font-family: "Poppins", sans-serif;
	font-weight: 300;	
}







/* === Font Weight ======== */
.fw-light {
	font-weight: 300;
}

.fw-regular {
	font-weight: 400;
}

.fw-medium {
	font-weight: 500;
}

.fw-semibold {
	font-weight: 600;
}

.fw-bold {
	font-weight: 700;
}

.fw-black {
	font-weight: 900;
}









/* === Line Height ======== */
.lh-normal {
	line-height: normal !important;
}

.lh-md {
	line-height: 1.75 !important;	
}









/* === Letter Spacing ======== */
.ls-0 {
	letter-spacing: normal !important;
}

.ls-10 {
	letter-spacing: 0.01rem !important;
}

.ls-20 {
	letter-spacing: 0.02rem !important;
}

.ls-25 {
	letter-spacing: 0.025rem !important;
}

.ls-40 {
	letter-spacing: 0.04rem !important;
}

.ls-50 {
	letter-spacing: 0.05rem !important;
}

.ls-75 {
	letter-spacing: 0.075rem !important;
}

.ls-100 {
	letter-spacing: 0.1rem !important;
}

.ls-150 {
	letter-spacing: 0.15rem !important;
}

.ls-200 {
	letter-spacing: 0.2rem !important;
}

.ls-250 {
	letter-spacing: 0.25rem !important;
}

.ls-300 {
	letter-spacing: 0.3rem !important;
}

.ls-350 {
	letter-spacing: 0.35rem !important;
}







/* === Colors ======== */
.text-black,
.hover-text-black:hover {
	color: #000 !important;
}

.text-white,
.hover-text-white:hover {
	color: #fff !important;
}

.text-dark-blue,
.hover-text-dark-blue:hover {
	color: #0057A6 !important;
}

.text-light-blue,
.hover-text-light-blue:hover {
	color: #619ec8 !important;
}

.text-orange,
.hover-text-orange:hover {
	color: #e2624a !important;
}

/*
.text-gradient-linear-horizontal-pink-violet {
	color: transparent;
	background-clip: text;
	-webkit-background-clip: text;
	background-image: linear-gradient(90deg, #f9baff, #de85a9);
}
*/







/* === Backgrounds ======== */
.bg-maroon {
	background-color: #900 !important;
}

.bg-white,
.bg-hover-white:hover {
	background-color: #fff !important;
}

.bg-dark-blue,
.bg-hover-dark-blue:hover {
	background-color: #0057A6 !important;
}

.bg-light-blue,
.bg-hover-light-blue:hover {
	background-color: #619ec8 !important;
}

.bg-orange,
.bg-hover-orange:hover {
	background-color: #e2624a !important;
}

.bg-peach,
.bg-hover-peach:hover {
	background-color: #f4e6d7 !important;
}

.bg-gradient-linear-light-blue-vertical {
	background: linear-gradient(180deg, rgba(206,224,237,1) 0%, rgba(206,224,237,0) 100%);	
}

/*
.bg-gradient-radial-navy-blue {
	background: radial-gradient(ellipse at center,  #151942 0%,#0f1230 100%);
}
*/









/* === Borders ======== */
.debug {
	border: red solid 1px !important;
}

.border-dark-blue {
	border-color: #0057A6 !important;
}








/* === Shadows ======== */
.shadow-sharp-light-blue {
	box-shadow: rgba(97,158,200,0.2) 0.75rem 0.75rem 0;
}

.shadow-sharp-orange {
	box-shadow: rgba(226,98,74,0.2) 0.75rem 0.75rem 0;
}

.shadow-sharp-peach {
	box-shadow: rgba(244,230,215,0.20) 0.75rem 0.75rem 0;
}

.shadow-sharp-white {
	box-shadow: rgba(255,255,255,0.20) 0.75rem 0.75rem 0;
}

.shadow-sharp-pale-blue {
	box-shadow: rgba(97,158,200,0.1) 0.75rem 0.75rem 0;
}

.shadow-top {
	box-shadow: 0rem -0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-inner {
	box-shadow: inset 0rem 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-inner-sm {
	box-shadow: inset 0rem 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}







/* === Loaded ======== */
/*
.bg-loaded-navy-blue {
	animation: fade 2s forwards;
	background-color: #0f1230;
}

@keyframes fade {
	from {background-color: #0f1230;}
	to {background-color: #fff;}
}
*/






/* === Transform ======== */
.flip-h {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.flip-v {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}












/* === Lists ======== */
.list-circle {
	list-style-type: circle !important;
}









/* === Placeholder Text ======== */
input.ph-cyan::placeholder,
textarea.ph-cyan::placeholder {
	color: #0095ff !important;
	opacity: 0.75;
}








/* === Datepicker ======== */
/*
input.datepicker::placeholder {
	font-family: 'Font Awesome 6 Pro';
	font-weight: 300;
	font-size: 1.4rem;
	color: #1d9449 !important;
}
*/








/* === Email ======== */
/*
.email table.main tr td p span br {
	content: '';
	display: block;
	height: 0.25rem;
}
*/









/* ==== High Contrast ==== */
body.high-contrast,
body.high-contrast header,
body.high-contrast footer,
body.high-contrast section {
	background: #000 !important;	
}

body.high-contrast hr,
body.high-contrast p,
body.high-contrast p strong,
body.high-contrast p i,
body.high-contrast form,
body.high-contrast legend,
body.high-contrast legend strong,
body.high-contrast label strong,
body.high-contrast input,
body.high-contrast textarea,
body.high-contrast small,
body.high-contrast span,
body.high-contrast h1,
body.high-contrast h2,
body.high-contrast h3,
body.high-contrast h4,
body.high-contrast ul,
body.high-contrast ul li,
body.high-contrast ul strong,
body.high-contrast ul em,
body.high-contrast header,
body.high-contrast main,
body.high-contrast article,
body.high-contrast section,
body.high-contrast menu,
body.high-contrast article div,
body.high-contrast table tr td,
body.high-contrast footer,
body.high-contrast header div,
body.high-contrast footer div {
	color: #fff !important;
	border-color: #fff !important;
}

body.high-contrast label,
body.high-contrast ul i,
body.high-contrast a,
body.high-contrast button {
	background-color: transparent !important;
	color: #FFCF00 !important;
	border-color: #FFCF00 !important;
}

	body.high-contrast a:hover,
	body.high-contrast button:hover {
		background-color: transparent !important;
		color: #fff !important;
		border-color: #fff !important;
		text-decoration: underline !important;
	}

body.high-contrast input,
body.high-contrast textarea {
	background: #000 !important;
	border: #fff solid 1px !important;
}

body.high-contrast article:before,
body.high-contrast article:after {
	visibility: hidden;
}

body.high-contrast footer i {
	color: #fff;
}

body.high-contrast footer a small {
	color: #FFCF00 !important;
}

body.high-contrast #accessibility-panel,
body.high-contrast #accessibility-panel .modal-content {
	background-color: #000 !important;
}