h1 {
		font-size: 2.4em;
		color: #2778a0;
	}


	h2 {
		font-size: 1.6em;
		color: #003d95;
		margin-bottom: 1rem;
	}

	h3 {
		font-size: 1.3em;
		color: #003d95;
	}

	h4 {
		font-size: 1.1em;
		margin: 0px 0px 5px 0px;
		color: #003d95;
	}




/* page layout */
@media all {
	#content {
		background-image: url(/images/page-bg.jpg);
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: center 0px;
		background-attachment: fixed;
	}

}


/* photos */
@media all {
	.photo {
		font-size: 0.9em;
		padding: 5px 0px 0px 0px;
		margin: 0px 0px 20px 0px;
	}

		.photo.fleft {
			margin: 0px 20px 20px 0px;
		}

		.photo.fright {
			margin: 0px 0px 20px 20px;
		}

		.photo img {
			width: 100%;
			border: 1px solid #d1d1d1;
		}

		.photo .caption {
			color: #757474;
		}

		.photo.nocap .caption {
			display: none;
		}
}

/* forms */
@media all {
	main form {
		margin: 0px 0px 20px 0px;
	}

	#content input[type="text"],
	#content input[type="submit"],
	#content input[type="button"],
	#content button,
	#content select {
		padding: 0px 5px;
		border: 1px solid #adc9ea;
		font-size: 0.8em;
		height: 28px;
		line-height: 1.5em;
		vertical-align: bottom;
	}

	#content input[type="submit"], 
	#content input[type="button"], 
	#content button {
		background-color: #ff552e;
		border: none;
		padding: 0px 8px;
		color: #ffffff;
	}

	textarea {
		padding: 5px;
		border: 1px solid #adc9ea;
	}

	fieldset {
		border: 1px solid #1c447e;
		padding: 20px 20px 20px 20px;
		margin: 0px 0px 30px 0px;
		transition: background-color linear 1s;
	}

	label {
		line-height: 1.7em;
		display: block;
	}

		label.inline {
			display: inline;
		}

		label.required:before {
			content: '* ';
			color: #ff0000;
		}

	form.two_column fieldset label {
		float: left;
		width: 190px;
		margin: 0px 10px 0px 0px;
	}

		form.two_column fieldset label.required:before {
			position: absolute;
			left: 15px;
		}

		form.two_column fieldset label.error {
			color: #ff0000;
			display: inline;
			width: unset;
		}

	form.two_column fieldset div {
		margin: 0px 0px 10px 0px;
		display: flex;
	}

	form.inline label {
		display: inline;
	}

	form label.inline  {
		display: inline;
	}
}

/* tables */
@media all {

	.horizontal_scroll {
		max-width: 100%;
		width: 96vw;
		overflow-x: auto;
	}



	table {
		border-collapse: collapse;
		border-spacing: 0;
		margin: 0px 0px 30px 0px;
		background-color: rgba(255, 255, 255, 0.9);

		width: 100%;
	}

		table tbody tr {
			border-top: 1px solid #d1d1d1;
			border-bottom: 1px solid #d1d1d1;
		}

			table tr:hover {
				background-color: #f3f3f3;
			}

		table.nohover tr:hover {
			background-color: transparent;
		}

		table th, table td {
			text-align: left;
			padding: 10px;
			border-left: 1px solid #e1e1e1;
			border-right: 1px solid #f1f1f1;

		}

		table thead th {
			background-color: #ff552e;
			color: #ffffff;
			text-transform: uppercase;
		}
}

/* tabs */
@media all {
	ul.ui-tabs-nav {
		list-style-type: none;
		display: inline-block;
		width: 100%;
		margin: 0px 0px 20px 0px;
		padding: 0;
		border-bottom: 2px solid #ff552e;
	}

		ul.ui-tabs-nav li {
			float: left;
			margin: 0px 7px 0px 0px;
			padding: 0px;
			border: none;
		}

			ul.ui-tabs-nav li a {
				padding: 6px 6px 3px 6px;
				background-color: #f3f3f3;
				display: block;
				text-align: center;
			}

				ul.ui-tabs-nav li a:hover {
					background-color: #e8e8e8;
				}

			ul.ui-tabs-nav li.ui-state-active a {
				background-color: #ff552e;
				color: #ffffff;
			}
}

