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

.head-image {
	width:100%; min-height:235px; background-color: #C0C0C0;  
	margin-top: -35px; margin-bottom: 45px;
	background-image: url("../images/hp-bg-AutoFair2023.jpg"); background-repeat: no-repeat;
	background-size: cover; background-position: top center;
}
.voc-head-image {
		width:100%;  margin-top: -35px; margin-bottom: 50px;
}

.voc-head-image img {width:100%;}
.flex-container, .contact-container {
	position:100%; display:flex; flex-direction: row; justify-content: flex-start;
	align-items: stretch; flex-wrap: wrap; 
}
.af-header-content .content-box .flex-container {
	padding-top: 25px !important;
    background-image: url("../images/af25_splash.png"); background-repeat: no-repeat;
}
.intro-welcomne-text {
	margin-top: 15px; margin-bottom: 25px;
}
.session-container {
	margin-bottom:55px;
}
.marginBottom35 {
	margin-bottom: 35px !important;
}
.header-flex {width:40%; padding: 25px 5%;}
.header-flex h1 {font-size:2em; margin-bottom: 15px;}
.af-logo-2 {width: 100%; max-width: 400px;}
.af-logo-2 img {width:100%;}
.flex-box:first-child {
	width:55%; padding-right: 5%; 
}
.flex-box:last-child {
	width:38%; padding-left: 2%; 
}
.content-side-flex form {
	width:90%; max-width: 350px; background-color: #FFFFFF;
	border-radius: 12px; padding: 20px 5%; margin: auto;
}
.content-side-flex form input {
	padding: 7px; 
}
.content-side-flex form select.hs-input {
	width:100% !important; margin-bottom: 18px; 
	font-size: 1.2em !important;
}
.content-side-flex form fieldset {
	margin-bottom: 15px;
}
.content-side-flex form .hs-button {
	padding:10px 20px; background-color: #003366; color:#FFFFFF;
	border:none; border-radius: 7px; font-size: 1.1em;
	cursor: pointer;
}
.content-side-flex form .hs-button:hover {
	background-color:#0BA5F3;
}
.content-side-flex form .hs_error_rollup {
	text-align: center; margin-bottom: 10px; color:red;
}
.content-side-flex form .actions {
	text-align: right;
}
.submitted-message p {text-align: center !important;}
.pdf-dl {
	width:28%; margin: 0px 2.5% 25px 2.5%; text-align: center;	
}
.pdf-dl img {width:100%; max-width: 60px;}
.pdf-dl a {color:inherit; text-decoration: none;}
.pdf-dl-half {
	width:45%;
}
.caption {font-size: .7em; text-align: center;}
.contact {min-height: 110px; margin-bottom: 10px; width:50%;}
.contact-pic {
	width:100px; height: 100px; margin:auto; margin-bottom: 5px; 
	border-radius:50%; border:1px solid #999999;
	
}
.nick {
	background-image: url("../images/team/NickN.png"); background-size:cover; background-position: top center;
}
.keith {background-image: url("../images/team/keith.png"); background-size:cover; background-position: top center;}
.doug {background-image: url("../images/team/Doug-Coulter.jpg"); background-size:cover; background-position: top center;}
.jamie {background-image: url("../images/team/Jamie-Blanchard.jpg"); background-size:cover; background-position: top center;}
.todd {background-image: url("../images/team/ToddGarmon.jpg"); background-size: contain; background-position: top center;}
.travis {background-image: url("../images/team/Travis-Seagert.jpg"); background-size:cover; background-position: top center;}
.tom {background-image: url("../images/team/Tom-Jordan.jpg"); background-size:cover; background-position: top center;}
.kim {background-image: url("../images/team/kim.jpg"); background-size:cover; background-position: top center;}
.bryan {background-image: url("../images/team/Bryan.jpg"); background-size:cover; background-position: top center;}
.contact-info { padding-top: 5px; text-align: center;}
.video-learn-promo {
	width:95%; margin: auto; margin-top: 55px; padding:0px 2.5%; max-width: 420px;  
}	
.video-learn-promo img {width:100%;}
.video-learn-promo .promo-body {width:90%; padding: 20px 5% 32px 5%; background-color: #FFFFFF; margin-top: -3px;}
.video-learn-promo .promo-body h3 {margin-bottom: 12px;}
.go-button {height: 36px; margin-top: -10px;}
.go-button .regButton {width:120px; float: right;}
.go-button a {text-decoration: none; color:inherit; text-align: center;}

.voc-flex-container {
	position:100%; display:flex; flex-direction: row; justify-content: flex-start;
	align-items: stretch; margin-bottom: 25px; flex-wrap: wrap; margin-top: 35px; 
}
.voc-flex-box {
	width:42%; padding: 25px 2.5%; margin-right:1%; margin-left: 1%; 
	border-radius: 20px;
}
.voc-flex-full {
	width:93%; background-color: #FFFFFF; margin-top: 55px;
}
.voc-flex-list {
	position:100%; display:flex; flex-direction: row; justify-content: flex-start;
	align-items: stretch; flex-wrap: wrap; list-style: none; text-align: center;
}
.voc-flex-list li {
	padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px;
	background-color:rgba(182,182,182,0.20); border: 1px solid #CACACA;
}
.voc-flex-list li:nth-child(odd) {

}
.voc-flex-list .flex-box p {
	margin-bottom: 0px; font-size: .9em;
}
.box-1 {font-size: 1.2em; padding-top: 50px;}
.voc-button {max-width: 150px; text-align: center; margin: auto; margin-top:-5px;}
.voc-button a { text-decoration: none; }
.voc-button a .regButton {border-radius: 10px;}
.voc-closed a .regButton {cursor: default; background-color: #6A6A6A;}
.voc-content-box {padding-bottom: 100px !important;}
.voc-register-button {width:150px !important;}
.voc-register-button a {text-decoration: none; text-align: center;}
.box-2 .af-logo {
	padding-top: 0px; max-width: 300px;
}
.box-2 .af-logo img {width:100%;}
	
@media screen and (max-width:900px) {
	.voc-flex-box {
		width:93%; 
	}
	.voc-flex-list {
		justify-content: space-around !important;
	}
	.voc-meeting-box {
		max-width: 250px;
	}
}


@media all and (max-width:900px) {
	.header-flex p {
		text-align: center;
	}
	.flex-box:first-child {
		width:100%; padding-right: 0%; 
	}
	.flex-box:last-child {
		width:100%; padding-left: 0%; 
	}
	.head-image {
		margin-bottom: 20px;
	}
	.contact {
		border-bottom:none !important;
	}
	.flex-container h3 {
		text-align: center;
	}
	.flex-box .intro-welcomne-text {text-align: center;}
	.video-learn-promo {text-align: center; }
	.go-button .regButton {width:120px; float: none; margin: auto; margin-top: 35px;}
}	

.bolder {text-decoration-style: bold;
}
.boldless {text-decoration-style: normal;
}