/*
    Campaign Headquarters Custom Stylesheet
    Copyright(c) 2018.
    Iowa Web Development / HostIowa.net
*/

form {margin: 0;}
table {border: 0; background: none;}
table tr, table tr.even, table tr.alt, table tr:nth-of-type(2n) {background: none;}
input[type="file"], input[type="checkbox"], input[type="radio"], select {margin-bottom: 0.5rem;}
img {width: 100%}
textarea {height: 6rem;}

.point {cursor: pointer !important;}
.nopoint {cursor: default !important;}

.container {max-width: 2000px; margin: 0 auto;}
.page-width {width: 100%;}
.row {max-width: 80rem; padding: 0 1rem;}
form .row .row {margin: 0;}

#navtop {position: fixed; z-index: 9999; display: block; bottom: 1rem; right: 1rem; border: solid 1px #17467C; background: #fff; padding: 0.5rem; text-align: center; font-size: 0.6rem; text-transform: uppercase; font-weight: bold;}
#navtop i {display: block; width: 0; height: 0; border-left: 1rem solid transparent; border-right: 1rem solid transparent; border-bottom: 1rem solid #FAB016; margin: 0 auto 0.25rem;}

header {padding: 1rem 0 0;}

.top-bar, .top-bar.expanded .title-area {background: none !important;}
.top-bar-section {text-align: left;}
.top-bar-section ul {background: none; display: inline-block;}
.top-bar-section li:not(.has-form) {margin: 0 1rem;}
.top-bar-section li:not(.has-form) a:not(.button) {background: none; border: none; text-align: center; line-height: 1.5rem; font-family: 'Libre Franklin'; font-size: 1.25rem; padding: 2rem 0.5rem 0; font-weight:500; color: #17467C;}
.top-bar-section li:not(.has-form) a:not(.button):hover {border-bottom: dotted 1px #FAB016}

.top-bar-section li:not(.has-form) a.logo {padding: 0.5rem 0 0; position: relative; width: 160px;}
.top-bar-section li:not(.has-form) a.logo img {max-width: 100%; position: absolute; left: 0; z-index: 9999;}
.top-bar-section li:not(.has-form) a.logo:hover {border: none;}

.top-bar .title-area a {border: none; padding: 0 1rem;}
.top-bar .title-area img {height: 50px; width: auto; padding-top: 4px;}
.top-bar .toggle-topbar.menu-icon a {border:none; color: #17467C;}
.top-bar .toggle-topbar.menu-icon a span {box-shadow: 0 10px 0 1px #17467C, 0 16px 0 1px #17467C, 0 22px 0 1px #17467C}



#content {margin: 2rem auto;}

section.container {height: 85vh; min-height: 400px; position: relative; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; overflow: hidden;}

.slide {height: 85vh; min-height: 400px; position: relative; background-repeat: no-repeat; background-position: 100% 0%; background-size: cover; overflow: hidden; margin: 0;}
.slide h1 {position: absolute; z-index: 200; bottom: 0; left: 0; padding: 1rem 2rem; width: 100%; background: rgba(23, 70, 124, 0.6); color: #fff; font-family: Domine, 'Times New Roman', Times; font-size: 7rem;}
.slide span {display: block; -ms-transform: skewX(60deg); -webkit-transform: skewX(60deg); transform: skewX(60deg); position: absolute; width: 100%; height: 100%; left: -80%; background: rgba(23, 70, 124, 0.6);}
.slide article {position: absolute; top: 0; left: 0; height: 8%; background: rgba(23, 70, 124, 0.75); display: block; width: 100%;}

#slide1 {background-image: url(/images/bg_slider1.jpg);}
#slide2 {background-image: url(/images/bg_slider2.jpg);}
#slide3 {background-image: url(/images/bg_slider3.jpg);}


#about section {background-image: url(/images/bg_about.jpg);}
#about section span {display: block; -ms-transform: skewX(115deg); -webkit-transform: skewX(115deg); transform: skewX(115deg); position: absolute; width: 300%; height: 120%; left: 65%; background: rgba(134, 184, 255, 0.71);}
#about section p {color: #fff; text-align: right; display: block; margin-left: 40%; font-family: Domine, 'Times New Roman', Times; font-size: 1.5rem; margin-bottom: -1rem;}
#about section div {position: absolute; bottom: 1.5rem; right: 1.5rem; width: 45%;}
#about section h2 {line-height: 80%; font-weight: 500; font-size: 5.5rem; color: #17467C;}
#about section h1 {line-height: 80%; font-weight: 900; font-size: 6rem; text-align: right; color: #17467C;}

#services {background-color: #858585;}
#services section {background-image: url(/images/bg_services.jpg); background-position: 40% 0;}
#services section div {position: absolute; z-index: 200; bottom: 0; left: 0; padding: 2rem 3rem; width: 100%;}
#services section span {display: block; position: absolute; z-index: 120; bottom: 0; width: 100%; height: 20%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(133,133,133,1) 90%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(133,133,133,1) 90%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(133,133,133,1) 90%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#858585',GradientType=0 );}
#services section h2 {font-size: 6.5rem; font-weight: 500; color: #93272D; line-height: 35%; font-family: 'Domine', 'Times New Roman', Times}
#services section h1 {font-size: 6.5rem; font-weight: 900; color: #17467C; line-height: 70%; text-align: center;}
#services section h3 {font-size: 6.5rem; font-weight: 500; color: #C4C4C4; line-height: 60%; text-align: right; font-family: 'Domine', 'Times New Roman', Times}

#services p {color: #17467C; font-size: 1.25rem; text-align: center;}
#services ul li article {background-color: #667383; padding: 1rem;}
#services ul li h3 {color: #93272D; font-weight: bold; font-style: italic;}
#services ul li div {color: #FFFFFF;}

#committed section {background-image: url(/images/bg_committed.jpg); background-position: 0 0;}
#committed section div {position: absolute; z-index: 200; bottom: 0; right: 0; padding: 5rem 1rem 0; width: 50%; height: 100%; background: rgba(208, 133, 59, 0.62); text-align: center;}
#committed section h3 {font-size: 4.5rem; font-weight: 500; color: #fff; line-height: 50%; text-align: left; font-family: 'Domine', 'Times New Roman', Times}
#committed section h2 {font-size: 5.25rem; font-weight: 900; color: #17467C; line-height: 100%; font-family: 'Domine', 'Times New Roman', Times}
#committed section h1 {font-size: 5rem; font-weight: 500; color: #17467C; line-height: 90%; font-family: 'Domine', 'Times New Roman', Times}

#testimonials {background-color: #C1AC8C; text-align: center; padding: 3rem 0 0;}
#testimonials h3 {color: #17467C; font-weight: 300; font-style: italic; margin-bottom: 2rem;}
#testimonials h2 {color: #17467C; font-weight: 800;}
#testimonials h4 {color: #17467C; font-weight: 300;}

#team {background-color: #8CA4C0; text-align: center; padding: 3rem 1rem;}
#team ul {margin: 2rem auto 1rem;}
#team ul li {overflow: hidden;}
#team ul li article {position: relative;}
#team ul li article:hover a {display: block;}
#team ul li article a {display: none; position: absolute; z-index: 200; top: 0; left: 0; background: rgba(23, 70, 124, 0.6); height: 100%; width: 100%; padding: 1rem;}
#team ul li article a h2 {color: #ffffff; font-size: 4rem; font-weight: 700; margin-top: 5rem;}
#team ul li article a h4 {color: #ffffff; font-size: 3rem; font-style: italic;}

#contact {background: url(/images/bg_contact.jpg) no-repeat; background-size: cover; padding: 3rem 0;}
#contact h2 {color: #ffffff; font-style: italic; line-height: 80%;}
#contact h1 {color: #ffffff; font-weight: 700; font-size: 3.5rem; line-height: 80%;}
#contact h3 {color: #CD823B; font-weight: 700; font-style: italic; margin: 1rem 0.5rem 0;}
#contact h3 a {color: #CD823B;}
#contact h5 {color: #ffffff; margin-left: 1rem;}
#contact section {width: 40%; text-align: center; padding: 3rem 0 2rem; margin: 0 auto;}
#contact section input {background: url(/images/bg_gray.png); border: none; padding: 0.75rem 1rem; height: auto; color: #CD823B; font-size: 1.1rem;}
#contact section input:focus {box-shadow: 0 0 5px #CD823B;}

#apply {background-color: #B8B8B8;}
#apply section {background-image: url(/images/bg_apply.jpg); height: 50vh;}
#apply section span {display: block; position: absolute; z-index: 120; bottom: 0; width: 100%; height: 30%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(184,184,184,1) 90%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(184,184,184,1) 90%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(184,184,184,1) 90%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#B8B8B8',GradientType=0 );}

#apply section aside {position: absolute; z-index: 200; bottom: 0; width: 30%;}
#apply section aside figure img {display: block; border: 0.75rem solid #CD823B; padding: 0; width: auto; margin-bottom: 3rem;}
#apply section aside figure div.quote {background: rgba(205, 130, 59, 0.6); width: 120%; max-width: 320px; position: absolute; bottom: 0; left: 40%; padding: 1rem 3rem 1rem 1rem; color: #fff; font-size: 1.1rem; line-height: 150%; font-style: italic; overflow: hidden;}
#apply section aside figure div.quote em {display: block; text-align: right; margin-right: -2rem; font-style: normal;}
#apply .heading {background-color: #B8B8B8; padding: 2rem; position: relative;}
#apply .heading h1 {color: #fff; font-weight: 900; font-size: 5rem; line-height: 120%;}
#apply .heading h3 {color: #1B1464; font-weight: 900; font-style: italic;}
#apply article {background-color: #808080; padding: 2rem; position: relative;}
#apply article p {color: #fff; font-size: 1.1rem;}
#apply article p.big {font-size: 1.4rem;}
#apply article b {font-weight: 900; color: #1B1464; font-style: italic; display: inline-block; margin-right: 4px;}
#apply article figure {position: absolute; right: 0; top: -6rem; width: 30%; margin-top: -200px; z-index: 200;}
#apply article figure img {display: block; border: 0.75rem solid #CD823B; padding: 0; width: auto; margin-bottom: 2rem;}
#apply article figure div.quote {background: rgba(205, 130, 59, 0.6); position: absolute; bottom: -4rem; right: 15%; width: 120%; padding: 1rem 3rem 1rem 1rem; color: #fff; font-size: 1.1rem; line-height: 150%; font-style: italic; overflow: hidden;}
#apply article figure div.quote em {display: block; text-align: right; margin-right: -2rem; font-style: normal;}

#payment section {background-image: url(/images/bg_payment.jpg); height: 60vh; position: relative;}
#payment section span {display: block; position: absolute; z-index: 120; bottom: 0; width: 100%; height: 40%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 90%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(255,255,255,1) 90%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(255,255,255,1) 90%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ffffff',GradientType=0 );}
#payment section aside {width: 40%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.5); z-index:200;}
#payment section aside img {padding: 15% 30%;}
#payment .heading {background-color: #fff; padding: 0 0 2rem; position: relative;}
#payment .heading h1 {color: #17467c; font-weight: 900; font-size: 4rem; line-height: 120%;}
#payment .heading h3 {color: #17467c; font-weight: 400;}

button.action, .button.action {background-color: #CD823B; font-weight: 700 !important; font-family: Domine; font-size: 1.25rem;}
button.action:hover, button.action:focus, .button.action:hover, .button.action:focus {background-color: #AB6019; }

button, .button {padding: 0.5rem 4rem; margin: 0.5rem auto; background-color: #17467C; font-size: 1.1rem; box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);}
button:hover, button:focus, .button:hover, .button:focus {background-color: #05345A;}


.section {
    overflow: hidden;
}

.section ul, ol, dl {list-style-position: inside;}

.section .content {
    line-height: 150%;
}

.section .title {
}

.section .title h1 {
}

.section .title span {
}

.section a.box {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 7px;
    margin-bottom: .75rem;
    display: block;
    cursor: default;
    position: relative;
}

.section a.dftsize {
    max-width: 35%;
}

.section .play-video {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 200; background: url(/images/play.png) no-repeat 50% 50%;}
.section .play-video:hover {background-image: url(/images/play_on.png)}


.callout {
    background: url("/images/bg_blue_light.png");
    color: #153A63;
    padding: 25px 30px;
}

.callout h3 {
    font-size: 2rem;
    color: #153A63;
}




.filelist {
    width: 100%;
}

.filelist td {
    font-size: 1.2rem;
}

.filelist td.icon {
    width: 48px;
}



.slider-load {
	height: 100px;
	background: url(/images/ajax.gif) center center no-repeat #fff;
	width: 100%;
}
    
.slider-wrap { visibility: hidden; height: 0; }






.bucket {
}

.bucket h2 {
    color: #153A63;
}

iframe.youtube {max-width: 640px; width: 100%; height:360px;}




/* small */

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

.small-0 {display: none;}

header {padding: 0.25rem 0 0;}
h1 {font-size: 1.75rem;}
 
.show-for-small-only {display: block !important;}
  
.top-bar-section {text-align: center;}
.top-bar-section ul {margin: 0px;}
.top-bar-section li:not(.has-form) a:not(.button) {font-size: 1.3rem; padding: 0.25rem 0;}
.top-bar-section li:not(.has-form) {padding: 0;}

.top-bar.expanded .toggle-topbar a {color: #FAB016;}
.top-bar.expanded .toggle-topbar a span {box-shadow: 0 10px 0 1px #E68F1A, 0 16px 0 1px #E68F1A, 0 22px 0 1px #E68F1A}

.top-bar .dropdown .back {height: 40px !important;}
.top-bar-section .dropdown li.title h5 a {line-height: 40px !important; text-align: left;}


#content {margin: 0.5rem auto;}


.section img, a.box {display: block; max-width: 100% !important; width: 100% !important; margin: .5rem auto;}
.left, .right {float: none !important; margin: 0 auto;}
.section .content {padding: 0 0.75rem;}
.callout h3 {font-size: 1.75rem;}

.slide {background-position: 60% 0%;}
.slide h1 {font-size: 3rem; padding: 1rem;}

#about section {background-position-x: 20%}
#about section div {position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.5rem; background: rgba(134, 184, 255, 0.71);}
#about section p {text-align: left; display: block; margin: 0 1rem 1rem; font-size: 1.1rem;}
#about section span {display: none;}
#about section h2 {text-align: center; line-height: 80%; font-size: 2.5rem;}
#about section h1 {text-align: right; font-size: 2.8rem;}

#services section div {padding: 1rem 1.5rem;}
#services section h2 {font-size: 2.25rem; line-height: 60%;}
#services section h1 {font-size: 2.5rem;}
#services section h3 {font-size: 2.25rem; line-height: 60%;}

#committed section div {position: absolute; right: 0; padding: 1rem; width: 100%; height: auto; background: rgba(208, 133, 59, 0.82);}
#committed section h3 {font-size: 2.5rem; text-align: center;}
#committed section h2 {font-size: 2.75rem;}
#committed section h1 {font-size: 2.75rem;}

#testimonials {padding-top: 1rem;}
#testimonials .bx-wrapper {margin: 0.5rem auto;}

#team {padding: 1.5rem 1rem;}
#team ul {margin: 1rem auto;}
#team ul li article div {padding: 1rem 0.5rem;}
#team ul li article div h2 {margin-top: 1rem; font-size: 1.3rem;}
#team ul li article div h4 {font-size: 1.0rem;}

#contact {padding: 2rem 0;}
#contact h1 {font-size: 2.5rem;}
#contact section {width: 100%; padding: 2rem 0 1rem;}

#apply section aside {width: 60%;}
#apply section aside figure img {margin: 0;}
#apply section aside figure div.quote {position: relative; left: 10%; margin-top: -2rem;}
#apply article {padding: 1rem;}
#apply article figure {display: none;}
#apply .heading {padding: 1rem 0;}
#apply .heading h1 {font-size: 3.5rem;}

#payment section aside img {padding: 60% 10%;}
#payment .heading h1 {font-size: 1.8rem;}
#payment .heading h3 {font-size: 1.2rem;}

footer p {font-size: 0.8rem; margin-bottom: 0.5rem;}

}


/* medium */

@media only screen and (min-width: 46.063em) and (max-width: 63.999em) { 

header {padding: 0.25rem 0 0;}
.top-bar-section li:not(.has-form) a:not(.button) {line-height: 1.5rem; font-size: 0.9rem; padding: 2rem 0 0;}

.slide {background-position: 90% 0%;}
.slide h1 {font-size: 5rem;}
.slide span {left: -110%;}

#about section {background-position-x: 30%;}
#about section div {width: 60%;}
#about section span {left: 65%;}
#about section p {margin-left: 1rem; margin-bottom: 0.5rem; font-size: 1.1rem; line-height: 130%;}
#about section h2 {font-size: 2.5rem;}
#about section h1 {font-size: 3.5rem;}

#committed section div {width: 45%; padding-top: 20%;}
#committed section h3 {font-size: 3.5rem;}
#committed section h2 {font-size: 3rem;}
#committed section h1 {font-size: 2.5rem;}

#services section h2 {font-size: 5.25rem;}
#services section h1 {font-size: 5.25rem;}
#services section h3 {font-size: 5.25rem;}

#team ul li article div h2 {margin-top: 2rem; font-size: 1.5rem;}
#contact section {width: 60%;}

#apply section aside {width: 50%;}
#apply article figure {display: none;}
#apply .heading h3  {font-size: 1.5rem;}

#payment section {height: 40vh;}
#payment section aside img {padding: 30% 20%;}

footer p {font-size: 0.8rem; margin-bottom: 0.5rem;}

}

/* large */

@media only screen and (min-width: 64em) and (max-width: 81.25em) {

.slide h1 {font-size: 5.25rem;}

#about section span {left: 60%;}
#about section div {width: 45%;}
#about section p {margin-left: 30%; margin-bottom: 0.5rem; font-size: 1.1rem;}
#about section h2 {font-size: 3.5rem;}
#about section h1 {font-size: 4rem;}

#committed section h3 {font-size: 3.5rem;}
#committed section h2 {font-size: 5rem;}
#committed section h1 {font-size: 4.25rem;}

#services section h2 {font-size: 5.25rem;}
#services section h1 {font-size: 4.25rem;}
#services section h3 {font-size: 5.25rem;}

#team ul li article div h2 {font-size: 2.3rem;}
#team ul li article div h4 {font-size: 1.4rem;}

#apply .heading h3  {font-size: 1.5rem;}

#payment section aside img {padding: 15% 20%;}
#payment .heading h3 {font-size: 1.6rem;}

}