/* basic structural and formatting items */
@media all {
	.nobr {
		white-space: nowrap;
	}

	.button {
		display: inline-block;
		color: #ff552e;
		text-align: center;
		font-size: 1.4em;
		font-weight: bold;
		border: none;
		padding: 0;
	}

		.button:hover {
			background-color: initial;
			color: #ff552e;
		}


		.button:after {
			content: "\f0a9";
			font-family: "Font Awesome 5 Pro";
			display: inline-block;
			padding-left: 10px;
			font-weight: 900;

		}

	.container-short {
		max-width: 1170px;
		margin: 0px auto;
		padding: 10px 10px;
		position: relative;
		z-index: 3;
	}

	.clearfix {
		overflow: auto;
	}

	.fleft {
		float: left;
		margin: 0px 40px 20px 0px;
	}

	.fright {
		float: right;
		margin: 0px 0px 20px 20px;
	}

	.right {
		text-align: right;
	}

	.center {
		text-align: center;
	}

	.hidden {
		display: none !important;
		opacity: 0;
	}

	.offscreen {
		position: fixed;
		top: -1000px;
	}

	.line-height {
		line-height: 1em;
	}

	.p25 {
		width: 25%;
	}
	
	.p50 {
		width: 50%;
	}
	
	.p60 {
		width: 60%;
	}
	
	.p75 {
		width: 75%;
	}
	
	.pad-top-1 {margin-top: 2em;}
	

	.x080 {
		font-size: 80%;
	}

	.x110 {
		font-size: 110%;
	}

	.x120 {
		font-size: 120%;
	}

	.x150 {
		font-size: 150%;
	}

	.x175 {
		font-size: 175%;
	}

	.x200 {
		font-size: 200%;
	}

	.x250 {
		font-size: 250%;
	}

	.x300 {
		font-size: 300%;
	}

	.x400 {
		font-size: 400%;
	}

	.x450 {
		font-size: 450%;
		line-height: 150%;
	}

	.upper {
		text-transform: uppercase;
	}

	.zero {
		margin: 0px;
	}

	.normal {
		font-weight: normal;
	}

	.bold {
		font-weight: bold;
	}

	.extrabold {
		font-weight: 900;
	}

	.shadow {
		text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.9);
	}
	
	.highlight { background-color: #d6de23; }
	.white {
		color: #ffffff;
	}

	.red {
		color: #ff0000;
	}

	.blue {
		color: #2778a0;
	}

	.light_orange {
		color: #ff9a2d;
	}

	.orange {
		color: #ff552e;
	}

	.yellow {
		color: #d6de23;
	}

	.light_blue {
		color: #e3f0f2;
	}

	.grey_blue {
		color: #91b2b7;
	}

	.black {
		color: #000000;
	}
	.ice_blue {
		color: #003d95;
	}

	.dark_blue {
		color: #102b4e;
	}

	.dark_blue_bg {
		background-color: #1A3A53;
		color: #ffffff;
	}
	
	.dark_ice_blue_bg {
		background-color: #003d95;
		color: #ffffff;
	}

	.blue_bg {
		background-color: #2778a0;
	}

	.light_blue_bg_trans {
		background-color: rgba(227, 240, 242, 0.4);
	}

	.orange_bg {
		background-color: #ee5236;
	}
	
	.yellow_green_bg {
		background-color: #d6de23;
	}
		.box span {
			padding: 10px 20px;
			display: inline-block;
			border: 2px solid #102b4e;
			text-transform: uppercase;
		}

		.box.orange span {
			border-color: #ff552e;
		}

		.box.ice_blue span {
			border-color: #003d95;
		}

		.box.white span {
			border-color: #ffffff;
		}


	.callout {
		padding: 20px 40px 20px 40px;
		margin: 40px 0px;
		background-color: #FDE2AD;
		border-bottom: 15px solid #FAB731;
	}
	
	.callout.fleft {margin-right: 40px;}
	.callout.fright {margin-left: 40px;}

		.callout a {
			display: block;
			color: #000000;
			background-color: #FAB731;
			text-transform: uppercase;
			padding: 10px 15px;
			text-align: center;
			font-weight: bold;
		}

		.callout.blue {
			background-color: #91b2b7;
			border-bottom: 15px solid #2778a0 ;
		}

			.callout.blue a {
				background-color: #2778a0;
				color: #ffffff;
			}


	.abet_badge {
		margin: 40px 0px;
		border: 1px solid #d1d1d1;
	}

		.abet_badge h3 {
			padding: 10px;
			margin: 0px;
			background-color: #003d95;
			color: #ffffff;
		}

		.abet_badge p {
			padding: 10px;
			font-size: 85%;
			margin: 0px;
		}

	.abet_badge img {
		width: 100%;
		display: block;
	}
	
		ul.blue-tiles {
		list-style-type: none;
		margin-left: 0;
		display: flex;
		width: 100%;
	}
	
	ul.blue-tiles li {
		float: 	left;
		margin-right: 20px;
		align-self: stretch;
		width: 33%;
	}
	ul.blue-tiles li a {
		color: #d6de23;
		padding: 15%;
		background-color: #2778a0;
		height: 100%;
		display:block;
		text-align: center;
		font-weight: bold;
	}
	
	.anchor-offset:before {
		content:"";
		display:block;
		height:90px; /* fixed header height*/
		margin:-90px 0 0; /* negative fixed header height */
	}
	
	.evs_columns {
		display: flex;
		width: 100%;
	}
	
	.evs_winners {
		list-style-type: none;
		margin-left: 0;
		width: 33%;
	}
	
	.top-border {
		margin-top: 30px;
		padding-top: 30px;
		border-top: solid #102b4e 1px;
	}
	
	#featured-donors {
		display: flex;
		flex-direction: column;
		height: 100%;
	}
}


