/* home page styles */

#main 												{ padding-bottom:0; }
.home #content 										{ width:100%; padding:0; }

FOOTER .map-wrapper 								{ margin-top:0; }

/*################################################################################################*/
/* SLIDER */
/*################################################################################################*/

#slider 											{ position:relative; overflow:hidden; margin-bottom:0; }
#slider .inner 										{ width:100%; height:320px; max-height:770px; 
													  background-size:cover; background-position:center center; background-repeat:no-repeat; }
#slider .overlay									{ position:absolute; top:0; bottom:0; left:0; right:0; 
													  background:url(../images/slider-overlay.png) repeat-x bottom center; }

/* caption */
#slider .caption									{ position:absolute; bottom:16%; width:100%; 
													  text-align:center; }
#slider .caption .title H2 							{ margin:0; 
													  font-size:30px; color:#FFF; }
#slider .caption .text								{ font-size:16px; color:#FFF; }
#slider .caption .btn 								{ border:none; padding:5px 15px; line-height:normal; height:auto;
													  font-size:14px; }

/* arrows */
#slider .slick-arrow 								{ display:block; position:absolute; top:0; bottom:0; width:7vw; z-index:99;
													  color:#FFF; cursor:pointer; }
#slider .slick-prev 								{ left:10px; }
#slider .slick-next									{ right:10px; }
#slider .slick-arrow .icon-bg 						{ position:absolute; top:50%; width:30px; height:30px; line-height:28px; border-radius:50%;
													  background:#a32b50; 
													  text-align:center; font-size:16px; }
#slider .slick-prev .icon-bg 						{ right:0; }
#slider .slick-left .icon-bg 						{ left:0; }


/* pips */
#slider .slick-dots									{ bottom:5%; padding:0; margin:0; }
#slider .slick-dots LI,
#slider .slick-dots LI BUTTON						{ margin:5px; width:12px; height:12px; padding:0; }
#slider .slick-dots LI:before						{ content:none !important; }
#slider .slick-dots LI BUTTON:before 				{ content:''; border:1px solid #c2c2c2; border-radius:100%;
													  background:#c2c2c2;
													  opacity:1; color:#c2c2c2; width:12px; height:12px; }
#slider .slick-dots LI.slick-active BUTTON:before 	{ border-color:#a32b50; 
													  background:#a32b50;
													  color:#a32b50; }

/*================================================================================================*/
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#slider .inner 										{ height:60vw; }

	/* caption */
	#slider .caption .title H2 							{ font-size:4vw; }
	#slider .caption .text								{ font-size:1.8vw; }
	#slider .caption .btn 								{ margin-top:30px;
														  font-size:1.3vw; }

	/* pips */
	#slider .slick-dots									{ bottom:8%; }
}

/*================================================================================================*/
/* Custom maximum width */
@media (min-width: 2000px) {
	/* caption */
	#slider .caption .title H2 							{ font-size:75px; }
	#slider .caption .text								{ font-size:30px; }
	#slider .caption .btn 								{ font-size:26px; }

}

/*################################################################################################*/
/* VIDEO */
/*################################################################################################*/

/*================================================================================================*/
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#video  										{ padding:20px 20%;
													  background:#000; }
}

/*################################################################################################*/
/* SCHOOLS */
/*################################################################################################*/

#schools .school									{ position:relative; width:100%; min-height:360px; 
													  background-size:cover; background-position:center center; background-repeat:no-repeat; 
													  text-align:center; }

#schools .overlay 									{ position:absolute; top:0; left:0; right:0; bottom:0;
													  background:rgba(0,0,0,0.4); 
													  display:-webkit-box; display:-ms-flexbox; display:flex; 
													  -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;
													  -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }

#schools .school .title H2							{ margin-top:0; 
													  color:#FFF; font-size:34px; }
#schools .school .link .btn-cta 					{ border-color:#FFF; }

