@charset "UTF-8";

/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
body.large-text * {
	font-size: calc(( 16px + ( 18 - 15 ) * ( ( 100vw - 1601px ) / ( 1920 - 1601 ) ) ) * 1.25);
	line-height: initial;
}

body.large-text2 * {
	font-size: calc(( 18px + ( 18 - 15 ) * ( ( 100vw - 1601px ) / ( 1920 - 1601 ) ) ) * 1.5);
	line-height: initial;
}

body.large-text3 * {
	font-size: calc(( 20px + ( 18 - 15 ) * ( ( 100vw - 1601px ) / ( 1920 - 1601 ) ) ) * 2);
	line-height: initial;
}

body.large-text .ada-sidebar *, body.large-text2 .ada-sidebar *, body.large-text3 .ada-sidebar * {
	font-size: 16px !important;
}

body {
	font-size: 100%;
}

body.underline a {
	text-decoration: underline !important;
}

body.simplify, body.simplify div, body.simplify h1, body.simplify h2, body.simplify h3, body.simplify h4, body.simplify h5, body.simplify h6, body.simplify a, body.simplify p, body.simplify li {
	font-family: Arial, Helvetica, sans-serif !important;
	letter-spacing: 0px !important;
	font-style: normal !important;
	text-shadow: none !important;
}

html body.highlight a, html body.highlight a[class*="btn"], html body.highlight a[class*="button"], html body.highlight a[class*="link"], html body.highlight a[class*="icon"], html body.highlight a:before, html body.highlight a i:before, html body.highlight a span {
	color: black !important;
	background: yellow !important;
	background-color: yellow !important;
	display: inline-block;
}

body.grayscale #main-header, body.grayscale #mg-header, body.grayscale #main-content, body.grayscale footer, body.grayscale section, body.grayscale main {
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	filter: grayscale(100%) !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1) !important";
	-o-filter: grayscale(100%) !important;
	-webkit-filter: grayscale(100%) !important;
}

#grayscale i {
	transform: rotate(180deg);
}

.ada-icon {
	display: none;
	position: fixed;
	left: 0;
	top: 80%;
	padding: 10px 10px;
	cursor: pointer;
	z-index: 10;
}

.ada-icon i {
	font-size: 40px !important;
	font-family: "Font Awesome 6 Pro" !important;
	background: white;
	border-radius: 24px;
	position: relative;
	font-style: normal;
	color: #2a82c1;
}

.ada-icon i:hover {
	color: tomato;
}

html body .ada-sidebar {
	background-color: rgba(255, 255, 255, 1);
	color: rgba(0, 0, 0, 1);
	position: fixed;
	top: 0;
	left: -200px;
	height: 100vh;
	width: 200px;
	filter: grayscale(0%) !important;
	-webkit-perspective-origin-x: left;
	-webkit-perspective-origin-y: top;
}

.ada-sidebar.open + .ada-icon {
	display: none;
}

.ada-sidebar.open {
	left: 0px;
	z-index: 10000000;
	box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, .5);
}

.ada-sidebar > div {
	display: flex;
}

.ada-sidebar > div:last-child {
	border-bottom: thin solid rgba(0, 0, 0, .1);
}

.ada-sidebar > div:nth-child(n+2) {
	border-top: thin solid rgba(0, 0, 0, .1);
	padding: 20px 5px;
	cursor: pointer;
	padding-left: 20px;
}

.ada-sidebar div {
	font-size: 16px !important;
	line-height: normal !important;
	font-weight: 400 !important;
}

.ada-sidebar div span {
	font-family: Arial, Helvetica, sans-serif !important;
	-webkit-font-smoothing: auto;
	padding-left: 5px;
}

.ada-sidebar div:hover {
	background: gray;
	color: white;
}

.ada-sidebar div#comply:hover {
	background: white;
	color: black;
}

.ada-sidebar div:hover i.fas, .ada-sidebar div:hover i {
	color: white !important;
}

.ada-sidebar i.fa, .ada-sidebar i.fas {
	font-family: "Font Awesome 5 Pro" !important;
	color: #2a82c1;
	filter: grayscale(0%) !important;
}

.ada-sidebar div#comply {
	font-family: Arial, Helvetica, sans-serif !important;
	margin: 20px 0;
	justify-content: center;
	font-weight: 900 !important;
	font-size: 18px !important;
	letter-spacing: -.5px;
	background: white;
	color: black;
}

@media (min-width:768px) {
	.ada-icon {
		display: block;
	}
}