/* sections */
@media all {

	section {
		position: relative;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		clear: both;
		margin: 0px 0px 0px 0px;
	}

		section .container {
			width: 1170px;
			margin: 0px auto;
			padding: 60px 0px;
			position: relative;
			z-index: 3;
		}

		section .container-fluid {
			z-index: 3;
		}

		section.gap {
			margin: 130px 0px;
		}


		section.medium .container {
			padding-left: 105px;
			padding-right: 105px;
		}

		section.mediumright .container {
			padding-left: 210px;
		}


		section.narrow .container {
			padding-left: 235px;
			padding-right: 235px;
		}

		section.narrowright .container {
			padding-left: 470px;
		}

		section.narrowleft .container {
			padding-right: 570px;
		}

		section.verynarrowright .container {
			padding-left: 670px;
		}

		section.twocol {
			columns: 1;
		}


		section.twocol .container {
			overflow: auto;
		}

		section.twocol .col {
			float: left;
			width: 50%;
		}

		section.twocol .col:nth-child(2n) {
			padding-left: 45px;
		}

		section.twocol .col:nth-child(2n+1) {
			padding-right: 45px;
		}

			section.twocol .col.border-left {
				padding: 0px 20px;
			}

		section.blueoverlay::after {
			position: absolute;
			display: block;
			top: 0px;
			background-color: #2778a0;
			opacity: 0.85;
			height: 100%;
			width: 100%;
			content: '';
		}
		section.blueskew::after {
			position: absolute;
			display: block;
			top: 0px;
			left: -5%;
			width: 60%;
			height: 100%;
			background-color: #2778a0;
			opacity: 0.85;
			transform: skewX(-6deg);
			content: '';
		}
		
		
		section.blueskew_right::after {
			position: absolute;
			display: block;
			top: 0px;
			right: -5%;
			width: 60%;
			height: 100%;
			background-color: #2778a0;
			opacity: 0.85;
			transform: skewX(-6deg);
			content: '';
		}
		
		section.blueskew_right {
			text-align: right;
		}
		section.orangeoverlay::after {
			position: absolute;
			display: block;
			top: 0px;
			width: 100%;
			height: 100%;
			background-color: #ff9a2d;
			opacity: 0.85;
			content: '';
		}
		section.orangeskew::after {
			position: absolute;
			display: block;
			top: 0px;
			left: -5%;
			width: 60%;
			height: 100%;
			background-color: #ff9a2d;
			opacity: 0.85;
			transform: skewX(-6deg);
			content: '';
		}
		
		section.orangeskew_right::after {
			position: absolute;
			display: block;
			top: 0px;
			right: -5%;
			width: 60%;
			height: 100%;
			background-color: #ff9a2d;
			opacity: 0.85;
			transform: skewX(-6deg);
			content: '';
		}
		
		section.orangeskew_right {
			text-align: right;
		}

		section.greyskew::before {
			position: absolute;
			display: block;
			top: 0px;
			left: -5%;
			width: 40%;
			height: 100%;
			background: repeating-linear-gradient(
				90deg,
				#D1D8DE,
				#D1D8DE calc(100% - 55px),
				#E5E9EC calc(100% - 55px),
				#E5E9EC 100%
			);
			transform: skewX(-6deg);
			content: '';
		}

		section.greyskew::after {
			position: absolute;
			display: block;
			top: 0px;
			right: -5%;
			width: 15%;
			height: 100%;
			background: repeating-linear-gradient(
				90deg,
				#E5E9EC,
				#E5E9EC 55px,
				#D1D8DE 55px,
				#D1D8DE 100%
			);
			transform: skewX(-6deg);
			content: '';
		}

		section.yellowskew {
			background-color: rgba(235, 239, 145, 0.4);
		}

		section.yellowskew::before {
			position: absolute;
			display: block;
			top: 0px;
			left: -5%;
			width: 40%;
			height: 100%;
			background: repeating-linear-gradient(
				90deg,
				#EBEF91,
				#EBEF91 calc(100% - 55px),
				#F2F4B5 calc(100% - 55px),
				#F2F4B5 100%
			);
			transform: skewX(-6deg);
			content: '';
		}

		section.yellowskew::after {
			position: absolute;
			display: block;
			top: 0px;
			right: -5%;
			width: 15%;
			height: 100%;
			background: repeating-linear-gradient(
				90deg,
				#F2F4B5,
				#F2F4B5 55px,
				#EBEF91 55px,
				#EBEF91 100%
			);
			transform: skewX(-6deg);
			content: '';
		}

		/*  color selections for researcher banner */
		section.blue-background::after {
			background-color: #1A3A53 !important;
		}
		
		section.green-background::after {
			background-color: #d6de23 !important;
		}
		

	section.skewdown {
		position: relative;
		margin: 40px 0px 40px 0px;
		z-index: 2;
	}

		section.skewdown::before {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			content: '';
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			transform: skewY(2deg);
			z-index: 1;
		}

		section.skewdown .container-fluid,
		section.skewdown .container {
			padding: 140px 2vw 140px 2vw;
		}

		section.skewdown.lightblue::before {
			background-color: #e3f0f2;
		}

		section.bg_student_class {
			background-image: url(/images/bands/UI-02-130417-351.jpg);
		}
		
		section.bg_students_computer {
			background-image: url(/images/bands/UI-03-130418-352.jpg);
		}
		
		section.bg_about {
			background-image: url(/images/banners/banners-about.jpg);
		}
		section.bg_dobrucki{
			background-image: url(/images/bands/dobrucki.jpg);
		}

		section.bg_cunningham {
			background-image: url(/images/banners/banners-partnerships.jpg);
		}
}



/* section banner */
@media all {
	#section_banner {
		position: relative;
		height: 180px;
		background-color: #1A3A53;
		z-index: 2;
		margin: 0px 0px 40px 0px;
	}

		#section_banner::after {
			position: absolute;
			display: block;
			content: '';
			width: 100%;
			height: 100%;
			top: 0px;
			left: 0px;
			opacity: 0.3;
			background-image: url(/images/GelsonPagan_Submission1_web.jpg);
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			z-index: 1;
		}

		#section_banner .container {
			position: relative;
			width: 1170px;
			text-transform: uppercase;
			margin: 0px auto;
		}

			#section_banner .container .section_title {
				position: absolute;
				top: 130px;
				left: 0px;
				color: #d6de23;
				z-index: 3;
				padding: 30px 20px 30px 0px;
				width: 30%;
				height: 100px;
				font-size: 2.1em;
				font-weight: 900;
			}

				#section_banner .container .section_title::before {
					position: absolute;
					display: block;
					content: '';
					width: 200%;
					height: 100%;
					top: 0px;
					right: 20px;
					background-color: #2778a0;
					z-index: -2;
				}

				#section_banner .container .section_title::after {
					position: absolute;
					display: block;
					content: '';
					width: 100%;
					height: 100%;
					top: 0px;
					left: 0px;
					background-color: #2778a0;
					z-index: -2;
					transform: skewX(-6deg);

				}




	body.academics #section_banner::after {
		background-image: url(/images/light-controlled-biobots-2016.jpg);
	}

	body.admissions #section_banner::after {
		background-image: url(/images/banners/banners-grad.jpg);
	}
	
	body.undergraduate #section_banner::after{ 
		background-image: url("/images/banners/banners-undergrad.jpg");
	}
	
	body.graduate #section_banner::after{ 
		background-image: url("/images/banners/banners-grad.jpg");
	}
	
	body.alumni #section_banner::after{ 
		background-image: url("/images/banners/banners-alumni.jpg");
	}
	
	body.research #section_banner::after{ 
		background-image: url("/images/banners/banners-research.jpg");
	}
	
	body.partnerships #section_banner::after{ 
		background-image: url("/images/banners/banners-partnerships.jpg");
	}
	
	body.directory #section_banner::after{ 
		background-image: url("/images/banners/banners-directory.jpg");
	}
	
	body.give #section_banner::after{ 
		background-image: url("/images/banners/banners-give.jpg");
	}
	
	body.news #section_banner::after{ 
		background-image: url("/images/banners/banners-news.jpg");
	}
	
	body.calendar #section_banner::after{ 
		background-image: url("/images/banners/banners-calendar.jpg");
	}
	
	body.about #section_banner::after{ 
		background-image: url("/images/banners/banners-about.jpg");
	}
	
	body.employment #section_banner::after{ 
		background-image: url("/images/banners/banners-employment-1.jpg");
	}
	body.student-life #section_banner::after{ 
		background-image: url("/images/banners/banners-student-life.jpg");
	}
	body.engage #section_banner::after{ 
		background-image: url("/images/banners/banners-engage.jpg");
	}
	body.contact #section_banner::after{ 
		background-image: url("/images/banners/banners-contact.jpg");
	}

	body.no_section_banner #section_banner {
		display: none;
	}
}

/* content */
@media all {
	#content {
		width: 1170px;
		margin: 0px auto;
		overflow-x: hidden;
	}

	
}

