html, body {
	font-family: 'Judson', Arial, Helvetica, sans-serif;
	font-size: 1.05em;
	color: #2d2d2d;
	height: 100%;
	overflow: hidden;
	font-display: swap;
}

a:link, a:visited {
	color: #246297;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a object {
	pointer-events: none;
}

.footer li, .footer li > a:link, .footer li > a:visited, .nav-link, .nav-link:hover, .nav-link:focus { color: #666; }

#menu ul > li {
	background-color: transparent;
	cursor: Pointer;
}

#main {
	display: none;
	background-color: #fff;
	box-shadow: 6px -12px 12px #000;
	z-index: 100;
	overflow-y: auto;
}

#main, #main > div {
	height: 100%;
}

.brand {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	background-color: #fff;
	z-index: 1000;
}

.brand img {
	opacity: 0;
}

.scale {
	transform: scale(1.2);
}

nav h1, nav h2 {
	text-transform: uppercase;
	letter-spacing: .3rem;
}

nav h1 {
	margin: 0;
	margin-top: .2rem;
	font-size: 1.8rem;
}

nav h2 {
	line-height: 1;
	font-size: 1.5rem;
}

nav .nav-item {
	display: flex;
	align-items: center;
}

nav li > a, #menu ul > li > a {
	color: #555 !important;
	font-size: 1.1rem;
	font-weight: bold;
	text-decoration: none !important;
	text-transform: uppercase;
}

nav li {
	padding-left: 1rem;
	padding-right: 1rem;
	border-bottom: 2px solid transparent;
	background-color: #f4f4f4;
	cursor: Pointer;
}

nav li:hover {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: linear-gradient(180deg, #ececec 0%, #f2f2f2 100%);
	border-bottom: 2px solid #555;
}

.nav-link.active {
	background: linear-gradient(180deg, #ececec 0%, #f2f2f2 100%);
}

.navbar-toggler, .btn {
	box-shadow: none !important;
}

.btn {
	box-shadow: 0px 0px 2px #555;
	text-decoration: none !important;
}

[class^=material-icons] {
	position: relative;
	top: 4px;
}

.carousel {
	width: 100%;
	border-top: 0.4rem solid;
	border-bottom: 0.3rem solid;
	border-color: #ffc107;
}

.carousel-item {
	height: 100%;
}

.carousel .carousel-inner > div:nth-child(1) > video {
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: 100%;
	background-size: cover;
	overflow: hidden;
	object-fit: cover;
}

.carousel .carousel-inner > div:nth-child(2) {
	background-image: url('/images/AdobeStock_312627392_Preview.jpeg');
}

.carousel .carousel-inner > div:nth-child(3) {
	background-image: url('/images/AdobeStock_152397140_Preview.jpeg');
}

.carousel .carousel-inner > div:nth-child(4) {
	background-image: url('/images/AdobeStock_341429200_Preview.jpeg');
}

.carousel .carousel-item {
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: 60%;
}

.carousel-caption > * {
	color: #f7f7f7;
	text-shadow: 0px 0px 4px rgb(0, 0, 0);
}

.carousel-control-prev span, .carousel-control-next span {
	border-radius: 50px;
	background-color: #ffc107;
	font-size: 3rem;
}

#cards .card {
	border: 0;
}

#cards .card-body {
	align-items: center;
	
}

#cards .card-body p {
	text-align: justify;
	text-justify: inter-word;
}

#cards .card-title {
	font-size: 1rem;
	font-weight: bold;
	text-transform: uppercase;
}

#cards object, #cards svg {
	width: 10em;
	margin: .1em;
}

#yt .list-group-item {
	background-color: transparent;
}

#ytplayer {
	width: 100%;
	height: 405px;
}

#contact {
	position: fixed;
	left: 1.5vh;
	bottom: 0vh;
	transition: all 150ms ease-in-out;
	opacity: 0;
	z-index: 1000;
}

#contact > div {
	position: absolute;
	top: .7rem;
	left: .9rem;
	width: 50px;
	height: 50px;
	background-color: #fff;
	border-radius: 50%;
	opacity: .8;
}

#contact > span {
	color: #ffc107;
	font-size: 5rem;
	text-shadow: 1px 1px 2px rgb(200, 200, 200);
	position: relative;
}

#contact:hover {
	transform: scale(1.1);
	cursor: Pointer;
}

#contactModal .modal-body > div.alert {
	display: none;
}

.alert, .modal-content {
	border-radius: 0px;
}

.input-group-text {
	border-radius: 0px;
	height: 100%;
}

.form-control {
	border-radius: 0px;
	padding-top: .75rem;
	padding-bottom: .75rem;
	box-shadow: none;
}

.form-control[type="date"] {
	padding-top: .8rem;
	padding-bottom: 2.2rem;
}

.form-control:focus {
	border-color: #c1c1c1;
	box-shadow: 0 0 0 .25rem rgba(210, 210, 210, 0.25);
}

input {
  filter: none;
  margin-bottom: 1rem;
}

textarea {
	height: 15vh !important;
}

/* Parallax */

.bgnd {
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 54vh;
    max-height: 1200px;
    min-height: 200px;
}

.footer li {
	padding-left: 0px;
}

.footer span {
	font-size: 1rem;
	color: #666060;
}

.footer .social {
	display: flex;
}

.footer .social a {
	margin-top: .5rem;
	margin-right: 1rem;
}

.footer .social a > object {
	width: 2rem;
}