/*================================================================================================*/
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#schools 											{ display:-webkit-box; display:-ms-flexbox; display:flex; }
	#schools .school									{ position:relative; width:33.33%; float:left; }
}


/*################################################################################################*/
/* HIGHLIGHT */
/*################################################################################################*/

#highlight 											{ padding:60px 10%; 
													  text-align:center; }
#highlight .title									{ margin-bottom:30px; }
#highlight .title H2								{ margin-top:0; 
													  font-size:34px; }
#highlight .description 							{ margin-bottom:30px;
													  font-size:20px; }


/*================================================================================================*/
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#highlight .title H2								{ font-size:50px; }
	#highlight .description 							{ font-size:24px; }
}

/*================================================================================================*/
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#highlight 											{ padding:60px 25%; }
}

/*================================================================================================*/
/* Custom maximum width */
@media (min-width: 2000px) {
	#highlight .title H2								{ font-size:70px; }
	#highlight .description 							{ font-size:28px; }
}


/*################################################################################################*/
/* NEWS */
/*################################################################################################*/

#content .news 										{  }
#content .news .post-feature						{ margin:0; }
#content .news .post-feature H3						{ margin-top:0; }

#content .news .post-feature .post-main 			{ padding-bottom:40px; }

/*================================================================================================*/
/* Handset ONLY */
@media (max-width: 767px) {
	#content .news .post-feature .post-main .fancy-title{ margin-top:0; }
}

/*================================================================================================*/
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#content .news .post-feature H3						{ margin-top:60px; }
}


/*################################################################################################*/
/* FEATURED SECTION */
/*################################################################################################*/

#featured-sections 									{ padding:60px 0;
													  background:#ebebeb; 
													  color:#a32b50; }

#featured-sections .section							{ color:#464646; text-align:center; }

#featured-sections .section .icon 					{ margin-bottom:30px; }
#featured-sections .section .icon .ff-icon			{ font-size:80px; color:#a32b50; }
#featured-sections .section .title H2				{ margin-top:0;
													  font-size:38px; }
#featured-sections .section .description			{ margin-bottom:15px;
													  font-size:16px; }

/*================================================================================================*/
/* Handset ONLY */
@media (max-width: 767px) {
	#featured-sections .section:first-child 			{ padding-bottom:60px; }
}

/*================================================================================================*/
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#featured-sections 									{ padding:80px 10%; }
	#featured-sections .section							{ width:50%; float:left; }
	#featured-sections .section:first-child 			{ padding-left:0; }
	#featured-sections .section:last-child 				{ padding-right:0; }

	#featured-sections .section .icon .ff-icon			{ font-size:90px; color:#a32b50; }
}

/*================================================================================================*/
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#featured-sections 									{ padding:80px 15%; }
}

/*================================================================================================*/
/* Custom maximum width */
@media (min-width: 2000px) {
	#featured-sections .section .icon .ff-icon			{  }
}

/*################################################################################################*/
/* FEATURED PAGES */
/*################################################################################################*/

#featured-pages 									{ background:#ebebeb; 
													  text-align:center; }

#featured-pages .post-item							{  }
#featured-pages .post-thumb							{ position:relative; min-height:300px; 
													  background-size:cover; background-position:center center; background-repeat:no-repeat; }

#featured-pages .overlay 							{ position:absolute; top:0; left:0; right:0; bottom:0;
													  background:rgba(0,0,0,0.4); }
#featured-pages .title								{ position:absolute; bottom:20px; left:20%; right:20%; }
#featured-pages .title H2							{ margin:0; 
													  color:#FFF; font-size:30px; }

/*================================================================================================*/
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#featured-pages .title H2						{ font-size:2.6vw; }
}

/*================================================================================================*/
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#featured-pages .title H2						{ font-size:2.4vw; }
}

/*================================================================================================*/
/* Custom maximum width */
@media (min-width: 2000px) {
	#featured-pages .title H2						{ font-size:42px; }
}