/* left sidebar */
@media all {
	#sidebar {
		position: relative;
		display: none;
		padding: 30px 0px 30px 15px;
		width: 260px;
		z-index: 1;
		float: left;
	}


		#sidebar #sidebar_header {
			display: none;
		}

		#sidebar h2 {
			text-indent: -999999px;
			margin: 0;
		}

		#sidebar ul {
			list-style-type: none;
			padding: 0;
		}


		#sidebar ul li a {
			display: block;
			font-weight: bold;
			color: #2778a0;
			font-size: 1.2em;
			padding: 5px 0px;
			line-height: 1.5;
		}

			#sidebar ul li a:hover {
				color: #ff552e;
			}


			#sidebar ul li a.active {
				color: #ff552e;
			}

		#sidebar ul li ul {
			display: none;
		}

		#sidebar ul li.active ul {
			display: block;
		}

		#sidebar ul li ul li a {
			font-size: 0.9em;
			color: #102b4e;
			font-weight: normal;
		}

		#sidebar ul li ul li ul {
			list-style-type: disc;
			margin-left: 30px;
		}

		#sidebar ul li ul li ul li a {
		}

	/* enable sidebar on properly classed pages and modify #content .section .container accordingly */
	body.sidebar #sidebar {
		display: block;
	}
}

/* main content area */
@media all {

	main {
		position: relative;
		overflow: hidden;
		margin: 20px 0px 40px 0px;
		z-index: 1;
	}

		main h1 {
			display: none;
		}

	body.sidebar main h1 {
		display: block;
	}

	body.sidebar #content {
		background-image: none;
	}

	body.sidebar main {
		position: relative;
		display: block;
		margin-left: 370px;
		max-width: 800px;
	}

	body.sidebar.wide main {
		margin-left: 280px;
		max-width: 890px;
	}

	main a {
		color: #ff552e;
	}

	main a:hover {
		opacity: 0.8;
	}

		main a[href^="mailto"] {
			white-space: nowrap;
		}

		main ul.columns2, main ol.columns2 {
			columns: 2;
			-moz-columns: 2;
			-webkit-column-count: 2;
		}
	main ul ul {
		margin-top: 15px;
	}

	main ol {
		list-style-type: decimal;
		margin: 0px 0px 15px 40px;
	}

}

/* right sidebar */
@media all {
	#rightbar {
		display: none;
		position: absolute;
		margin: 0px auto 40px auto;
		padding: 60px 0px 0px 0px;
		z-index: 1;
		top: 0;
		right: 0;
		width: 240px;
		font-size: 90%;
	}

	body.rightbar #rightbar {
		display: block;
	}

	body.sidebar.rightbar #content .section .container {
		margin-left: 300px;
		margin-right: 300px;
		width: 560px;
	}

	#rightbar ul {
		margin: 0px 0px 20px 0px;
	}

		#rightbar ul li {
			border-bottom: 1px solid #e8e8e8;
			margin: 3px 0px 3px 0px;
		}
}

/* about */
@media all {
	#about {
		margin-bottom: 50px;
		background-image: url(/images/footer-bg.jpg);
	}

		#about .col {
			width: calc(100% - 300px);
		}
		#about .col:last-child {
			width: 300px;
			float: right;
			padding: 0px;
		}

		#about a {
			color: #adc9ea;
		}

		#about .imark a {
			display: inline-block;
			float: left;
			margin: 0px 10px 0px 0px;
			background-image: url(//ws.engr.illinois.edu/images/block.i.blue.png);
			background-repeat: no-repeat;
			background-size: contain;
			height: 35px;
			width: 32px;
			text-indent: -999999px;
		}


		#about .college a {
			display: inline-block;
			float: left;
			width: 250px;
			font-weight: bold;
			text-transform: uppercase;
			color: #ffffff;
		}

		#about .il150 a {
			display: inline-block;
			float: left;
			margin: 50px 0px 0px 0px;
			background-image: url(/images/IL150_logo_primary_white_80.png);
			background-repeat: no-repeat;
			background-size: contain;
			width: 80px;
			height: 101px;
			text-indent: -999999px;
		}
}


/* home page */
@media all {

	body.home.landing #sidebar, body.research_highlights.landing #sidebar {
		display: none;
	}

	body.home main .section_title {
		display: none;
	}
	
	body.research_highlights.landing #section_banner .container .section_title {
		left: 0;
	}
	
	body.research_highlights.landing #band_research_feature {
		margin-bottom: 40px;
	}
	
	body.home #band_research_feature {
		margin-top: 100px;
		margin-bottom: 50px;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	body.home #band_2017_highlights {
		margin-top: 30px;
		margin-bottom: 100px;	
		padding-top: 200px;
	}
	
	body.home #band_2017_highlights .container {
		background-color: rgba(26, 58, 83, .7);
		padding: 30px;
	}

	body.home main {
		padding: 0px 0px 0px 0px;
	}


	body.home #feature {
		height: 540px;
		margin: 0px 0px 40px 0px;
	}

		body.home #feature::before {
			display: block;
			position: absolute;
			content: ' ';
			width: 100%;
			height: 100%;
			top: 0px;
			left: 0px;
			background-position: center top;
			background-size: cover;
			background-repeat: no-repeat;
			opacity: 0.7;
			transform: skewY(-1.72deg);
			transform-origin: 0%;
			z-index: 2;
		}

		body.home #feature::after {
			display: block;
			position: absolute;
			content: ' ';
			width: 100%;
			height: 100%;
			top: 0px;
			left: 0px;
			background-color: #2778A0;
			transform: skewY(-1.72deg);
			transform-origin: 0%;
			z-index: 1;
		}


		#slogan {
			position: absolute;
			display: block;
			left: 0px;
			top: 350px;
			background-color: #2778a0;
			width: 500px;
			min-height: 95px;
			z-index: 2;
			transform: skewX(-12deg);
			text-transform: uppercase;
			font-size: 2em;
			padding: 25px 50px 25px 0px;
			text-align: right;
			font-weight: bold;
		}

			#slogan::after {
				background: inherit;
				bottom: 0;
				content: '';
				display: block;
				height: 100%;
				width: 200%;
				position: absolute;
				right: 0;
				transform: skewY(-3deg);
				transform-origin: 100%;
				z-index: -1;
			}

			#slogan::before {
				background: inherit;
				top: 0;
				content: '';
				display: block;
				height: 100%;
				width: 200%;
				position: absolute;
				right: 0;
				transform: skewY(3deg);
				transform-origin: 100%;
				z-index: -1;
			}


			#slogan h2, .text-shadow {
				transform: skewX(12deg);
				text-shadow: 1px 1px 1px #000000;
				font-size: 1em;
				color: inherit;
				font-weight: bold;
				margin: 0px;
				line-height: inherit;
			}

				#slogan h2 span {
					color: #D7DD23;
				}
	
				#slogan h2 span.welcome-message{
					font-size: .6em;
					line-height: 1;
					white-space: normal !important;
				}

}




