body { font-family: 'Lato', Helvetica, Arial, sans-serif; color: #29323e; line-height: 1.5; background: #fff; background: #f4f4f4; overflow-x:hidden;  	position: relative; max-width: 1920px; margin: auto; }
html { scroll-behavior: smooth; -webkit-overflow-scrolling: touch; }

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

	
h2, .h2, 
h1, .h1,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 { margin-top: 1px; font-family: 'Raleway',  Helvetica, Arial, sans-serif; text-transform: none; font-weight: 500; color:#333; } 
	.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;} 
		h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 500;} 
#mainNav { /* border-top:6px solid #dd6915; */ /* background: rgba(255,255,255,0.8); */ position: absolute; top: 0; left: 0; z-index: 999;}
.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:73px; margin: 15px 0; background:url('../../images/academy-of-learning.png') no-repeat left center; background-size: contain;*/ 
width: 247px; height: 93px; margin: 0px 0; background: url('../../images/academy-of-learning.png') no-repeat center #fff; background-size: auto; border-radius: 0 0 0.75rem 0.75rem; box-shadow: 0 0 10px rgba(0,0,0,0.03);} 
 
.banner-container { background-repeat: no-repeat; position: relative; background-size:cover; background-position:center center; background-color: #ddd; height:550px; max-height: 72vh; }
/* .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; }
main.container { min-height: 850px !important; }
.container100 { position: relative; max-width: 1920px; margin: auto;  }
.the-content { line-height: 1.618; }
.the-content2 {  /* padding: 2.25rem 2.75rem 2.25rem; margin: 2rem 0 1rem 0; border-left: 5px solid #44b9cf; border-right: 5px solid #44b9cf; */
							   /* padding: 2.25rem 2.75rem 2.25rem 100rem; border-radius: 1rem; margin: 2rem 0 1rem -100rem; background: #fff;  */ 
							   padding: 2.25rem; margin: 1rem auto 0rem; max-width: 105ch;}
