html { font-size: 16px; }
img { max-width: 100%; }
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; font-weight: 700; }
p, li { font-family: 'Open Sans', sans-serif; font-size: 1rem; }
button { font-family: 'Montserrat', sans-serif; }
a, a:focus, a:hover, a:active { text-decoration: none; }
p { line-height: 1.75; }
.vert-center { position: relative; top: 50%; transform: translateY(-50%); }
.unpad { padding-left: 0px; padding-right: 0px; }
/* * { outline: 1px solid red; } */
.clearfix { clear: both; }
* { box-sizing: border-box; }

.splash-home img {
	width: 100%;
}

.home-01 {
	background-image: url('images/home-01-bg.jpg');
	background-size: cover;
	background-position: top left;
	background-color: #002245;
	padding-top: 3rem;
}

.home-nav {
	text-align: right;
	padding-top: 5rem;
}

.home-nav img {
	position: relative;
	left: 0.125rem;
	margin-bottom: -0.25rem;
}

.home-nav h4 {
	text-transform: uppercase;
	letter-spacing: 0.3125rem;
	color: #f0b310;
	font-size: 1.75rem;
	margin-bottom: 0;
}

ul {
	padding-left: 0;
}

ul.home-nav-inner {
	position: relative;
	left: -0.5rem;
}

ul.home-nav-inner li {
    display: inline-block;
    list-style-type: none;
    padding-right: 2rem;
    background-image: url('images/nav-divider.png');
    background-size: auto 60%;
    background-position: center right;
    background-repeat: no-repeat;
    margin-right: 1rem;
}

ul.home-nav-inner li:last-child {
	background-image: none;
	padding-right: 0;
	margin-right: 0;
}

ul.home-nav-inner li a {
	color: white;
	text-transform: uppercase;
	font-size: 1.25rem;
}

ul.home-nav-inner li a:hover {
	color: #f0b310;
}

.main-text {
	background-color: white;
	padding: 4rem 3rem;
	width: 90%;
	margin-left: 10%;
	position: relative;
	height: 37.5rem;
	box-shadow: -10px -30px 30px #0006;
	z-index: 2;
	margin-top: 3rem;
}

.main-text:before {
	content: "You're Invited!";
	background-color: #f0b310;
	font-size: 1.5rem;
	color: white;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 0.1875rem;
	overflow: hidden;
	position: absolute;
	padding: 0.625rem 0;
	text-transform: uppercase;
	left: -16.75rem;
	bottom: 17rem;
	transform: rotate(-90deg);
	width: 30rem;
	text-align: center;
	z-index: 1;
	box-shadow: inset 0px -15px 30px #0000004d;
}

.main-text h1, .main-text p, .home-02-section p, .home-02-section h2 {
	color: #002245;
}

.main-text h1 {
	font-size: 2.125rem;
	letter-spacing: 0.1875rem;
	margin-bottom: 1rem;
	text-transform: uppercase;
}

.main-text p {
	line-height: 1.75;
	margin-bottom: 1rem;
	font-size: 1rem;
}

button {
	padding: 0.75rem 1.25rem 0.75rem 1.5rem;
	font-size: 1.25rem;
	letter-spacing: 0.1875rem;
	background-color: transparent;
	border: 0.25rem solid #f0b310;
	text-transform: uppercase;
	color: #002245;
	line-height: 1.0;
	font-weight: bold;
	cursor: pointer;
	background-image: url('images/button-bg.jpg');
	background-position: center center;
	background-size: 0% auto;
	background-repeat: no-repeat;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;
}

button:hover {
	color: white;
	background-color: #002855;
	background-size: 100% auto;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;
}

.home-02-section {
	background-color: #f0b310;
	padding-top: 11rem;
	padding-bottom: 5rem;
	background-image: url('images/about.png');
	background-size: auto 9rem;
	background-position: left top;
	background-repeat: no-repeat;
}

.home-02-text {
	padding-left: 5rem;
	padding-right: 3rem;
}

.home-02-text h2 {
	text-transform: uppercase;
	letter-spacing: 0.0625rem;
	margin-bottom: 1rem;
	font-size: 1.75rem;
}

