@charset "utf-8";
/*
  Edge Node

  Author: Aaron Henry
  Date: 01/01/2024
*/
/*
===============================
	Page
===============================
*/
{Logo Color: #051F41;}
* {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
html {
	background-color: #061429;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	background-image: url('../images/logo-bg.svg');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}
a {
  color: #fff;
  text-decoration: none;
	text-decoration-thickness: 10%;
	text-underline-offset: 30%;
}
body {
	display: flex;
  flex-flow: column;
	flex-grow: 1;
	max-width: 1200px;
	margin: 0rem auto;
	background-color: rgba(33, 37, 41, .75);
	color: #fff;
	animation: fadeIn 3s;
}
/* Make The Background Cover The Full Page When Nav Menu Is Open*/
html:has(input[type="checkbox"]:checked) body {
	height: 100%;
	background-color: rgba(33, 37, 41, 1);
}
.font_primary_color {
	color: #A8C4E8;
}
.font_primary_color h1 {
	color: #FFF;
}
/*
===============================
	Header
===============================
*/
header {
  position: sticky;
  top: 0;
	z-index: 100;
}
/*
===============================
	Nav
===============================
*/
nav {
	display: none;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	flex-grow: 1;
	font-size: 1.25rem;
	width: 100%;
}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes nav-open {
  from {top: -100%;}
  to {top: 0px;}
}
@keyframes nav-close {
  from {top: 0px;}
  to {top: -100%;}
}
.navbar .logo, .navbar .menu-icon {
	background-color: #212529;
	z-index: 1;
}
html:has(input[type="checkbox"]:checked) nav {
	display: flex;
	z-index: 0;
}
html:has(input[type="checkbox"]:checked) nav .nav-support, html:has(input[type="checkbox"]:checked) nav .nav-menu {
	display: flex;
	position: relative;
	animation-name: nav-open;
	animation-duration: .5s;
	animation-fill-mode: forwards;
	z-index: -1;
}
html:has(input[type="checkbox"]:not(:checked)) nav {
	width: unset;
}
nav a {
	text-shadow: .25rem .25rem .25rem rgb(0, 0, 0, 1);
}
nav img {
	width: 1rem;
	vertical-align: text-top;
}
nav ul {
	list-style-type: none;
}
nav ul li {
	padding: 1rem;
}
nav ul li a:hover {
	color: #fff;
	text-decoration: underline;
	text-decoration-thickness: 10%;
	text-underline-offset: 30%;
}
nav .spacer:first-of-type {
	display: none;
}
html:has(input[type="checkbox"]:checked) nav .spacer:first-of-type {
	display: unset;
}
nav .nav-support {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	flex-grow: 1;
	font-size: .75rem;
	font-weight: bolder;
}
html:has(input[type="checkbox"]:checked) nav .nav-support {
	font-size: unset;
}
nav .nav-support a:hover {
	text-decoration-color: #FFF;
	text-decoration-thickness: 10%;
}
nav .nav-support ul {
	background-color: #0073DA;
	border-radius: 0rem 0rem 1rem 1rem;
	filter: drop-shadow(.15rem .15rem 0rem rgb(0, 0, 0, 0.75));
}
nav .nav-support ul li {
		padding: 0.45rem;
		text-align: center;
}
html:has(input[type="checkbox"]:checked) nav .nav-support ul li {
	padding: 1rem;
	font-weight: bold;
	text-shadow: 0rem .15rem .1rem rgb(0, 0, 0, 1);
}
nav .nav-support ul li img {
	width: .9rem;
	filter: drop-shadow(.15rem .15rem 0rem rgb(0, 0, 0, 0.75));
}
nav .nav-menu {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}
nav .nav-menu ul {
	{background-color: #0073DA;}
	border-radius: 1rem 1rem 0rem 0rem;
}
nav .nav-menu ul li {
	text-shadow: 0rem .15rem .1rem rgb(0, 0, 0, 1);
	font-weight: bold;
}
nav .nav-menu ul li:nth-of-type(even) {
	display: none;
	padding-left: unset;
	padding-right: unset;
	color: #0073DA;
}
html:has(input[type="checkbox"]:not(:checked)) nav .nav-menu ul li:nth-of-type(even) {
	display: unset;
}
header .spacer {
	height: 0.25rem;
	width: 100%;
	background-color: #0073DA;
	{filter: drop-shadow(0rem .25rem .25rem rgb(0, 0, 0, 1));}
}
.navbar {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: center;
	text-align: center;
	flex-grow: 1;
	background-color: #212529;
	filter: drop-shadow(0rem 1rem 0.25rem rgb(0, 0, 0, 0.75));
}
html:has(input[type="checkbox"]:checked) .navbar {
	filter: unset;
}
html:has(input[type="checkbox"]:checked) .navbar .spacer {
	display: none;
}
.navbar a:hover {
	text-decoration-color: #0073DA;
}
.navbar img {
  filter: drop-shadow(.25rem .25rem 0rem rgb(0, 0, 0, 0.75));
}
.logo {
	display: flex;
	flex: 1;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	padding: 0.7rem clamp(0.7rem, 5%, 2rem);;
}
.logo h1 {
	padding-bottom: unset;
	font-size: clamp(1rem, 9vw, 2rem);
	padding-left: clamp(0rem, 6vw, 1rem);
}
.logo h1:hover {
	text-decoration: underline;
	text-decoration-color: #0073DA;
	text-decoration-thickness: 10%;
	text-underline-offset: 30%;
}
.logo img {
	vertical-align: top;
	width: clamp(2rem, 18vw, 6rem);
}
.items {
	width: 100%;
}
.items ul {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: center;
	align-content: center;
	width: 100%;
}
.items li {
	padding: .5rem;
}
.menu-phone {
  display: none;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
	background-color: #0073DA;
	padding: .5rem;
}
.menu-phone a:hover {
	color: #fff;
	text-decoration: underline;
	text-decoration-thickness: 10%;
	text-underline-offset: 30%;
}
.menu-phone img {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 2rem;
}
.menu-phone-icon img {
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(200%);
}
html:has(input[type="checkbox"]:checked) .menu-phone {
	display: flex;
  width: 100%;
}
.menu-icon {
  padding: 1rem;
}
.menu-icon .checkbox {
	position: relative;
	top: 16px;
  height: 32px;
  width: 32px;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
}
.hamburger-lines {
	position: relative;
	top: -15px;
  height: 1.6rem;
  width: 2rem;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
	transition: transform 0.4s ease-in-out;
}
.hamburger-lines .line {
  display: block;
  height: 4px;
  width: 100%;
  border-radius: 10px;
  background-color: #fff;
	transition: transform 0.4s ease-in-out;
}
.hamburger-lines .line1 {
  transform-origin: 0% 0%;
}
.hamburger-lines .line2 {
  transition: transform 0.2s ease-in-out;
}
.hamburger-lines .line3 {
  transform-origin: 0% 100%;
}
html:has(input[type="checkbox"]:hover) .hamburger-lines .line {
  background-color: #0073DA;
}
/* Transition Offset */
html:has(input[type="checkbox"]:checked) .hamburger-lines {
  {transform: translate(.3rem);}
}
html:has(input[type="checkbox"]:checked) .hamburger-lines .line1 {
  transform: rotate(45deg);
}
html:has(input[type="checkbox"]:checked) .hamburger-lines .line2 {
  transform: scaleY(0);
}
html:has(input[type="checkbox"]:checked) .hamburger-lines .line3 {
  transform: rotate(-45deg);
}
/*
===============================
	Content
===============================
*/
h1 {
 font-size: 1.25rem;
 text-align: center;
 padding-bottom: 1rem;
 text-shadow: .25rem .25rem .25rem rgb(0, 0, 0, 1);
}
.header h1 {
	padding: 1rem;
	background-color: #051F41;
	/* background-color: #061429;
	background-color: #0073DA; */
}
main {
}
main p {
	line-height: 1.5rem;
}
main > .intro {
	background-image: url("/images/banner2.jpg");
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center;
}
main > .intro p {
padding: 4rem clamp(1rem, 5%, 2rem);
color: #FFF;
font-weight:bold;
background-color: rgba(5,31,65,.5);
background-color: rgba(0,0,0,.5);
text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
}
main .table {
	display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
}
main .table .header {
	width: 100%;
}
main .table .spacer {
	width: 100%;
	height: .25rem;
	background-color: #0073DA;
	margin: 0rem;
}
main .table .item {
flex-grow: 1;
	padding: 1rem clamp(1rem, 5%, 2rem);
}
main .table .item h1 {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
main .table .item h1 img {
	width: 4rem;
	filter: drop-shadow(.25rem .25rem 0rem rgb(0, 0, 0, 0.75));
	padding-bottom: 1rem;
}
main .table .item ul {
	margin-left: 1rem;
}
main .table .item ul li {
	list-style-type: disc;
	padding-bottom: 0.5rem;
}
main .table .item ul li:last-of-type {
	padding-bottom: unset;
}
main .contact {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	padding: 2rem clamp(1rem, 5%, 2rem);
	background-color: #051F41;
}
main .contact ul {
	margin-left: 1rem;
	align-self: flex-start;
}
main .contact ul li {
	list-style-type: disc;
	padding-bottom: 0.5rem;
}
main .contact ul li:last-of-type {
	padding-bottom: unset;
}
main .contact a {
	margin-top: 2rem;
}
main > .contact button img {
	width: 4rem;
	padding: 0px;
}
main > .contact button {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	color: unset;
	font-size: 1rem;
	background-color: #0073DA;
	border: none;
	border-radius: 1rem;
	padding-right: .5rem;
}
/* Hide main When Nav Menu Is Open*/
html:has(input[type="checkbox"]:checked) main {
	display: none;
}
/*
===============================
	Footer
===============================
*/
footer {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	height: 100%;
}
footer p {
	line-height: 1.5rem;
}
footer .spacer {
	height: 0.25rem;
	width: 100%;
	background-color: #0073DA;
}
footer .footer-box {
	display: flex;
	flex-direction: column-reverse;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}
footer .footer-box > div {
	padding: 2rem clamp(1rem, 5%, 2rem);
}
footer .compnay {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
footer .compnay img {
	filter: drop-shadow(.25rem .25rem 0rem rgb(0, 0, 0, 0.75));
}
footer .compnay .logo {
	flex-direction: column;
	padding: unset;
}
footer .compnay .logo h1 {
	font-size: 1rem;
	margin: unset;
	font-weight: normal;
	padding: 0.5rem 0rem 0rem 0rem;
}
footer .compnay .logo img {
	width: 4rem;
}
footer .compnay .address {
	text-align: center;
	padding-top: 0.5rem;
}
footer .compnay .phone {
	padding-top: 1rem;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	align-content: center;
}
footer .compnay .phone a:hover {
	text-decoration: underline;
	text-decoration-color: #0073DA;
	text-decoration-thickness: 10%;
	text-underline-offset: 30%;
}
footer .compnay .phone img {
	width: 1.25rem;
}
footer .social {
}
footer .social a:hover {
	text-decoration: underline;
	text-decoration-color: #0073DA;
	text-decoration-thickness: 10%;
	text-underline-offset: 30%;
}
footer .social ul li {
		padding: 0.45rem;
		text-align: center;
}
footer .social ul li img {
	width: 1rem;
	filter: drop-shadow(.15rem .15rem 0rem rgb(0, 0, 0, 0.75));
	vertical-align: text-top;
}
footer .copyright {
	text-align: center;
	font-size: 0.75rem;
	padding: 0rem 1rem 2rem 1rem;
}
/* Hide Footer When Nav Menu Is Open*/
html:has(input[type="checkbox"]:checked) footer {
	display: none;
}
/*
===============================
	Mobile Devices: 0 to 480px
===============================
*/
@media (min-width: 0px) {
	.menu-icon {
		padding: 0rem;
		padding-left: 0rem;
	}
}
@media (min-width: 320px) {
	.menu-icon {
		padding: .7rem;
		padding-left: 0rem;
	}
}
@media (min-width: 480px) {
}
@media (min-width: 760px) {
	nav {
		display: flex;
	}
	html:has(input[type="checkbox"]:not(:checked)) nav {
		justify-content: flex-end;
		align-items: stretch;
		flex-grow: unset;
	}
	html:has(input[type="checkbox"]:not(:checked)) nav ul li {
		float: left;
	}
	footer .footer-box {
		flex-direction: row;
	}
	html:has(input[type="checkbox"]:not(:checked)) .items {
		height: .25rem;
	}
	html:has(input[type="checkbox"]:not(:checked)) .items ul {
		flex-direction: row;
		display:none;
	}
	html:has(input[type="checkbox"]:not(:checked)) .menu-icon {
		display: none;
	}
	html:has(input[type="checkbox"]:not(:checked)) .menu-phone {
		display: flex;
		background-color: unset;
		padding: 1rem;
	}
	html:has(input[type="checkbox"]:not(:checked)) .menu-phone a:hover {
		color: #0073DA;
		text-decoration: unset;
	}
	html:has(input[type="checkbox"]:not(:checked)) .menu-phone-icon img {
		filter: drop-shadow(.25rem .25rem 0rem rgb(0, 0, 0, 0.75));
	}
	main .table {
		flex-direction: row;
	}
	main .table .item {
		flex-basis: 40%;
	}
	main .table .item h1 {
		text-shadow: .25rem .25rem .25rem rgb(0, 0, 0, 1);
	}
	footer .footer-box {
		align-items: flex-start;
	}
}
@media (min-width: 1201px) {
	body {
		/* Page Outline */
		border-width: .1rem;
		border-style: solid;
		border-color: rgb(0, 0, 0, 1);
		border-top-style: none;
		border-bottom-style: none;
		/* Page shadow */
		filter: drop-shadow(0rem 0rem .25rem rgb(0, 0, 0, 1));
	}
}