@charset "UTF-8";
/* CSS Document */

/*  SMALLER DESKTOPS AND TABLETS  */
/*@media screen and (max-device-width: 750px) {
div.sponsor-overlay {
	left: 10%;
	width: 80%;
	margin: 0;
}
}
*/


/*  MOBILE  */
@media screen and (max-device-width: 480px) {

.desktop-only {
	display: none;
}
.mobile-only {
	display: inherit;
}


/* ----------========== Main Container ==========---------- */
#container {
	max-width: 100%;
}


/* ----------========== Header ==========---------- */
header div {
	width: 100%;
}

header img#logo {
	width: 95%;
	height: auto;
	margin: -10px auto;
}

header img#year {
	right: 10px;
	width: 80px;
	height: auto;
	bottom: 0px;
}
	
#covid-link {
	font-size: 4vw;
	line-height: 4vw;
	bottom: 2vw;
	left: 8vw;
}

/* ----------========== Home Page Navigation ==========---------- */
div#hero nav {
	max-height: 0px;
	overflow: hidden;

	transition: max-height 250ms;
	-webkit-transition: max-height 250ms;
	-moz-transition: max-height 250ms;
	-o-transition: max-height 250ms;
	-ms-transition: max-height 250ms;

}

#mobile-menu {
	display: block;
	background-color: #162178;
	width: 50px;
	text-align: center;
	text-decoration: none;
	color: #e9e229;
	padding: 6px;
	border-radius: 0 0 5px 5px;
	font-family: arial;
	font-weight: normal;
	font-size: 14px;

}


div#hero nav a {
	padding: 10px 15px;
}


/* ----------========== Carousel ==========---------- */

div#thumbnails {
	margin: 150px auto 0 auto;
	width: 270px;
	padding-left: 0;
}

div#thumbnails img.thumbnail {
	width: 48px;
	height: 48px;
	margin-right: 5px;
}

div#carousel-mask {
	width: 100%;
	height: 198px;
	background-color: black;
}

div#carousel-container {
	width: 300%;
}

div#carousel-container img {
	width: 100%;
	height: auto;
}

/* ----------========== Info Bar ==========---------- */

div#infobar h2 {
	font-size: 32px;
}

div#infobar p {
	font-size: 22px;
}

/* ----------========== Announcement Bar ==========---------- */
div#announcement {
	border-bottom: 2px solid black;
	font-family: Arial;
	font-size: 13px;
}


/* ----------========== Calls to action ==========---------- */

div#cta div {
	width: 95%;
}

div#cta img.cta-button {
	width: 45%;
	height: auto;
}

div#cta img.cta-divider {
	margin: 0 10px;
	height: 75px;
}


/* ----------========== Sponsors ==========---------- */
div#sponsor-bar #by {
	top: 5px;
}

div.sponsor-overlay {
	left: 10%;
	width: 80%;
	margin: 0;
}

div.sponsor-overlay img {
	max-width: 200px;
	max-height: 200px;
}

div.sponsor-overlay span.sponsor-blurb {
	margin: 10px 20px;
}


/* ----------========== Latest News ==========---------- */
/*table.news-briefs td.date {
	width: 85px;
}*/

div.news-summary {
	height: 298px;
	overflow: hidden;
}

span.read-more {
	display: inline-block;

	background-color: #162178;
	text-align: center;
	text-decoration: none;
	color: #e9e229;
	padding: 8px;
	border-radius: 5px;
	font-family: arial;
	font-weight: normal;
	font-size: 11px;

}

iframe {
	width: 100%;
}

/* ----------========== bottom nav ==========---------- */
div#bottom-nav a {
	font-size: 18px;
}
	
	div#secondary-nav {
		display: block;
	}

/* ----------========== Copyright ==========---------- */
div#copyright {
	font-size: 12px;
}


/* ----------========== Content Image styles ==========---------- */
div.image {
	width: 100%;
	float: left;
	margin-left: 0;
}

div.image img {
	width: 100%;
	height: auto;
}

/* ----------========== Content Table ==========---------- */
table.content td, table.news-briefs td {
	display: block;
	width: auto;
}

table.content td.left, table.news-briefs td.date {
	width: auto;
	text-align: left;
}

table.content td iframe {
	height: 500px;
}

.also_appearing img {
	width: 100%;
	height: auto;
}


/* ----------========== Registration ==========---------- */
div.badge_button, div.sponsor_button {
	margin: 10px 0;
	font-size: 18px;
}

div.badge_button span.description, div.sponsor_button span.description {
	margin-top: 1px;
}

div.badge_list, div.sponsor_list {
	width: 100%;
	min-width: 0;
}



/* ----------========== E-mail CTA ==========---------- */
div#email-cta {
	text-align: left;
	background-image: none;
}

div#email-cta input[type="submit"] {
	margin: 10px 0 0 0;
}


/* ----------========== Store ==========---------- */
div.store_release {
	width: 100%;
	height: auto;
	margin: 0 20px 30px 0;
}

div.store_release img {
	width: 100%;
}

div.store_release a.release_title {
	width: 100%;
}

table.store input[type="button"], table.store input[type="submit"] {
	margin-bottom: 40px;
}


/* ----------========== Archive ==========---------- */
div.gallery {
	width: 100%;
	height: auto;
}

div.gallery div.img-container {
	width: 100%;
	height: auto;
}

div.gallery img {
	width: 100%;
	height: auto;
}

div.gallery span.caption {
	margin-bottom: 10px;
}

div.gallery.active span.gallery-next, div.gallery.active span.gallery-previous {
	font-size: 36px;
}

input.dealer-form {
	width: 100%;
	font-size: 14px;
	padding: 10px 8px;
}

}