/*File contains both site specific and version 2 template css.  Eliminate version 2 template css from this file once group css is turned on*/

/***BEGIN Bioinformatics Site Specific CSS***/

	@media all and (min-width:1025px) {
		.pageNeedsMinHeight400 {
			min-height: 400px;
		}
		.pageNeedsMinHeight550 {
			min-height: 550px;
		}
		.pageNeedsMinHeight600 {
			min-height: 600px;
		}
		.pageNeedsMinHeight800 {
			min-height: 800px;
		}
		.pageNeedsMinHeight1000 {
			min-height: 1000px;
		}
		.pageNeedsMinHeight1200 {
			min-height: 1200px;
		}
	}
	
	.unitCustomFooter {
		background-color: #f5f5f5;
	}
	/*///////////////////////////////////////BEGIN Banner///////////////////////////////////////*/
	/**************BEGIN Image***************/
	
	.wideload-banner {
		background-color: #231F20;
		background-image: url("/cas/bioinformatics/images/banners/bioinformatics-program.jpg");
		min-height: 350px;
		background-size: cover;
		background-position: 50% 0;
		position: relative;
		width: 100%;
	}
	
	.wideload-overlay {
		background: rgba(50, 50, 50, 0.50);
		min-height: 350px;
		overflow: hidden;
		z-index: 2;
	}
	
	.wideload-content {
		position: absolute;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
		left: 50%;
		margin-right: -50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 70%;
	}
	/*---BEGIN Mobile---*/
	/*
	@media only screen and (min-width: 1025px) {
		.wideload-banner {
			background-image: url("/cas/bioinformatics/images/banners/1280x300-bioinformatics.jpg");
		}
	}
	
	@media only screen and (min-width:760px) and (max-width: 1024px) {
		.wideload-banner {
			background-image: url("/cas/bioinformatics/images/banners/1024x300-bioinformatics.jpg");
		}
	}
	
	@media only screen and (min-width:550px) and (max-width: 760px) {
		.wideload-banner {
			background-image: url("/cas/bioinformatics/images/banners/768x300-bioinformatics.jpg");
		}
	}
	
	@media only screen and (min-width:300px) and (max-width: 550px) {
		.wideload-banner {
			background-image: url("/cas/bioinformatics/images/banners/420x300-bioinformatics.jpg");
		}
	}
  */
	/*---END Mobile---*/
	/**************END Image***************/
	/**************BEGIN Text***************/
	
	.wideload-banner h1,
	.wideload-banner h2 {
		text-align: center;
	}
	
	.wideload-banner h1 {
		color: #fff;
		margin: 0px;
	}
	
	.wideload-banner h2 {
		color: #A3CD65;
		margin: 0px;
	}
	
	.wideload-content h1 {
		font-size: 48pt;
		text-shadow: 2px 2px 2px black;
	}
	
	.wideload-content h2 {
		font-size: 24pt;
		font-family: din-condensed, san-serif !important;
		text-transform: uppercase;
		text-shadow: 2px 2px 2px black;
	}
	/*---BEGIN Mobile---*/
	
	@media only screen and (max-width: 980px) {
		.wideload-content {
			width: 95%;
		}
		.wideload-content h1 {
			font-size: 48px !important;
		}
		.wideload-banner h2 {
			font-size: 24px !important;
		}
	}
	/*---END Mobile---*/
	/**************END Text***************/
	/*---BEGIN Interior Banner---*/
	
	.wideload-banner-interior {
		background-image: url("/cas/bioinformatics/images/banners/1280x150-bioinformatics.jpg");
		background-size: cover;
		height: 180px;
	}
	
	@media only screen and (min-width:760px) and (max-width: 1024px) {
		.wideload-banner-interior {
			background-image: url("/cas/bioinformatics/images/banners/1024x150-bioinformatics.jpg");
		}
	}
	
	@media only screen and (min-width:550px) and (max-width: 760px) {
		.wideload-banner-interior {
			background-image: url("/cas/bioinformatics/images/banners/768x150-bioinformatics.jpg");
		}
	}
	
	@media only screen and (min-width:300px) and (max-width: 550px) {
		.wideload-banner-interior {
			background-image: url("/cas/bioinformatics/images/banners/420x150-bioinformatics.jpg");
		}
	}
	/*---END Mobile---*/
	/*---End Interior Banner---*/
	/*///////////////////////////////////////END Banner///////////////////////////////////////*/



 /***BEGIN Breadcrumb and H1 Adjustements***/

 body.hd #breadcrumbs {
	margin: 20px 8px 0px 0 !important;
}

body.linear.hd #breadcrumbs ~ * h1 {
	margin-top: 0 !important;
}

body.linear.hd #breadcrumbs ~ * .page-header h2 {
	margin-top: 0 !important;
}


/***END Breadcrumb and H1 Adjustements ***/


/***END Bioinformatics Site Specific CSS***/