/* landing pages */
@media all {
	body.landing #content {
		width: 100%;
	}

	body.landing main {
		margin: 0px;
	}

	body.landing #section_banner {
		height: 450px;
	}

		body.landing #section_banner .container .section_title {
			color: #ffffff;
			background: none;
			font-size: 5em;
			left: 470px;
			width: auto;
			height: auto;
		}

			body.landing #section_banner .container .section_title::after,
			body.landing #section_banner .container .section_title::before {
				display: none;
			}

	body.landing #sidebar {
		display: block;
		position: absolute;
		top: 310px;
		left: calc(50vw - 585px);
		width: 300px;
		z-index: 2;
		background-color: #2778a0;
		padding: 40px 20px 40px 0px;
	}

		body.landing #sidebar::before {
			position: absolute;
			display: block;
			content: '';
			width: 500%;
			height: 100%;
			top: 0px;
			right: 20px;
			background-color: #2778a0;
			z-index: -2;
		}

		body.landing #sidebar::after {
			position: absolute;
			display: block;
			content: '';
			width: 100%;
			height: 100%;
			top: 0px;
			left: 0px;
			background-color: #2778a0;
			z-index: -2;
			transform: skewX(-6deg);
			transform-origin: 100% 100%;
		}

		body.landing #sidebar > ul::before {
			display: block;
			content: "In this section";
			color: #d6de23;
			font-size: 1.7em;
			font-weight: 900;
			text-transform: uppercase;
			margin: 0px 0px 10px 0px;
		}

		body.landing #sidebar a {
			color: #ffffff;
			font-weight: normal;
		}

}




/*bands*/
@media all {
	#band_wherego::before {
		background-image: url(/images/banners/banners-calendar.jpg);
	}
	#band_bme::before {
		background: linear-gradient(rgba(26, 58, 83, 0.4),rgba(26, 58, 83, 0.4)), url(/images/bands/bme.jpg);
		background-repeat: no-repeat;
		background-position: center center;
	}
	#band_bme {		
		margin: 5em 0;
	}
	
	#band_campus_news,
	#band_hiring {
		height: 280px;
	}

	#band_campus_news .container svg,
	#band_hiring .container svg {
		position: absolute;
		left: 0px;
		top: -50px;
		z-index: -1
	}

	/*#band_leadership {
		background-image: url(/images/band_leadership.jpg);
		overflow: hidden;
	}*/
	
	#band_carle {
		background-image: url(/images/band-carle.jpg);
		overflow: hidden;
		margin-top:100px;
	}

	#band_carle .container{
		padding-top: 150px;
		padding-bottom: 150px
	}
	
	#band_carle p {
		line-height: 1.3em
	}
	
	#band_research_feature .container{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	#band_research_feature p.line-height{
		line-height: 1.3em;
	}
		
	#band_leadership .container{
		padding-top: 150px;
		padding-bottom: 150px
	}
		#band_leadership .container::before{
			display: block;
			position: absolute;
			content: '';
			width: 0; 
			height: 0; 
			border-left: 27vw solid transparent;
			border-right: 14vw solid transparent;
			border-bottom: 18vw solid rgba(39, 120, 160, 0.8);
			left: 28%;
			top: 46%;
			transform: rotate(185deg) scale(3);
			z-index: -1;
		}
		
		#band_carle .container::before {
			display: block;
			position: absolute;
			content: '';
			width: 0; 
			height: 0; 
			border-left: 27vw solid transparent;
			border-right: 14vw solid transparent;
			border-bottom: 18vw solid rgba(255, 184, 107, 0.8);
			left: 28%;
			top: 46%;
			transform: rotate(185deg) scale(3);
			z-index: -1;
		}


		#band_leadership a:after{
			content: "\f0a9";
			font-family: "Font Awesome 5 Pro";
			display: inline-block;
			padding-left: 10px;
			color: #d6de23;
		}

	#band_everitt {
		background-image: url(/videos/everitt/Atrium9-Jul2018.jpg);
	}
	
	#temp_band {
		background-size: contain;
		background-position: left top;
		background-color: #e84a27;
		padding-top: 3px;
	}
	
	#temp_band .photo {
		margin: 0;
		padding: 0;
		flex: 0 1 50%;
	}
	
	#temp_band h2 { 
		flex: 0 1 50%;
		padding-left: 50px;
		padding-right: 50px;
	}
	
	#temp_band .photo a, #temp_band .photo img{
		width: 100%;
		border: none;
	}

	
	#band_annual_report { 
		background-image: url(/images/bioe-2018-highlights-banner-bg-1.jpg); 
	}

	.videobg {
		overflow: hidden;
	}
		.videobg .container {
			padding: 15vw;
		}
			
		.videobg video { 
			position: absolute;
			top: 50%;
			left: 50%;
			min-width: 100%;
			min-height: 100%;
			width: auto;
			height: auto;
			transform: translateX(-50%) translateY(-50%);
			background-size: cover;
			transition: 1s opacity;
		}


}

