/**handles:wp-coder-style-1**/
#feature_container_outside {
	width:100%;
	height:50%;
	background-color:#000;
	max-width:1920px;
	margin:0 auto;
	display:flex;
	flex-flow: row wrap;}

#feature_container_large {
	width:70%;}

#feature_container_large img {
	width:100%;
	height:100%;}

#feature_container_large a {
	text-decoration:none;
}

/********** SLIDESHOW ************/

img {vertical-align: middle;}

.homeSlides {display: none;}

/* Fading animation */
#feature_container_large .fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* The dots/bullets/indicators */
#feature_container_large .dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

#feature_container_large .active, #feature_container_large .dot:hover {
  background-color: #717171;
}

#dots {
	position: relative;
	margin:;
}

#arrows {
	width:100%;
	position: relative;
	top: -45%;
}

/* Next & previous buttons */
#feature_container_large .prev, #feature_container_large  .next {
  cursor: pointer;
  position: absolute;
  width: auto;
	margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
#feature_container_large .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
#feature_container_large .prev:hover, #feature_container_large  .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/********** END SLIDESHOW STYLES **********/

#feature_container_small_outer {
	width:30%;}

#feature_area_container_small_inner {
	width:100%;
	height:100%;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin:0;
	padding:0;}

.feature_area_block {
	width:50%;
	height:50%;
	text-align:center;
	text-decoration:none;}

.feature_area_block h2 {
	font-size:2vw;
	color:#fff !important;
	margin:0;
	padding:0;
	width:auto;
  border: none !important;}

.feature_area_block h1 {
	font-size:2vw;
	color:#fff !important;
	margin:0;
	padding:0;
	width:auto;
  border: none !important;}

a.feature_area_block {
	text-decoration: none !important;}

.opacity_overlay {
	background-color:rgba(0,0,0,0.5);
	width:100%;
	height:100%;
	margin-top:0;
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid black;}

.opacity_overlay:hover {
	background-color:rgba(0,0,0,0.2);
	border:1px solid white;}

#apply_now {
	background-image:url('/wp-content/uploads/2020/05/apply_now_tile.jpg');
	background-repeat: no-repeat;
	background-size:cover;}

#new_students {
	background-image:url('/wp-content/uploads/2021/04/new-student-tile.jpg');
	background-repeat: no-repeat;
	background-size:cover;}

#areas_of_study {
	background-image:url('/wp-content/uploads/2021/04/areas-of-study-tile.jpg');
	background-repeat: no-repeat;
	background-size:cover;}

#vw_online {
	background-image:url('/wp-content/uploads/2020/05/vw_online_tile.jpg');
	background-repeat: no-repeat;
	background-size:cover;}

#campus-events {
	background-image:url('/wp-content/uploads/2022/11/events-calendar-tile.jpg');
	background-repeat: no-repeat;
	background-size:cover;}

#free-college {
	background-image:url('/wp-content/uploads/2021/04/free-college-tile.jpg');
	background-repeat: no-repeat;
	background-size:cover;}




/****** RESPONSIVE STYLES FOR HOMEPAGE FEATURE AREA ******/

/*

BREAKPOINTS:

1366px and up

1024px to 1365px

768px to 1023px

421px to 767px

420px and down

320px

*/

@media only screen and (min-width: 1366px) {}

@media only screen and (min-width: 1024px) and (max-width: 1365px) {}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	
	#feature_container_outside {
	}
	
	#feature_container_large {
	width:100%;}
	
	#feature_container_small_outer {
	width:100%;
	height:285px;}
	
	.feature_area_block {
	width:25%;
	height:100%;}
	
	.feature_area_block h2 {
	font-size:4vw;}
	
	
}

@media only screen and (min-width: 421px) and (max-width: 767px) {
	
	
	#feature_container_outside {
	}
	
	#feature_container_large {
	width:100%;}
	
	#feature_container_small_outer {
	width:100%;
	height:570px;}
	
	.feature_area_block {
	width:50%;
	height:50%;}
	
	.feature_area_block h2 {
	font-size:5vw;}
	
}

@media only screen and (max-width: 420px) {
	
	
	#feature_container_outside {
	}
	
	#feature_container_large {
	width:100%;}
	
	#feature_container_small_outer {
	width:100%;
	height:285px;}
	
	.feature_area_block {
	width:50%;
	height:50%;}
	
	.feature_area_block h2 {
	font-size:5vw;}
	
}

@media only screen and (width: 320px) {}