/*
--------------------
WARNING!
Copyright Progress Systems Limited.
Explicit permission is required to copy or use any documents from this website
--------------------
*/


/* 

	4 Boxes across the website / icon centered over the text / boxes separated from each other

*/



/* HOMEPAGE SPOTLIGHTS ----------------------------------------------------------------------------------*/


#spotlight1,
#spotlight2,
#spotlight3,
#spotlight4,
#spotlight5,
#spotlight6  {
	width:20%; 
	float:left; 	
	text-align:center;	
}

#spotlight1:before,
#spotlight2:before,
#spotlight3:before,
#spotlight4:before,
#spotlight5:before {
	background: rgba(38, 60, 143, .25);
    content: "";
    height: 265px;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px;
}

#spotlight5:after {
	background: rgba(38, 60, 143, .25);
    content: "";
    height: 265px;
    right: 0;
    position: absolute;
    top: 0;
    width: 1px;
}


#divSpotlightsWrapper div:first-child, 
#divSpotlightsWrapper div:nth-child(4n+1) {
	margin-left:0; /*Removes the margin on the left side on the very first and then every fifth element (for example)*/ 
} 

#divSpotlightsWrapper div:nth-child(4) {
	margin-right:0; /*Removes the right side margin on the last element*/
}

 
#spotlight6 {
	display:none;
}

.spotlight_link {
	margin: 10px auto auto;
}







/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/


/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/


/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/


/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/


/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/







@media only screen and ( max-width: 75em ) /* 1200 */ {
	
	#spotlight1::before {border-left:none;}
	
	#spotlight5::before {border-right:none;}

}


@media only screen and ( max-width: 64em ) /* 1024 */{

	#spotlight1, #spotlight2, #spotlight3, #spotlight4 {width:50%; float:left; min-height:370px;}
			
	#spotlight3, #spotlight4 {margin-bottom:0; min-height:355px;}
	
	.spotlight_text {min-height:70px; padding-bottom:20px;}
		
		
	#divSpotlightsWrapper div:nth-child(2), #divSpotlightsWrapper div:nth-child(4) {
			margin-right:auto; /*Removes the right side margin on the last element*/
	}
	
	#spotlight5 {width:100%;padding-top: 15px; min-height:100%;}
	
	#spotlight5 .spotlight_text {min-height:auto;}
	
	 #spotlight5:before {
	border-right: medium none;
    border-top: 1px solid rgba(38, 60, 143, 0.25);
    height: 1px;
    left: 20px;
    width: calc(100% - 40px);}
	
	#spotlight1::before, #spotlight2::before, #spotlight3::before, #spotlight4::before {
		height:340px;
	}

	
	
	 #spotlight3::after, #spotlight4::after {
		background: rgba(38, 60, 143, 0.25) none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 20px;
    position: absolute;
    top: -15px;
    width: calc(100% - 40px);
	}
	
	


}


@media only screen and ( max-width: 61.25em ) /* 980 */ {
	
}


@media only screen and ( max-width: 55em ) /* 880 */ {
	
}


@media only screen and ( max-width: 50em ) /* 800 */ {
	
}


@media only screen and ( max-width: 48em ) /* 768 */ {

}


@media only screen and ( max-width: 45em ) /* 720 */ {

#spotlight1, #spotlight2, #spotlight3, #spotlight4 {min-height:390px;}
	
}


@media only screen and ( max-width: 40em ) /* 640 */ {
	
}


@media only screen and ( max-width: 37.5em ) /* 600 */ {
	
	#spotlight1, #spotlight2, #spotlight3, #spotlight4 {width:100%; margin-right:0; margin-bottom:20px; min-height:auto;}
		
	#spotlight4 {margin-bottom:0;}
	
	.spotlight_text {min-height:auto;}
	
	#spotlight2::after {
    background: rgba(38, 60, 143, 0.25) none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 20px;
    position: absolute;
    top: -15px;
    width: calc(100% - 40px);
}

}


@media only screen and ( max-width: 35.5em ) /* 568 */ {
	
	#homepageImageTextDiv {min-height:280px;}
	

}


@media only screen and ( max-width: 32.5em ) /* 520 */ {

}


@media only screen and ( max-width: 30em ) /* 480 */ {

}


@media only screen and ( max-width: 26.6875em ) /* 427 */ {
	
}


@media only screen and ( max-width: 25em ) /* 400 */ {
	
	#homepageImageTextDiv {
    min-height: 300px;
}
	
}


@media only screen and ( max-width: 22.5em ) /* 360 */ {
	
}


@media only screen and ( max-width: 20em ) /* 320 */ {
	#homepageImageTextDiv {
    min-height: 350px;
}
}