.home-02-text p {
	font-size: 1rem;
}

.home-02-image {
	position: relative;
}

.home-02-image:after {
	content: " ";
	width: 3.125rem;
	height: 32.9375rem;
	background-image: url('images/for-some-reason.png');
	position: absolute;
	top: -2rem;
	right: 0rem;
	background-color: transparent;
	background-size: 100% 100%;
}

img.rendering-img {
	margin-left: auto;
	margin-right: 0;
	display: block;
	position: relative;
}

.home-03 {
	background-color: white;
	padding-top: 11rem;
	padding-bottom: 5rem;
	background-image: url('images/details.png');
	background-size: auto 9rem;
	background-position: left top;
	background-repeat: no-repeat;	
}

.location-and-parking-box {
	width: 100%;
	box-shadow: 0 0 4rem #0006;
}

.lp-height {
	height: 41.0625rem;
}

.lp-left {
	width: 50%;
	float: left;
}

.lp-right {
	background-color: cornflowerblue;
	width: 50%;
	float: left;
}

.lp-right iframe {
	height: 41.0625rem;
	width: 100%;
}

.detail-block {
	width: 88%;
	margin-right: 12%;
	border-bottom: 0.1875rem solid #f0b310;
	padding: 0 0 1rem 0;
	margin-bottom: 1rem;
}

.detail-block:last-child {
	border-bottom: 0px;
	margin-bottom: 3rem;
}

.detail-block h5 {
	color: #f0b310;
	text-transform: uppercase;
	font-size: 1.4375rem;
	font-weight: 400;
	margin-bottom: 0.25rem;
}

.detail-block p {
	color: #002245;
	font-size: 1.5625rem;
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 0;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
}

.lp-left h2 {
	margin-bottom: 2rem;
	font-size: 1.5625rem;
	letter-spacing: -0.0625rem;
	text-transform: uppercase;
	padding: 2rem 1.5rem;
	background-color: #f0b310;
}

.lp-left p {
	margin: 0 2rem 1rem;
	color: #002245;
	font-size: 1.25rem;
	line-height: 1.5;
}

.lp-left p strong {
	font-weight: bold;
	text-transform: uppercase;
}

.lp-left button {
	margin-left: 2rem;
}

.home-04 {
	background-color: #002245;
	padding-top: 11rem;
	padding-bottom: 5rem;
	background-image: url('images/sponsor.png');
	background-size: auto 9rem;
	background-position: left top;
	background-repeat: no-repeat;		
}

.sponsor-box {
	width: 100%;
	box-shadow: 0 0 4rem #0006;	
	margin-top: 4rem;
}

.sponsor-height {
	height: 31.25rem;
}

.sponsor-left {
	width: calc(33.33% - 1rem);
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	margin-bottom: 1rem;
	float: left;
	background: rgb(201,156,35);
	background: linear-gradient(135deg, rgba(201,156,35,1) 0%, rgba(240,179,16,1) 100%);
}

.sponsor-right {
	width: 50%;
	float: left;
	background-color: #c8950e;
}

.home-04 h2 {
	color: #f0b310;
	letter-spacing: 0.1875rem;
	text-transform: uppercase;
	margin-bottom: 1rem;
}

.sponsor-info {
	margin: 0.5rem;
	border: 0.375rem solid white;
}

.home-04 p {
	color: white;
}

.sponsor-info h3 {
	width: 100%;
	padding: 0.75rem 1rem;
	color: #002245;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-color: white;
	margin-bottom: 1.25rem;
	font-size: 1.25rem;
}

.sponsor-info ul li {
	margin: 0 5rem 0.75rem 3rem;
	line-height: 1.4;
	color: #002245;
}

.sponsor-info ul {
	margin-bottom: 3rem;
}

.sponsor-info button {
	border: 0.25rem solid white;
	margin-left: 3rem;
}

.footer {
	padding: 8rem 8rem 6rem;
	background-color: #00142b;
	background-image: url('images/footer-bg.png');
	background-size: auto 100%;
	background-position: right bottom;
	background-repeat: no-repeat;
}

