body { font-family: 'Roboto', Helvetica, Arial, sans-serif; color: #29323e; line-height: 1.5; background-color: #fff; overflow-x:hidden;}
html { scroll-behavior: smooth; -webkit-overflow-scrolling: touch; }

.wpa-test-msg { display:none;}
.container { max-width: 80%;}
a {color: #5ac8da;}
a:hover {color: #343d46;}

	
h2, .h2, 
h1, .h1,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 { margin-top: 1px; font-family: 'Roboto Condensed',  Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 600; color:#051f42; } 
	.h1, h1 { font-size: 2.25rem; margin-bottom: 1rem;}
	.h2, h2 { font-size: 1.75rem;}
	.h3, h3 { font-weight: normal; font-style: italic;font-size: 1.25rem; text-transform: none;} 
.the-content h2, .page-small-section-bottom h2 { padding-top: 1rem; }	
#mainNav { border-top:6px solid #dd6915; }
.hideOnDesktop { display:none; }
strong, .strong { font-weight: 700; }

.page-small-section { padding-top:3px; padding-bottom:0rem; }
.page-section { padding-top:4rem; padding-bottom: 4rem; }
.page-small-section-top { padding-top: 2rem; }
.page-small-section-bottom { padding-bottom: 2rem; }
	.page-small-section-bottom .col-lg-8 { -ms-flex: 0 0 63%; flex: 0 0 63%; max-width: 63%;}
.small-font { font-size: 14px; line-height: 1.5; }
.uppercase { text-transform:uppercase; }
.header-campus-wrap { display:flex; align-items:center; justify-content:flex-end; }
.header-campus { margin-left:1.5rem; }
.header-campus a { color:#333;}
.header-campus a:hover { color:#5ac8da; text-decoration:none;}
.logo-college { width:auto; height:57px; margin: 15px 0; background:url('../../images/aolcc-logo-dark-2X.png') no-repeat left center; background-size: contain; } 

.banner-container { background-repeat: no-repeat; position: relative; color:#fff; background-size:cover; background-position:center center; height:30vw; min-height:450px; }
/* .banner-container::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background-image: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(255,255,255,1) 100%); pointer-events: none; } */
	  /* .banner-container::after { content:''; position:absolute; bottom: -32px; right:0; width: 100%; height:100%; background-repeat: no-repeat; background-image:url('../../images/banner-frame.svg'); background-size: contain; background-position: bottom center; pointer-events: none; }   */
.dt-banner-adjustment { margin-left:22.5vw; }
.the-content { line-height: 1.618; ; }
.page-section-why-east h4 { font-size: 16px; }
.banner-row,.banner-row>.container { height:100%; }
.hero-row { height:100%; position:relative; }
.slogan-main-col { height:100%; display:flex; align-items:center; justify-content:flex-end; text-shadow:0px 1px 2px rgba(0,0,0,0.5); /* overflow: hidden;  */}
#slogan-area { display:flex; align-items:center; margin-top:-10vw; }
.slogan-in-banner { font-weight:bold; text-align:left; text-transform: uppercase; font-size:56px; transform:scale(.8); }
.banner-arrow { transform:scale(.8); margin-left:-1rem; }
.sidebar-wrap { position:absolute; right:2%; top:1.8rem; z-index:9; width: 38%; max-width: none;}
.sidebar-dt { animation-delay:0.66s; }
.form-container { background-color:#45b9d0; color:#fff; padding:2rem; border-radius: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.25);}
.form-wrap h2 { color:#fff; font-size:24px; text-align:center; }
.form-above-text { font-size:14px; margin-bottom:1.25rem; text-align:center; }
.c411-form { height:560px; width:100%; border:0; }

.page-main-content { margin-top:2vw; }
.sidebar-wrap h1::after,.sidebar-wrap h2::after { border-color:#fff; }
.form-wrap { display:flex; display: block; width: 100%;}
 
ul.form-ul { 
    columns: 2; 
    -webkit-columns: 2; 
    -moz-columns: 2; 
    margin-top: 1rem; 
	padding-left: 1rem; 
    list-style: none; }
ul.form-ul li { 
    display: flex; 
    align-items: flex-start; 
    position: relative; 
    margin-bottom: .375rem; 
	font-size:13px; }

ul.form-ul li::before { 
    content: "\002714"; 
    width: 15px; 
    height: 15px; 
    background-position: center; 
    background-repeat: no-repeat; 
    margin-right: .5rem; 
    position: absolute; 
    margin-left: -1rem; }
	
.program-box { background-color: #e3f6fc; color: #333; padding: 2rem 1.5rem; border-radius: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.1);} 
.program-box h2 { color:#fff; text-transform: uppercase; font-size:24px;text-align:center; }
.program-location-tabs { display:flex; justify-content: space-around; margin-bottom:1rem; gap: 1rem; }
.program-location-tab { font-size:12px; padding:5px; border-radius: 4px; background-color: #5ac8da; text-align: center; cursor:pointer; display: flex; align-items: center; line-height:1.2; flex-grow: 1; justify-content: center;}
.program-location-tab.active { background-color:#343d46; color:#fff; }
.program-location-panel.active { display:block; }
.program-location-panel { display:none; }
.program-location-panel ul { list-style: none; padding:0; margin:0; font-size:15px; }
.program-location-panel ul li a { padding-left: 10px; color:#333; text-decoration: none; }
.program-location-panel ul li a:hover { text-decoration: underline; }
.program-box h3 { color:#fff; display:block; font-size: 1.25rem; margin: 1.5rem 0 0.25rem;} 
.program-box a { color:#fff; display:block; font-size: 15px;}

.program-wrap { padding: 0 0px; margin-top: 1.5rem; }
.mb-program-col { width:100%; }
.wec-heading { background-color:#5ac8da; padding:.7rem 0; border-radius: 20px 20px 0 0; }
.wec-heading h4 { color:#fff;}
.wec-body { display:flex; align-items: center; background-color:#e3f6fc; color:#333; padding:1rem; min-height:142px; border-radius: 0 0 20px 20px; min-height: 217px;}
.wec-body-text {font-size: 15px; padding-left: 0.95rem !important; padding-bottom: .25rem !important;}
.wec-body-icon img { max-width:64px; height:auto; }

footer {background-color: #404040;}
footer .address-row {  color:#fff; padding: 20px 0;}
.footer-campus {text-align: center;  padding: 20px 0;}
	.footer-campus:nth-child(4) {/* margin-left: 16.66666%; */}
.footer-campus-title a { color:#ececec; font-size:20px; font-weight:bold; font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; margin-bottom:0.25rem; text-decoration: underline; display: block; }
.mb-sticky-btn { display:none; }
.credit-row { padding-top:1rem; padding-bottom:1rem;  color:#bbb; line-height:1.3; border-top: 1px solid rgba(255,255,255,0.13); max-width: 80%; padding: 2rem 10%; margin: 0 auto;}

.animationContainer {position: absolute; height: 100%; top: 0; left: 0; right: 0; z-index:9999;}
 
 
/* gravity form */
.wpa-test-msg {display:none;}
.gform_ajax_spinner, .gform-loader { display: none !important; }
form { position:relative; } 
form * { color:#555; font-size:14px !important; line-height:20px !important; font-family: 'Open Sans', Arial, Helvetica, sans-serif;}
::placeholder  { opacity:1; color:#555;} ::-webkit-input-placeholder { opacity:1;color:#555; } ::-moz-placeholder { opacity:1;color:#555; } ::-ms-placeholder { opacity:1;color:#555; } ::placeholder { opacity:1;color:#555; }
.gform_body ul { width:100%; list-style:none; margin:0 0 20px 0; padding:0;}
.gform_body ul li { padding: 0 !important; background:none;}
.gform_body input, .gform_body select, .gform_body textarea, 
.gform_wrapper input, .gform_wrapper select, .gform_wrapper textarea{ position:relative;  width:100% !important; height:44px; padding:0 10px !important; margin:0px 0 7px 0 !important; background:#fff; border:1px solid #ddd; text-align:left; border-radius: 5px; outline: none; }
	.gform_body select { width:100% !important; padding: 0 10px !important; margin: 0px 0 3px 0 !important; cursor: pointer;}
	.gform_body select option { padding:0; margin:0;} 
	.gform_body textarea { width: calc(100% - 20px); height: 130px !important; padding:10px !important; }
	input.gform_button, .rowCTA a { display:block; width:100% !important;  margin:0 !important; border:0; font-size:18px !important; text-align:center;  text-transform:uppercase; font-weight:bold; border-radius: 7px; cursor:pointer;
	padding: .7rem;   
    text-align: center;
    background-color: #dd6915;
    color: #fff;
    text-decoration: none;
    float: none;
    clear: both; box-shadow: 0 0 10px rgba(0,0,0,0.1); cursor:pointer;  }
		input.gform_button:hover { background-color: #a9cd40; }
.gfield_label { position:absolute; top: -10px; right: 7px;}
.charleft.ginput_counter{display:none}
.gform_wrapper.gravity-theme .gform_fields {grid-row-gap: 0px !important;}
body .gform_wrapper ul li.gfield { padding:0; margin:0px !important;}
	body .gform_wrapper ul li.gfield.f_first { width: calc(50% - 3.5px); margin: 0 7px 0 0 !important; float: left; clear: none;}
	body .gform_wrapper ul li.gfield.f_last { width: calc(50% - 3.5px); margin: 0 0px 0 0 !important; float: left; clear: none; }
	body .gform_wrapper ul li.gfield.f_email { width: calc(33% - 3.5px); margin: 0 7px 0 0 !important; float: left; clear: none;}
	body .gform_wrapper ul li.gfield.f_phone { width: calc(33% - 3.5px); margin: 0 7px 0 0 !important; float: left; clear: none;}
	body .gform_wrapper ul li.gfield.f_postal { width: calc(33% - 3.5px); margin: 0 0px 0 0 !important; float: left; clear: none; }
.gfield_chainedselect.vertical span { padding: 0 0 0px !important; margin: 0 !important;}
.gform_body .gfield_label { display:none !important;}
.gfield { position:relative;}
.ginput_container { position:relative;}
.validation_message { position: absolute; top: 0px; left: 11px; padding: 0 !important;  font-size: 12px !important;  background: none !important; border: none !important; margin: 0 !important;  }
.ginput_container_phone .instruction validation_message { display:none !important;}
.validation_error { position:absolute; top:0; left:0; z-index:99;  display:none !important;}
.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { max-width: inherit !important;}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {background-color: rgba(255,255,255,.5);}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container { margin-top: 20px !important;}
body .gform_wrapper .top_label div.ginput_container { margin:0 !important;}
.gform_body .sendInfoFormBelow, .gform_body ul li.smallTxt { display:block; font-size: 12px !important; line-height: 17px !important; padding: 0 0 15px 0 !important; color:#fff !important;}
.gform_wrapper .gform_validation_errors { display: none; }
/* gravity form */
.formBullets { display:block; width:100%; text-align: left; float:none; clear:both; border-top: 1px solid rgba(255,255,255,0.3); margin-top: 10px; padding: 6px 0;}
.formBullets ul { float: left; margin:10px 25px 15px 0px; padding: 0;}
	.formBullets ul:last-child { margin-right:0;}
.formBullets ul li { padding: 0 0 0px 0px; margin: 0 0 3px 15px; font-size: 14px; line-height: 18px;} 

.footerCTA {background: #e3f6fc; padding: 7rem 15px; color: #fff; text-align: center;  
	background-image: linear-gradient(0deg, rgba(52, 61, 70,0.7) 0%, rgb(28, 49, 68) 100%), url('../../images/cta-bg2.jpg');  background-repeat: no-repeat; background-position: center bottom; background-attachment: fixed; background-size: cover; }
.footerCTA h2 {width: 100%; color: #fff; margin-bottom: 1rem;}
.footerCTA p { margin: 0 auto 2rem; max-width: 97ch;}
.rowCTA a { display: inline-block; width: auto !important; padding: .7rem 2rem;}

.rowTestimonials { text-align: center; padding: 30px 20px; background: #5ac8da; color: #fff;}
.rowTestimonials hr { margin-bottom: 2rem;  }
.rowTestimonials h2 { color: #fff;}
.rowTestimonials h3 { font-size: 1.3rem; color: #fff;}
.rowTestimonials h4 { font-size: 1.3rem; color: #fff; text-transform: capitalize;}
.rowTestimonials .item p { font-size: 1.2rem; color: #fff; margin: 0.5rem auto; max-width: 96ch;} 

/*anim*/
.form-wrap,  
.page-main-content h1,
.page-main-content h3,
.page-main-content .the-content,
.rowCTA h2,
.rowCTA p,
.rowCTA a { visibility: hidden; opacity: 0; }



		@media screen and (max-width: 1199px) { 
			.container { max-width: 100%;}
		}

				@media screen and (max-width: 991px) { 
					body { background-color: #fff;}
					.hideOnDesktop { display:block; }
					.hideOnMobile { display:none; }
					.page-small-section-bottom .col-lg-8 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%;}
					.mb-sticky-btn { display:flex; position:fixed; align-items:center; justify-content:center; bottom:0;width:100%;z-index:99999;background:#dd6915; box-shadow: 0 0 20px rgba(0,0,0,0.13);  }
					a.mb-sticky-btn-m { display:inline-block; height: 48px; line-height: 48px; padding:1px 0; color:#fff; text-decoration:none; width: 100%; font-size:1.25rem; font-weight:bold; font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;text-align:center;}
					.logo-college { width:100%; height:50px; margin:0; background-position:center center;    } 
					.dt-banner-adjustment { margin-left:auto; }
					.sidebar-dt,.header-campus-wrap,.banner-arrow { display: none; }
					.slogan-main-col { justify-content: center; }
					dl, ol, ul { padding-left: 1rem; }
					/* #slogan-area { margin-top:0; } */
					.wec-body {  min-height: inherit;}
					.wec-body-text { padding-bottom: 0rem !important;}
					.footer-campus { padding: 5px 0; margin: 0 !important;}
					.footer-campus-address { padding-bottom:1rem; }
					.program-wrap { padding:0; }
					.program-box { border-radius: 0; }
					.form-wrap::before,.form-wrap::after { display: none; }
					.form-container { background-color: #c8d3e2; background-color: #45b9d0; color:#fff; border-radius: 0; }
						.form-container.inner { /* background-color: #c8d3e2;  */margin: 0 -15px; width: calc(100% + 30px); max-width: inherit;}
					.form-wrap { padding: 2rem 0; width: auto;}
					.form-wrap h2,.program-wrap h2 { color:#fff; font-weight: bold; } 
					.credit-row { max-width: 100%; padding: 2rem 0%; font-size: 0.9rem;}
					.footerCTA { background-attachment: scroll; }
					.footerCTA p, .rowTestimonials .item p { max-width: none; }
					
				}

						@media screen and (max-width: 767px) { 
							.page-small-section { padding-top:1rem; padding-bottom:1rem; }
							.page-section { padding-top:2rem; padding-bottom: 2rem; }
							.page-main-content {margin-top: 20px; }
							.slogan-in-banner { transform:scale(.67); }
							.h1, h1 { font-size: 1.75rem;}
								h1::after, h2::after { border-bottom: 4px dotted #666;}
								.program-box h2::after, .form-container h2::after { border-bottom: 4px dotted #fff;}
							.h2, h2 { font-size: 1.6rem;}
							.formAnimContainer { opacity: 0.8; }
							
						}

								@media screen and (max-width: 449px) { 
									
									.slogan-in-banner { transform:scale(.5); }
									.banner-container { height: 100vw; min-height:300px; background-attachment:scroll; background-position:center; }
									.footer-campus:nth-child(odd) { padding-left:1rem; padding-right: .5rem; }
									.footer-campus:nth-child(even) { padding-left:.5rem; padding-right: .5rem; }
									.footer-campus-address { font-size: 15px; }
									.banner-container::after { /*background-image:url('../../images/banner-frame-m.png');*/ bottom:-12px; }
								}