/*home page calendar upcoming events band*/
@media all {

	#calendar::before {
		background-image: url(/images/banners/banners-grad.jpg);
		opacity: 0.6;
	}

	#calendar::after {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		content: '';
		opacity: 0.8;
		transform: skewY(2deg);
		z-index: 1;
		background: repeating-linear-gradient(
			90deg,
			transparent,
			transparent 35%,
			#ffffff 35%,
			#ffffff 100%
		);
	}

	/*
	#calendar.twocol .col {
		width: 65%;
		padding: 0px 60px 0px 60px;
	}

	#calendar.twocol .col:first-child {
		width: 35%;
	}
	*/

		#calendar h2 {
			color: #102b4e;
			padding: 20px;
			border: 3px solid #102b4e;
			text-transform: uppercase;
			float: left;

		}


		#calendar ul {
			list-style-type: none;
			margin: 0px;
			padding: 0px;
			display: flex;
			flex-wrap: wrap;
		}

			#calendar ul li {
				clear: both;
				width: 100%;
				margin: 0px 0px 20px 0px;
				min-height: 60px;
				break-inside: avoid-column;
				-webkit-column-break-inside: avoid;
			}

				#calendar ul li .cal {
					float: left;
					width: 60px;
					height: 75px;
					text-align: center;
					margin: 3px 20px 0px 0px;
					text-transform: uppercase;
					border: 1px solid #102b4e;
				}

					#calendar ul li .cal .day {
						background-color: #2778a0;
						color: #ffffff;
						font-size: 0.7em;
						padding: 2px;
					}

					#calendar ul li .cal .date {
						font-size: 1.6em;
					}

				#calendar ul li .fulldate {
					text-transform: uppercase;
					font-size: 0.8em;
				}

				#calendar ul li .description {
					display: none;
				}

/*
				#calendar ul li:first-child {
					margin: 0px 0px 60px 0px;
				}

				#calendar ul li:first-child .cal {
					display: none;
				}

					#calendar ul li:first-child .fulldate {
						font-size: 1em;
						margin: 0px 0px 5px 0px;
					}

				#calendar ul li:first-child .title {
					font-size: 1.3em;
					font-weight: 900;
					margin: 0px 0px 10px 0px;
				}

					#calendar ul li:first-child .description {
						display: block;
						font-size: 0.9em;

					}
					*/
}


/*calendar */
@media all {

	.callist article {
		display: block;
		float: left;
		width: 20%;
		min-height: 250px;
		padding: 0px 20px 0px 20px;
		margin: 0px 0px 20px 0px;
		border-right: 1px solid #d1d1d1;
	}

		.callist article:first-child {
			padding-left: 0px;
		}

		.callist article:last-child {
			padding-right: 0px;
			border-right: none;
		}

		.callist article div.datetile {
			margin: 0px 0px 15px 0px;
		}

		.callist article div.datetile div {
			display: inline;
			color: #ff552e;
			text-transform: uppercase;
			font-weight: bold;
		}

		.callist article a {
			font-weight: bold;
		}

	body.calendar.month table tbody tr {
	}

	body.calendar.month table tbody td {
		border: 1px solid #d1d1d1;
		width: 14%;
		padding: 5px;
	}

	body.calendar.month table tbody td div {
		height: 125px;
		overflow: auto;
		font-size: 0.8em;
	}

	body.calendar.month table tbody td div ul {
		margin: 0px;
		list-style-type: none;
	}

	body.calendar.month table tbody td div ul li {
		padding: 0px;
		margin: 0px 0px 2px 0px;
	}

	body.calendar.month table tbody th {
		border: 1px solid #d1d1d1;
		padding: 0px;
		vertical-align: middle;
	}

	body.calendar.month table tbody th a {
		width: 24px;
		height: 20px;
		padding: 70px 0px 90px 0px;
		display: block;
		text-align: center;
	}


	body.calendar.event table td {
		border: 1px solid #d1d1d1;
	}

	body.calendar.event table th {
		border: 1px solid #d1d1d1;
		font-weight: bold;
		width: 25%;
	}	

	body.calendar.event table td * {
		margin: 0px;
		padding: 0px;
		font-size: 1.0rem;
		font-weight: normal;
		line-height: 1.7rem;
		text-transform: none;
	}

	body.calendar.event table td p,
	body.calendar.event table td h1,
	body.calendar.event table td h2,
	body.calendar.event table td h3,
	body.calendar.event table td h4 {
		margin: 0px 0px 20px 0px;
	}
	body.calendar.event table td ul {
		margin: 0px 0px 20px 30px;
	}




	body.calendar.seminar table thead th.seminar_title {
		width: 45%;
	}
	body.calendar.seminar table thead th.seminar_time {
		width: 17%;
	}
	body.calendar.seminar table thead th.seminar_location {
		width: 30%;
	}

}

/* newslist */
@media all {
	#frm_search_news {
		float: right;
	}

	ul.newslist {
		overflow: hidden;
		margin: 0px auto 20px auto;
		padding: 0;
		max-width: 990px;
		list-style-type: none;
		text-align: center;
		clear: both;
	}

		ul.newslist .extArticles {
			display: flex;
			flex-wrap: wrap;
		}


		ul.newslist li {
			position: relative;
			width: 33%;
			height: 425px;
			padding: 15px 20px 15px 20px;
		}


			ul.newslist li.cyan {
				border-top-color: #0da2c2;
			}


			ul.newslist li .thumb {
				display: block;
				position: relative;
				height: 250px;
				width: 250px;
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center center;
				border-radius: 125px;
				border: 2px solid #102b4e;
				margin: 0px auto 20px auto;
			}

				ul.newslist li .thumb::after {
					position: absolute;
					display: block;
					top: 0px;
					left: 0px;
					width: 100%;
					height: 100%;
					border: 4px solid white;
					border-radius: 125px;
					content: '';
				}

	ul.newslist li .category {
		display: inline;
		font-size: 0.8em;
		font-weight: bold;
		text-transform: uppercase;
	}

			ul.newslist li .category ul {
				list-style-type: none;
				display: inline;
			}

				ul.newslist li .category ul li {
					border: none;
					float: none;
					height: auto;
					width: auto;
					position: initial;
					margin: 0px 5px 0px 0px;
					padding: 0px 10px 0px 0px;
					display: none;
					border-right: 1px solid #102b4e;
				}

					ul.newslist li .category ul li:first-child {
						display: inline-block;
					}

			ul.newslist li .date {
				display: block;
				font-size: 0.8em;
				display: inline;
				color: #91b2b7;
			}

			ul.newslist li .title {
				display: block;
				position: relative;
				clear: both;
				margin-top: 20px;
				font-weight: bold;
				font-size: 85%;
				overflow: hidden;
				height: 120px;
			}

				ul.newslist li .title span a {
					font-size: 1.25em;
				}

			ul.newslist li.accolades .thumb {
				border-color: #00aa00;
			}

			ul.newslist li.accolades .category {
				color: #00aa00;
			}

			ul.newslist li.research .thumb {
				border-color: #ff9a2d;
			}

			ul.newslist li.research .category {
				color: #ff9a2d;
			}

			ul.newslist li.news .thumb {
				border-color: #2778a0;
			}

			ul.newslist li.news .category {
				color: #2778a0;
			}

			ul.newslist li.students .thumb {
				border-color: #d6de23;
			}

			ul.newslist li.students .category {
				color: #d6de23;
			}



	body.news.archive .extArticles li {
		background-image: none !important;
	}
	
	body.news.article.sidebar #sidebar ul li a {
		font-size: .9em;
		padding: 10px 0;
	}

}