.footer-image img {
	max-width: 80%;
	margin: 0 auto;
	display: block;
}

.footer p {
	color: white;
	font-size: 1rem;
	line-height: 1.375rem;
}

.footer p strong {
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
}

.footer p a {
	color: #f0b310;
}

.little-yellow-divider {
	height: 0.375rem;
	width: 30%;
	margin-right: 70%;
	margin-top: 2rem;
	margin-bottom: 2rem;
	background-color: #f0b310;
}

body.page-id-46 {
	display: none;
}


/*==========  Boostrap 4 Non-Mobile First Method  ==========*/

@media only screen and (max-width: 1859) {

	.main-text p { line-height: 1.5; margin-bottom: 0.75rem; font-size: 0.876rem; }
	.main-text h1 { font-size: 1.75rem; letter-spacing: 1px; margin-bottom: 0.75rem; }
	.sponsor-info h3 { letter-spacing: 0; font-size: 1.125rem; }

}

@media only screen and (max-width: 1199px) {

	html { font-size: 15px; }
	ul.home-nav-inner li a { font-size: 1.125rem; }
	p { font-size: 1.125rem; }
	.home-02-text p { font-size: 1.125rem; }
	.detail-block p { font-size: 1.25rem; }
	.detail-block h5 { font-size: 1.25rem; }
	.sponsor-info ul li { margin: 0 4rem 0.5rem 3rem; font-size: 1.125rem; }
	.sponsor-info button { margin-left: 2rem; }
	.main-text .vert-center { top: 0; transform: none; }
	.main-text { height: auto; }
	.main-text p { line-height: 1.5; margin-bottom: 0.75rem; font-size: 0.876rem; }
	.main-text h1 { font-size: 1.75rem; letter-spacing: 1px; margin-bottom: 0.75rem; }
	.sponsor-info h3 { letter-spacing: 0; font-size: 1.125rem; }
	.home-02-text p { line-height: 1.5; margin-bottom: 0.75rem; font-size: 0.876rem; }
	.sponsor-left { width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 0.5rem; float: none; }
	.sponsor-info ul li { font-size: 1rem; }
	.home-04 p { line-height: 1.5; margin-bottom: 0.75rem; font-size: 0.876rem; }

}

@media only screen and (max-width: 991px) {

	html { font-size: 14px; }
	ul.home-nav-inner li a { font-size: 1rem; }
	ul.home-nav-inner li { padding-right: 1.5rem; margin-right: 0.5rem; }
	.home-02-text { padding-left: 2rem; padding-right: 2rem; }
	.home-02-image::after { width: 2rem; height: 18.938rem; }
	.sponsor-left, .sponsor-right { width: 100%; float: left; height: auto; }
	.sponsor-info { height: auto; padding: 2rem; }
	.lp-left, .lp-right { width: 100%; float: none; }
	.lp-left { padding-bottom: 2rem; }
	.lp-height { height: auto; }

}

@media only screen and (max-width: 767px) {

	html { font-size: 13px; }
	.home-02-image::after { display: none; }
	.home-02-section, .home-03, .home-04 { background-size: 90% auto; }
	.detail-block { width: 100%; margin-right: 0; }
	.footer { padding: 8rem 3rem 6rem; }
    .sponsor-info { height: auto; padding: 0.5rem; }
	.sponsor-info { margin: 0.5rem; border: 3px solid white; }
	.sponsor-info h3 { font-size: 1.125rem; padding: 0.5rem 1rem; margin-bottom: 1rem; }
	.sponsor-info { padding: 0; }

}

@media only screen and (max-width: 575px) {
	
	.main-text { height: 47rem; }
	.sponsor-info ul li { margin: 0 1rem 0.5rem 2rem; }
	.sponsor-info button { margin-left: 0rem; }
	.sponsor-info { padding: 1rem; }
	.sponsor-info { margin: 1rem; }
	.main-text h1 { font-size: 1.625rem; letter-spacing: 0px; }
	.sponsor-info { padding: 0; }
	.sponsor-info h3 { font-size: 1rem; }
	.sponsor-info ul li { font-size: 0.875rem; line-height: 1.2; }
	
}