@charset "utf-8";
/* 
College of Engineering CSS Document 

Hello web dev,

This css document was composed with the view that the design should look good at ALL screen sizes. Thus there will be a lot more @media areas than normal. Also, while I have tried to arrange things quite neatly in the main css, the targeted sections are all lumped in together. (My appologies, but it just wasn't worth it to section those up as well.) I have kept like near like though so that you can easily find things. Thank you for taking the time to read this message and have a great day!

- LMS

*/
/* CENTER SITES */
.cite {background:#f5f5f5; border: 1px #e3e3e3 solid; border-radius: 5px; padding:15px 30px 7px 30px;}
.cite p {font-size: 1.4rem !important;}
.gallery-1, .gallery-2, .gallery-3, .gallery-4, .gallery-5, .gallery-6, .gallery-7, .gallery-8, .gallery-9, .gallery-10 {
	display: flex;
  flex-wrap: wrap;
}
.gallery-1 img {object-fit: cover;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  }
.gallery-2 img {object-fit: cover;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  }
.gallery-3 img {object-fit: cover;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  }
.gallery-4 img {object-fit: cover;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  }
.gallery-5 img {object-fit: cover;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  }
.gallery-6 img {object-fit: cover;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  }
.gallery-7 img {object-fit: cover;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  }
.gallery-8 img {object-fit: cover;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  }
.gallery-9 img {object-fit: cover;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  }
.gallery-10 img {object-fit: cover;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  }
/* Special Engineering Edits on Main UA Theme */
body p {
    font-size: 1.7rem;
}
section {  margin: 0 !important;
    position: relative; overflow: hidden;}
.bg-primary {background-color: #990000 !important;}
.bg-dark  {background-color: #1a1a1a !important;}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {color: #1a1a1a !important;}
.bg-medium p  {color: #1a1a1a !important;}
.text-white {color: #ffffff !important;}
.lead {
    font-weight: 400;
}
.clear {
    clear: both!important;
}
.mobile-show {display:none;}
section .img-responsive {width: 100%;}
section a {text-decoration: underline;}
.margin-left-90 {margin-left: 90px;}
.overflow-hide { overflow: hidden;}
footer { margin-top: -25px; }
.table.table-color-primary>thead>tr>th {background-color: #990000 !important;}
.table.table-color-dark>thead>tr>th {background-color: #1a1a1a !important;}
/*****social accessibility *****/
.eng-social a:focus .eng-icon-red {
	-webkit-text-stroke: 3px rgb(153,0,0);
    color: #ffffff !important;
	backdrop-filter: blur(10px);
  }
.eng-social a:focus img {
	-webkit-filter: grayscale(0%) !important;
  filter: grayscale(0%) !important;
  opacity: 1;
  }

/***** Normal Content Page Edits ********/

.wp-caption.pull-right {
	margin: 10px 0 20px 50px !important;
}
.wp-caption.pull-left {
	margin: 10px 50px 20px 0 !important;
}
.wp-caption img {
    margin-bottom: 15px;
}
.wp-caption-text {font-weight: bold;
}
.eng-dashed-border-left {border-left: 1px dashed #1a1a1a;}

.eng-section-light .eng-p-box-border {    border: 2px #1a1a1a solid !important;
    padding: 20px;
    margin-top: -30px;}
.eng-section-light .eng-p-box-border-heading {    background: #fff;
    padding: 0 20px;}
.eng-section-dark .eng-p-box-border {    border: 2px #ffffff solid !important;
    padding: 20px;
    margin-top: -30px;}
.eng-section-dark .eng-p-box-border-heading {    background: #1a1a1a;
    padding: 0 20px;}
.eng-section-red .eng-p-box-border {    border: 2px #ffffff solid !important;
    padding: 20px;
    margin-top: -30px;}
.eng-section-red .eng-p-box-border-heading {    background: #990000;
    padding: 0 20px;}
.eng-section-medium .eng-p-box-border {    border: 2px #1a1a1a solid !important;
    padding: 20px;
    margin-top: -30px;}
.eng-section-medium .eng-p-box-border-heading {    background: #eeeeee;
    padding: 0 20px;}
.eng-section-dark .sidebar:after {clip-path: polygon(0 0, 100% 0, 100% 0%, 0% 100%);
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 0%, 0% 100%);
	background: #1a1a1a;
	width: 100%;
	height:230px;
	display: block;
	content: '';
	position: absolute;
	bottom: -229px;
	left: 0;
	
}
.padding-top-80 { padding-top:80px;}
.eng-section-medium .container {padding-left:20px;}
/* Special Engineering Theme New Code */
.eng-site-content {padding-top:0; margin-bottom: 0;}
.eng-menu-divider {
	border-bottom: 1px #333 solid; 
	-moz-box-shadow: 0 10px 10px -10px #000000; 
	height: 30px; 
	margin-top:-30px;
    -webkit-box-shadow:  0 10px 10px -10px #000000; 
	box-shadow:  0 10px 10px -10px #000000; 
	position:absolute; 
	width:36%; 
	clear: both; 
	z-index: 10;
}
.eng-menu-divider-100 {border-bottom: 1px #333 solid; -moz-box-shadow: 0 10px 10px -10px #000000; height: 30px; margin-top:-30px;
   -webkit-box-shadow:  0 10px 10px -10px #000000; box-shadow:  0 10px 10px -10px #000000; position:absolute; width:100%; clear: both; z-index: 10;}
.fa-icon-border-white {
    font-size: 110px;
    -webkit-text-stroke: 3px rgb(255, 255, 255);
    z-index: 30;
}
.fa-icon-border-red {
    font-size: 110px;
    -webkit-text-stroke: 3px rgb(153,0,0);
    z-index: 30;
}
.fa-icon-border-dark {
    font-size: 110px;
    -webkit-text-stroke: 3px rgb(0,0,0);
    z-index: 30;
}
.eng-icon-dark {
	color: #1a1a1a;
}
.eng-icon-light {
	color: #ffffff;
}
.eng-icon-medium {
	color: #eeeeee;
}
.eng-icon-red {
	color: #990000;
}
.eng-icon-clear {
	color: transparent;
}
.container-100 {
	width:100% !important;
	margin: 0;
}
.container-92 {  /* special homepage only width */
	width:92% !important;
	margin: auto;
}
.container-85 {
	width:85% !important;
	margin: auto;
}
.container-80 {
	width:80% !important;
	margin: auto;
}
.container-75 {
	width:75% !important;
	margin: auto;
}
.container-fixed {
	max-width: 1170px;
	margin: auto;
}
.height-400 {
	height:400px;
}
.height-500 {
	height:500px;
}
.height-600 {
	height:600px;
}
.clearfix {
  overflow: auto;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.eng-section-small {
	min-height: 50px !important;
}
.eng-div-center {
	margin-left: auto; 
	margin-right: auto; 
	float: none;
}
.eng-div-absolute-center {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%, -50%) !important;
	transform: translateX(-50%, -50%) !important;
}
.right-0 {
	right: 0 !important;
}
.left-0 {
	left: 0 !important;
}
.bottom-0 {
	bottom: 0 !important;
}
.top-0 {
	top: 0 !important;
}
.eng-center {
	top: 0 !important;
	left: 50% !important;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%) !important;
}
.eng-absolute-center {
	margin: 0;
				position: relative;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
}
.eng-slant-right {
	clip-path: polygon(0 25%, 100% 0%, 100% 100%, 0% 100%);
	-webkit-clip-path: polygon(0 25%, 100% 0%, 100% 100%, 0% 100%);
	overflow: visible;
}
		.eng-slant-v {
			clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%); 
			-webkit-clip-path:  polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%); 
			padding-bottom:50px;
		}
			.eng-clip-right {
				position: absolute; 
				bottom: 0; 
				right:0; 
				width: 40%; 
				height:75px; 
			}
			.eng-section-red.eng-clip-right:before {
				display: block;
				clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
				content: '';
				margin-left: -70px;
				width: 78px;
				height: 76px;
				bottom: 0;
				background-color: #990000;
			}
			.eng-section-light.eng-clip-right:before {
				display: block;
				clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
				content: '';
				margin-left: -70px;
				width: 78px;
				height: 76px;
				bottom: 0;
				background-color: #ffffff;
			}
			.bg-medium.eng-clip-right:before {
				display: block;
				clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
				content: '';
				margin-left: -70px;
				width: 78px;
				height: 76px;
				bottom: 0;
				background-color: #eeeeee;
			}
			.eng-section-medium.eng-clip-right:before {
				display: block;
				clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
				content: '';
				margin-left: -70px;
				width: 78px;
				height: 76px;
				bottom: 0;
				background-color: #1a1a1a;
			}
			.eng-section-dark.eng-clip-right:before {
				display: block;
				clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
				content: '';
				margin-left: -70px;
				width: 78px;
				height: 76px;
				bottom: 0;
				background-color: #1a1a1a;
			}
		.eng-header { 
			font-size: 4.5em; 
			text-transform: uppercase;
			margin-top: 50px;
			letter-spacing: 0.1em;
		}

		.eng-bounded-box {
			border: 2px solid #ffffff;
			padding: 40px;
		}

		.eng-button {
			position: relative;
			padding: 20px;
			margin: 20px 0;
			float: left;
			clear: both;
			min-width: 150px;
		}
		.eng-button:before {
			content: '';
			position: absolute;
			display: block;
			top: -3px;
			right: -3px;
			z-index: 0;
			width:80%;
		}
		.eng-button:after {
			content: '';
			position: absolute;
			display: block;
			bottom: -3px;
			left: -3px;
			z-index: 0;
			width:80%;
		}
		.eng-button a:visited {
			background-color: #ffffff;
			color: #1a1a1a;	
		}
		.eng-button:visited::before { 
			display: none;
		}
		.eng-button:visited::after { 
			display: none;
		}
		.eng-button:focus::before { 
			display: none;
		}
		.eng-button:focus::after { 
			display: none;
		}
		.eng-button-center {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
		.eng-section-dark .eng-button {
			outline: 2px #990000 solid; 
			color: #ffffff !important;
			background-color: #1a1a1a;
		}
		.eng-section-dark .eng-button:before {
			border: 4px solid #1a1a1a;
		}
		.eng-section-dark .eng-button:after {
			border: 4px solid #1a1a1a;
		}
		.eng-section-dark .eng-button:hover {
			background-color: #990000;
		}
		.eng-section-dark .eng-button:hover::before { 
			display: none;
		}
		.eng-section-dark .eng-button:hover::after { 
			display: none;
		}
		.eng-section-light .eng-button {
			outline: 2px #990000 solid; 
			color: #990000 !important;
			background-color: #ffffff;
		}
		.eng-section-light .eng-button:before {
			border: 4px solid #ffffff;
		}
		.eng-section-light .eng-button:after {
			border: 4px solid #ffffff;
		}
		.eng-section-light .eng-button:hover {
			background-color: #990000;
			color: #ffffff !important;
		}
		.eng-section-light .eng-button:hover::before { 
			display: none;
		}
		.eng-section-light .eng-button:hover::after { 
			display: none;
		}
		.eng-section-red .eng-button {
			outline: 2px #ffffff solid; 
			color: #ffffff !important;
			background-color: #990000;
		}
		.eng-section-red .eng-button:before {
			border: 4px solid #990000;
		}
		.eng-section-red .eng-button:after {
			border: 4px solid #990000;
		}
		.eng-section-red .eng-button:hover {
			background-color: #ffffff;
			color: #990000 !important;
		}
		.eng-section-red .eng-button:hover::before { 
			display: none;
		}
		.eng-section-red .eng-button:hover::after { 
			display: none;
		}
		.eng-secondary-hero-area {
			clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%); 
			min-height:425px; 
			overflow: hidden;
		}

/* Engineering content styles for second and third level pages */

.eng-page-hexagon {
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    height: 300px;
    width: 300px;
    padding: 0;
	background: #3d3d3d;
	margin: -10px 50px 50px 30px; 
	float: right;
}

.eng-page-hexagon  img { width: 100% !important; height: auto; min-height: 300px;}

.eng-border-left-dark {border-left: 1px dashed #1a1a1a;}
.eng-border-left-red {border-left: 1px dashed #990000;}
.eng-border-left-light {border-left: 1px dashed #ffffff;}

/* Engineering navigation item styles */

.breadcrumb-wrapper { 
	background-color: #1a1a1a;
	border-bottom:none;
	color: #ffffff;
}
.breadcrumb-wrapper a { color: #ffffff !important; }
.breadcrumb-wrapper a:hover { color: #ffffff !important; background: #990000; }
.breadcrumb-wrapper ol.breadcrumb li:before {
    color: #fff;
}
.sidebar {margin-top:0;}
.nav-stacked {background: #1a1a1a;}
.nav-stacked.nav-pills>li>a {
    color: #ffffff;
    border-left: 3px solid #990000;
}
.nav-stacked.nav-pills>li>a {
    color: #ffffff;
    border-left: 3px solid #990000;
}
.nav-stacked.nav-pills>li>a:hover, .nav-stacked.nav-pills>li>a:focus, .nav-stacked.nav-pills>li>a:active {
	border-left: 3px solid #990000;
    background-color: #990000;
    color: #ffffff;
}
.nav-stacked.nav-pills>li.active>a, .nav-stacked.nav-pills>li.active>a:hover, .nav-stacked.nav-pills>li.active>a:focus {
    border-left: 3px solid #990000;
    background-color: #990000;
    color: #ffffff;
}

.nav-stacked.nav-pills>li:after {
	clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%);
	-webkit-clip-path:  polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%);
	background: #1a1a1a;
	width:30px;
	height:100%;
	display: block;
	content: '';
	position: absolute;
	right: -1px;
	top: 0;
	
}

.eng-section-dark .nav>li>a:focus, .nav>li>a:hover, .nav>li>a:active {background-color:#990000;}

.sidebar-nav-lg{background-color:#1a1a1a;border:1px solid #1a1a1a;margin:0;padding:0;font-size:14px;margin-bottom:40px;}

.sidebar-nav li,.sidebar-nav-lg li{padding:0;list-style:none;}


.sidebar-nav li a,.sidebar-nav-lg li a{display:block;padding:5px 15px;color:#ffffff;text-decoration:none;border-left:3px solid #990000;background-color:#990000; position: relative;}


.sidebar-nav li a:after,.sidebar-nav-lg li a:after {	
	clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%);
	-webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%);
	background: #1a1a1a;
	width:30px;
	height:42px;
	display: block;
	content: '';
	position: absolute;
	right: -1px;
	top: 0;
}

.sidebar-nav li a:hover,.sidebar-nav li a:focus,.sidebar-nav li a:active,.sidebar-nav-lg li a:hover,.sidebar-nav-lg li a:focus,.sidebar-nav-lg li a:active{border-color:#990000;background-color:#990000;}

.sidebar-nav li a>i,.sidebar-nav-lg li a>i{margin:2px 5px 0 0;font-size:1.1em;color:#ffffff}

.sidebar-nav li a.collapsed,.sidebar-nav-lg li a.collapsed{background-color:transparent;border-left:3px solid #990000}

.sidebar-nav li ul li a,.sidebar-nav-lg li ul li a{border-color:#333;padding-left:35px;background-color:transparent; position: relative;}
.sidebar-nav li ul li a:hover,.sidebar-nav li ul li a:focus,.sidebar-nav li ul li a:active,.sidebar-nav-lg li ul li a:hover,.sidebar-nav-lg li ul li a:focus,.sidebar-nav-lg li ul li a:active{border-color:#333;background-color:#333;}

.sidebar-nav li ul li a:after,.sidebar-nav-lg li ul li a:after {	clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%);
	-webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%);
	background: #1a1a1a;
	width:30px;
	height:100%;
	display: block;
	content: '';
	position: absolute;
	right: -1px;
	top: 0;
}

.sidebar-nav li ul li.active a,.sidebar-nav-lg li ul li.active a{border-color:#900;background-color:#1a1a1a}

.sidebar-nav li ul li.active>a,.sidebar-nav-lg li ul li.active>a{border-left-color:#900;background-color:#1a1a1a}

.sidebar-nav li ul li:last-child a,.sidebar-nav-lg li ul li:last-child a{border-bottom:3px solid #333}

.sidebar-nav>li>a[href]:hover,.sidebar-nav>li>a[href]:focus,.sidebar-nav>li>a[href]:active,.sidebar-nav-lg>li>a[href]:hover,.sidebar-nav-lg>li>a[href]:focus,.sidebar-nav-lg>li>a[href]:active{border-color:#990000;background-color:#990000}

.sidebar-nav>li>a[href]:after,.sidebar-nav-lg>li>a[href]:after{font-family:'FontAwesome';content:'\f107';font-size:18px;float:right}

.sidebar-nav>li>a[href].collapsed:after,.sidebar-nav-lg>li>a[href].collapsed:after{content:'\f105'}

.sidebar-nav-lg{font-size:15px}

.sidebar-nav-lg li a{padding:10px 15px}
.eng-last-name-nav {padding: 10px 0px 10px 25px; border-left:3px solid #333;border-bottom:3px solid #333;}
.eng-last-name-nav li a {float: left !important; padding:15px !important; border-left: none !important;}
.eng-last-name-nav li a:hover {border-left: none !important;}
.eng-last-name-nav li a:after {display:none !important;}

/* featured/hero section styles for homepage */

		.hero-img-container {
			position: relative;
			background-color: #000000; 
			height:750px; 
			overflow: hidden;
		}		
		.hero-img-container img {
			width: 70%;
			position: absolute;
			top:0;
			right:0;			
		}
		.hero-img-bg {
			position: absolute; 
			top: 0; 
			padding:30px; 
			left: 0; 
			width:55%; 
			text-align: center; 
			clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%); 
			-webkit-clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%); 
			min-height:751px; 
			overflow: visible;
		}
		.hero-img-content {
			position: absolute; 
			top: 0; 
			padding:60px; 
			left: 0;  
			width:85%;
		}
		.hero-img-title {			
			max-height: 24em;
			overflow: hidden;
		}
		.hero-img-content h1 {
			font-size: 10.5em;
			text-transform: uppercase !important; 
			font-weight: 700;
			font-family: 'Open Sans', Helvetica, Arial, sans-serif;
		}
		.hero-img-body {
			width:45%; 
			margin: 40px 0;
		}
		.hero-img-body a {
			padding: 20px; 
			margin:20px 0; 
			float: right; 
		}
		.hero-img-body p {
			padding-left: 14px;
			font-size: 1.1em;
			line-height: 1.6em;
			letter-spacing: .5px;
		}
		.style-vert-hide-button {
			position: relative;
		}
		.style-vert-hide-button:before {
			content: '';
			position: absolute;
			display: block;
			top: -4px;
			right: -4px;
			z-index: 0;
			width:80%;
		}
		.style-vert-hide-button:after {
			content: '';
			position: absolute;
			display: block;
			bottom: -4px;
			left: -4px;
			z-index: 0;
			width:80%;
		}
		.style-vert-hide-button a:visited {
			background-color: #cccccc;
			color: #1a1a1a;	
		}
		.style-vert-hide-button:visited::before { 
			display: none;
		}
		.style-vert-hide-button:visited::after { 
			display: none;
		}
		.style-vert-hide-button:focus::before { 
			display: none;
		}
		.style-vert-hide-button:focus::after { 
			display: none;
		}

	/* color varients */
		.hero-img-dark {
			background-color: #1a1a1a;
			color: #ffffff;
		}
		.hero-img-dark a {
			outline: 2px #990000 solid; 
			color: #ffffff !important;
		}
		.hero-img-dark .style-vert-hide-button:before {
			border: 4px solid #1a1a1a;
		}
		.hero-img-dark .style-vert-hide-button:after {
			border: 4px solid #1a1a1a;
		}
		.hero-img-dark h1 {
			text-shadow: 10px 10px #1a1a1a; 
			-webkit-text-stroke-width: 2px;
			-webkit-text-stroke-color: #1a1a1a;
		}
		.hero-img-dark .style-vert-hide-button:hover {
			background-color: #990000;
		}
		.hero-img-dark .style-vert-hide-button:hover::before { 
			display: none;
		}
		.hero-img-dark .style-vert-hide-button:hover::after { 
			display: none;
		}

		.hero-img-dark p {
			color: #ffffff !important;
		}
		.hero-img-red {
			background-color: #990000;
			color: #ffffff;
		}
		.hero-img-red a {
			outline: 2px #ffffff solid  !important;
			color: #ffffff ;
		}
		.hero-img-red .style-vert-hide-button:focus {
			color:#990000 !important; 
			background:#ffffff; 
		}
		.hero-img-red .style-vert-hide-button:before {
			border: 4px solid #990000;
		}
		.hero-img-red .style-vert-hide-button:after {
			border: 4px solid #990000;
		}
		.hero-img-red .style-vert-hide-button:hover {
			background-color: #ffffff;
			color:#990000;
		}
		.hero-img-red .style-vert-hide-button:hover::before { 
			display: none;
		}
		.hero-img-red .style-vert-hide-button:hover::after { 
			display: none;
		}
		.hero-img-red h1 {
			color: #fffff !important;
			text-shadow: 10px 10px #990000 !important; 
			-webkit-text-stroke-width: 3px !important;
			-webkit-text-stroke-color: #990000 !important;
		}
		.hero-img-red p {
			color: #ffffff !important;
		}
		.hero-img-white {
			background-color: #ffffff;
			color: #1a1a1a;
		}
		.hero-img-white a {
			outline: 2px #990000 solid  !important;
			color: #990000;
		}		
		.hero-img-white .style-vert-hide-button:before {
			border: 4px solid #ffffff;
		}
		.hero-img-white .style-vert-hide-button:after {
			border: 4px solid #ffffff;
		}

		.hero-img-white .style-vert-hide-button:hover {
			background-color: #990000;
			color:#ffffff;
		}
		.hero-img-white .style-vert-hide-button:hover::before { 
			display: none;
		}
		.hero-img-white .style-vert-hide-button:hover::after { 
			display: none;
		}
		.hero-img-white h1 {
			color: #fff !important;
			text-shadow: 10px 10px #fff !important; 
			-webkit-text-stroke-width: 3px !important;
			-webkit-text-stroke-color: #990000 !important;
		}
		.hero-img-white p {
			color: #1a1a1a;
		}

	/* Featured background video styles for homepage */

		.hero-img-container iframe {
				width: 72%;
				position: absolute;
				top:-30px;
				right:0;				
			}
			#video-controls {
				height: 51px;
				width: 130px;
				position: absolute;
				right:0;
				bottom: 0px;
			}
			#video-controls:before {
				position: absolute;
				left: -30px;
				top: 0;
				z-index: 6;
				content: "";
				display: block;
				width: 30px;
				height: 51px;
				clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
			}
			#video-pause-button { 
				position: absolute;
				font-weight: 100;
				height: 30px;
				width: 30px;
				margin: 10px;
				z-index: 110;	
				bottom: 0;
				right: 15px;
			}
			#video-play-button { 
				position: absolute;
				font-weight: 100;
				height: 30px;
				width: 30px;
				margin: 10px;
				z-index: 110;
				bottom: 0;
				right: 70px;
			}
			
			#video-pause-button a { 
				height: 30px !important;
				width: 30px !important;
				padding: 5px !important;
				border: 0;
				border-radius: 4px !important;
			}
			#video-play-button a { 
				height: 30px !important;
				width: 30px !important;
				padding: 5px !important;
				border: 0;
				border-radius: 4px !important;
			}
			.video-mobile-backup-image {display: none;}

		/* color varients */

			.hero-img-dark #video-controls {
				background: #1a1a1a;
			}
			.hero-img-dark #video-controls:before {
				border-left: 130px solid #1a1a1a;
			}

			.hero-img-dark #video-play-button:hover {
				background: #990000;
			}
			.hero-img-dark #video-pause-button:hover {
				background: #990000;
			}

			.hero-img-red #video-controls {
				background: #990000;
			}
			.hero-img-red #video-controls:before {
				border-left: 130px solid #990000;
			}

			.hero-img-red #video-play-button:hover {
				background: #ffffff;
				color: #990000;
			}
			.hero-img-red #video-pause-button:hover {
				background: #ffffff;
				color: #990000;
			}
			.hero-img-white #video-controls {
				background: #ffffff;
			}
			.hero-img-white #video-controls:before {
				border-left: 130px solid #ffffff;
			}

			.hero-img-white #video-play-button:hover {
				background: #990000;
				color: #ffffff !important;
			}
			.hero-img-white #video-pause-button:hover {
				background: #990000;
				color: #ffffff !important;
			}
			.hero-img-white #video-play-button:hover .fa {
				color: #ffffff !important;
			}
			.hero-img-white #video-pause-button:hover .fa {
				color: #ffffff !important;
			}
	/* Engineering Homepage Content */
			.eng-dept-section {
				overflow: hidden;
				background: #1a1a1a;
			}
			.eng-dept-box-main {
				margin-top:-80px;
				min-height: 280px;
			}
			.eng-dept-box-main .eng-dept-intro-content {
				width:70%;
				padding:20px;
				margin: 0;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
			}
			.eng-dept-box {
				min-height: 250px;
				overflow:hidden;
				}
			.eng-dept-box img {
				position: absolute;
				 top: 0; left: 0; bottom: 0; right: 0;
				margin: auto;
				width: 100%;
				-webkit-filter: grayscale(100%) contrast(300%);
				filter: grayscale(100%) contrast(300%);
				z-index: 0;
				opacity: .1;
			}
			.eng-dept-box h3 { 
				width:70%; 
				padding:20px; 
				margin: 0;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				color: #ffffff;
				z-index: 1;	 
				text-transform: uppercase;
				letter-spacing: 0.05em;
    			font-weight: 100;
			}
			.eng-dept-box a { color: #ffffff !important; }
			/*.eng-dept-box h3:before {     May need later, but not now.
				content: '';
				position: absolute;
				display: block;
				top: -2px;
				right: 0;
				z-index: 0;
				width: 60%;
				background-color: #990000; 
				height: 2px;
			}
			.eng-dept-box h3:after {
				content: '';
				position: absolute;
				display: block;
				bottom: -2px;
				left: 0;
				z-index: 0;
				width: 60%;
				background-color: #990000; 
				height: 2px;
			}*/
			.eng-dept-box:hover img {
				-webkit-filter: grayscale(0%)!important;
				/* FF 35+ */
				filter: grayscale(0%)!important;
				opacity:1;
					}
			.eng-dept-box:hover h3 {
				background: #1a1a1a;
			}
			.eng-dept-box:hover a {
				text-decoration: underline;
				color: #ffffff !important;
			}
			.media-left {
				display: none;
			}
			.eng-events .col-md-3 {
				float:none;
			}
			.eng-giving-area {
				border: 2px solid #ffffff;
				padding: 40px;
}
			.eng-social { 
				clear: both; 
				
				overflow: hidden;
				margin-bottom:-70px;
			}
			.eng-five-column h4 {
				display:none;
			}
			.eng-five-column .eng-icon-red {
				position: absolute;
				margin-top:70px;
				margin-left:8%;
				display:block;
			}
			.eng-five-column:hover .eng-icon-red {
				display:none;
				
			}
			.eng-five-column:hover h4 {
				display:block;
				width: 70%;
				max-width: 350px;
				padding: 20px;
				z-index: 1;
				background: #1a1a1a;
				margin-left: auto;
				margin-right: auto;
				position: absolute;
			}
			.eng-five-column {
				width:20%; 
				float:left;
				max-height:270px; 
				overflow: hidden;
			}
			.eng-five-column img {
				width: 100%;
				-webkit-filter: grayscale(100%) contrast(300%);
				filter: grayscale(100%) contrast(300%);
				z-index: 0;
				opacity: .1;
				min-height:260px;
			}
			.eng-five-column img:hover {
				-webkit-filter: grayscale(0%)!important;
				filter: grayscale(0%)!important;
				opacity: 1;	
			}
			.eng-quote {
				padding: 40px 60px 30px 60px;
				position: relative;
				margin-bottom: 50px;
				margin-left: 20px;
				margin-right: 20px;
			}
			.eng-quote-red-line{border: 4px solid #990000;}
			.eng-quote-red-line:after {
				background-image: url(http://localhost:8080/wordpress/wp-content/uploads/2019/12/program-a-image-red.jpg);
				height: 60px;
				width: 174px;
				position: absolute;
				content: "";
				display: block;
				left: 0;
				right: 0;
				margin-left: auto;
				margin-right: auto;
				bottom: -30px;
			}
			.eng-quote-white-line{border: 4px solid #ffffff;}
			.eng-quote-white-line:after {
				background-image: url(http://localhost:8080/wordpress/wp-content/uploads/2019/12/program-a-image-dark.jpg);
				height: 60px;
				width: 174px;
				position: absolute;
				content: "";
				display: block;
				left: 0;
				right: 0;
				margin-left: auto;
				margin-right: auto;
				bottom: -30px;
			}
/* Engineering Search Results Specific */			
.eng-search-result-faculty img {
	width:160px; height:auto;
	clip-path: polygon(50% 0%, 100% 0, 100% 75%, 50% 100%, 0% 75%, 0 0);
}
.eng-section-search {
			/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a1a1a+0,1a1a1a+25,eeeeee+25,eeeeee+100 */
			background: #eeeeee; /* Old browsers */
			background: -moz-linear-gradient(-45deg,  #1a1a1a 0%, #1a1a1a 15%, #eeeeee 15%, #eeeeee 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(-45deg,  #1a1a1a 0%,#1a1a1a 15%,#eeeeee 15%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(120deg,  #1a1a1a 0%,#1a1a1a 15%,#eeeeee 15%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

			}
.eng-search-pic-div {max-width:19%; float: left;}
.eng-search-content-div {max-width:80%; float: left;}
/* Engineering Magazine Specific */
			.mag-featured {
				height:850px;
				background: #000000;
				color: #ffffff;
			}
			.mag-featured img {width:100% !important;opacity: 0.5;}

			.mag-img-center {
				position: absolute;
				top: 50%;
				-webkit-transform: translateY(-50%);
				transform: translateY(-50%)

}
			.mag-img-top {
				position:absolute; 
				top: 0;
}
			.mag-img-bottom {
				position:absolute; 
				bottom: 0;
}
			.mag-featured iframe {width:100% !important; opacity: 0.5;}
			.mag-video-controls-position-color {bottom: 80px !important;}

			.mag-video-controls-position-color a {color: #ffffff; border: 1px solid #515151 !important;}
			.mag-video-controls-position-color a:hover {
				background: #990000;
				color: #ffffff;
				 border: 1px solid #ffffff !important;
			}

			.mag-title-content {
				position: absolute;
				top: 70px;
				width: 85%; 
				left: 50%;
				-webkit-transform: translateX(-50%);
				transform: translateX(-50%)
			}
			.mag-title-content h1 {
				text-align: center; 
				font-size: 12em; 
				text-transform: uppercase;
				font-weight: 700;
				color: #ffffff !important;
				text-shadow: 10px 10px #1a1a1a !important; 
				-webkit-text-stroke-width: 3px !important;
				-webkit-text-stroke-color: #1a1a1a !important;
			}
			.mag-date {
				width: 100px;
				height: 100px;
				padding: 25px;
				color: #ffffff;
				text-transform: uppercase;
				font-weight: 700;
				background: #1a1a1a;
				clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
				-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
				text-align: center;
				margin-left: auto;
				margin-right: auto;
			}
			.mag-bg-v-divider-light {
				background-color: #1a1a1a;
				color: #ffffff;
				margin-top: 250px;
			}
			
			.mag-bg-v-divider-light:before {
				position: absolute;
				top: -250px;
				z-index: 6;
				content: "";
				display: block;
				width: 100%;
				height: 250px;
				background-color: #1a1a1a; 
				clip-path: polygon(0 80%, 100% 0%, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(0 80%, 100% 0%, 100% 100%, 0% 100%);
			}
			.mag-bg-v-divider-light:after {
				position: absolute;
				top: -250px;
				z-index: 6;
				content: "";
				display: block;
				width: 100%;
				height: 250px;
				background: rgb(240,240,240);
				background: linear-gradient(180deg, rgba(240,240,240,1) 0%, rgba(26,26,26,1) 85%);
				opacity: 0.5;
  				filter: alpha(opacity=50);
				clip-path: polygon(0 0, 100% 80%, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(0 0, 100% 80%, 100% 100%, 0% 100%);
			}
			
			.mag-bg-v-divider-dark {
				background: rgb(89,13,13);
                background: linear-gradient(180deg, rgba(89,13,13,1) 0%, rgba(26,26,26,1) 42%);
				color: #ffffff;				
				margin-top: 250px;
			}

			.mag-bg-v-divider-dark:before {
				position: absolute;
				top: -250px;
				z-index: 6;
				content: "";
				display: block;
				width: 100%;
				height: 250px;
				background-color: #1a1a1a; 
				clip-path: polygon(0 80%, 100% 0%, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(0 80%, 100% 0%, 100% 100%, 0% 100%);
			}

			.mag-bg-v-divider-dark:after {position: absolute;
				top: -250px;
				z-index: 6;
				content: "";
				display: block;
				width: 100%;
				height: 250px;
				background-color: #990000; 
				opacity: 0.5;
  				filter: alpha(opacity=50);
				clip-path: polygon(0 0, 100% 80%, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(0 0, 100% 80%, 100% 100%, 0% 100%);
}
			.mag-bg-dark-fade { 
				background: #1a1a1a;
}
			.mag-bg-dark-fade:before {
				position: absolute;
				top: -350px;
				z-index: 6;
				content: "";
				display: block;
				width: 100%;
				height: 350px;
				background: rgba(26,26,26,0);
				background: -moz-linear-gradient(top, rgba(26,26,26,0) 0%, rgba(26,26,26,0.66) 36%, rgba(26,26,26,0.68) 38%, rgba(26,26,26,0.99) 74%, rgba(26,26,26,1) 75%);
				background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(26,26,26,0)), color-stop(36%, rgba(26,26,26,0.66)), color-stop(38%, rgba(26,26,26,0.68)), color-stop(74%, rgba(26,26,26,0.99)), color-stop(75%, rgba(26,26,26,1)));
				background: -webkit-linear-gradient(top, rgba(26,26,26,0) 0%, rgba(26,26,26,0.66) 36%, rgba(26,26,26,0.68) 38%, rgba(26,26,26,0.99) 74%, rgba(26,26,26,1) 75%);
				background: -o-linear-gradient(top, rgba(26,26,26,0) 0%, rgba(26,26,26,0.66) 36%, rgba(26,26,26,0.68) 38%, rgba(26,26,26,0.99) 74%, rgba(26,26,26,1) 75%);
				background: -ms-linear-gradient(top, rgba(26,26,26,0) 0%, rgba(26,26,26,0.66) 36%, rgba(26,26,26,0.68) 38%, rgba(26,26,26,0.99) 74%, rgba(26,26,26,1) 75%);
				background: linear-gradient(to bottom, rgba(26,26,26,0) 0%, rgba(26,26,26,0.66) 36%, rgba(26,26,26,0.68) 38%, rgba(26,26,26,0.99) 74%, rgba(26,26,26,1) 75%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#1a1a1a', GradientType=0 );
				}
				.mag-cover-story-header { 
					font-size: 7em;
					text-transform: uppercase;
					margin-left:-5px;
					max-width: 70%;
				}
				.mag-cover-story-img {
					position: absolute;
					right: 73px;
					top: -20px;
					overflow: hidden;
					z-index: 2;
				}
				.mag-cover-story-pull {
					position: absolute;
					right: 16%;
					top: 150px;
					z-index: 10;
				}
				.mag-cover-story-content {
					border: 0 !important;
					padding: 0 !important;
					font-size: 1.3em;
					width: 60%;
				}
				.mag-no-left {
					margin-left: 0; 
					padding-left: 0;
}
				.mag-no-right {
					margin-right: 0; 
					padding-right: 0;
}
				.mag-shape-diamond {
					clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); 
					-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); 
					height: 300px; 
					width: 300px; 
					padding:0;
					margin: 20px !important; 
					background: #3d3d3d;
}
				.mag-shape-hexagon {
					clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); 
					-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); 
					height: 300px; 
					width: 300px; 
					padding:0;  
					background: #3d3d3d;
}
				.mag-shape-circle {
					clip-path: circle(50% at 50% 50%);
					-webkit-clip-path: circle(50% at 50% 50%);
					height: 300px; 
					width: 300px; 
					padding:0;
					background: #3d3d3d;
}
				.mag-shape-diamond img, .mag-shape-hexagon img, .mag-shape-circle img {
					width: 150% !important;
}
				.mag-shape-hexagon p {
					position: absolute;
					top: 40%;
					-ms-transform: translateY(-40%);
					transform: translateY(-40%);
					margin: 20px;
}
				.mag-styles-dark .content-box { 
					border: 1px #ffffff solid; 
					padding: 40px;
}
				.mag-styles-dark a {
					color: #ffffff; 
					text-decoration: underline;
				}
				
				.mag-styles-dark img {
					width: 100%;
					margin: 0;
					position: absolute;
					top: 50%;
					-ms-transform: translateY(-50%);
					transform: translateY(-50%);

				}
	

/* Special Engineering sections */

			.eng-section-dark {
				background-color: #1a1a1a;
				color: #ffffff;				
			}

			.eng-section-dark .content-box {
				position: relative;
				z-index: 2;	
				outline: 2px #1a1a1a solid !important;
			}
			.eng-section-dark .content-box:hover  {
				outline: 2px #990000 solid !important;
			}
			.eng-section-dark .box-clickable:hover {
				outline: 2px #990000 solid !important;
				-webkit-box-shadow: none !important;
  				-moz-box-shadow: none !important;
				box-shadow: none !important;
			}
			.eng-section-dark .content-box:before {
				content: '';
				position: absolute;
				display: block;
				top: -4px;
				right: -4px;
				width:80%;
				height: 4px;
				border-top: 4px solid #1a1a1a;

				z-index:2;
			}
			.eng-section-dark .eng-content-box:before {
				content: '';
				position: absolute;
				display: block;
				top: -4px;
				right: -4px;
				width:4px;
				height: 75%;
				border-right: 4px solid #1a1a1a;
				z-index:2;
			}
			.eng-section-dark .content-box:after {
				content: '';
				position: absolute;
				display: block;
				bottom: -4px;
				left: -4px;
				width:80%;
				height: 4px;
				border-bottom: 4px solid #1a1a1a;
				z-index:2;
			}
			.eng-section-dark .eng-content-box:after {
				content: '';
				position: absolute;
				display: block;
				bottom: -4px;
				left: -4px;
				width:4px;
				height: 75%;
				border-left: 4px solid #1a1a1a;
				z-index:2;
			}
			.eng-section-dark a  {
				color: #ffffff !important;
			}
			.eng-section-dark a:hover {
				text-decoration: underline !important;
			}
			
			.eng-section-dark .content-box:click {
				background: #990000;
			}
			.eng-section-medium {
			/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a1a1a+0,1a1a1a+25,eeeeee+25,eeeeee+100 */
			background: #eeeeee; /* Old browsers */
			background: -moz-linear-gradient(-45deg,  #1a1a1a 0%, #1a1a1a 15%, #eeeeee 15%, #eeeeee 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(-45deg,  #1a1a1a 0%,#1a1a1a 15%,#eeeeee 15%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(120deg,  #1a1a1a 0%,#1a1a1a 15%,#eeeeee 15%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

			}
			.eng-section-medium-centers {
			/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a1a1a+0,1a1a1a+25,eeeeee+25,eeeeee+100 */
			background: #eeeeee; /* Old browsers */
			background: -moz-linear-gradient(-45deg,  #1a1a1a 0%, #1a1a1a 20%, #eeeeee 20%, #eeeeee 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(-45deg,  #1a1a1a 0%,#1a1a1a 20%,#eeeeee 20%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(120deg,  #1a1a1a 0%,#1a1a1a 20%,#eeeeee 20%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

			}
			.eng-section-medium h2 { color: #000000 !important;}
			.eng-section-medium p { color: #000000 !important;}

			.eng-section-light {
				color: #000000;	
				background: #ffffff;
			}
		.eng-section-light-home {
			/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+76,ffffff+77,990000+77,990000+100 */
			background: #ffffff; /* Old browsers */
			background: -moz-linear-gradient(69deg,  #ffffff 0%, #ffffff 76%, #ffffff 77%, #990000 77%, #990000 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(69deg,  #ffffff 0%,#ffffff 76%,#ffffff 77%,#990000 77%,#990000 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(69deg,  #ffffff 0%,#ffffff 76%,#ffffff 77%,#990000 77%,#990000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#990000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			border-top: 15px solid #990000;
		}
		.eng-section-light-dept {
			/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+85,990000+85,990000+85,990000+100 */
			background: #ffffff; /* Old browsers */
			background: -moz-linear-gradient(55deg,  #ffffff 0%, #ffffff 85%, #990000 85%, #990000 85%, #990000 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(55deg,  #ffffff 0%,#ffffff 85%,#990000 85%,#990000 85%,#990000 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(55deg,  #ffffff 0%,#ffffff 85%,#990000 85%,#990000 85%,#990000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#990000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		}
		.eng-section-light-dark-slant {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a1a1a+0,1a1a1a+30,ffffff+30,1a1a1a+30,ffffff+30,ffffff+100 */
			background: #1a1a1a; /* Old browsers */
			background: -moz-linear-gradient(left,  #1a1a1a 0%, #1a1a1a 30%, #ffffff 30%, #1a1a1a 30%, #ffffff 30%, #ffffff 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(left,  #1a1a1a 0%,#1a1a1a 30%,#ffffff 30%,#1a1a1a 30%,#ffffff 30%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to right,  #1a1a1a 0%,#1a1a1a 30%,#ffffff 30%,#1a1a1a 30%,#ffffff 30%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

		}

			.eng-section-light .content-box {
				position: relative;
				z-index: 2;	
				outline: 2px #ffffff solid !important;
			}
			.eng-section-light .content-box:hover  {
				outline: 2px #990000 solid !important;
			}
			.eng-section-light .box-clickable:hover {
				outline: 2px #990000 solid !important;
				-webkit-box-shadow: none !important;
  				-moz-box-shadow: none !important;
				box-shadow: none !important;
			}
			.eng-section-light .content-box:before {
				content: '';
				position: absolute;
				display: block;
				top: -2px;
				right: -3px;
				width:80%;
				height: 4px;
				border-top: 4px solid #ffffff;
				z-index:2;
			}
			.eng-section-light .eng-content-box:before {
				content: '';
				position: absolute;
				display: block;
				top: -2px;
				right: -3px;
				width: 4px;
				height: 75%;
				border-right: 4px solid #ffffff;
				z-index:2;
			}
			.eng-section-light .content-box:after {
				content: '';
				position: absolute;
				display: block;
				bottom: -2px;
				left: -3px;
				width:80%;
				height: 4px;
				border-bottom: 4px solid #ffffff;
				z-index:2;
			}
			.eng-section-light .eng-content-box:after {
				content: '';
				position: absolute;
				display: block;
				bottom: -4px;
				left: -4px;
				width: 4px;
				height: 75%;
				border-left: 4px solid #ffffff;
				z-index:2;
			}
			.eng-section-red {background: #990000; color: #ffffff;}
			.eng-section-red .content-box {
				position: relative;
				z-index: 2;	
				outline: 2px #990000 solid !important;
			}
			.eng-section-red .content-box:hover  {
				outline: 2px #ffffff solid !important;
			}
			.eng-section-red .box-clickable:hover {
				outline: 2px #ffffff solid !important;
				-webkit-box-shadow: none !important;
  				-moz-box-shadow: none !important;
				box-shadow: none !important;
			}
			.eng-section-red .content-box:before {
				content: '';
				position: absolute;
				display: block;
				top: -2px;
				right: -2px;
				width:80%;
				height: 4px;
				border-top: 2px solid #990000;
				z-index:2;
			}
			.eng-section-red .eng-content-box:before {
				content: '';
				position: absolute;
				display: block;
				top: -2px;
				right: -2px;
				width:4px;
				height: 75%;
				border-right: 2px solid #990000;
				z-index:2;
			}
			.eng-section-red .content-box:after {
				content: '';
				position: absolute;
				display: block;
				bottom: -2px;
				left: -2px;
				width:80%;
				height: 4px;
				border-bottom: 2px solid #990000;
				z-index:2;
			}
			.eng-section-red .eng-content-box:after {
				content: '';
				position: absolute;
				display: block;
				bottom: -2px;
				left: -2px;
				width:4px;
				height: 75%;
				border-left: 2px solid #990000;
				z-index:2;
			}
			.eng-section-red a  {
				color: #ffffff !important;
			}
			.eng-section-red a:hover {
				text-decoration: underline !important;
			}
			
			.eng-section-red .content-box:click {
				background: #990000;
			}
		.eng-background-img {position: absolute;
				top: 50% !important;
				left: 50% !important;
				transform: translate(-50%, -50%) !important; width: 100%;}

/***** Faculty / Staff Directory styles *****/

ul.person-research-areas {
    display: block;
    border: 0;
    padding: 0;
    list-style: none;
    margin: 0;
    font-size: 1em;
    line-height: 1.5;
    margin: 8px 0 1.3rem 0;
}
.person-research-areas li {
    display: inline-block;
    background: #eee;
    color: #000;
    padding: 7px 10px;
    margin: 0 7px 7px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.person-main-info {
	background: #eeeeee;
	color: #000000;
	padding: 0px; 
	margin-bottom:170px;
	z-index: 1;
}
.person-main-info:after {
	content: '';
	display: block;
	position:absolute;
	z-index: -1;
	bottom: -100px;
	width:	100%;
	height: 275px;
	background: #eeeeee;
	clip-path: polygon(50% 0%, 100% 0, 100% 75%, 50% 100%, 0% 75%, 0 0);
	-webkit-clip-path: polygon(50% 0%, 100% 0, 100% 75%, 50% 100%, 0% 75%, 0 0);
}
.person-main-info img {
	min-width: 275px;
	min-height: 275px;	
}

.person-main-info .person-img-crop {
	clip-path: polygon(50% 0%, 100% 0, 100% 75%, 50% 100%, 0% 75%, 0 0);
	-webkit-clip-path: polygon(50% 0%, 100% 0, 100% 75%, 50% 100%, 0% 75%, 0 0);
	width: 100%;
	min-height: 275px;	
}
.person-main-info .person-main-info-content {
	padding: 20px;
	z-index: 2;
}
.person-title {background: #333; padding: 5px 30px; margin-left:-30px; margin-top: 0; margin-bottom: 0;  clip-path: polygon(0 0, 100% 0%, 97% 100%, 0% 100%);}
a .person-title:hover  {background: #990000;}
.person-image {clip-path: polygon(50% 0%, 100% 0, 100% 75%, 50% 100%, 0% 75%, 0 0);
	-webkit-clip-path: polygon(50% 0%, 100% 0, 100% 75%, 50% 100%, 0% 75%, 0 0);} 
.eng-section-dark .person-research-areas li {
    background: #000;
    color: #fff;
}

/* Engineering Department Site Specific Code */
		.eng-department-hero {height: 600px !important;}
		.eng-department-hero-content:after {
			content: '';
			display: block;
			position:absolute;
			top: 0;
			right: -155px;
			width: 150px;
			height: 600px;
			background: #1a1a1a;
			clip-path: polygon(0 0, 100% 0%, 0% 100%, 0% 100%);
			-webkit-clip-path: polygon(0 0, 100% 0%, 0% 100%, 0% 100%);
		}
/* Engineering Center Site Specific Code */
.eng-center-hero {height: 550px;}
.eng-center-hero img {width: 50%;}
	.eng-center-hero .hero-img-bg { 
		width: 50%;
		text-align: center;
		clip-path: none;
		-webkit-clip-path: none;
		min-height: 550px;
		z-index: 5;
	}
	.eng-center-hero .hero-img-title h1 { 
		font-size: 3.5em !important;     
		text-shadow: none;
		-webkit-text-stroke-width: 0;
	}
	.eng-center-hero .hero-img-content { width: 90%;}
	.eng-center-hero .hero-img-body { width:100%; margin-top:10px;}
.centers-news .centers-img-container {
		max-height:150px; 
		width: 100%; 
		overflow: hidden; 
		/**clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 15% 50%);
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 15% 50%);**/
	}
	.centers-news img{ 
		width: 100%;
		height:auto; 
		vertical-align: middle;
	}
	.centers-news .col-md-4 {
		padding: 0; 
		display: flex;  
		min-height: 133px;
	}

	.centers-news .col-md-6 {
		padding-right:0; 
		overflow: hidden;
	}
	.centers-news h2 {
		font-size: 1.4em; 
		padding-left:25px;
	}
.publications-title-source {background: #1a1a1a; color: #ffffff; padding: 5px 30px; margin-left:-25px; clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);}
	
/* Responsive code */
		@media only screen and (max-width: 1825px) {
			.hero-img-container iframe {
				width: 82%;
			}
			.eng-menu-divider {
				width:34% !important; 
			}
			
		}
		@media only screen and (max-width: 1748px){
			.eng-dept-section {
				overflow:visible;}
			.eng-dept-box-main {margin-top: -120px;}
			.eng-dept-box { height: 350px;}
			.eng-dept-box img {
				height:100%; 
				width: auto;			
			}
			.eng-dept-intro-content {
    			top: 70% !important;
			}
			.eng-section-2-text {max-width:90%;}
			.centers-news h2 {
				font-size: 1.2em; 
			}
		}
		@media only screen and (max-width: 1660px) {
			.eng-section-medium {
				/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a1a1a+0,1a1a1a+25,eeeeee+25,eeeeee+100 */
				background: #eeeeee; /* Old browsers */
				background: -moz-linear-gradient(-45deg,  #1a1a1a 0%, #1a1a1a 10%, #eeeeee 10%, #eeeeee 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(-45deg,  #1a1a1a 0%,#1a1a1a 10%,#eeeeee 10%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(120deg,  #1a1a1a 0%,#1a1a1a 10%,#eeeeee 10%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			}
		}
		@media only screen and (max-width: 1625px) {
			.hero-img-container {
				height: 670px;
			}
			.hero-img-container img {
				width: 85%;
			}
			.hero-img-container iframe {
				width: 85%;
				min-height: 670px;
				top: -55px;
			}
			.hero-img-title {			
				max-height: 17em;
			}
			.hero-img-content h1 {
				font-size: 7em; 
				text-shadow: 7px 7px #1a1a1a; 
			}
			/* Hero color varients */
			.hero-img-dark h1 {
				text-shadow: 7px 7px #1a1a1a; 
			}
			.hero-img-red h1 {
				text-shadow: 7px 7px #990000; 
			}
			.hero-img-white h1 {
				text-shadow: 7px 7px #ffffff !important; 
			}
			.mag-featured {
				height:720px;
			}
			.eng-section-light-dept { background: #ffffff !important;}
			.centers-homepage-hexagon {margin-left:-35% !important;}

		}

		

		@media only screen and (max-width: 1594px) {
			.eng-five-column {width:33.3333333333%;}
			.eng-five-column-first { display:none;}
			.eng-five-column-last { display:none;}
			.mag-cover-story-header { 
					font-size: 5em;
				}
				.mag-cover-story-content {
					font-size: 1.1em;
				}
			.eng-dept-section .row {
    			margin-right: 0 !important;
			}
			.eng-menu-divider {
				width:31% !important; 
			}
	.centers-news h2 {
		margin-top: 0 !important;
	}
			.eng-center-hero .hero-img-content {
				width: 100%;
			}
			.eng-center-hero .margin-left-90 { margin-left:0;}
		}
		@media only screen and (max-width: 1482px) {
			.hero-img-container {
				height: 650px;
			}
			.hero-img-container iframe {
				top: -90px;
				width: 100%;
			}
			.mag-title-content h1 { 
				font-size: 9em; 
			}
			.mag-cover-story-header { 
				font-size: 4.8em;
			}
			.mag-cover-story-content {
				font-size: 1em;
			}
			.mag-cover-story-pull {
				display: none;
			}
			.eng-dept-intro-content {
    			top: 75% !important;
			}
			.eng-section-2-text {max-width:95.8%;}
			.centers-homepage-hexagon .mag-shape-hexagon {display: none;}
			.eng-menu-divider {
				width:30% !important; 
			}
		}
		@media only screen and (max-width: 1435px) {
			.eng-five-column .eng-icon-red {
				    margin-left: 13%;
			}
			.centers-news { height: 220px !important;}
			.centers-news .container-80 {width:95% !important;}
			.centers-news h2 {
				font-size: 1em; 

			}
			.eng-centers-breakout {width: 170% !important;
				margin-left: -45% !important;}
			.eng-section-medium {	
				background: #eeeeee;
				background: -moz-linear-gradient(-45deg, #1a1a1a 0%, #1a1a1a 5%, #eeeeee 5%, #eeeeee 100%);
				background: -webkit-linear-gradient(-45deg, #1a1a1a 0%,#1a1a1a 5%,#eeeeee 5%,#eeeeee 100%);
				background: linear-gradient(120deg, #1a1a1a 0%,#1a1a1a 5%,#eeeeee 5%,#eeeeee 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#eeeeee',GradientType=1 );
			}
		}
		@media only screen and (max-width: 1200px) {
			
			.eng-section-medium {
				/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a1a1a+0,1a1a1a+25,eeeeee+25,eeeeee+100 */
				background: #eeeeee; /* Old browsers */
				background: -moz-linear-gradient(-45deg,  #eeeeee 0%, #eeeeee 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(-45deg,  #eeeeee 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(120deg,  #eeeeee 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			}
			.eng-section-medium .container { background: #eeeeee;}
			.hero-img-container {
				height: 600px;
			}
			.hero-img-container img {
				width: 92%;
			}
			.hero-img-container iframe {
				width: 115%;
			}
			.hero-img-title {			
				max-height: 13em;
			}
			.hero-img-content h1 {
				font-size: 5em;
			}
			/* Hero color varients */
			.hero-img-dark h1 {
				text-shadow: 5px 5px  #1a1a1a; 
			}
			.hero-img-red h1 {
				text-shadow: 5px 5px #990000; 
			}
			.hero-img-white h1 {
				text-shadow: 5px 5px #ffffff !important; 
			}
			.mag-featured {
				height:600px;
			}
			.mag-title-content h1 {
    			font-size: 8em;
			}
			.mag-cover-story-header { 
				font-size: 4em; 
			} 
			.mag-cover-story-img { 
				right: 5%; 
				top: 0;
			}
			.eng-social {
				position: relative;
				height: auto;
				
			}
			.eng-five-column {width:50%;}
			
			.eng-five-column-last { display:block;}

			.eng-clip-right {display:none;}
			.publications-title-source {margin-left: -27px;}
			.publications-feed .col-sm-8 { padding-left: 50px;}
			.centers-homepage-hexagon {margin-left: -140px !important;}
		}
		
		@media only screen and (max-width: 1199px) {
				.eng-dept-box-main {padding-top:5%;}
				.eng-dept-box { height: auto;}
			.eng-dept-box img {height:auto; width: 100%;}
			.eng-dept-intro-content {
    			top: 60% !important;
			}
			.eng-section-2-text {max-width:97%;}
			.person-flex {
				width: 100% !important;
			}
			.eng-dashed-border-left { border-left: 0;}
			

		}
		@media only screen and (max-width: 1080px) {
			.eng-five-column .eng-icon-red {
			    margin-left: 20%;
			}

		}
		@media only screen and (max-width: 1000px) {

			.eng-button {
				min-width: 200px;
			}
			.hero-img-bg {display:none;}
				
			header .header-light {
				background: #ffffff !important;
			}
			.header-main.header-light .ua-logo, .header-main.header-dark .ua-logo {
				color: #990000 !important;
			}
			.hero-img-container {
				position: relative !important;
				min-height: 700px;
				overflow: visible;
				clear: both;
				height: auto !important;
			}
			.hero-img-container img {
				width: 100%;
				position: relative !important;
				margin-top: -35px;
				
			}
			.hero-img-container iframe {
				display: none;
			}
			#video-controls {
				display: none;
			}
			.video-mobile { 
				background-position: 0 40%;
				width:100%;
				min-height: 550px;
				margin-top: -50px;
				content: '';
				margin-bottom: -24%;
			}
			.video-mobile-backup-image {
				display:block; 
				width: 100%; 
				min-height: 400px;
				content: ' ';
				background-position: center;
				background-size: cover;
			
			}
			.hero-img-content {
				position: relative  !important;
				top: 0;
				height: auto !important;
				width: 100%;
				padding-bottom: 60px;
				padding-left: 4%;
				padding-right: 4%;
				margin-top:-100px;
				margin-bottom: 50px;
			}
			.hero-img-dark .hero-img-content {
				/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a1a1a+0,1a1a1a+100&0+26,0+26,1+27 */
				background: -moz-linear-gradient(-85deg,  rgba(26,26,26,0) 0%,rgba(26,26,26,0) 16.7%,rgba(26,26,26,1) 17%,rgba(26,26,26,1) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(-85deg,  rgba(26,26,26,0) 0%,rgba(26,26,26,0) 16.7%,rgba(26,26,26,1) 17%,rgba(26,26,26,1) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(-185deg,  rgba(26,26,26,0) 0%,rgba(26,26,26,0) 16.7%,rgba(26,26,26,1) 17%,rgba(26,26,26,1) 100%) /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001a1a1a', endColorstr='#1a1a1a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			}
			.hero-img-red .hero-img-content {
				background: -moz-linear-gradient(-84deg,  rgba(153,0,0,0) 0%, rgba(153,0,0,0) 16.7%, rgba(153,0,0,1) 17%, rgba(153,0,0,1) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(-84deg,  rgba(153,0,0,0) 0%,rgba(153,0,0,0) 16.7%,rgba(153,0,0,1) 17%,rgba(153,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(-184deg,  rgba(153,0,0,0) 0%,rgba(153,0,0,0) 16.7%,rgba(153,0,0,1) 17%,rgba(153,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00990000', endColorstr='#990000',GradientType=1 ); /* IE6-9 */
			}
			.hero-img-white .hero-img-content {
				background: -moz-linear-gradient(-85deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 16.7%, rgba(255,255,255,1) 17%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(-85deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 16.7%,rgba(255,255,255,1) 17%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(-185deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 16.7%,rgba(255,255,255,1) 17%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
			}
			.hero-img-title {			
				height: auto !important;
				overflow: visible;
			}
			.hero-img-content h1 {
				font-size: 5.3em;
				margin-top: -5%;
			}
			.hero-img-body {
				width: 100%;	
			}
			/* Hero color varients */
			.hero-img-dark h1 {
				text-shadow: -5px -5px #1a1a1a; 
			}
			.hero-img-red h1 {
				text-shadow: -5px -5px #990000; 
			}
			.hero-img-white h1 {
				text-shadow: -5px -5px #ffffff !important; 
			}
			.eng-secondary-hero-area {
				padding: 7% 13%;
				margin-top: -25px;
			}
			.eng-secondary-hero-area .eng-header {
				font-size: 3em;
			}
			.eng-slant-v {
				clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);
				-webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);
			}
			.eng-header {
				margin-top:0;
			}
			.eng-background-img {
				width:100%;
				height: auto;
			}
			.mag-featured {
				height:550px; background: #000000;
			}
			.mag-featured iframe { display: none;}
			.mag-title-content h1 {
    			font-size: 6em;
			}
			.mag-cover-story-header {max-width: 100%;clear: both; text-align: center;}
			.mag-cover-story-img { 
				position: relative;
				display: block;
				width: 400px;
				height: 400px;
				left: 45%;
				-webkit-transform: translateX(-45%);
				transform: translateX(-45%);
				top:-50px;
				z-index: 8;
			}
			.mag-cover-story-content {width:100%;}
			.eng-section-light {background:#ffffff;}
			.eng-homepage-hexagon {margin-left: 20px; margin-right:20px;}
			.eng-section-2-text {max-width:100%;}
			.eng-mobile-width-100 {width: 100% !important;}
			.eng-section-search {background: #eeeeee !important;
			}
			.eng-center-hero .hero-img-bg {
    			width: 100%;
				display: block;
				text-align: center;
				min-height: 250px;
				z-index: 5;
				position: absolute;
				top: 300px;
				padding: 30px;
				left: 0;
			}
			.eng-center-hero .hero-img-content { background: none;}
			.eng-center-hero  .hero-img-content .fa {margin-top:40px; margin-bottom: -20px;}
			
			.eng-center-hero .hero-img-title h1 {margin-top:50px;}
			.centers-news {
				height: auto !important;
				z-index: 200;
			}
			.centers-news img {
				
				max-width: 90%;
			}
			
			.centers-news h2 {
				font-size: 1.5em;
				margin-top: 50px !important;
			}
			.centers-homepage-hexagon {margin-top: 0 !important; display: none;}
			.eng-centers-breakout {width: 100% !important;
				margin-left: 0 !important;}
		}
		@media only screen and (min-width: 1001px) and (max-width: 1252px) {
			/*** homepage mobile view fix for second section's 3 column layout ***/
			.eng-mobile-width-100 .col-md-3 {width: 29%;} 
		}
		@media only screen and (min-width: 991px) and (max-width: 1000px) {
			/*** homepage mobile view fix for second section's 3 column layout ***/
			.eng-mobile-width-100 .col-md-3 {width: 33%;} 
		}

	
		@media only screen and (max-width: 991px) {
			.eng-news-feed {
				margin-left: 0 !important;
			}
			.eng-dept-box-main .eng-dept-intro-content {
				width: 80% !important;
				margin-top: 20px;
			}
			.eng-section-dark .sidebar:after {display: none;}
			.publications-title-source {margin-left: -15px;}
			.publications-feed .col-sm-8 { padding-left:0}
			
		}
		@media only screen and (max-width: 908px) {
			.hero-img-container {
				padding-bottom: 40px;
			}
			.hero-img-content h1 {
				font-size: 5em;
				margin-top: -7%;
			}
			.eng-dept-box img {min-height: 250px;}
			
			.eng-border-left-dark {border-top: 1px dashed #1a1a1a; border-left: 0; margin-top: 50px!important; padding-top:50px !important;}
			.eng-border-left-red {border-top: 1px dashed #990000; border-left: 0; margin-top: 50px !important; padding-top:50px !important;}
			.eng-border-left-light {border-top: 1px dashed #ffffff; border-left: 0; margin-top: 50px !important; padding-top:50px !important;}
			.eng-menu-divider {
				width: 25% !important; 
			}
			
		}
		@media only screen and (max-width: 892px) {
			.sidebar {
				border-bottom: 30px #1a1a1a solid !important;
			}
			.eng-menu-divider {
				width: 750px !important;
				margin-left: auto;
				margin-right: auto;
			}
		}
		@media only screen and (max-width: 850px) {
			.hero-img-bg {
				min-height: 430px;
			}
			.hero-img-content h1 {
				font-size: 4.5em;
				margin-top: -15%;
			}
			.hero-img-container {
				padding-bottom: 0;
				min-height: 470px; 
			}
			.video-mobile { 
				min-height: 500px;
			}
			.eng-secondary-hero-area {
				/* max-width: 620px; */
			}
			.mag-featured img {
				width: 200% !important;
			}
			.mag-title-content {
				width: 95%;
			}
			.eng-social .eng-five-column {width:19%; height:200px;}
			.eng-social .eng-five-column-first {display: block;	}
			.eng-social .icon-xl {
				width: 60px;
				height: 60px;
				font-size: 61px;
				line-height: 60px;
			}
			.eng-social .eng-five-column .eng-icon-red {-webkit-text-stroke: 0; color: #ffffff; margin: 7%; 
}
			.eng-social .eng-five-column:hover .eng-icon-red {
				display:block;
				-webkit-text-stroke: 1px rgb(255,255,255);
				color: #990000;
				
			}
			.eng-center-hero {

				min-height: 700px !important; 
			}
			.eng-center-hero .hero-img-title h1 { font-size: 2.5em !important; margin-top:30px;}

		}
		@media only screen and (max-width: 767px) {

			.eng-mobile-horizontal-nav li {
				width: 50%; 
				float: left;
			}
			.mobile-show {display: block;}
			.eng-mobile-horizontal-nav li:before {
				clip-path: polygon(0% 0%, 100% 0%, 50% 100%, 0% 100%);
				-webkit-clip-path:  polygon(0% 0%, 100% 0%, 50% 100%, 0% 100%);
				background: #1a1a1a;
				width:30px;
				height:100%;
				display: block;
				content: '';
				position: absolute;
				left: -1px;
				top: 0;
				z-index: 10;
			}
			.eng-mobile-horizontal-nav li:after {
				clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%);
				-webkit-clip-path:  polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%);
				background: #1a1a1a;
				width:30px;
				height:100%;
				display: block;
				content: '';
				position: absolute;
				right: -1px;
				top: 0;
			}
			.mobile-hide {
				display: none;
			}
			.eng-dept-intro-content {
    			top: 50% !important;
			}
			.eng-social .eng-five-column img {
			    display: none !important;
			}
			.centers-news .col-md-4 {
				display: block !important;
				margin-bottom: 50px;
			}
			.centers-news .col-md-6 {
				max-height:175px;
				overflow: hidden;
			}
			.centers-news img { 
				width: 100%; 
				clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); 
				margin-left: auto;
				margin-right: auto;
				margin-top: -40px;
			}
			.publications-feed .col-sm-8 {padding-left: 17px !important;}
			.publications-title-source {
				margin-left: -2px; 
			}
		}
		@media only screen and (max-width: 750px) {
			.hero-img-bg {
				min-height: 450px;
			}
			.hero-img-content h1 {
				margin-top: -100px;
			}
			.hero-img-container {
				padding-bottom: 10px;
				min-height: 460px;
				
			}
			.eng-secondary-hero-area h1{
				top:50%;
				left: 50%;
				-webkit-transform: translateX(-50%, -50%);
				transform: translateX(-50%, -50%);
			}
			.video-mobile { 
				min-height: 480px;
			}
			.mag-title-content h1 {
    			font-size: 5em;
			}
			.mag-cover-story-header {
				margin-top: 0;
			}
			.mag-cover-story-img { 
				width: 350px;
				height: 350px;
				left: 40%;
				-webkit-transform: translateX(-40%);
				transform: translateX(-40%);
				z-index: 8;
			}
			.eng-dept-box-main .eng-dept-intro-content {
				width: 90% !important;
				margin-top:auto;
			}
		}
		@media only screen and (max-width: 691px) {
			.person-title { margin-left: 0; }
			.person-image {clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%, 0% 100%, 0 0);-webkit-clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%, 0% 100%, 0 0); }
			.eng-menu-divider {
				width: 100% !important;
				margin-left: 0;
				margin-right: 0;
			}
		}	
		@media only screen and (max-width: 613px) {
			.eng-header {
				font-size: 3.5em;
			}
			.eng-secondary-hero-area { 
				clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
				padding: 0;
				background: none;
				height: 200px;
				min-height: inherit;
				position: relative;
			}
			.eng-secondary-hero-area .eng-header {
				font-size: 2.2em;
				background: #1a1a1a;
				padding: 20px 0;
				width: 80%;
				position: absolute;
				top: 50% !important;
				left: 50% !important;
				transform: translate(-50%, -50%) !important;
				
			}
			.eng-secondary-hero-area .eng-header:before {
				clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%);
				-webkit-clip-path:  polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%);
				background: #1a1a1a;
				width:30px;
				height:100%;
				display: block;
				content: '';
				position: absolute;
				left: -29px;
				top: 0;
			}
			.eng-secondary-hero-area .eng-header:after {
				clip-path: polygon(0% 0%, 100% 0%, 50% 100%, 0% 100%);
				-webkit-clip-path:  polygon(0% 0%, 100% 0%, 50% 100%, 0% 100%);
				background: #1a1a1a;
				width:30px;
				height:100%;
				display: block;
				content: '';
				position: absolute;
				right: -29px;
				top: 0;
				
			}
			.eng-mobile-horizontal-nav { display: none;}
			.hero-img-content h1 {
				font-size: 3em;
				margin-top: -70px;
			}
			.hero-img-bg {
				min-height: 300px;
			}
			.hero-img-container {
				min-height: 550px; 
			}
			.video-mobile { 
				min-height: 350px;
			}
			.video-mobile-backup-image {
				min-height: 300px;

			}
			.eng-dept-box-main {min-height: 400px;}
			.eng-slant-v {clip-path: polygon(0 0, 100% 0, 100% 95%, 50% 100%, 0 95%);
			-webkit-clip-path: polygon(0 0, 100% 0, 100% 95%, 50% 100%, 0 95%);
			}
			.eng-homepage-hexagon {
				height: 250px !important;
				width: 250px !important;
				left: 50%;
				transform: translate(-57.5%, 0);
			}
			.mag-title-content h1 {
    			font-size: 4.3em;
				font-weight: 900;
				text-shadow: -4px -4px #1a1a1a !important;
				-webkit-text-stroke-width: 2px !important;
				-webkit-text-stroke-color: #1a1a1a !important;
				margin-top:60px;
			}
			.mag-cover-story-header {
				font-size: 2.5em;
			}
			.eng-page-hexagon { 
				float: none;
				margin-left: auto;
				margin-right: auto;
			}
		}
		@media only screen and (max-width: 455px) {

			.hero-img-white .hero-img-content h1 {
				color: #990000 !important;
				text-shadow: -4px -4px #ffffff !important;
				-webkit-text-stroke-width: 1px !important;
				-webkit-text-stroke-color: #ffffff !important;
			}
			.hero-img-bg {
				min-height: 450px;
				margin-top: -100px;
			}
			.hero-img-container {
				min-height: 650px; 
				
			}
			.hero-img-bg {
				min-height: 520px;
				clip-path: polygon(0 19%, 100% 8%, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(0 19%, 100% 8%, 100% 100%, 0% 100%);
			}
			.video-mobile { 
				min-height: 300px;
			}
			.eng-header {
				font-size: 2.3em !important;
			}
			.eng-secondary-hero-area .eng-header {
				font-size: 1.6em !important;
				
			}
			.eng-slant-v {clip-path: polygon(0 0, 100% 0, 100% 97%, 50% 100%, 0 97%);
			-webkit-clip-path: polygon(0 0, 100% 0, 100% 97%, 50% 100%, 0 97%);
			}
			.eng-center-hero  .hero-img-content .fa {margin-top:30px;}
		}
		@media only screen and (max-width: 400px) {
			section {overflow:hidden; margin:50px 0;}
			.hero-img-container {
				min-height: 700px;
				width: 100%;
				overflow: hidden;
				position: relative;
				margin-top: -25px !important;
			}
			.hero-img-container img {
				height:300px; 
				width:533px;    
				position: absolute;
				top: 0;
				left: 50%;
				transform: translate(-55%, 0);
				z-index: 1;
			}
			.hero-img-bg {
				clip-path: polygon(0 10%, 100% 3%, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(0 10%, 100% 3%, 100% 100%, 0% 100%);
				margin-top: 150px;
				z-index: 8;
				clear: both;
			}
			.hero-img-content {
				top: 30%;
				z-index: 10;
			}
			.eng-header {
				font-size: 2.5em !important;
			}
			.eng-dept-intro-content {width: 90%;}

			.eng-social .eng-five-column {width:19%; height:100px;}
			.eng-social .icon-xl {
				width: 30px;
				height: 30px;
				font-size: 31px;
				line-height: 30px;
			}
			.eng-center-hero .hero-img-bg {
				margin-top: 30px;
			}
			.eng-center-hero .hero-img-content {
      			top: 0 !important;
				padding: 30px 0 !important;
				clear: both;
			}
			.eng-center-hero  .hero-img-content .fa {margin-top:10px;}
			.centers-news img {margin-top:0;}
			.eng-center-hero .hero-img-title h1 {font-size: 1.5em !important;}
			.eng-center-hero .hero-img-body p {font-size: 1em;}
			
		}@charset "utf-8";
/* 
College of Engineering CSS Document 

Hello web dev,

This css document was composed with the view that the design should look good at ALL screen sizes. Thus there will be a lot more @media areas than normal. Also, while I have tried to arrange things quite neatly in the main css, the targeted sections are all lumped in together. (My appologies, but it just wasn't worth it to section those up as well.) I have kept like near like though so that you can easily find things. Thank you for taking the time to read this message and have a great day!

- LMS

*/


/* Special Engineering Edits on Main UA Theme */
body p {
    font-size: 1.7rem;
}
section {  margin: 0 !important;
    position: relative; overflow: hidden;}
.bg-primary {background-color: #990000 !important;}
.bg-dark  {background-color: #1a1a1a !important;}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {color: #1a1a1a !important;}
.bg-medium p  {color: #1a1a1a !important;}
.text-white {color: #ffffff !important;}
.lead {
    font-weight: 400;
}
.clear {
    clear: both!important;
}
.mobile-show {display:none;}
section .img-responsive {width: 100%;}
section a {text-decoration: underline;}
.margin-left-90 {margin-left: 90px;}
.overflow-hide { overflow: hidden;}
footer { margin-top: -25px; }
.table.table-color-primary>thead>tr>th {background-color: #990000 !important;}
.table.table-color-dark>thead>tr>th {background-color: #1a1a1a !important;}
/***** Normal Content Page Edits ********/

.wp-caption.pull-right {
	margin: 10px 0 20px 50px !important;
}
.wp-caption.pull-left {
	margin: 10px 50px 20px 0 !important;
}
.wp-caption img {
    margin-bottom: 15px;
}
.wp-caption-text {font-weight: bold;
}
.eng-dashed-border-left {border-left: 1px dashed #1a1a1a;}

.eng-section-light .eng-p-box-border {    border: 2px #1a1a1a solid !important;
    padding: 20px;
    margin-top: -30px;}
.eng-section-light .eng-p-box-border-heading {    background: #fff;
    padding: 0 20px;}
.eng-section-dark .eng-p-box-border {    border: 2px #ffffff solid !important;
    padding: 20px;
    margin-top: -30px;}
.eng-section-dark .eng-p-box-border-heading {    background: #1a1a1a;
    padding: 0 20px;}
.eng-section-red .eng-p-box-border {    border: 2px #ffffff solid !important;
    padding: 20px;
    margin-top: -30px;}
.eng-section-red .eng-p-box-border-heading {    background: #990000;
    padding: 0 20px;}
.eng-section-medium .eng-p-box-border {    border: 2px #1a1a1a solid !important;
    padding: 20px;
    margin-top: -30px;}
.eng-section-medium .eng-p-box-border-heading {    background: #eeeeee;
    padding: 0 20px;}
.eng-section-dark .sidebar:after {clip-path: polygon(0 0, 100% 0, 100% 0%, 0% 100%);
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 0%, 0% 100%);
	background: #1a1a1a;
	width: 100%;
	height:230px;
	display: block;
	content: '';
	position: absolute;
	bottom: -229px;
	left: 0;
	
}
.padding-top-80 { padding-top:80px;}
.eng-section-medium .container {padding-left:20px;}
/* Special Engineering Theme New Code */
.eng-site-content {padding-top:0; margin-bottom: 0;}
.eng-menu-divider {
	border-bottom: 1px #333 solid; 
	-moz-box-shadow: 0 10px 10px -10px #000000; 
	height: 30px; 
	margin-top:-30px;
    -webkit-box-shadow:  0 10px 10px -10px #000000; 
	box-shadow:  0 10px 10px -10px #000000; 
	position:absolute; 
	width:36%; 
	clear: both; 
	z-index: 10;
}
.eng-menu-divider-100 {border-bottom: 1px #333 solid; -moz-box-shadow: 0 10px 10px -10px #000000; height: 30px; margin-top:-30px;
   -webkit-box-shadow:  0 10px 10px -10px #000000; box-shadow:  0 10px 10px -10px #000000; position:absolute; width:100%; clear: both; z-index: 10;}
.fa-icon-border-white {
    font-size: 110px;
    -webkit-text-stroke: 3px rgb(255, 255, 255);
    z-index: 30;
}
.fa-icon-border-red {
    font-size: 110px;
    -webkit-text-stroke: 3px rgb(153,0,0);
    z-index: 30;
}
.fa-icon-border-dark {
    font-size: 110px;
    -webkit-text-stroke: 3px rgb(0,0,0);
    z-index: 30;
}
.eng-icon-dark {
	color: #1a1a1a;
}
.eng-icon-light {
	color: #ffffff;
}
.eng-icon-medium {
	color: #eeeeee;
}
.eng-icon-red {
	color: #990000;
}
.eng-icon-clear {
	color: transparent;
}
.container-100 {
	width:100% !important;
	margin: 0;
}
.container-92 {  /* special homepage only width */
	width:92% !important;
	margin: auto;
}
.container-85 {
	width:85% !important;
	margin: auto;
}
.container-80 {
	width:80% !important;
	margin: auto;
}
.container-75 {
	width:75% !important;
	margin: auto;
}
.container-fixed {
	max-width: 1170px;
	margin: auto;
}
.height-400 {
	height:400px;
}
.height-500 {
	height:500px;
}
.height-600 {
	height:600px;
}
.clearfix {
  overflow: auto;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.eng-section-small {
	min-height: 50px !important;
}
.eng-div-center {
	margin-left: auto; 
	margin-right: auto; 
	float: none;
}
.eng-div-absolute-center {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%, -50%) !important;
	transform: translateX(-50%, -50%) !important;
}
.right-0 {
	right: 0 !important;
}
.left-0 {
	left: 0 !important;
}
.bottom-0 {
	bottom: 0 !important;
}
.top-0 {
	top: 0 !important;
}
.eng-center {
	top: 0 !important;
	left: 50% !important;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%) !important;
}
.eng-absolute-center {
	margin: 0;
				position: relative;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
}
.eng-slant-right {
	clip-path: polygon(0 25%, 100% 0%, 100% 100%, 0% 100%);
	-webkit-clip-path: polygon(0 25%, 100% 0%, 100% 100%, 0% 100%);
	overflow: visible;
}
		.eng-slant-v {
			clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%); 
			-webkit-clip-path:  polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%); 
			padding-bottom:50px;
		}
			.eng-clip-right {
				position: absolute; 
				bottom: 0; 
				right:0; 
				width: 40%; 
				height:75px; 
			}
			.eng-section-red.eng-clip-right:before {
				display: block;
				clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
				content: '';
				margin-left: -70px;
				width: 78px;
				height: 76px;
				bottom: 0;
				background-color: #990000;
			}
			.eng-section-light.eng-clip-right:before {
				display: block;
				clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
				content: '';
				margin-left: -70px;
				width: 78px;
				height: 76px;
				bottom: 0;
				background-color: #ffffff;
			}
			.bg-medium.eng-clip-right:before {
				display: block;
				clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
				content: '';
				margin-left: -70px;
				width: 78px;
				height: 76px;
				bottom: 0;
				background-color: #eeeeee;
			}
			.eng-section-medium.eng-clip-right:before {
				display: block;
				clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
				content: '';
				margin-left: -70px;
				width: 78px;
				height: 76px;
				bottom: 0;
				background-color: #1a1a1a;
			}
			.eng-section-dark.eng-clip-right:before {
				display: block;
				clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
				content: '';
				margin-left: -70px;
				width: 78px;
				height: 76px;
				bottom: 0;
				background-color: #1a1a1a;
			}
		.eng-header { 
			font-size: 4.5em; 
			text-transform: uppercase;
			margin-top: 50px;
			letter-spacing: 0.1em;
		}

		.eng-bounded-box {
			border: 2px solid #ffffff;
			padding: 40px;
		}

		.eng-button {
			position: relative;
			padding: 20px;
			margin: 20px 0;
			float: left;
			clear: both;
			min-width: 150px;
		}
		.eng-button:before {
			content: '';
			position: absolute;
			display: block;
			top: -3px;
			right: -3px;
			z-index: 0;
			width:80%;
		}
		.eng-button:after {
			content: '';
			position: absolute;
			display: block;
			bottom: -3px;
			left: -3px;
			z-index: 0;
			width:80%;
		}
		.eng-button a:visited {
			background-color: #ffffff;
			color: #1a1a1a;	
		}
		.eng-button:visited::before { 
			display: none;
		}
		.eng-button:visited::after { 
			display: none;
		}
		.eng-button:focus::before { 
			display: none;
		}
		.eng-button:focus::after { 
			display: none;
		}
		.eng-button-center {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
		.eng-section-dark .eng-button {
			outline: 2px #990000 solid; 
			color: #ffffff !important;
			background-color: #1a1a1a;
		}
		.eng-section-dark .eng-button:before {
			border: 4px solid #1a1a1a;
		}
		.eng-section-dark .eng-button:after {
			border: 4px solid #1a1a1a;
		}
		.eng-section-dark .eng-button:hover {
			background-color: #990000;
		}
		.eng-section-dark .eng-button:hover::before { 
			display: none;
		}
		.eng-section-dark .eng-button:hover::after { 
			display: none;
		}
		.eng-section-light .eng-button {
			outline: 2px #990000 solid; 
			color: #990000 !important;
			background-color: #ffffff;
		}
		.eng-section-light .eng-button:before {
			border: 4px solid #ffffff;
		}
		.eng-section-light .eng-button:after {
			border: 4px solid #ffffff;
		}
		.eng-section-light .eng-button:hover {
			background-color: #990000;
			color: #ffffff !important;
		}
		.eng-section-light .eng-button:hover::before { 
			display: none;
		}
		.eng-section-light .eng-button:hover::after { 
			display: none;
		}
		.eng-section-red .eng-button {
			outline: 2px #ffffff solid; 
			color: #ffffff !important;
			background-color: #990000;
		}
		.eng-section-red .eng-button:before {
			border: 4px solid #990000;
		}
		.eng-section-red .eng-button:after {
			border: 4px solid #990000;
		}
		.eng-section-red .eng-button:hover {
			background-color: #ffffff;
			color: #990000 !important;
		}
		.eng-section-red .eng-button:hover::before { 
			display: none;
		}
		.eng-section-red .eng-button:hover::after { 
			display: none;
		}
		.eng-secondary-hero-area {
			clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%); 
			min-height:425px; 
			overflow: hidden;
		}

/* Engineering content styles for second and third level pages */

.eng-page-hexagon {
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    height: 300px;
    width: 300px;
    padding: 0;
	background: #3d3d3d;
	margin: -10px 50px 50px 30px; 
	float: right;
}

.eng-page-hexagon  img { width: 100% !important; height: auto; min-height: 300px;}

.eng-border-left-dark {border-left: 1px dashed #1a1a1a;}
.eng-border-left-red {border-left: 1px dashed #990000;}
.eng-border-left-light {border-left: 1px dashed #ffffff;}

/* Engineering navigation item styles */

.breadcrumb-wrapper { 
	background-color: #1a1a1a;
	border-bottom:none;
	color: #ffffff;
}
.breadcrumb-wrapper a { color: #ffffff !important; }
.breadcrumb-wrapper a:hover { color: #ffffff !important; background: #990000; }
.breadcrumb-wrapper ol.breadcrumb li:before {
    color: #fff;
}
.sidebar {margin-top:0;}
.nav-stacked {background: #1a1a1a;}
.nav-stacked.nav-pills>li>a {
    color: #ffffff;
    border-left: 3px solid #990000;
}
.nav-stacked.nav-pills>li>a {
    color: #ffffff;
    border-left: 3px solid #990000;
}
.nav-stacked.nav-pills>li>a:hover, .nav-stacked.nav-pills>li>a:focus, .nav-stacked.nav-pills>li>a:active {
	border-left: 3px solid #990000;
    background-color: #990000;
    color: #ffffff;
}
.nav-stacked.nav-pills>li.active>a, .nav-stacked.nav-pills>li.active>a:hover, .nav-stacked.nav-pills>li.active>a:focus {
    border-left: 3px solid #990000;
    background-color: #990000;
    color: #ffffff;
}

.nav-stacked.nav-pills>li:after {
	clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%);
	-webkit-clip-path:  polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%);
	background: #1a1a1a;
	width:30px;
	height:100%;
	display: block;
	content: '';
	position: absolute;
	right: -1px;
	top: 0;
	
}

.eng-section-dark .nav>li>a:focus, .nav>li>a:hover, .nav>li>a:active {background-color:#990000;}

.sidebar-nav-lg{background-color:#1a1a1a;border:1px solid #1a1a1a;margin:0;padding:0;font-size:14px;margin-bottom:40px;}

.sidebar-nav li,.sidebar-nav-lg li{padding:0;list-style:none;}


.sidebar-nav li a,.sidebar-nav-lg li a{display:block;padding:5px 15px;color:#ffffff;text-decoration:none;border-left:3px solid #990000;background-color:#990000; position: relative;}


.sidebar-nav li a:after,.sidebar-nav-lg li a:after {	
	clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%);
	-webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%);
	background: #1a1a1a;
	width:30px;
	height:42px;
	display: block;
	content: '';
	position: absolute;
	right: -1px;
	top: 0;
}

.sidebar-nav li a:hover,.sidebar-nav li a:focus,.sidebar-nav li a:active,.sidebar-nav-lg li a:hover,.sidebar-nav-lg li a:focus,.sidebar-nav-lg li a:active{border-color:#990000;background-color:#990000;}

.sidebar-nav li a>i,.sidebar-nav-lg li a>i{margin:2px 5px 0 0;font-size:1.1em;color:#ffffff}

.sidebar-nav li a.collapsed,.sidebar-nav-lg li a.collapsed{background-color:transparent;border-left:3px solid #990000}

.sidebar-nav li ul li a,.sidebar-nav-lg li ul li a{border-color:#333;padding-left:35px;background-color:transparent; position: relative;}
.sidebar-nav li ul li a:hover,.sidebar-nav li ul li a:focus,.sidebar-nav li ul li a:active,.sidebar-nav-lg li ul li a:hover,.sidebar-nav-lg li ul li a:focus,.sidebar-nav-lg li ul li a:active{border-color:#333;background-color:#333;}

.sidebar-nav li ul li a:after,.sidebar-nav-lg li ul li a:after {	clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%);
	-webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%);
	background: #1a1a1a;
	width:30px;
	height:100%;
	display: block;
	content: '';
	position: absolute;
	right: -1px;
	top: 0;
}

.sidebar-nav li ul li.active a,.sidebar-nav-lg li ul li.active a{border-color:#900;background-color:#1a1a1a}

.sidebar-nav li ul li.active>a,.sidebar-nav-lg li ul li.active>a{border-left-color:#900;background-color:#1a1a1a}

.sidebar-nav li ul li:last-child a,.sidebar-nav-lg li ul li:last-child a{border-bottom:3px solid #333}

.sidebar-nav>li>a[href]:hover,.sidebar-nav>li>a[href]:focus,.sidebar-nav>li>a[href]:active,.sidebar-nav-lg>li>a[href]:hover,.sidebar-nav-lg>li>a[href]:focus,.sidebar-nav-lg>li>a[href]:active{border-color:#990000;background-color:#990000}

.sidebar-nav>li>a[href]:after,.sidebar-nav-lg>li>a[href]:after{font-family:'FontAwesome';content:'\f107';font-size:18px;float:right}

.sidebar-nav>li>a[href].collapsed:after,.sidebar-nav-lg>li>a[href].collapsed:after{content:'\f105'}

.sidebar-nav-lg{font-size:15px}

.sidebar-nav-lg li a{padding:10px 15px}
.eng-last-name-nav {padding: 10px 0px 10px 25px; border-left:3px solid #333;border-bottom:3px solid #333;}
.eng-last-name-nav li a {float: left !important; padding:15px !important; border-left: none !important;}
.eng-last-name-nav li a:hover {border-left: none !important;}
.eng-last-name-nav li a:after {display:none !important;}

/* featured/hero section styles for homepage */

		.hero-img-container {
			position: relative;
			background-color: #000000; 
			height:750px; 
			overflow: hidden;
		}		
		.hero-img-container img {
			width: 70%;
			position: absolute;
			top:0;
			right:0;			
		}
		.hero-img-bg {
			position: absolute; 
			top: 0; 
			padding:30px; 
			left: 0; 
			width:55%; 
			text-align: center; 
			clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%); 
			-webkit-clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%); 
			min-height:751px; 
			overflow: visible;
		}
		.hero-img-content {
			position: absolute; 
			top: 0; 
			padding:60px; 
			left: 0;  
			width:85%;
		}
		.hero-img-title {			
			max-height: 24em;
			overflow: hidden;
		}
		.hero-img-content h1 {
			font-size: 10.5em;
			text-transform: uppercase !important; 
			font-weight: 700;
			font-family: 'Open Sans', Helvetica, Arial, sans-serif;
		}
		.hero-img-body {
			width:45%; 
			margin: 40px 0;
		}
		.hero-img-body a {
			padding: 20px; 
			margin:20px 0; 
			float: right; 
		}
		.hero-img-body p {
			padding-left: 14px;
			font-size: 1.1em;
			line-height: 1.6em;
			letter-spacing: .5px;
		}
		.style-vert-hide-button {
			position: relative;
		}
		.style-vert-hide-button:before {
			content: '';
			position: absolute;
			display: block;
			top: -4px;
			right: -4px;
			z-index: 0;
			width:80%;
		}
		.style-vert-hide-button:after {
			content: '';
			position: absolute;
			display: block;
			bottom: -4px;
			left: -4px;
			z-index: 0;
			width:80%;
		}
		.style-vert-hide-button a:visited {
			background-color: #cccccc;
			color: #1a1a1a;	
		}
		.style-vert-hide-button:visited::before { 
			display: none;
		}
		.style-vert-hide-button:visited::after { 
			display: none;
		}
		.style-vert-hide-button:focus::before { 
			display: none;
		}
		.style-vert-hide-button:focus::after { 
			display: none;
		}

	/* color varients */
		.hero-img-dark {
			background-color: #1a1a1a;
			color: #ffffff;
		}
		.hero-img-dark a {
			outline: 2px #990000 solid; 
			color: #ffffff !important;
		}
		.hero-img-dark .style-vert-hide-button:before {
			border: 4px solid #1a1a1a;
		}
		.hero-img-dark .style-vert-hide-button:after {
			border: 4px solid #1a1a1a;
		}
		.hero-img-dark h1 {
			text-shadow: 10px 10px #1a1a1a; 
			-webkit-text-stroke-width: 2px;
			-webkit-text-stroke-color: #1a1a1a;
		}
		.hero-img-dark .style-vert-hide-button:hover {
			background-color: #990000;
		}
		.hero-img-dark .style-vert-hide-button:hover::before { 
			display: none;
		}
		.hero-img-dark .style-vert-hide-button:hover::after { 
			display: none;
		}

		.hero-img-dark p {
			color: #ffffff !important;
		}
		.hero-img-red {
			background-color: #990000;
			color: #ffffff;
		}
		.hero-img-red a {
			outline: 2px #ffffff solid  !important;
			color: #ffffff ;
		}
		.hero-img-red .style-vert-hide-button:focus {
			color:#990000 !important; 
			background:#ffffff; 
		}
		.hero-img-red .style-vert-hide-button:before {
			border: 4px solid #990000;
		}
		.hero-img-red .style-vert-hide-button:after {
			border: 4px solid #990000;
		}
		.hero-img-red .style-vert-hide-button:hover {
			background-color: #ffffff;
			color:#990000;
		}
		.hero-img-red .style-vert-hide-button:hover::before { 
			display: none;
		}
		.hero-img-red .style-vert-hide-button:hover::after { 
			display: none;
		}
		.hero-img-red h1 {
			color: #fffff !important;
			text-shadow: 10px 10px #990000 !important; 
			-webkit-text-stroke-width: 3px !important;
			-webkit-text-stroke-color: #990000 !important;
		}
		.hero-img-red p {
			color: #ffffff !important;
		}
		.hero-img-white {
			background-color: #ffffff;
			color: #1a1a1a;
		}
		.hero-img-white a {
			outline: 2px #990000 solid  !important;
			color: #990000;
		}		
		.hero-img-white .style-vert-hide-button:before {
			border: 4px solid #ffffff;
		}
		.hero-img-white .style-vert-hide-button:after {
			border: 4px solid #ffffff;
		}

		.hero-img-white .style-vert-hide-button:hover {
			background-color: #990000;
			color:#ffffff;
		}
		.hero-img-white .style-vert-hide-button:hover::before { 
			display: none;
		}
		.hero-img-white .style-vert-hide-button:hover::after { 
			display: none;
		}
		.hero-img-white h1 {
			color: #fff !important;
			text-shadow: 10px 10px #fff !important; 
			-webkit-text-stroke-width: 3px !important;
			-webkit-text-stroke-color: #990000 !important;
		}
		.hero-img-white p {
			color: #1a1a1a;
		}

	/* Featured background video styles for homepage */

		.hero-img-container iframe {
				width: 72%;
				position: absolute;
				top:-30px;
				right:0;				
			}
			#video-controls {
				height: 51px;
				width: 130px;
				position: absolute;
				right:0;
				bottom: 0px;
			}
			#video-controls:before {
				position: absolute;
				left: -30px;
				top: 0;
				z-index: 6;
				content: "";
				display: block;
				width: 30px;
				height: 51px;
				clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
			}
			#video-pause-button { 
				position: absolute;
				font-weight: 100;
				height: 30px;
				width: 30px;
				margin: 10px;
				z-index: 110;	
				bottom: 0;
				right: 15px;
			}
			#video-play-button { 
				position: absolute;
				font-weight: 100;
				height: 30px;
				width: 30px;
				margin: 10px;
				z-index: 110;
				bottom: 0;
				right: 70px;
			}
			
			#video-pause-button a { 
				height: 30px !important;
				width: 30px !important;
				padding: 5px !important;
				border: 0;
				border-radius: 4px !important;
			}
			#video-play-button a { 
				height: 30px !important;
				width: 30px !important;
				padding: 5px !important;
				border: 0;
				border-radius: 4px !important;
			}
			.video-mobile-backup-image {display: none;}

		/* color varients */

			.hero-img-dark #video-controls {
				background: #1a1a1a;
			}
			.hero-img-dark #video-controls:before {
				border-left: 130px solid #1a1a1a;
			}

			.hero-img-dark #video-play-button:hover {
				background: #990000;
			}
			.hero-img-dark #video-pause-button:hover {
				background: #990000;
			}

			.hero-img-red #video-controls {
				background: #990000;
			}
			.hero-img-red #video-controls:before {
				border-left: 130px solid #990000;
			}

			.hero-img-red #video-play-button:hover {
				background: #ffffff;
				color: #990000;
			}
			.hero-img-red #video-pause-button:hover {
				background: #ffffff;
				color: #990000;
			}
			.hero-img-white #video-controls {
				background: #ffffff;
			}
			.hero-img-white #video-controls:before {
				border-left: 130px solid #ffffff;
			}

			.hero-img-white #video-play-button:hover {
				background: #990000;
				color: #ffffff !important;
			}
			.hero-img-white #video-pause-button:hover {
				background: #990000;
				color: #ffffff !important;
			}
			.hero-img-white #video-play-button:hover .fa {
				color: #ffffff !important;
			}
			.hero-img-white #video-pause-button:hover .fa {
				color: #ffffff !important;
			}
	/* Engineering Homepage Content */
			.eng-dept-section {
				overflow: hidden;
				background: #1a1a1a;
			}
			.eng-dept-box-main {
				margin-top:-80px;
				min-height: 280px;
			}
			.eng-dept-box-main .eng-dept-intro-content {
				width:70%;
				padding:20px;
				margin: 0;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
			}
			.eng-dept-box {
				min-height: 250px;
				overflow:hidden;
				}
			.eng-dept-box img {
				position: absolute;
				 top: 0; left: 0; bottom: 0; right: 0;
				margin: auto;
				width: 100%;
				-webkit-filter: grayscale(100%) contrast(300%);
				filter: grayscale(100%) contrast(300%);
				z-index: 0;
				opacity: .1;
			}
			.eng-dept-box h3 { 
				width:70%; 
				padding:20px; 
				margin: 0;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				color: #ffffff;
				z-index: 1;	 
				text-transform: uppercase;
				letter-spacing: 0.05em;
    			font-weight: 100;
			}
			.eng-dept-box a { color: #ffffff !important; }
			/*.eng-dept-box h3:before {     May need later, but not now.
				content: '';
				position: absolute;
				display: block;
				top: -2px;
				right: 0;
				z-index: 0;
				width: 60%;
				background-color: #990000; 
				height: 2px;
			}
			.eng-dept-box h3:after {
				content: '';
				position: absolute;
				display: block;
				bottom: -2px;
				left: 0;
				z-index: 0;
				width: 60%;
				background-color: #990000; 
				height: 2px;
			}*/
			.eng-dept-box:hover img {
				-webkit-filter: grayscale(0%)!important;
				/* FF 35+ */
				filter: grayscale(0%)!important;
				opacity:1;
					}
			.eng-dept-box:hover h3 {
				background: #1a1a1a;
			}
			.eng-dept-box:hover a {
				text-decoration: underline;
				color: #ffffff !important;
			}
			.media-left {
				display: none;
			}
			.eng-events .col-md-3 {
				float:none;
			}
			.eng-giving-area {
				border: 2px solid #ffffff;
				padding: 40px;
}
			.eng-social { 
				clear: both; 
				
				overflow: hidden;
				margin-bottom:-70px;
			}
			.eng-five-column h4 {
				display:none;
			}
			.eng-five-column .eng-icon-red {
				position: absolute;
				margin-top:70px;
				margin-left:8%;
				display:block;
			}
			.eng-five-column:hover .eng-icon-red {
				display:none;
				
			}
			.eng-five-column:hover h4 {
				display:block;
				width: 70%;
				max-width: 350px;
				padding: 20px;
				z-index: 1;
				background: #1a1a1a;
				margin-left: auto;
				margin-right: auto;
				position: absolute;
			}
			.eng-five-column {
				width:20%; 
				float:left;
				max-height:270px; 
				overflow: hidden;
			}
			.eng-five-column img {
				width: 100%;
				-webkit-filter: grayscale(100%) contrast(300%);
				filter: grayscale(100%) contrast(300%);
				z-index: 0;
				opacity: .1;
				min-height:260px;
			}
			.eng-five-column img:hover {
				-webkit-filter: grayscale(0%)!important;
				filter: grayscale(0%)!important;
				opacity: 1;	
			}
			.eng-quote {
				padding: 40px 60px 30px 60px;
				position: relative;
				margin-bottom: 50px;
				margin-left: 20px;
				margin-right: 20px;
			}
			.eng-quote-red-line{border: 4px solid #990000;}
			.eng-quote-red-line:after {
				background-image: url(http://localhost:8080/wordpress/wp-content/uploads/2019/12/program-a-image-red.jpg);
				height: 60px;
				width: 174px;
				position: absolute;
				content: "";
				display: block;
				left: 0;
				right: 0;
				margin-left: auto;
				margin-right: auto;
				bottom: -30px;
			}
			.eng-quote-white-line{border: 4px solid #ffffff;}
			.eng-quote-white-line:after {
				background-image: url(http://localhost:8080/wordpress/wp-content/uploads/2019/12/program-a-image-dark.jpg);
				height: 60px;
				width: 174px;
				position: absolute;
				content: "";
				display: block;
				left: 0;
				right: 0;
				margin-left: auto;
				margin-right: auto;
				bottom: -30px;
			}
/* Engineering Search Results Specific */			
.eng-search-result-faculty img {
	width:160px; height:auto;
	clip-path: polygon(50% 0%, 100% 0, 100% 75%, 50% 100%, 0% 75%, 0 0);
}
.eng-section-search {
			/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a1a1a+0,1a1a1a+25,eeeeee+25,eeeeee+100 */
			background: #eeeeee; /* Old browsers */
			background: -moz-linear-gradient(-45deg,  #1a1a1a 0%, #1a1a1a 15%, #eeeeee 15%, #eeeeee 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(-45deg,  #1a1a1a 0%,#1a1a1a 15%,#eeeeee 15%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(120deg,  #1a1a1a 0%,#1a1a1a 15%,#eeeeee 15%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

			}
.eng-search-pic-div {max-width:19%; float: left;}
.eng-search-content-div {max-width:80%; float: left;}
/* Engineering Magazine Specific */
			.mag-featured {
				height:850px;
				background: #000000;
				color: #ffffff;
			}
			.mag-featured img {width:100% !important;opacity: 0.5;}

			.mag-img-center {
				position: absolute;
				top: 50%;
				-webkit-transform: translateY(-50%);
				transform: translateY(-50%)

}
			.mag-img-top {
				position:absolute; 
				top: 0;
}
			.mag-img-bottom {
				position:absolute; 
				bottom: 0;
}
			.mag-featured iframe {width:100% !important; opacity: 0.5;}
			.mag-video-controls-position-color {bottom: 80px !important;}

			.mag-video-controls-position-color a {color: #ffffff; border: 1px solid #515151 !important;}
			.mag-video-controls-position-color a:hover {
				background: #990000;
				color: #ffffff;
				 border: 1px solid #ffffff !important;
			}

			.mag-title-content {
				position: absolute;
				top: 70px;
				width: 85%; 
				left: 50%;
				-webkit-transform: translateX(-50%);
				transform: translateX(-50%)
			}
			.mag-title-content h1 {
				text-align: center; 
				font-size: 12em; 
				text-transform: uppercase;
				font-weight: 700;
				color: #ffffff !important;
				text-shadow: 10px 10px #1a1a1a !important; 
				-webkit-text-stroke-width: 3px !important;
				-webkit-text-stroke-color: #1a1a1a !important;
			}
			.mag-date {
				width: 100px;
				height: 100px;
				padding: 25px;
				color: #ffffff;
				text-transform: uppercase;
				font-weight: 700;
				background: #1a1a1a;
				clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
				-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
				text-align: center;
				margin-left: auto;
				margin-right: auto;
			}
			.mag-bg-v-divider-light {
				background-color: #1a1a1a;
				color: #ffffff;
				margin-top: 250px;
			}
			
			.mag-bg-v-divider-light:before {
				position: absolute;
				top: -250px;
				z-index: 6;
				content: "";
				display: block;
				width: 100%;
				height: 250px;
				background-color: #1a1a1a; 
				clip-path: polygon(0 80%, 100% 0%, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(0 80%, 100% 0%, 100% 100%, 0% 100%);
			}
			.mag-bg-v-divider-light:after {
				position: absolute;
				top: -250px;
				z-index: 6;
				content: "";
				display: block;
				width: 100%;
				height: 250px;
				background: rgb(240,240,240);
				background: linear-gradient(180deg, rgba(240,240,240,1) 0%, rgba(26,26,26,1) 85%);
				opacity: 0.5;
  				filter: alpha(opacity=50);
				clip-path: polygon(0 0, 100% 80%, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(0 0, 100% 80%, 100% 100%, 0% 100%);
			}
			
			.mag-bg-v-divider-dark {
				background: rgb(89,13,13);
                background: linear-gradient(180deg, rgba(89,13,13,1) 0%, rgba(26,26,26,1) 42%);
				color: #ffffff;				
				margin-top: 250px;
			}

			.mag-bg-v-divider-dark:before {
				position: absolute;
				top: -250px;
				z-index: 6;
				content: "";
				display: block;
				width: 100%;
				height: 250px;
				background-color: #1a1a1a; 
				clip-path: polygon(0 80%, 100% 0%, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(0 80%, 100% 0%, 100% 100%, 0% 100%);
			}

			.mag-bg-v-divider-dark:after {position: absolute;
				top: -250px;
				z-index: 6;
				content: "";
				display: block;
				width: 100%;
				height: 250px;
				background-color: #990000; 
				opacity: 0.5;
  				filter: alpha(opacity=50);
				clip-path: polygon(0 0, 100% 80%, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(0 0, 100% 80%, 100% 100%, 0% 100%);
}
			.mag-bg-dark-fade { 
				background: #1a1a1a;
}
			.mag-bg-dark-fade:before {
				position: absolute;
				top: -350px;
				z-index: 6;
				content: "";
				display: block;
				width: 100%;
				height: 350px;
				background: rgba(26,26,26,0);
				background: -moz-linear-gradient(top, rgba(26,26,26,0) 0%, rgba(26,26,26,0.66) 36%, rgba(26,26,26,0.68) 38%, rgba(26,26,26,0.99) 74%, rgba(26,26,26,1) 75%);
				background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(26,26,26,0)), color-stop(36%, rgba(26,26,26,0.66)), color-stop(38%, rgba(26,26,26,0.68)), color-stop(74%, rgba(26,26,26,0.99)), color-stop(75%, rgba(26,26,26,1)));
				background: -webkit-linear-gradient(top, rgba(26,26,26,0) 0%, rgba(26,26,26,0.66) 36%, rgba(26,26,26,0.68) 38%, rgba(26,26,26,0.99) 74%, rgba(26,26,26,1) 75%);
				background: -o-linear-gradient(top, rgba(26,26,26,0) 0%, rgba(26,26,26,0.66) 36%, rgba(26,26,26,0.68) 38%, rgba(26,26,26,0.99) 74%, rgba(26,26,26,1) 75%);
				background: -ms-linear-gradient(top, rgba(26,26,26,0) 0%, rgba(26,26,26,0.66) 36%, rgba(26,26,26,0.68) 38%, rgba(26,26,26,0.99) 74%, rgba(26,26,26,1) 75%);
				background: linear-gradient(to bottom, rgba(26,26,26,0) 0%, rgba(26,26,26,0.66) 36%, rgba(26,26,26,0.68) 38%, rgba(26,26,26,0.99) 74%, rgba(26,26,26,1) 75%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#1a1a1a', GradientType=0 );
				}
				.mag-cover-story-header { 
					font-size: 7em;
					text-transform: uppercase;
					margin-left:-5px;
					max-width: 70%;
				}
				.mag-cover-story-img {
					position: absolute;
					right: 73px;
					top: -20px;
					overflow: hidden;
					z-index: 2;
				}
				.mag-cover-story-pull {
					position: absolute;
					right: 16%;
					top: 150px;
					z-index: 10;
				}
				.mag-cover-story-content {
					border: 0 !important;
					padding: 0 !important;
					font-size: 1.3em;
					width: 60%;
				}
				.mag-no-left {
					margin-left: 0; 
					padding-left: 0;
}
				.mag-no-right {
					margin-right: 0; 
					padding-right: 0;
}
				.mag-shape-diamond {
					clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); 
					-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); 
					height: 300px; 
					width: 300px; 
					padding:0;
					margin: 20px !important; 
					background: #3d3d3d;
}
				.mag-shape-hexagon {
					clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); 
					-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); 
					height: 300px; 
					width: 300px; 
					padding:0;  
					background: #3d3d3d;
}
				.mag-shape-circle {
					clip-path: circle(50% at 50% 50%);
					-webkit-clip-path: circle(50% at 50% 50%);
					height: 300px; 
					width: 300px; 
					padding:0;
					background: #3d3d3d;
}
				.mag-shape-diamond img, .mag-shape-hexagon img, .mag-shape-circle img {
					width: 150% !important;
}
				.mag-shape-hexagon p {
					position: absolute;
					top: 40%;
					-ms-transform: translateY(-40%);
					transform: translateY(-40%);
					margin: 20px;
}
				.mag-styles-dark .content-box { 
					border: 1px #ffffff solid; 
					padding: 40px;
}
				.mag-styles-dark a {
					color: #ffffff; 
					text-decoration: underline;
				}
				
				.mag-styles-dark img {
					width: 100%;
					margin: 0;
					position: absolute;
					top: 50%;
					-ms-transform: translateY(-50%);
					transform: translateY(-50%);

				}
	

/* Special Engineering sections */

			.eng-section-dark {
				background-color: #1a1a1a;
				color: #ffffff;				
			}

			.eng-section-dark .content-box {
				position: relative;
				z-index: 2;	
				outline: 2px #1a1a1a solid !important;
			}
			.eng-section-dark .content-box:hover  {
				outline: 2px #990000 solid !important;
			}
			.eng-section-dark .box-clickable:hover {
				outline: 2px #990000 solid !important;
				-webkit-box-shadow: none !important;
  				-moz-box-shadow: none !important;
				box-shadow: none !important;
			}
			.eng-section-dark .content-box:before {
				content: '';
				position: absolute;
				display: block;
				top: -4px;
				right: -4px;
				width:80%;
				height: 4px;
				border-top: 4px solid #1a1a1a;

				z-index:2;
			}
			.eng-section-dark .eng-content-box:before {
				content: '';
				position: absolute;
				display: block;
				top: -4px;
				right: -4px;
				width:4px;
				height: 75%;
				border-right: 4px solid #1a1a1a;
				z-index:2;
			}
			.eng-section-dark .content-box:after {
				content: '';
				position: absolute;
				display: block;
				bottom: -4px;
				left: -4px;
				width:80%;
				height: 4px;
				border-bottom: 4px solid #1a1a1a;
				z-index:2;
			}
			.eng-section-dark .eng-content-box:after {
				content: '';
				position: absolute;
				display: block;
				bottom: -4px;
				left: -4px;
				width:4px;
				height: 75%;
				border-left: 4px solid #1a1a1a;
				z-index:2;
			}
			.eng-section-dark a  {
				color: #ffffff !important;
			}
			.eng-section-dark a:hover {
				text-decoration: underline !important;
			}
			
			.eng-section-dark .content-box:click {
				background: #990000;
			}
			.eng-section-medium {
			/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a1a1a+0,1a1a1a+25,eeeeee+25,eeeeee+100 */
			background: #eeeeee; /* Old browsers */
			background: -moz-linear-gradient(-45deg,  #1a1a1a 0%, #1a1a1a 15%, #eeeeee 15%, #eeeeee 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(-45deg,  #1a1a1a 0%,#1a1a1a 15%,#eeeeee 15%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(120deg,  #1a1a1a 0%,#1a1a1a 15%,#eeeeee 15%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

			}
			.eng-section-medium-centers {
			/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a1a1a+0,1a1a1a+25,eeeeee+25,eeeeee+100 */
			background: #eeeeee; /* Old browsers */
			background: -moz-linear-gradient(-45deg,  #1a1a1a 0%, #1a1a1a 20%, #eeeeee 20%, #eeeeee 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(-45deg,  #1a1a1a 0%,#1a1a1a 20%,#eeeeee 20%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(120deg,  #1a1a1a 0%,#1a1a1a 20%,#eeeeee 20%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

			}
			.eng-section-medium h2 { color: #000000 !important;}
			.eng-section-medium p { color: #000000 !important;}

			.eng-section-light {
				color: #000000;	
				background: #ffffff;
			}
		.eng-section-light-home {
			/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+76,ffffff+77,990000+77,990000+100 */
			background: #ffffff; /* Old browsers */
			background: -moz-linear-gradient(69deg,  #ffffff 0%, #ffffff 76%, #ffffff 77%, #990000 77%, #990000 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(69deg,  #ffffff 0%,#ffffff 76%,#ffffff 77%,#990000 77%,#990000 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(69deg,  #ffffff 0%,#ffffff 76%,#ffffff 77%,#990000 77%,#990000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#990000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			border-top: 15px solid #990000;
		}
		.eng-section-light-dept {
			/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+85,990000+85,990000+85,990000+100 */
			background: #ffffff; /* Old browsers */
			background: -moz-linear-gradient(55deg,  #ffffff 0%, #ffffff 85%, #990000 85%, #990000 85%, #990000 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(55deg,  #ffffff 0%,#ffffff 85%,#990000 85%,#990000 85%,#990000 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(55deg,  #ffffff 0%,#ffffff 85%,#990000 85%,#990000 85%,#990000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#990000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		}
		.eng-section-light-dark-slant {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a1a1a+0,1a1a1a+30,ffffff+30,1a1a1a+30,ffffff+30,ffffff+100 */
			background: #1a1a1a; /* Old browsers */
			background: -moz-linear-gradient(left,  #1a1a1a 0%, #1a1a1a 30%, #ffffff 30%, #1a1a1a 30%, #ffffff 30%, #ffffff 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(left,  #1a1a1a 0%,#1a1a1a 30%,#ffffff 30%,#1a1a1a 30%,#ffffff 30%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to right,  #1a1a1a 0%,#1a1a1a 30%,#ffffff 30%,#1a1a1a 30%,#ffffff 30%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

		}

			.eng-section-light .content-box {
				position: relative;
				z-index: 2;	
				outline: 2px #ffffff solid !important;
			}
			.eng-section-light .content-box:hover  {
				outline: 2px #990000 solid !important;
			}
			.eng-section-light .box-clickable:hover {
				outline: 2px #990000 solid !important;
				-webkit-box-shadow: none !important;
  				-moz-box-shadow: none !important;
				box-shadow: none !important;
			}
			.eng-section-light .content-box:before {
				content: '';
				position: absolute;
				display: block;
				top: -2px;
				right: -3px;
				width:80%;
				height: 4px;
				border-top: 4px solid #ffffff;
				z-index:2;
			}
			.eng-section-light .eng-content-box:before {
				content: '';
				position: absolute;
				display: block;
				top: -2px;
				right: -3px;
				width: 4px;
				height: 75%;
				border-right: 4px solid #ffffff;
				z-index:2;
			}
			.eng-section-light .content-box:after {
				content: '';
				position: absolute;
				display: block;
				bottom: -2px;
				left: -3px;
				width:80%;
				height: 4px;
				border-bottom: 4px solid #ffffff;
				z-index:2;
			}
			.eng-section-light .eng-content-box:after {
				content: '';
				position: absolute;
				display: block;
				bottom: -4px;
				left: -4px;
				width: 4px;
				height: 75%;
				border-left: 4px solid #ffffff;
				z-index:2;
			}
			.eng-section-red {background: #990000; color: #ffffff;}
			.eng-section-red .content-box {
				position: relative;
				z-index: 2;	
				outline: 2px #990000 solid !important;
			}
			.eng-section-red .content-box:hover  {
				outline: 2px #ffffff solid !important;
			}
			.eng-section-red .box-clickable:hover {
				outline: 2px #ffffff solid !important;
				-webkit-box-shadow: none !important;
  				-moz-box-shadow: none !important;
				box-shadow: none !important;
			}
			.eng-section-red .content-box:before {
				content: '';
				position: absolute;
				display: block;
				top: -2px;
				right: -2px;
				width:80%;
				height: 4px;
				border-top: 2px solid #990000;
				z-index:2;
			}
			.eng-section-red .eng-content-box:before {
				content: '';
				position: absolute;
				display: block;
				top: -2px;
				right: -2px;
				width:4px;
				height: 75%;
				border-right: 2px solid #990000;
				z-index:2;
			}
			.eng-section-red .content-box:after {
				content: '';
				position: absolute;
				display: block;
				bottom: -2px;
				left: -2px;
				width:80%;
				height: 4px;
				border-bottom: 2px solid #990000;
				z-index:2;
			}
			.eng-section-red .eng-content-box:after {
				content: '';
				position: absolute;
				display: block;
				bottom: -2px;
				left: -2px;
				width:4px;
				height: 75%;
				border-left: 2px solid #990000;
				z-index:2;
			}
			.eng-section-red a  {
				color: #ffffff !important;
			}
			.eng-section-red a:hover {
				text-decoration: underline !important;
			}
			
			.eng-section-red .content-box:click {
				background: #990000;
			}
		.eng-background-img {position: absolute;
				top: 50% !important;
				left: 50% !important;
				transform: translate(-50%, -50%) !important; width: 100%;}

/***** Faculty / Staff Directory styles *****/

ul.person-research-areas {
    display: block;
    border: 0;
    padding: 0;
    list-style: none;
    margin: 0;
    font-size: 1em;
    line-height: 1.5;
    margin: 8px 0 1.3rem 0;
}
.person-research-areas li {
    display: inline-block;
    background: #eee;
    color: #000;
    padding: 7px 10px;
    margin: 0 7px 7px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.person-main-info {
	background: #eeeeee;
	color: #000000;
	padding: 0px; 
	margin-bottom:170px;
	z-index: 1;
}
.person-main-info:after {
	content: '';
	display: block;
	position:absolute;
	z-index: -1;
	bottom: -100px;
	width:	100%;
	height: 275px;
	background: #eeeeee;
	clip-path: polygon(50% 0%, 100% 0, 100% 75%, 50% 100%, 0% 75%, 0 0);
	-webkit-clip-path: polygon(50% 0%, 100% 0, 100% 75%, 50% 100%, 0% 75%, 0 0);
}
.person-main-info img {
	min-width: 275px;
	min-height: 275px;	
}

.person-main-info .person-img-crop {
	clip-path: polygon(50% 0%, 100% 0, 100% 75%, 50% 100%, 0% 75%, 0 0);
	-webkit-clip-path: polygon(50% 0%, 100% 0, 100% 75%, 50% 100%, 0% 75%, 0 0);
	width: 100%;
	min-height: 275px;	
}
.person-main-info .person-main-info-content {
	padding: 20px;
	z-index: 2;
}
.person-title {background: #333; padding: 5px 30px; margin-left:-30px; margin-top: 0; margin-bottom: 0;  clip-path: polygon(0 0, 100% 0%, 97% 100%, 0% 100%);}
a .person-title:hover  {background: #990000;}
.person-image {clip-path: polygon(50% 0%, 100% 0, 100% 75%, 50% 100%, 0% 75%, 0 0);
	-webkit-clip-path: polygon(50% 0%, 100% 0, 100% 75%, 50% 100%, 0% 75%, 0 0);} 
.eng-section-dark .person-research-areas li {
    background: #000;
    color: #fff;
}

/* Engineering Department Site Specific Code */
		.eng-department-hero {height: 600px !important;}
		.eng-department-hero-content:after {
			content: '';
			display: block;
			position:absolute;
			top: 0;
			right: -155px;
			width: 150px;
			height: 600px;
			background: #1a1a1a;
			clip-path: polygon(0 0, 100% 0%, 0% 100%, 0% 100%);
			-webkit-clip-path: polygon(0 0, 100% 0%, 0% 100%, 0% 100%);
		}
/* Engineering Center Site Specific Code */
.eng-center-hero {height: 550px;}
.eng-center-hero img {width: 50%;}
	.eng-center-hero .hero-img-bg { 
		width: 50%;
		text-align: center;
		clip-path: none;
		-webkit-clip-path: none;
		min-height: 550px;
		z-index: 5;
	}
	.eng-center-hero .hero-img-title h1 { 
		font-size: 3.5em !important;     
		text-shadow: none;
		-webkit-text-stroke-width: 0;
	}
	.eng-center-hero .hero-img-content { width: 90%;}
	.eng-center-hero .hero-img-body { width:100%; margin-top:10px;}
	.centers-news .centers-img-container {
		max-height:150px; 
		width: 100%; 
		overflow: hidden; 
		/**clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 15% 50%);
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 15% 50%); **/
	}
	.centers-news img{ 
		width: 100%;
		height:auto; 
		vertical-align: middle;
	}
	.centers-news .col-md-4 {
		padding: 0; 
		display: flex;  
		min-height: 133px;
	}

	.centers-news .col-md-6 {
		padding-right:0; 
		overflow: hidden;
	}
	.centers-news h2 {
		font-size: 1.4em; 
		padding-left:25px;
	}
.publications-title-source {background: #1a1a1a; color: #ffffff; padding: 5px 30px; margin-left:-25px; clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);}
	
/* Responsive code */
		@media only screen and (max-width: 1825px) {
			.hero-img-container iframe {
				width: 82%;
			}
			.eng-menu-divider {
				width:34% !important; 
			}
			
		}
		@media only screen and (max-width: 1748px){
			.eng-dept-section {
				overflow:visible;}
			.eng-dept-box-main {margin-top: -120px;}
			.eng-dept-box { height: 350px;}
			.eng-dept-box img {
				height:100%; 
				width: auto;			
			}
			.eng-dept-intro-content {
    			top: 70% !important;
			}
			.eng-section-2-text {max-width:90%;}
			.centers-news h2 {
				font-size: 1.2em; 
			}
		}
		@media only screen and (max-width: 1660px) {
			.eng-section-medium {
				/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a1a1a+0,1a1a1a+25,eeeeee+25,eeeeee+100 */
				background: #eeeeee; /* Old browsers */
				background: -moz-linear-gradient(-45deg,  #1a1a1a 0%, #1a1a1a 10%, #eeeeee 10%, #eeeeee 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(-45deg,  #1a1a1a 0%,#1a1a1a 10%,#eeeeee 10%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(120deg,  #1a1a1a 0%,#1a1a1a 10%,#eeeeee 10%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			}
		}
		@media only screen and (max-width: 1625px) {
			.hero-img-container {
				height: 670px;
			}
			.hero-img-container img {
				width: 85%;
			}
			.hero-img-container iframe {
				width: 85%;
				min-height: 670px;
				top: -55px;
			}
			.hero-img-title {			
				max-height: 17em;
			}
			.hero-img-content h1 {
				font-size: 7em; 
				text-shadow: 7px 7px #1a1a1a; 
			}
			/* Hero color varients */
			.hero-img-dark h1 {
				text-shadow: 7px 7px #1a1a1a; 
			}
			.hero-img-red h1 {
				text-shadow: 7px 7px #990000; 
			}
			.hero-img-white h1 {
				text-shadow: 7px 7px #ffffff !important; 
			}
			.mag-featured {
				height:720px;
			}
			.eng-section-light-dept { background: #ffffff !important;}
			.centers-homepage-hexagon {margin-left:-35% !important;}

		}

		

		@media only screen and (max-width: 1594px) {
			.eng-five-column {width:33.3333333333%;}
			.eng-five-column-first { display:none;}
			.eng-five-column-last { display:none;}
			.mag-cover-story-header { 
					font-size: 5em;
				}
				.mag-cover-story-content {
					font-size: 1.1em;
				}
			.eng-dept-section .row {
    			margin-right: 0 !important;
			}
			.eng-menu-divider {
				width:31% !important; 
			}
	.centers-news h2 {
		margin-top: 0 !important;
	}
			.eng-center-hero .hero-img-content {
				width: 100%;
			}
			.eng-center-hero .margin-left-90 { margin-left:0;}
		}
		@media only screen and (max-width: 1482px) {
			.hero-img-container {
				height: 650px;
			}
			.hero-img-container iframe {
				top: -90px;
				width: 100%;
			}
			.mag-title-content h1 { 
				font-size: 9em; 
			}
			.mag-cover-story-header { 
				font-size: 4.8em;
			}
			.mag-cover-story-content {
				font-size: 1em;
			}
			.mag-cover-story-pull {
				display: none;
			}
			.eng-dept-intro-content {
    			top: 75% !important;
			}
			.eng-section-2-text {max-width:95.8%;}
			.centers-homepage-hexagon .mag-shape-hexagon {display: none;}
			.eng-menu-divider {
				width:30% !important; 
			}
		}
		@media only screen and (max-width: 1435px) {
			.eng-five-column .eng-icon-red {
				    margin-left: 13%;
			}
			.centers-news { height: 220px !important;}
			.centers-news .container-80 {width:95% !important;}
			.centers-news h2 {
				font-size: 1em; 

			}
			.eng-centers-breakout {width: 170% !important;
				margin-left: -45% !important;}
			.eng-section-medium {	
				background: #eeeeee;
				background: -moz-linear-gradient(-45deg, #1a1a1a 0%, #1a1a1a 5%, #eeeeee 5%, #eeeeee 100%);
				background: -webkit-linear-gradient(-45deg, #1a1a1a 0%,#1a1a1a 5%,#eeeeee 5%,#eeeeee 100%);
				background: linear-gradient(120deg, #1a1a1a 0%,#1a1a1a 5%,#eeeeee 5%,#eeeeee 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#eeeeee',GradientType=1 );
			}
		}
		@media only screen and (max-width: 1200px) {
			
			.eng-section-medium {
				/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a1a1a+0,1a1a1a+25,eeeeee+25,eeeeee+100 */
				background: #eeeeee; /* Old browsers */
				background: -moz-linear-gradient(-45deg,  #eeeeee 0%, #eeeeee 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(-45deg,  #eeeeee 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(120deg,  #eeeeee 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			}
			.eng-section-medium .container { background: #eeeeee;}
			.hero-img-container {
				height: 600px;
			}
			.hero-img-container img {
				width: 92%;
			}
			.hero-img-container iframe {
				width: 115%;
			}
			.hero-img-title {			
				max-height: 13em;
			}
			.hero-img-content h1 {
				font-size: 5em;
			}
			/* Hero color varients */
			.hero-img-dark h1 {
				text-shadow: 5px 5px  #1a1a1a; 
			}
			.hero-img-red h1 {
				text-shadow: 5px 5px #990000; 
			}
			.hero-img-white h1 {
				text-shadow: 5px 5px #ffffff !important; 
			}
			.mag-featured {
				height:600px;
			}
			.mag-title-content h1 {
    			font-size: 8em;
			}
			.mag-cover-story-header { 
				font-size: 4em; 
			} 
			.mag-cover-story-img { 
				right: 5%; 
				top: 0;
			}
			.eng-social {
				position: relative;
				height: auto;
				
			}
			.eng-five-column {width:50%;}
			
			.eng-five-column-last { display:block;}

			.eng-clip-right {display:none;}
			.publications-title-source {margin-left: -27px;}
			.publications-feed .col-sm-8 { padding-left: 50px;}
			.centers-homepage-hexagon {margin-left: -140px !important;}
		}
		
		@media only screen and (max-width: 1199px) {
				.eng-dept-box-main {padding-top:5%;}
				.eng-dept-box { height: auto;}
			.eng-dept-box img {height:auto; width: 100%;}
			.eng-dept-intro-content {
    			top: 60% !important;
			}
			.eng-section-2-text {max-width:97%;}
			.person-flex {
				width: 100% !important;
			}
			.eng-dashed-border-left { border-left: 0;}
			

		}
		@media only screen and (max-width: 1080px) {
			.eng-five-column .eng-icon-red {
			    margin-left: 20%;
			}

		}
		@media only screen and (max-width: 1000px) {

			.eng-button {
				min-width: 200px;
			}
			.hero-img-bg {display:none;}
				
			header .header-light {
				background: #ffffff !important;
			}
			.header-main.header-light .ua-logo, .header-main.header-dark .ua-logo {
				color: #990000 !important;
			}
			.hero-img-container {
				position: relative !important;
				min-height: 700px;
				overflow: visible;
				clear: both;
				height: auto !important;
			}
			.hero-img-container img {
				width: 100%;
				position: relative !important;
				margin-top: -35px;
				
			}
			.hero-img-container iframe {
				display: none;
			}
			#video-controls {
				display: none;
			}
			.video-mobile { 
				background-position: 0 40%;
				width:100%;
				min-height: 550px;
				margin-top: -50px;
				content: '';
				margin-bottom: -24%;
			}
			.video-mobile-backup-image {
				display:block; 
				width: 100%; 
				min-height: 400px;
				content: ' ';
				background-position: center;
				background-size: cover;
			
			}
			.hero-img-content {
				position: relative  !important;
				top: 0;
				height: auto !important;
				width: 100%;
				padding-bottom: 60px;
				padding-left: 4%;
				padding-right: 4%;
				margin-top:-100px;
				margin-bottom: 50px;
			}
			.hero-img-dark .hero-img-content {
				/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a1a1a+0,1a1a1a+100&0+26,0+26,1+27 */
				background: -moz-linear-gradient(-85deg,  rgba(26,26,26,0) 0%,rgba(26,26,26,0) 16.7%,rgba(26,26,26,1) 17%,rgba(26,26,26,1) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(-85deg,  rgba(26,26,26,0) 0%,rgba(26,26,26,0) 16.7%,rgba(26,26,26,1) 17%,rgba(26,26,26,1) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(-185deg,  rgba(26,26,26,0) 0%,rgba(26,26,26,0) 16.7%,rgba(26,26,26,1) 17%,rgba(26,26,26,1) 100%) /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001a1a1a', endColorstr='#1a1a1a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			}
			.hero-img-red .hero-img-content {
				background: -moz-linear-gradient(-84deg,  rgba(153,0,0,0) 0%, rgba(153,0,0,0) 16.7%, rgba(153,0,0,1) 17%, rgba(153,0,0,1) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(-84deg,  rgba(153,0,0,0) 0%,rgba(153,0,0,0) 16.7%,rgba(153,0,0,1) 17%,rgba(153,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(-184deg,  rgba(153,0,0,0) 0%,rgba(153,0,0,0) 16.7%,rgba(153,0,0,1) 17%,rgba(153,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00990000', endColorstr='#990000',GradientType=1 ); /* IE6-9 */
			}
			.hero-img-white .hero-img-content {
				background: -moz-linear-gradient(-85deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 16.7%, rgba(255,255,255,1) 17%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(-85deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 16.7%,rgba(255,255,255,1) 17%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(-185deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 16.7%,rgba(255,255,255,1) 17%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
			}
			.hero-img-title {			
				height: auto !important;
				overflow: visible;
			}
			.hero-img-content h1 {
				font-size: 5.3em;
				margin-top: -5%;
			}
			.hero-img-body {
				width: 100%;	
			}
			/* Hero color varients */
			.hero-img-dark h1 {
				text-shadow: -5px -5px #1a1a1a; 
			}
			.hero-img-red h1 {
				text-shadow: -5px -5px #990000; 
			}
			.hero-img-white h1 {
				text-shadow: -5px -5px #ffffff !important; 
			}
			.eng-secondary-hero-area {
				padding: 7% 13%;
				margin-top: -25px;
			}
			.eng-secondary-hero-area .eng-header {
				font-size: 3em;
			}
			.eng-slant-v {
				clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);
				-webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);
			}
			.eng-header {
				margin-top:0;
			}
			.eng-background-img {
				width:100%;
				height: auto;
			}
			.mag-featured {
				height:550px; background: #000000;
			}
			.mag-featured iframe { display: none;}
			.mag-title-content h1 {
    			font-size: 6em;
			}
			.mag-cover-story-header {max-width: 100%;clear: both; text-align: center;}
			.mag-cover-story-img { 
				position: relative;
				display: block;
				width: 400px;
				height: 400px;
				left: 45%;
				-webkit-transform: translateX(-45%);
				transform: translateX(-45%);
				top:-50px;
				z-index: 8;
			}
			.mag-cover-story-content {width:100%;}
			.eng-section-light {background:#ffffff;}
			.eng-homepage-hexagon {margin-left: 20px; margin-right:20px;}
			.eng-section-2-text {max-width:100%;}
			.eng-mobile-width-100 {width: 100% !important;}
			.eng-section-search {background: #eeeeee !important;
			}
			.eng-center-hero .hero-img-bg {
    			width: 100%;
				display: block;
				text-align: center;
				min-height: 250px;
				z-index: 5;
				position: absolute;
				top: 300px;
				padding: 30px;
				left: 0;
			}
			.eng-center-hero .hero-img-content { background: none;}
			.eng-center-hero  .hero-img-content .fa {margin-top:40px; margin-bottom: -20px;}
			
			.eng-center-hero .hero-img-title h1 {margin-top:50px;}
			.centers-news {
				height: auto !important;
				z-index: 200;
			}
			.centers-news img {
				
				max-width: 90%;
			}
			
			.centers-news h2 {
				font-size: 1.5em;
				margin-top: 50px !important;
			}
			.centers-homepage-hexagon {margin-top: 0 !important; display: none;}
			.eng-centers-breakout {width: 100% !important;
				margin-left: 0 !important;}
		}
		@media only screen and (min-width: 1001px) and (max-width: 1252px) {
			/*** homepage mobile view fix for second section's 3 column layout ***/
			.eng-mobile-width-100 .col-md-3 {width: 29%;} 
		}
		@media only screen and (min-width: 991px) and (max-width: 1000px) {
			/*** homepage mobile view fix for second section's 3 column layout ***/
			.eng-mobile-width-100 .col-md-3 {width: 33%;} 
		}

	
		@media only screen and (max-width: 991px) {
			.eng-news-feed {
				margin-left: 0 !important;
			}
			.eng-dept-box-main .eng-dept-intro-content {
				width: 80% !important;
				margin-top: 20px;
			}
			.eng-section-dark .sidebar:after {display: none;}
			.publications-title-source {margin-left: -15px;}
			.publications-feed .col-sm-8 { padding-left:0}
			
		}
		@media only screen and (max-width: 908px) {
			.hero-img-container {
				padding-bottom: 40px;
			}
			.hero-img-content h1 {
				font-size: 5em;
				margin-top: -7%;
			}
			.eng-dept-box img {min-height: 250px;}
			
			.eng-border-left-dark {border-top: 1px dashed #1a1a1a; border-left: 0; margin-top: 50px!important; padding-top:50px !important;}
			.eng-border-left-red {border-top: 1px dashed #990000; border-left: 0; margin-top: 50px !important; padding-top:50px !important;}
			.eng-border-left-light {border-top: 1px dashed #ffffff; border-left: 0; margin-top: 50px !important; padding-top:50px !important;}
			.eng-menu-divider {
				width: 25% !important; 
			}
			
		}
		@media only screen and (max-width: 892px) {
			.sidebar {
				border-bottom: 30px #1a1a1a solid !important;
			}
			.eng-menu-divider {
				width: 750px !important;
				margin-left: auto;
				margin-right: auto;
			}
		}
		@media only screen and (max-width: 850px) {
			.hero-img-bg {
				min-height: 430px;
			}
			.hero-img-content h1 {
				font-size: 4.5em;
				margin-top: -15%;
			}
			.hero-img-container {
				padding-bottom: 0;
				min-height: 470px; 
			}
			.video-mobile { 
				min-height: 500px;
			}
			.eng-secondary-hero-area {
				/* max-width: 620px; */
			}
			.mag-featured img {
				width: 200% !important;
			}
			.mag-title-content {
				width: 95%;
			}
			.eng-social .eng-five-column {width:19%; height:200px;}
			.eng-social .eng-five-column-first {display: block;	}
			.eng-social .icon-xl {
				width: 60px;
				height: 60px;
				font-size: 61px;
				line-height: 60px;
			}
			.eng-social .eng-five-column .eng-icon-red {-webkit-text-stroke: 0; color: #ffffff; margin: 7%; 
}
			.eng-social .eng-five-column:hover .eng-icon-red {
				display:block;
				-webkit-text-stroke: 1px rgb(255,255,255);
				color: #990000;
				
			}
			.eng-center-hero {

				min-height: 700px !important; 
			}
			.eng-center-hero .hero-img-title h1 { font-size: 2.5em !important; margin-top:30px;}

		}
		@media only screen and (max-width: 767px) {

			.eng-mobile-horizontal-nav li {
				width: 50%; 
				float: left;
			}
			.mobile-show {display: block;}
			.eng-mobile-horizontal-nav li:before {
				clip-path: polygon(0% 0%, 100% 0%, 50% 100%, 0% 100%);
				-webkit-clip-path:  polygon(0% 0%, 100% 0%, 50% 100%, 0% 100%);
				background: #1a1a1a;
				width:30px;
				height:100%;
				display: block;
				content: '';
				position: absolute;
				left: -1px;
				top: 0;
				z-index: 10;
			}
			.eng-mobile-horizontal-nav li:after {
				clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%);
				-webkit-clip-path:  polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%);
				background: #1a1a1a;
				width:30px;
				height:100%;
				display: block;
				content: '';
				position: absolute;
				right: -1px;
				top: 0;
			}
			.mobile-hide {
				display: none;
			}
			.eng-dept-intro-content {
    			top: 50% !important;
			}
			.eng-social .eng-five-column img {
			    display: none !important;
			}
			.centers-news .col-md-4 {
				display: block !important;
				margin-bottom: 50px;
			}
			.centers-news .col-md-6 {
				max-height:175px;
				overflow: hidden;
			}
			.centers-news img { 
				width: 100%; 
				clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); 
				margin-left: auto;
				margin-right: auto;
				margin-top: -40px;
			}
			.publications-feed .col-sm-8 {padding-left: 17px !important;}
			.publications-title-source {
				margin-left: -2px; 
			}
		}
		@media only screen and (max-width: 750px) {
			.hero-img-bg {
				min-height: 450px;
			}
			.hero-img-content h1 {
				margin-top: -100px;
			}
			.hero-img-container {
				padding-bottom: 10px;
				min-height: 460px;
				
			}
			.eng-secondary-hero-area h1{
				top:50%;
				left: 50%;
				-webkit-transform: translateX(-50%, -50%);
				transform: translateX(-50%, -50%);
			}
			.video-mobile { 
				min-height: 480px;
			}
			.mag-title-content h1 {
    			font-size: 5em;
			}
			.mag-cover-story-header {
				margin-top: 0;
			}
			.mag-cover-story-img { 
				width: 350px;
				height: 350px;
				left: 40%;
				-webkit-transform: translateX(-40%);
				transform: translateX(-40%);
				z-index: 8;
			}
			.eng-dept-box-main .eng-dept-intro-content {
				width: 90% !important;
				margin-top:auto;
			}
		}
		@media only screen and (max-width: 691px) {
			.person-title { margin-left: 0; }
			.person-image {clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%, 0% 100%, 0 0);-webkit-clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%, 0% 100%, 0 0); }
			.eng-menu-divider {
				width: 100% !important;
				margin-left: 0;
				margin-right: 0;
			}
		}	
		@media only screen and (max-width: 613px) {
			.eng-header {
				font-size: 3.5em;
			}
			.eng-secondary-hero-area { 
				clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
				padding: 0;
				background: none;
				height: 200px;
				min-height: inherit;
				position: relative;
			}
			.eng-secondary-hero-area .eng-header {
				font-size: 2.2em;
				background: #1a1a1a;
				padding: 20px 0;
				width: 80%;
				position: absolute;
				top: 50% !important;
				left: 50% !important;
				transform: translate(-50%, -50%) !important;
				
			}
			.eng-secondary-hero-area .eng-header:before {
				clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%);
				-webkit-clip-path:  polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%);
				background: #1a1a1a;
				width:30px;
				height:100%;
				display: block;
				content: '';
				position: absolute;
				left: -29px;
				top: 0;
			}
			.eng-secondary-hero-area .eng-header:after {
				clip-path: polygon(0% 0%, 100% 0%, 50% 100%, 0% 100%);
				-webkit-clip-path:  polygon(0% 0%, 100% 0%, 50% 100%, 0% 100%);
				background: #1a1a1a;
				width:30px;
				height:100%;
				display: block;
				content: '';
				position: absolute;
				right: -29px;
				top: 0;
				
			}
			.eng-mobile-horizontal-nav { display: none;}
			.hero-img-content h1 {
				font-size: 3em;
				margin-top: -70px;
			}
			.hero-img-bg {
				min-height: 300px;
			}
			.hero-img-container {
				min-height: 550px; 
			}
			.video-mobile { 
				min-height: 350px;
			}
			.video-mobile-backup-image {
				min-height: 300px;

			}
			.eng-dept-box-main {min-height: 400px;}
			.eng-slant-v {clip-path: polygon(0 0, 100% 0, 100% 95%, 50% 100%, 0 95%);
			-webkit-clip-path: polygon(0 0, 100% 0, 100% 95%, 50% 100%, 0 95%);
			}
			.eng-homepage-hexagon {
				height: 250px !important;
				width: 250px !important;
				left: 50%;
				transform: translate(-57.5%, 0);
			}
			.mag-title-content h1 {
    			font-size: 4.3em;
				font-weight: 900;
				text-shadow: -4px -4px #1a1a1a !important;
				-webkit-text-stroke-width: 2px !important;
				-webkit-text-stroke-color: #1a1a1a !important;
				margin-top:60px;
			}
			.mag-cover-story-header {
				font-size: 2.5em;
			}
			.eng-page-hexagon { 
				float: none;
				margin-left: auto;
				margin-right: auto;
			}
		}
		@media only screen and (max-width: 455px) {

			.hero-img-white .hero-img-content h1 {
				color: #990000 !important;
				text-shadow: -4px -4px #ffffff !important;
				-webkit-text-stroke-width: 1px !important;
				-webkit-text-stroke-color: #ffffff !important;
			}
			.hero-img-bg {
				min-height: 450px;
				margin-top: -100px;
			}
			.hero-img-container {
				min-height: 650px; 
				
			}
			.hero-img-bg {
				min-height: 520px;
				clip-path: polygon(0 19%, 100% 8%, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(0 19%, 100% 8%, 100% 100%, 0% 100%);
			}
			.video-mobile { 
				min-height: 300px;
			}
			.eng-header {
				font-size: 2.3em !important;
			}
			.eng-secondary-hero-area .eng-header {
				font-size: 1.6em !important;
				
			}
			.eng-slant-v {clip-path: polygon(0 0, 100% 0, 100% 97%, 50% 100%, 0 97%);
			-webkit-clip-path: polygon(0 0, 100% 0, 100% 97%, 50% 100%, 0 97%);
			}
			.eng-center-hero  .hero-img-content .fa {margin-top:30px;}
		}
		@media only screen and (max-width: 400px) {
			section {overflow:hidden; margin:50px 0;}
			.hero-img-container {
				min-height: 700px;
				width: 100%;
				overflow: hidden;
				position: relative;
				margin-top: -25px !important;
			}
			.hero-img-container img {
				height:300px; 
				width:533px;    
				position: absolute;
				top: 0;
				left: 50%;
				transform: translate(-55%, 0);
				z-index: 1;
			}
			.hero-img-bg {
				clip-path: polygon(0 10%, 100% 3%, 100% 100%, 0% 100%);
				-webkit-clip-path: polygon(0 10%, 100% 3%, 100% 100%, 0% 100%);
				margin-top: 150px;
				z-index: 8;
				clear: both;
			}
			.hero-img-content {
				top: 30%;
				z-index: 10;
			}
			.eng-header {
				font-size: 2.5em !important;
			}
			.eng-dept-intro-content {width: 90%;}

			.eng-social .eng-five-column {width:19%; height:100px;}
			.eng-social .icon-xl {
				width: 30px;
				height: 30px;
				font-size: 31px;
				line-height: 30px;
			}
			.eng-center-hero .hero-img-bg {
				margin-top: 30px;
			}
			.eng-center-hero .hero-img-content {
      			top: 0 !important;
				padding: 30px 0 !important;
				clear: both;
			}
			.eng-center-hero  .hero-img-content .fa {margin-top:10px;}
			.centers-news img {margin-top:0;}
			.eng-center-hero .hero-img-title h1 {font-size: 1.5em !important;}
			.eng-center-hero .hero-img-body p {font-size: 1em;}
			
		}