/* research */
@media all {
	.research-area {
		width: 100%;
		padding: 40px 0 40px;
		border-bottom: 1px solid gray;
	}
	
	.research-area ul {
		list-style-type: none;
		columns: 2;
  		-webkit-columns: 2;
  		-moz-columns: 2;
	}
	
	.research-image {
		width: 20%;
		float: left;
	}
	
	.research-description {
		width:70%;
		float:right;
	}
	
	
}

/* directory */
@media all {
	body.directory #content {
		background-image: url(/images/page-bg.jpg);
	}
	
	body.directory.administration .affiliations {
		display:none;
	}

	ul.dirtab {
		/*display: table;*/
		margin: 0px;
		font-size: 90%;
				line-height: 1.2;
	}

		ul.dirtab li {
			list-style-type: none;
			margin: 0px 0px 5px 0px;
		}

		ul.dirtab > li {
			margin: 0px 0px 40px 0px;
			width: 100%;
			position: relative;
			display: block;
		}

		ul.dirtab li ul {
			margin: 0px;
		}

		ul.dirtab li .photo {
			width: 200px;
			height: 300px;
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			padding: 0px;
			margin: 7px 60px 30px 0px;
			float: left;
			border: 1px solid #91b2b7;
		}

		ul.dirtab li .name {
			font-size: 2.5em;
			font-weight: 900;
			margin: 0px 0px 10px 0px;
		}

			ul.dirtab li .name a {
				color: #ff552e;
			}

		ul.dirtab li .title {
			color: #2778a0;
			font-size: 1.2em;
			font-weight: bold;
			margin: 0px 0px 10px 0px;
		}

		ul.dirtab li .adminlinks {
			margin: 0px 0px 0px 0px;
			color: #2778a0;
			font-size: 1.2em;
			font-weight: bold;
		}

			ul.dirtab li .adminlinks li {
				margin: 0px 0px 5px 0px;
			}

		body.directory.administration .adminlinks {
			display: none;
		}




		ul.dirtab li .affiliations ul {
			margin: 0px 0px 30px 0px;
		}

			ul.dirtab li .affiliations ul li {
			}
			
		body.directory.administration .topics {
		display: none;
	}
	body.directory.administration ul.dirtab li.person {
		clear: both;
	}

		ul.dirtab li .topics {
			position: relative;
			clear: both;
			margin: 30px 0px 0px 0px;
			padding: 18px;
			background-color: #e3f0f2;
			height: 66px;
		}

			ul.dirtab li .topics > ul {
				display: none;
			}

			ul.dirtab li .topics .label {
				float: left;
				padding: 4px 20px 5px 0px;
				font-size: 1.25em;
				text-transform: uppercase;
				font-weight: bold;
			}


			ul.dirtab li .topics .icon a {
				display: block;
				position: relative;
				z-index: 3;
				float: left;
				padding: 0px 12px;
				padding: 0px;
				font-size: 1.5em;
				color: #c0c0c0;
				text-indent: -99999px;
				width: 75px;
				height: 30px;
				background-position: center center;
				background-size: contain;
				background-repeat: no-repeat;
				opacity: 0.2;
			}

			ul.dirtab li .topics .icon.bioimg a {
				background-image: url(/images/icons/bioimaging.png);
			}

			ul.dirtab li .topics .icon.biomic a {
				background-image: url(/images/icons/biomicro-nanotechnology.png);
			}

			ul.dirtab li .topics .icon.synthbio a {
				background-image: url(/images/icons/synthetic.png);
			}

			ul.dirtab li .topics .icon.mctengr a {
				background-image: url(/images/icons/molecular-cellular-tissue.png);
			}

			ul.dirtab li .topics .icon.compbio a {
				background-image: url(/images/icons/computational-systems.png);
			}

			ul.dirtab li .topics .icon.rbme a {
				background-image: url(/images/icons/bme.png);
			}


				ul.dirtab li .topics .icon.on a {
					opacity: 1;
				}

					ul.dirtab li .topics .icon a::after {
						display: none;
						position: absolute;
						border-top: 1px solid #1a3a53;
						border-right: 1px solid #1a3a53;
						content: "";
						width: 20px;
						height: 20px;
						top: 38px;
						left: 27.5px;
						background-color: #ffffff;
						transform: rotate(-45deg);
						z-index: 3;
					}



				ul.dirtab li .topics .icon .icon_details {
					display: none;
					position: absolute;
					left: 0px;
					background-color: #ffffff;
					border: 1px solid #1A3A53;
					width: 100%;
					padding: 15px 20px;
					z-index: 1;
					top: 66px;
				}

					ul.dirtab li .topics .icon .icon_details h2 {
						font-size: 1.25em;
						font-weight: bold;
						margin: 0px 0px 10px 0px;
					}

					ul.dirtab li .topics .icon .icon_details p {
						margin: 0px 0px 10px 0px;
					}

					ul.dirtab li .topics .icon .icon_details .close {
						text-align: right;
						cursor: pointer;
					}

					main ul.dirtab li .topics .icon .icon_details ul {
						margin-bottom: 10px;
						overflow: auto;
					}

					ul.dirtab li .topics .icon .icon_details ul li {
						list-style-type: disc;
						float: left;
						margin-left: 30px;
					}

						ul.dirtab li .topics .icon .icon_details ul li:first-child {
							list-style-type: none;
							margin-left: 0px;
						}

				main ul.dirtab li .topics .icon.hover a, 
				main ul.dirtab li .topics .icon.tapped a {
					opacity: 1;
				}

				ul.dirtab li .topics .icon.hover a::after,
				ul.dirtab li .topics .icon.tapped a::after  {
					display: block;
				}
				ul.dirtab li .topics .icon.hover .icon_details,
				ul.dirtab li .topics .icon.tapped .icon_details {
					display: block;
				}



	.bioemark {
		display: block;
		background-image: url(/images/BIOE-circle-art.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		width: 35px;
		height: 35px;
		margin-right: 5px;
		float: left;
	}

		.bioemark.bottomright {
			position: absolute;
			right: 15px;
			bottom: 100px;
			margin: 0px;
		}

	.dirprofile {
		display: inline-block;
		font-size: 1.2em;
	}

		.dirprofile .photo {
			float: left;
			margin: 0px 20px 20px 0px;
		}



		.dirprofile .contact_info {
			float: left;
			margin: 5px 0px 20px 0px;
			width: calc(100% - 162px);
		}

			.dirprofile .contact_info .roles h2 {
				display: none;
			}

			.dirprofile .contact_info .roles ul {
				list-style-type: none;
				margin: 0px 0px 0px 0px;
				padding: 0;

			}
				.dirprofile .contact_info .roles ul li {
					margin: 0px 0px 0px 0px;
					font-weight: bold;
				}

			.dirprofile .contact_info .roles .role.cat4 {
				display: none;
			}

		.dirprofile .contact_info .roles .role .title {
			margin: 0px 0px 0px 0px;
			font-weight: bold;
		}
		.dirprofile .contact_info .roles .role .phone,
		.dirprofile .contact_info .roles .role .email,
		.dirprofile .contact_info .roles .role .office {
			display: none;
		}

		.dirprofile .contact_info .roles .role:last-child .phone,
		.dirprofile .contact_info .roles .role:last-child .email,
		.dirprofile .contact_info .roles .role:last-child .office {
			display: block;
		}


	.biodata ul {
		list-style-type: none;
		margin: 0px 0px 25px 0px;
		padding: 0;
	}

	.biodata ol {
		list-style-type: decimal;
		margin: 0px 0px 25px 25px;
	}


	#sortable {
		overflow: hidden;
	}


	body.directory ul.newslist li {
		width: 50%;
	}

}


