/***
* 
*  May this final never be used again. 
*
* 
*
* 
* 
* 
***/
.engineering-home-page .rounded-lg { border-radius: 1.3rem!important; }
.engineering-home-page #news .bg-gray-lighter .card:first-child {background-color: transparent; }
.engineering-home-page #news .card {border: 1px solid rgba(0,0,0,.125) !important;}
.engineering-home-page #news .card .card-body {padding: 1.25rem !important;}

.engineering-home-page #alumni .bg-gray-lighter .card:first-child {background-color: transparent; }
.engineering-home-page #calendar .embedded-calendar p { display: none !important;}


.engineering-home-page .nav-pills .nav-link.active, .nav-pills .show>.nav-link { background-color: white; }
.engineering-home-page .nav-pills .nav-link, .nav-pills .show>.nav-link  { background-color: white; }

.engineering-home-page .nav-pills .nav-link.active, .nav-pills .show>.nav-link .div { color: #ffffff; background-color: #226BAA; }
.engineering-home-page .nav-pills .nav-link, .nav-pills .show>.nav-link .div { color: #ffffff; background-color: #2f3a50; }

.engineering-home-page .research-overlay {background-color: rgba(0,0,0,0.6); color:#ffffff !important;}

@media only screen and (min-width: 992px) {
	.engineering-home-page .research-overlay { width: 33%;}
}

@media only screen and (max-width: 600px) {
	.engineering-home-page #connect .mx-1 { 
		margin-right:.20rem!important;
		margin-right:.20rem!important;
	}
}

/* Custom Video Element CSS  */
custom-video-component .bg-black-transparent {
	background-color:rgba(0,0,0,0.6) !important;
}
custom-video-component .bg-text-shadow {
	background-color:rgba(0,0,0,0.5) !important;
/* 	text-shadow: 6px 6px 6px rgba(0,0,0,1) !important; */
}
custom-video-component .bg-text-shadow>a.btn {
	text-shadow: none;
}

@media only screen and (max-width: 1024px) {
	custom-video-component .video-content.bottom-center	{
		top: 75% !important;
		bottom: auto !important;
	}	
}

@media only screen and (max-width: 769px) {
	custom-video-component .video-content.top-left,
	custom-video-component .video-content.top-center,
	custom-video-component .video-content.top-right,
	custom-video-component .video-content.middle-left,
	custom-video-component .video-content.middle-center,
	custom-video-component .video-content.middle-right,
	custom-video-component .video-content.bottom-left,
	custom-video-component .video-content.bottom-center,
	custom-video-component .video-content.bottom-right	{
		top: 50% !important;
		left: 50% !important;
		right: 0 !important;
		bottom: auto !important;

	}	
}

@media only screen and (max-width: 576px) {
	custom-video-component .video-content.top-left,
	custom-video-component .video-content.top-center,
	custom-video-component .video-content.top-right,
	custom-video-component .video-content.middle-left,
	custom-video-component .video-content.middle-center,
	custom-video-component .video-content.middle-right,
	custom-video-component .video-content.bottom-left,
	custom-video-component .video-content.bottom-center,
	custom-video-component .video-content.bottom-right	{
		top: 70% !important;
		left: 50% !important;
		right: 0 !important;
		bottom: auto !important;
		width: 100%;

	}
}

custom-video-component .top-left { 
	top: 25%;
	left: 20%;
	transform: translate(-50%,-50%);
}
custom-video-component .top-center { 
	top: 25%;
	left: 50%;
	transform: translate(-50%,-50%);
}
custom-video-component .top-right { 
	top: 25%;
	left: 70%;
	transform: translate(-50%,-50%);
}

custom-video-component .middle-left { 
	top: 50%;
	left: 20%;
	transform: translate(-50%,-50%);
}
custom-video-component .middle-center { 
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
custom-video-component .middle-right { 
	top: 50%;
	left: 70%;
	transform: translate(-50%,-50%);
}

custom-video-component .bottom-left { 
	top: 90%;
	left: 20%;
	transform: translate(-50%,-50%);
}
custom-video-component .bottom-center { 
	top: 85%;
	left: 50%;
	transform: translate(-50%,-50%);
}
custom-video-component .bottom-right { 
	top: 90%;
	left: 70%;
	transform: translate(-50%,-50%);
}

@font-face {
    font-family: 'ffad_matroregular';
    src: url('ffad_matro-webfont.eot');
    src: url('ffad_matro-webfont.eot?#iefix') format('embedded-opentype'),
         url('ffad_matro-webfont.woff2') format('woff2'),
         url('ffad_matro-webfont.woff') format('woff'),
         url('ffad_matro-webfont.ttf') format('truetype'),
         url('ffad_matro-webfont.svg#ffad_matroregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
custom-video-component .font-matro {
	font-family: 'ffad_matroregular' !important;
	font-weight: normal !important;
	text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}