.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;  font-size:56px; transform:scale(.8); }
.banner-arrow { transform:scale(.8); margin-left:-1rem; }
.sidebar-wrap { position:absolute; right:8%; top:2rem; z-index:9; width: 35%; max-width: 600px;}
.sidebar-dt { animation-delay:0.66s; }
.form-container { background:#44b9cf; background: #fff; padding:2rem; border-radius: 1rem; /* */ box-shadow: 0 0 10px rgba(0,0,0,0.25); border: 8px solid #44b9cf;}
.form-wrap h2 { /* color:#fff; */ font-size:24px; text-align:center; }
.form-above-text { font-size: 14px; margin: .75rem 0 0 0; text-align: center; border-top: 1px dashed rgba(0,0,0,0.2); border-bottom: 1px dashed rgba(0,0,0,0.2); background: #eff5f7; padding: 0.75rem 0;}
	.form_related-on-mb .form-above-text { border-top: 1px dashed rgba(255,255,255,0.2); border-bottom: 1px dashed rgba(255,255,255,0.2); background: rgba(255,255,255,0.1); }
.c411-form { height:560px; width:100%; border:0; }

.page-main-content { margin-top:2vw; max-width: 90ch; }
.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: #edf9fd; color: #333; padding: 2rem 1.5rem; border-radius: 1rem; /* */box-shadow: 0 0 10px rgba(0,0,0,0.2); } 
.program-box h2 { color:#fff;  font-size:24px;text-align:center; }
.program-location-tabs { display:flex; justify-content: space-around; margin-bottom:1rem; gap: 0.5rem; border-bottom: 1px solid #b8cadd; }
.program-location-tab { font-size:12px; padding:5px; border-radius: 4px 4px 0 0; background-color: #759a9f; color: #fff; 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: underline; line-height: 1.15; margin-bottom: 0.5rem;}
.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%; }
.page-section-why-us { margin: 0 0 2rem 0; }
.page-section-why-us h2 { padding: 2rem 0 1rem; margin: 0;}
.wec-row { gap: 1rem; margin: 0;}
.wec-column { flex-grow: 1;  flex-basis: 0; flex-basis: 40%;}
.wec-heading {  padding:1rem 0 0;   }
.wec-heading h4 { font-size:16px; line-height: 1.35; font-weight:bold; /* max-width: 20ch; */ }
.wec-body { display:flex; align-items: center; background:#fff; color:#333; border: 1px solid #e86404; border-top: 8px solid #e86404;	 padding:2rem 0.5rem 1.75rem; border-radius: 1rem; flex-direction: column; text-align: center; width: 100%; height: 100%;}
.wec-body-text {font-size: 15px; line-height: 1.4; max-width: 34ch;}
.wec-body-icon img { max-width:4rem; height:auto; filter: invert(44%) sepia(82%) saturate(5416%) hue-rotate(7deg) brightness(97%) contrast(97%); filter: invert(63%) sepia(36%) saturate(1866%) hue-rotate(155deg) brightness(92%) contrast(90%);}

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

.animationContainer {position: absolute; height: 100%; top: 0; left: 0; right: 0; z-index:8;}
 
 
/* 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:40px; padding:0 10px !important; margin:0px 0 7px 0 !important; background:#fff; border:1px solid #44b9cf; 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; height: 48px; 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: #e86404;
    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: #44b9cf; }
.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 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: 1.45 !important; padding: 0 0 15px 0 !important; color:#333 !important;}
	.form_related-on-mb .gform_body .sendInfoFormBelow, .form_related-on-mb .gform_body ul li.smallTxt { color:#fff !important;}
	@media screen and (max-width: 1399px) {  .gform_body .sendInfoFormBelow, .gform_body ul li.smallTxt { font-size: 11px !important;} }
.gform_wrapper .gform_validation_errors { display: none; }
#input_8_7_3_container { /* display: none;  */}
.gform_wrapper.gravity-theme .gfield_error [aria-invalid="true"], .gform_wrapper.gravity-theme .gfield_error select { border: 1px solid #c02b0a;}

/* inline validation */
.gfield-inline-error { display: block; color: #d32f2f; font-size: 11px !important; line-height: 1.3 !important; margin: -3px 0 4px 2px; }
.gfield--invalid input, .gfield--invalid select, .gfield--invalid textarea { border-color: #d32f2f !important; background-color: #fff8f8 !important; }
.gfield--valid input, .gfield--valid select, .gfield--valid textarea { border-color: #4caf50 !important; }
.gform_wrapper input:invalid { box-shadow: none !important; }
.gfield_validation_message { /* display: none !important; */ }
/* inline validation */

/* gravity form */
.formBullets { display:block; width:100%; text-align: left; float:none; clear:both; margin-top: 0; padding: 0.75rem 0 1rem;  display: flex; justify-content: space-around; justify-content: space-evenly;}
.formBullets ul { margin:0; padding: 0;}
.formBullets ul li { padding: 0 0 0px 0px; margin: 0 0 3px 15px; font-size: 14px; line-height: 18px;} 

.rowExtra { background: #fff; text-align: center; margin-top: 2rem; }
 
.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-bg6a.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; max-width:63ch; }
.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;} 

.provinceLocations { border-bottom: 1px solid #ecdede; width: 100%; display: block; padding: 3rem 0;}
.provinceLocations ul { display:flex; flex-wrap: wrap; gap: 2rem; margin: 1rem 15px 0; padding: 0; text-align: center;  justify-content: center;}
.provinceLocations ul li {flex-basis: 22%; max-width: 23%; flex-grow: 1; list-style: none; background: #fff; line-height: 1.3; font-weight: bold;}
.provinceLocations ul li span { font-size: 13px; font-weight: normal;}
.provinceLocations ul li .bg { background-repeat: no-repeat; width: auto; height: 100px; /* background-position: center top; */ background-size: cover; border-radius: 1rem; margin-bottom: 0.5rem; }
	.provinceLocations ul li.ab_1cc .bg { background-image:url(../../images/ab_1cc.jpg); }
	.provinceLocations ul li.ab_2cgc .bg { background-image:url(../../images/ab_2cgc.jpg); }
	.provinceLocations ul li.ab_3ed .bg { background-image:url(../../images/ab_3ed.jpg); }
	.provinceLocations ul li.ab_4es .bg { background-image:url(../../images/ab_4es.jpg); }
	.provinceLocations ul li.ab_5ew .bg { background-image:url(../../images/ab_5ew.jpg); }
	.provinceLocations ul li.ab_6mh .bg { background-image:url(../../images/ab_6mh.jpg); }
	.provinceLocations ul li.ab_7rd .bg { background-image:url(../../images/ab_7rd.jpg); }

	.provinceLocations ul li.bc_1k .bg { background-image:url(../../images/bc_1k.jpg); }
	.provinceLocations ul li.bc_2k .bg { background-image:url(../../images/bc_2k.jpg); }
	.provinceLocations ul li.bc_3n .bg { background-image:url(../../images/bc_3n.jpg); }
	.provinceLocations ul li.bc_4nv .bg { background-image:url(../../images/bc_4nv.jpg); }
	.provinceLocations ul li.bc_5r .bg { background-image:url(../../images/bc_5r.jpg); }
	.provinceLocations ul li.bc_6s .bg { background-image:url(../../images/bc_6s.jpg); }
	.provinceLocations ul li.bc_7vbs .bg { background-image:url(../../images/bc_7vbs.jpg); }
	.provinceLocations ul li.bc_8vws .bg { background-image:url(../../images/bc_8vws.jpg); }
	
	.provinceLocations ul li.mb_1pf .bg { background-image:url(../../images/mb_1pf.jpg); }
	.provinceLocations ul li.mb_2s .bg { background-image:url(../../images/mb_2s.jpg); }
	.provinceLocations ul li.mb_3wn .bg { background-image:url(../../images/mb_3wn.jpg); }
	.provinceLocations ul li.mb_4ws .bg { background-image:url(../../images/mb_4ws.jpg); }
   

.location-programs {background: #edf9fd; color: #333; padding: 2rem 2rem 1rem; margin: 2rem 0 1rem; border-radius: 1rem; box-shadow: 0 0 10px rgba(0,0,0,0.15); }
.location-programs ul li { line-height: 1.2; margin: 0.75rem 0;}
.location-programs ul li a { text-decoration: underline;}
  
  

/*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: #f4f4f4;}
					.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: 'Raleway', Helvetica, Arial, sans-serif;text-align:center;}
					#mainNav { position: relative; background: #fff; }
					.logo-college { width:100%; height: 73px; margin: 8px 0; background-position:center center; border-radius: 0; box-shadow: none; } 
					.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; width: 100%; text-align: center;}
					footer .copyright { text-align: center; padding-top: 0; }
					.footer-campus-address { padding-bottom:1rem; }
					.program-wrap { padding:0; margin: 0;}
					.program-box { border-radius: 0; box-shadow: none; padding: 4rem 1.5rem 2rem; }
					.form-wrap::before,.form-wrap::after { display: none; }
					.form-container { background-color: #c8d3e2; background-color: #45b9d0; color:#fff; border-radius: 0; border: 0; }
						.form-container.inner { /* background-color: #c8d3e2;  */margin: 0 -15px; width: calc(100% + 30px); max-width: inherit;}
					.form-wrap { padding: 0rem 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; margin-top: 0.5rem; margin-top: 0; }
					.footerCTA p, .rowTestimonials .item p { max-width: none; }
					
					.the-content2 { padding: 1.5rem; border-radius: 1rem; margin: 2rem 0 1rem; }
					.wec-column { flex-basis: 100%;}
					.footer-campus-title a { margin: 4px 0; }
					
					.rowExtra { margin-top: 0px;}
					.provinceLocations { border-bottom: 0; padding-bottom: 0;}
					.provinceLocations ul { position:relative; gap:1.25rem; }
					.provinceLocations ul li { position:relative; /* flex-basis: 42%; max-width: 42%; */ flex-basis: 100%; max-width: 100%; line-height: 1.2; padding-bottom: 0.75rem;}
					.provinceLocations ul li::after { content: ""; position: absolute; pointer-events: none; background:#e1e1e1; top:auto; bottom:0rem; left: 0; right: 0; height:1px; width:30%; margin:0 auto;  }
					
					.page-section-why-us { margin: 2rem 0; }
					.page-section-why-us h2 { text-align: center;}
					
					
				}

						@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.87; }
							
						}

								@media screen and (max-width: 449px) { 
									
									.slogan-in-banner { transform:scale(.5); }
									.banner-container { height: 100vw; min-height:300px; max-height: 400px; 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; }
									
									.footerCTA h2 { margin: 0 auto 1rem; max-width: 15ch; }
  
								}