/* board_directory */
ul.board_directory {
	list-style-type: none;
	margin: 0px 0px 30px 0px;
}

	ul.board_directory li {
		width: 50%;
		height: 220px;
		float: left;
		padding: 20px;
		overflow: hidden;
	}

		ul.board_directory li .photo {
			width: 40%;
			height: 100%;
			margin-right: 20px;
			float: left;
		}

		ul.board_directory li .photo a {
			display: block;
			width: 100%;
			height: 100%;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
		}

		ul.board_directory li .name {
			font-weight: bold;
			margin-top: 2px;
			margin-bottom: 5px;
		}

		ul.board_directory li .company {
			margin-bottom: 5px;
		}

		ul.board_directory li .title {
			font-size: 80%;
			font-style: italic;
		}


/* courses */

.extCourseProfileHeading {
}

.extCoursesProfileContent {
	margin: 0px 0px 20px 0px;
	line-height: 1.6em;
}

.extCoursesTimeTable {
	font-size: 80%;
}

/* engage */
#bioengineering-fund:before, #everitt-fund:before,  #evs-fund:before{ 
  display: block; 
  content: " "; 
  margin-top: -85px; 
  height: 85px; 
  visibility: hidden; 
  pointer-events: none;
}


/* slideshow */

@media all {
	.slick-prev, .slick-next {
		position: absolute;
		font-size: 25px;
		line-height: 39px;
		top: calc(50% - 30px);
		width: 55px;
		height: 55px;
		margin: 0px;
		padding: 8.5px;
		cursor: pointer;
		color: #ffffff;
		border: none;
		outline: none;
		background-color: transparent;
		opacity: 0.6;
		border-radius: 28px;
		transition: opacity 500ms ease;
	}

	.slick-prev {
		left: 25px;
		z-index: 3;
	}

	.slick-next {
		right: 25px;
		z-index: 3;
	}

		.slick-prev:hover, .slick-next:hover {
			opacity: 1;
		}



	.slick-dots {
		padding: 0 15px;
		margin: 0;
		list-style: none;
		text-align: center;
	}

		.slick-dots li {
			position: relative;
			display: inline-block;
			margin: 0;
			padding: 12px;
			cursor: pointer;
		}

			#content .slick-dots li button {
				font-size: 0;
				line-height: 0;
				width: 10px;
				height: 10px;
				padding: 0;
				cursor: pointer;
				color: transparent;
				border: 0;
				border-radius: 5px;
				background-color: #e0e0e0;
			}

			#content .slick-dots li.slick-active button {
				background-color: #ff552e;
			}



	.slideshow .slick-slide {
		min-height: 400px;
		background-size: cover;
		background-position: center center;
	}

	.slick-slide .overlay {
		display: flex;
		height: 400px;
		align-items: flex-end;
	}

	.slick-slide .overlay .title {
		padding: 10px;
		background-color: rgba(0, 0, 0, 0.5);
		
	}
		.slick-slide .overlay .title a {
			color: #ffffff;
		}

}

/* virtual yearbook */
#mainnav .yearbook {
	display: none;
}


body.yearbook #section_banner::after {
	opacity: 0.8;
	background-image: url(/images/confetti-overlay.jpg);
}

/*body.yearbook #content {
	background-image: none;
}*/

body.yearbook h2 {
	padding-bottom: 30px;
	text-transform: uppercase;
}


.yearbook-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.yearbook-entry {
	flex: 0 1 49%;
	padding: 30px;
	background-color: #f0f0f0;
	margin-bottom: 20px;
}

.yearbook-entry .yearbook-entry-content {
	max-height: 300px;
	overflow: hidden;
	position: relative;
}

.yearbook-entry .show-more {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: left;
	margin: 0;
	padding-top: 100px;
	background-image: linear-gradient(to bottom,rgba(240,240,240,0),rgba(240,240,240,1) 75%);
}

.yearbook-entry .show-less {
	display: none;
	width: 100%;
	text-align: left;
	margin: 0;
}


/* print mods */
@media print
{
	body { 
		border: none !important; 
		background: none !important; 
		margin: 0px !important; 
		padding: 0px  !important; 
		display: block !important;
		width: auto;
	}
	
	header, nav, #feature, #about, footer  { display: none !important; }

	main {
		margin: 0px !important;
		width: 100% !important;
		min-height: initial;
	}

	.clearfix
	{
		margin: 0px !important;
		display: block !important;
		border: none !important;
	}

	#section_banner {
		display: none;
	}

	section .container {
		width: 100%;
		padding-left: 0px !important;
		padding-right: 0px !important;
		margin: 0px 0px 20px 0px !important;
	}
	
}