@charset "utf-8";
/* 2023 Engineering CSS Document */
/* BASE SITE */
legend {
  border: 0 !important;
}
/* Hide wordpress's empty p tag problem + hides google ads on search results */
p:empty {
   display: none;
}

.gsc-adBlock{
   display: none !important;
	height: 0;
}

h1 {
  font-size: 4em;
}
h2 {
  font-size: 2rem;
}
h3 {
  font-size: 1.5em;
  font-weight: 700;
  margin-top: 30px;
}
h4 {
  margin-bottom: -10px;
  font-size: 1.3em;
}
.eng-container p a {
  text-decoration: underline !important;
}
a {
  text-decoration: none !important;
}
a:hover {
  text-decoration: underline !important;
}
a:active {
  text-decoration: underline !important;
}
table {
  margin-top: 60px;
}
th:first-child {
  width: 320px !important;
}
img {max-width: 100%;}
.eng-center {align-self: center;}
/**** container widths ****/
.container-100 {
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.container-92 {  /* special homepage only width */
  max-width: 92% !important;
  margin: auto !important;
}

.container-85 {
  max-width: 85% !important;
  margin: auto !important;
}

.container-80 {
  max-width: 80% !important;
  margin: auto !important;
}

.container-75 {
  max-width: 75% !important;
  margin: auto !important;
}

.container-fixed {
  max-width: 1170px;
  margin: auto !important;
}

/***** normal edits ****/
.link-white {color: #ffffff !important;}
.mobile-show {display:none !important;}
.text-left {text-align: left !important;}
.the-college-brand {
  border-top: 2px #000 solid;
  border-bottom: 2px #000 solid;
  padding: 20px;
  width: fit-content;
  max-width: 300px;
  text-align: center;
  margin: 50px auto -1px auto;
  text-transform: uppercase;
  font-weight: 500;
}
.no-margin {margin:0 !important;}
.no-padding {padding:0 !important;}
.margin-top-15 {
  margin-top: 15px;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-top-25 {
  margin-top: 25px;
}
.margin-top-30 {
  margin-top: 30px;
}
.margin-top-35 {
  margin-top: 35px;
}
.margin-top-40 {
  margin-top: 40px;
}
.margin-top-45 {
  margin-top: 45px;
}
.margin-top-50 {
  margin-top: 50px;
}
.margin-top-55 {
  margin-top: 55px;
}
.margin-top-60 {
  margin-top: 60px;
}
.max-width-400 {
  max-width: 400px;
}
.max-width-600 {
  max-width: 600px;
}
.max-width-800 {
  max-width: 800px;
}
.has-text-align-center {
  text-align: center;
  align-items: center;
}
.eng-button {
	display: flex;
}
.button-white-outline {
  font-weight: 500 !important;
  background: none;
  color: #fff;
  height: 50px;
  border: 3px #fff solid;
  margin: 40px 50px 20px 50px;
  text-align: center;
  line-height: 44px;
  width: 100%;
}
a.button-white-outline:hover {
  background: #9e1b32;
}
a.button-white-outline:focus {
  background: #9e1b32;
}
.button-red-outline {
  font-weight: 500 !important;
  background: none;
  color: #9e1b32;
  height: 50px;
  border: 3px #9e1b32 solid;
  margin: 30px 0;
  text-align: center;
  line-height: 44px;
  width: 100%;
}
a.button-red-outline:hover {
  background: #9e1b32;
  color: #fff;
}
a.button-red-outline:focus {
  background: #9e1b32;
  color: #fff;
}
.button-red {
  font-weight: 500 !important;
  background: #9e1b32;
  color: #fff;
  height: 50px;
  border: 3px #9e1b32 solid;
  margin: 30px 0;
  text-align: center;
  line-height: 44px;
  width: 100%;
}
a.button-red:hover {
  background: #fff;
  color: #9e1b32;
}
a.button-red:focus {
  background: #fff;
  color: #9e1b32;
}
.responsive-image-cover {
  object-fit: cover;
  height: 100%;
}
.transparent-box-img {
  width: 80% !important;
  position: relative;
  z-index: 10 !important;
}
.div-main-padding-100 {
  padding-bottom: 100px !important;
  padding-top: 100px !important;
}
.eng-section-slanted-grey {
  background: rgb(245, 246, 247);
  background: linear-gradient(
    235deg,
    rgba(245, 246, 247, 1) 0%,
    rgba(245, 246, 247, 1) 47%,
    rgba(238, 238, 238, 1) 47%,
    rgba(238, 238, 238, 1) 54%,
    rgba(227, 227, 227, 1) 54%,
    rgba(227, 227, 227, 1) 100%
  );
}
.eng-section-right-slanted-grey {
  background: rgb(245, 246, 247);
  background: linear-gradient(
    120deg,
    rgba(245, 246, 247, 1) 0%,
    rgba(245, 246, 247, 1) 77%,
    rgba(238, 238, 238, 1) 77%,
    rgba(238, 238, 238, 1) 80%,
    rgba(227, 227, 227, 1) 80%,
    rgba(227, 227, 227, 1) 100%
  );
}
.directory-main-name {
  font-size: 3rem !important;
  text-transform: none;
  font-weight: bold;
  text-align: left;
  margin: 0;
  margin-bottom: -20px;
}
.directory-headings {
  font-size: 3rem;
  text-transform: none;
  font-weight: bold;
  text-align: center;
  margin: 0 0 -40px 0;
  padding: 20px;
}
.contact-envelope-container {
  margin: 0 !important;
  padding: 0.3em 1em !important;
  align-items: center;
}
.directory-envelope {
  font-size: 2em !important;
  font: initial;
  color: #9e1b32 !important;
}
.padding-bottom-60 {
  padding-bottom: 60px;
}
.directory-news-button {
  float: right;
  clear: both;
  margin-right: 5%;
  white-space: nowrap;
}
.eng-section-v-dark-bg {
  background: #231f20;
  background-image: url(https://eng.ua.edu/wp-content/uploads/2023/05/testing-bg-dark.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 100px 10%;
  color: #fff;
}
.eng-section-v-dark-bg h2 {
  color: #fff;
}
.eng-section-dark {
  background-color: #302d2e;
  color: #fff;
}
.eng-section-dark h2 {
  color: #fff !important;
}
.eng-section-dark-black {
  background-color: #231f20;
  color: #fff;
 padding: 80px 10%;
}
.eng-section-dark-black h2 {
  color: #fff !important;
}
.eng-section-dark a {
  color: #fff !important;
}
.eng-section-dark a:active {
  color: #fff !important;
}
.eng-section-dark-black a {
  color: #fff !important;
}
.eng-section-dark-black a:active {
  color: #fff !important;
}
.eng-section-red {
  background-color: #9e1b32;
  color: #fff;
}
.eng-section-red a {
  color: #fff !important;
}
.eng-section-red a:active {
  color: #fff !important;
}
.eng-section-red h2 {
  color: #fff;
}
.eng-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.eng-main-content {
  width: 100%;
}
.no-text-wrap {white-space: nowrap;}
.eng-col {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  padding: 1em;
  margin: 2em;
  justify-content: center;
}
.flex-start {
  justify-content: flex-start;
}
.box-bordered {
	background: #2a2627;
    border: 1px solid #2a2627;
	padding-top: 0;
    margin-top: 20px;
    margin-bottom: 10px;
	text-align: center;
}
.large-side-img {
  max-width: 40%;
  margin: 0;
  padding: 0;
  height: 800px;
  overflow: hidden;
}
.large-side-img img {
  object-fit: cover;
  height: 100%;
}
#site-search {
  height: 50px;
  border: 1px #ddd solid;
  border-right: 0;
  width: 100%;
  padding: 12px 20px;
}
.eng-search-button {
  height: 50px;
  border: 1px #9e1b32 solid;
  background-color: #9e1b32;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 15% 50%);
  color: #fff;
}
.no-padding-margin {
  padding: 0;
  margin: 0;
}
.icon-type-lg {
  margin-top: 50px;
  font-size: 5rem !important;
}

/* HOMEPAGE SPECIFIC */
.eng-home-main-img {
  max-height: 900px;
  overflow: hidden;
}
.eng-dept {
  min-width: 25%;
  color: #fff;
  margin: 0;
  padding: 3%;
  justify-content: flex-start;
}
.eng-dept h3 {
  font-weight: bolder;
  border: 1px white solid;
  padding: 20px;
  text-align: center;
}
.eng-section-red .eng-dept .fa {background-color: #9e1b32 !important;}
.eng-section-red .eng-dept .fa:hover {background-color: none !important;}
.eng-section-red .eng-dept:hover h3 { background: #85162a; border: 1px #85162a solid;}
.eng-section-red .eng-dept:hover span {
  color: #fff;
 background: none !important;
}

.eng-major-lead-img {
  width: 40%;
  padding: 0 !important;
  margin: 2em !important;
}
.eng-main-content img {
  object-fit: cover;
  width: 100%;
}

.eng-main-header-home {
  font-size: 4.5em;
  line-height: 2em;
  text-transform: uppercase;
  position: absolute;
  top: 400px;
  color: #fff;
  margin-left: 3%;
  max-width: 53%;
}
.eng-main-header-home h1 {
  font-size: 1.7em;
  line-height: 1.1em;
  text-shadow: 2px 2px 60px rgba(0, 0, 0, 0.7);
}
.eng-homepage-specific h2 {
  font-size: 5rem;
}
.eng-social-search {
  margin-top: -5px;
  background: rgb(245, 246, 247);
  background: linear-gradient(
    235deg,
    rgba(245, 246, 247, 1) 0%,
    rgba(245, 246, 247, 1) 77%,
    rgba(238, 238, 238, 1) 77%,
    rgba(238, 238, 238, 1) 80%,
    rgba(227, 227, 227, 1) 80%,
    rgba(227, 227, 227, 1) 100%
  );
}
.eng-homepage-search-button-area {
  max-width: 200px;
  background: #fff;
}
.eng-homepage-featured .img-area {
  align-items: center;
  max-width: 40%;
}
.eng-homepage-featured img {
 /** max-width: 600px; **/
}
.eng-homepage-featured .text-area {
  padding: 0 15% 0 0;
}
.eng-numbers-first-row {
  padding: 0;
  margin: 1em;
}
.eng-numbers-second-row {
  padding: 0;
  margin: 1em;
  margin-top: -70px;
}

.hompage-intro-text {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}
/**** end ****/
.faculty-spotlight {
  max-height: 900px;
  overflow: hidden;
  position: relative;
}
.faculty-spotlight-link {
  color: #fff !important;
  text-decoration: none;
}
.faculty-spotlight-link:hover {
  text-decoration: underline solid 3px;
}
.background-slide-up-fade {
  position: absolute;
  top: 0;
  left: 0;
  background: rgb(0, 0, 0);
  background: linear-gradient(
    57deg,
    rgba(0, 0, 0, 0.85) 50%,
    rgba(0, 0, 0, 0.7) 50%,
    rgba(0, 0, 0, 0.5886729691876751) 58%,
    rgba(0, 0, 0, 0.45) 58%,
    rgba(0, 0, 0, 0.45) 100%
  );
  color: #fff;
  margin: 0;
  height: 100%;
}
.faculty-spot-content {
  width: 60%;
  align-self: center;
  margin-top: 200px;
}
.feature-focus-bar {
  background: #231f20;
  height: 80px;
}
.feature-focus-bar a {
  color: #ffffff !important;
  text-decoration: none;
  text-align: center;
}

.feature-focus-bar-item {
  border: 0;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  font-weight: 500 !important;
  background: #231f20;
  height: 100%;
}
.feature-focus-bar-active {
  background: #9e1b32;
  font-weight: 500 !important;
  clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
  height: 100%;
}
/*** news bg **/
.eng-section-v-light-bg {
  padding: 20px 0 100px 0;
  align-content: flex-start;
  position: relative;
  background: rgba(238, 238, 238, 1);
  background-image: url(https://eng.ua.edu/wp-content/uploads/2023/05/testing-bg-light.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
}
.news-area {
  background: rgb(245, 246, 247);
  background: linear-gradient(
    235deg,
    rgba(245, 246, 247, 1) 0%,
    rgba(245, 246, 247, 1) 47%,
    rgba(238, 238, 238, 1) 47%,
    rgba(238, 238, 238, 1) 54%,
    rgba(227, 227, 227, 1) 54%,
    rgba(227, 227, 227, 1) 100%
  );
  padding: 100px 0 150px 0;
}
.news-padding {
  padding: 1em 2em;
}
.news-dropdown-width {
  width: 65%;
  margin-top: 16px;
}
.news-title-area {
  margin-left: 0;
  padding-left: 0;
}
.news-title {
  text-align: left !important;
  margin: 0 0 0 -40px;
  padding: 0;
}
.news-img-long {
  max-height: 150px;
  overflow: hidden;
  margin-bottom: 20px;

}
.news-img-long img {
  vertical-align: middle;
  margin-top: -50px;

}
/*** Homepage News Section *****/
.main-news-feed {
  max-width: 40%;
  padding-left: 4.25%;
  justify-content: flex-start;
	margin-top: 0;
    padding-top: 0;
    width: 29.7%;
    float: left;
}
.main-news-feed img {
    width: 100%;
	margin-bottom: 27px !important;
}
.main-news-feed ul li {
	list-style: none !important;
}
.main-news-feed .news-img-long {
	max-height: 400px !important;
 }
.full-width-news {max-width: 100%; /*width: 100%;*/}
.mainStory {
	max-width: 40%;
	padding-left: 4.25%;
    justify-content: flex-start;
    margin-top: 0;
    padding-top: 0;
    width: 29.7%;
    float: left;}
.dept-more-news-button {
	width: 50% !important;
    float: right;
    margin-right: 4%;
	margin-top: -20px;
}
#aem .eng-news-box { display: inline-block; vertical-align: top;
    padding: 1em;
    margin-top: 0 !important;
    padding-top: 0;
    justify-content: flex-start;
    width: 23%;
    float: left;
    margin: 2em;}
#che .eng-news-box { display: inline-block; vertical-align: top;
    padding: 1em;
    margin-top: 0 !important;
    padding-top: 0;
    justify-content: flex-start;
    width: 23%;
    float: left;
    margin: 2em;}
#cce .eng-news-box { display: inline-block; vertical-align: top;
    padding: 1em;
    margin-top: 0 !important;
    padding-top: 0;
    justify-content: flex-start;
    width: 23%;
    float: left;
    margin: 2em;}
#cs .eng-news-box { display: inline-block; vertical-align: top;
    padding: 1em;
    margin-top: 0 !important;
    padding-top: 0;
    justify-content: flex-start;
    width: 23%;
    float: left;
    margin: 2em;}
#ece .eng-news-box { display: inline-block; vertical-align: top;
    padding: 1em;
    margin-top: 0 !important;
    padding-top: 0;
    justify-content: flex-start;
    width: 23%;
    float: left;
    margin: 2em;}
#me .eng-news-box { display: inline-block; vertical-align: top;
    padding: 1em;
    margin-top: 0 !important;
    padding-top: 0;
    justify-content: flex-start;
    width: 23%;
    float: left;
    margin: 2em;}
#mte .eng-news-box { display: inline-block; vertical-align: top;
    padding: 1em;
    margin-top: 0 !important;
    padding-top: 0;
    justify-content: flex-start;
    width: 23%;
    float: left;
    margin: 2em;}
#aem .eng-news-box:first-of-type {width: 40%;padding: 0;
    margin: 0;
    margin-right: 4%;}
#che .eng-news-box:first-of-type {width: 40%;padding: 0;
    margin: 0;
    margin-right: 4%;}
#cce .eng-news-box:first-of-type {width: 40%;padding: 0;
    margin: 0;
    margin-right: 4%;}
#cs .eng-news-box:first-of-type {width: 40%;padding: 0;
    margin: 0;
    margin-right: 4%;}
#ece .eng-news-box:first-of-type {width: 40%;padding: 0;
    margin: 0;
    margin-right: 4%;}
#me .eng-news-box:first-of-type {width: 40%;padding: 0;
    margin: 0;
    margin-right: 4%;}
#mte .eng-news-box:first-of-type {width: 40%;padding: 0;
    margin: 0;
    margin-right: 4%;}
.eng-news-box img {
	margin-bottom: 0;
}
.small-news-feed {
  max-width: 53%;
  margin: 0  2em!important;
  padding: 0 1em !important;
}
.small-news-feed img {
    width: 100%;
	margin-bottom: 27px;
}
.news-width {
  max-width: 40%;
}
.news-button {
  justify-content: center;
  font-weight: 500 !important;
  width: 100%;
  background: #9e1b32;
  color: #fff;
  height: 50px;
  border: 0;
}
.eng-dept-area {
  align-content: center;
  position: relative;
  background: #302d2e;
  margin-top: -60px;
  padding: 0 0 50px 0;
}
.eng-intro-text {
  text-align: center;
  margin-top: -30px;
  max-width: 600px;
  margin: 0 auto;
}
.eng-dept .fa {
  font-size: 4em;
  width: 100px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -30px;
  background: #302d2e;
  z-index: 3;
  text-align: center;
}
.eng-dept a {
  text-decoration: none;
  text-align: center;
  color: #fff;
}
.eng-dept a:hover span {
  color: #fff;
 background: rgb(48, 45, 46);
  background: linear-gradient(
    180deg,
    rgba(48, 45, 46, 1) 0%,
    rgba(48, 45, 46, 1) 81%,
    rgba(158, 27, 50, 1) 82%,
    rgba(158, 27, 50, 1) 100%
  );
}
.eng-dept a:hover h3 {
  color: #fff !important;
  background-color: #9e1b32;
  text-decoration: underline;
  border: #9e1b32;
}
.triangle {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #302d2e;
}
.eng-directory-news-feed {
  margin-top: 0;
  padding-top: 0;
  justify-content: flex-start;
  width: 29.7%;
  float: left;
}
.eng-directory-news-feed .news-img-long {
	max-height: 350px;
}
.eng-numbers p {
  font-size: 1.5em;
  text-align: center;
}
.eng-numbers h3 {
  text-align: center !important;
  font-size: 4.1em;
  font-weight: bold;
  margin-bottom: -20px;
}
.social-icons li {
  display: inline-block;
}
.animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: hidden;
}
.eng-homepage-specific .person-research-areas li {
  font-size: 0.8em;
  display: inline-block;
  background: rgba(0, 0, 0, 0.5);
  padding: 7px 10px;
  margin: 0 10px 10px 0;
  border-radius: 20px;
  border: 2px #fff solid;
}
.eng-homepage-specific .person-research-areas a {
  color: #fff;
}
.eng-video-area {
  background-color: #600011 !important;
}
.eng-video-area h1 {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #ffffff;
  font-weight: 900;
}
.eng-bg-video {
  background-size: cover;
  background: no-repeat center;
  user-select: none;
  height: 100%;
  margin-top: -60px;
  width: 177.77777778vh; /* 100 * 16 / 9 */
  min-width: 100%;
  min-height: 56.25vw; /* 100 * 9 / 16 */
  filter: contrast(1.75) grayscale(100%) opacity(0.4);
  /* filter: contrast(1.55); */
}
.eng-pause {
  position: absolute;
  bottom: -140px;
  right: 8.5%;
  color: #fff;
  font-size: 2em;
}
.eng-play {
  position: absolute;
  bottom: -140px;
  right: 5%;
  color: #fff;
  font-size: 2em;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  visibility: visible !important;
}

#site-search {
  height: 50px;
  border: 1px #ddd solid;
  border-right: 0;
  width: 100%;
}
.eng-search-button {
  height: 50px;
  border: 1px #9e1b32 solid;
  background-color: #9e1b32;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 10% 50%);
  color: #fff !important;
  width: 100%;
}
.directory-title-area form button, form .button {
	font-size: 1rem;
    font-weight:500 !important;
    text-align: center;
    text-transform:none !important;
	background-color: #9e1b32;
	color: #fff !important;

	}
.directory-title-area .search-by-button {
	background-color: #9e1b32 !important;
    color: #fff !important;
    border: 0 !important;
    margin-left: -10px !important;
    line-height: 10px !important;
	border-radius: 0 !important;
	padding: 12px 15px;
	}
.directory-sub-title-area-grey {
		background: #e3e3e3; width: 100%; min-height: 120px; margin-top: -20px !important; z-index: -1; overflow: hidden;
	}
	.directory-sub-title-area-red {
		clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%); background-color: #9e1b32; min-height: 120px; z-index: -1; margin: auto;  display: flex; width: fit-content;
	}
.directory-sub-title {
	color: #fff !important;
	padding: 40px 100px 30px 100px !important;
	font-size: 2rem !important;
}
.gsc-search-button {
  height: 50px;
  border: 1px #9e1b32 solid;
  background-color: #9e1b32;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 15% 50%);
  color: #fff;
}
.gsc-search-button-v2 {
  height: 50px;
  border: 1px #9e1b32 solid;
  background-color: #9e1b32;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 15% 50%);
  color: #fff;
}
.recruitment-area {
  background: rgb(245, 246, 247);

  background: linear-gradient(
    235deg,
    rgba(245, 246, 247, 1) 0%,
    rgba(245, 246, 247, 1) 77%,
    rgba(238, 238, 238, 1) 77%,
    rgba(238, 238, 238, 1) 80%,
    rgba(227, 227, 227, 1) 80%,
    rgba(227, 227, 227, 1) 100%
  );
  margin: 0;
  padding: 0 10%;
}
.eng-recruitment-button {
  height: 50px;
  margin: 20px 0;
  background-color: #9e1b32;
  color: #fff;
  border: 0;
  font-weight: 600;
  text-align: center;
  width: 100%;
  text-decoration: none;
  line-height: 50px;
}
.eng-recruitment-button:hover {
  background-color: #fff;
  color: #9e1b32;
  border: 2px solid #9e1b32;
}
/***** news dropdown styles ******/
.eng-news-dropdown {
  height: 100px;
  background: transparent;
  border: 0;
  text-align: right;
  font-family: soleil, sans-serif;
  flex-basis: auto;
  align-self: end;
  font-size: 2em;
  line-height: 3em;
  text-decoration: solid underline 5px #333;
  text-underline-offset: 22px;
  text-transform: uppercase;
  width: 100%;
  overflow: visible;
  word-break: normal;
}
.eng-news-dropdown:hover {
  background-image: url("data:image/svg+xml,<svg width='24' height='24' xmlns='http://www.w3.org/2000/svg'><path d='m0,6l12,12l12,-12l-24,0z'/><path fill='none' d='m0,0l24,0l0,24l-24,0l0,-24z'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 98%;
  background-position-y: 55%;
}
.eng-news-dropdown:focus {
  background-image: url("data:image/svg+xml,<svg width='24' height='24' xmlns='http://www.w3.org/2000/svg'><path d='m0,6l12,12l12,-12l-24,0z'/><path fill='none' d='m0,0l24,0l0,24l-24,0l0,-24z'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 98%;
  background-position-y: 55%;
}
.pagination {
	margin-top: 30px;
}
.pagination li {
    list-style: none !important;
    float: inline-start !important;
    margin: 10px !important;
}
.page-numbers {
    margin: 10px !important;
}
select,
select option {
  color: #000;
  border: 15px solid #fff;
}
.secondary-options {
  padding-bottom: 20px;
  max-width: 200px !important;
}

/* IE10 + Edge CSS styles hacks */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  select,
  select option {
    direction: rtl;
  }
  .research-topic-img-col {
    max-height: 250px;
    overflow: hidden;
  }
}
@supports (-ms-ime-align: auto) {
  select,
  select option {
    direction: rtl;
  }
  .research-topic-img-col {
    max-height: 250px;
    overflow: hidden;
  }
}
/* end IE and Edge hacks */

select:invalid,
select option[value=""] {
  color: #757575;
}

.secondary-options {
  font-size: 14px;
  text-transform: none;
  color: #000;
  line-height: 54px;
}

select:active {
  outline: 0;
}

select:focus {
  outline: 0;
  background: #e3e3e3;
}
/* Safari 7.1+ hacks */

@media not all and (min-resolution: 0.001dpcm) {
.start-news-main {max-width: 40% !important; width:40% !important; float:left !important; position: relative; align-self: left;}
.small-news-feed {max-width: 53%; position: absolute; right: 0;}

@media only screen and (max-width: 1175px) {
  .start-news-main {max-width: 100% !important; width:100% !important;}
  .small-news-feed {max-width: 100%; position: relative;}
}
}
/* Firefox hacks */
@-moz-document url-prefix() {
@media only screen and (max-width: 1175px) {
#aem .eng-news-box { margin: 2% !important;}
}
#cce .eng-news-box { margin: 2% !important;}
#che .eng-news-box { margin: 2% !important;}
#cs .eng-news-box { margin: 2% !important;}
#ece .eng-news-box { margin: 2% !important;}
#me .eng-news-box { margin: 2% !important;}
#mte .eng-news-box { margin: 2% !important;}
}
}
/**** COUNTER ****/
/**
 * Count Up Script with jQuery
 * Copyright by havutcuoglu
 * https://codepen.io/havutcuoglu/pen/bGKBWvJ
 * This notice MUST stay intact in CSS and Script file for free and legal usege.
 */
.count_up {
  align-self: auto;
  flex-basis: auto;
  text-align: center;
}

/* SECONDARY PAGE SPECIFIC */
.eng-sub-navigation-area {
  background: #9e1b32;
  color: #fff;
}
.eng-sub-navigation-area ul {
  display: flex;
  flex-wrap: wrap;
}
.eng-sub-navigation-area li {
  display: inline-flex;
  background: rgba(129, 16, 36, 1);
  padding: 30px;
  list-style: none;
  justify-content: center;
  border: 2px rgba(129, 16, 36, 1) solid;
  flex: auto;
  font-size: 1em;
  font-weight: 500;
}
.eng-sub-navigation-area li:hover {
  background: #9e1b32;
  border: 2px #9e1b32 solid;
}
.eng-sub-navigation-area a {
  color: #ffffff;
  text-decoration: none;
}
.eng-sub-navigation-area a:hover {
  color: #ffffff;
}
.eng-secondary-image-accent {
  border: 4px #fff solid;
}
.eng-secondary-img-area {
  padding-bottom: 0;
  margin: 5% 0 0 10%;
  max-width: 40%;
}
.eng-secondary-heading-content-area {
  margin-left: -8%;
  max-width: 40%;
}
.degrees-section-padding {
  padding: 100px 0 150px 0;
  margin: 0;
}
.featured-research-blurb {padding-right: 10%; justify-content: flex-start;}
/**** Accessible Accordian Start ****/
summary::marker {
  content: " ";
}
summary:after {
  content: "▼";
  width: 20px;
  height: 20px;
  transition: all 0.3s ease-out;
  float: right;
  color: #fff !important;
  font-size: 1.4em;
  margin-right: 22px;
  margin-top: -55px;
  z-index: 10;
  position: relative;
}

details[open] summary:after {
  content: "△";
  color: #fff !important;
  font-size: 1.4em;
  margin-right: 22px;
  margin-top: -55px;
}

summary h3 {
  font-size: 1.4em;
  background: #333333;
  color: #ffffff;
  padding: 20px;
  z-index: 3;
  position: relative;
}
summary:focus-visible {
  border: 5px solid #9e1b32;
}
details > summary {
  list-style: none;
}

details summary::-webkit-details-marker {
  display: none;
}
.eng-degrees li {
  list-style: none;
  margin-left: 40px;
  margin-right: 1px;
  padding: 20px;
  border-left: 1px #b1b1b1 solid;
  border-right: 1px #b1b1b1 solid;
  border-bottom: 1px #b1b1b1 solid;
}
.eng-degrees li:first-child {
  border-top: 1px #b1b1b1 solid;
  margin-top: -1px;
  z-index: 0;
}
/**** Accessible Accordian End ****/
.section-intro-text {
  margin: 0 auto 30px auto;
  width: 75%;
}
.equipment-section {
  padding-top: 100px;
}
.equipment-section img {
  max-width: 200px;
}
.equipment-row-1 {
  margin: 0;
  justify-content: flex-start;
  padding: 4em;
  padding-right: 1em;
}
.equipment-row-1-img {
  margin: 0;
  max-width: 230px;
}
.equipment-row-2 {
  margin: 0;
  justify-content: flex-start;
  padding: 3em 0.5em 3em 3em;
}
.equipment-row-2-img {
  margin: 0;
  max-width: 200px;
}
.eng-dept {
  min-width: 25%;
  color: #fff;
  margin: 0;
  padding: 3%;
  justify-content: flex-start;
}
.eng-col-no-space {
  padding-bottom: 60px;
  margin: 0;
  margin-top: -10px;
}
.eng-container h3 {
  font-weight: bolder;
  text-transform: uppercase;
}
.eng-col-no-space .no-padding-margin h3 {
  margin: 40px 50px 20px 50px;
}
.eng-col-no-space .no-padding-margin p {
  margin: 0 50px 20px 50px;
}
.eng-major-lead-img {
  width: 40%;
  padding: 0 !important;
  margin: 2em !important;
}
.eng-main-content img {
  object-fit: cover;
  width: 100%;
}
.eng-secondary-heading {
  font-size: 5rem;
  line-height: 1em;
  text-transform: uppercase;

  margin-top: -50px;
}
.eng-secondary-text-bg-color {
  background: #9e1b32;
  padding: 10px;
}
.no-top-spacing {
  margin-top: -10px !important;
  padding-top: 0 !important;
}
.no-bottom-spacing {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.no-top-margin {
  margin-top: 0 !important;
}
.no-bottom-margin {
  margin-bottom: 0 !important;
}
.research-story {
  margin-bottom: 70px;
}
.research-story h3 {
  margin-bottom: -10px;
}
.research-story img {
  max-width: 110px;
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}
.research-topic-img-col {
  position: relative;
  max-width: 20% !important;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  margin-top: -50px;
}
.research-topic-img-col img {
  clip-path: circle(40% at 50% 50%);
  align-self: center;
}
.list-group-item {
  width: 100%;
  padding: 15px;
  position: relative;
  display: block;
 /* margin-left: -20px;*/
}
.list-group-item i {
  margin-right: 20px;
}
.background-square {
  border: 5px #9e1b32 solid;
  width: 200px;
  height: 250px;
  transform: rotate(-0.1turn);
  z-index: -1;
  margin-left: 50px;
  margin-bottom: -230px;
}
.animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: hidden;
}
.large-right-image {
	max-width: 40%; margin: 0; padding: 0; max-height: 800px; overflow: hidden;
}
/* 3RD LEVEL PAGE SPECIFIC */
.third-lvl-header {
	font-family: "Open Sans", sans-serif;
    text-align: left !important;
    margin: 0;
    font-size: 3em !important;
}
.third-lvl-padding {
  padding: 0 10% 0 3%;
}
.third-lvl-padding ul {
  margin-left: 60px;
}
.eng-sidebar-area {
  border-right: 3px #900 solid;
  max-width: 400px;
}
.eng-alert {
  font-size: 19px;
  padding: 30px !important;
  margin: 40px 0;
  border: 1px solid #eeeeee;
  background: #9e1b32 !important;
}
.eng-alert i {
  float: left;
  margin-right: -60px;
  margin-bottom: -20px;
  margin-top: -20px;
  font-size: 4em;
  color: #ffffff !important;
}
.eng-alert h3 {
  color: #ffffff !important;
  margin-left: 60px !important;
}
.eng-alert p {
  color: #ffffff !important;
  margin-left: 60px !important;
}
nav.list-group ul {
  width: 100% !important;
  display: block !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start;
  margin-left: 0;
}
nav.list-group li {
  padding: 12px 0;
  border-top: 3px #fff solid;
  border-bottom: 3px #fff solid;
}

.menu-eng-sidebar {
  padding-right: 20px;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.eng-dept {
  min-width: 25%;
  color: #fff;
  margin: 0;
  padding: 3%;
  justify-content: flex-start;
}
.third-level h2 {
  font-family: "Open Sans", sans-serif;
  text-align: left !important;
  margin: 0;
  text-transform: none !important;
  font-size: 2em !important;
}
.third-level h3 {
  font-weight: bolder;
  text-transform: uppercase;
}
.third-level h4 {
  margin-bottom: 20px;
  text-transform: uppercase;
}
.third-level img {
  width: 100%;
}
.transparent-box-img-3rd-level {
  width: 90% !important;
}
.eng-major-lead-img {
  width: 40%;
  padding: 0 !important;
  margin: 2em !important;
}

.eng-secondary-heading {
  font-size: 5rem;
  line-height: 1em;
  text-transform: uppercase;

  margin-top: -50px;
}
.person-research-areas-3 {
  margin-right: 10%;
}
.person-research-areas li {
  font-size: 0.9em;
  display: inline-flex;
  background: rgba(129, 16, 36, 1);
  padding: 30px;
  list-style: none;
  justify-content: center;
  border: 2px rgba(129, 16, 36, 1) solid;
  flex: auto;
  font-weight: 500;
}
.person-research-areas a {
  color: #fff;
}
.person-research-areas-3 a {
  color: #fff;
}
.person-research-areas-3 a:hover {
  color: #fff;
}
.person-research-areas li:hover {
  background-color: #9e1b32;
  border: 2px #9e1b32 solid;
}
.person-research-areas-3 li:hover {
  background-color: #9e1b32;
  border: 2px #9e1b32 solid;
}
.person-research-areas-3 li {
  font-size: 0.8em;
  display: inline-block;
  float: right;
  background: rgba(0, 0, 0, 0.5);
  padding: 7px 10px;
  margin: 0 10px 10px 0;
  border-radius: 20px;
  border: 2px #fff solid;
}
.no-top-spacing {
  margin-top: -10px !important;
  padding-top: 0 !important;
}

.research-story {
  margin-bottom: 70px;
}
.research-story h3 {
  margin-bottom: -10px;
}
.research-story img {
  max-width: 110px;
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}
.list-group-item {
  width: 100%;
  padding: 15px;
  position: relative;
  display: block;
 /* margin-left: -20px; */
}
.list-group-item i {
  margin-right: 20px;
}
.background-square {
  border: 5px #9e1b32 solid;
  width: 200px;
  height: 250px;
  transform: rotate(-0.1turn);
  z-index: -1;
  margin-left: 50px;
  margin-bottom: -230px;
}
.animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: hidden;
}
.eng-degrees {
	width:70%;
	margin: 20px auto;
}
.eng-degrees li {
  list-style: none;
  margin-left: 40px;
  margin-right: 1px;
  padding: 20px;
  border-left: 1px #b1b1b1 solid;
  border-right: 1px #b1b1b1 solid;
  border-bottom: 1px #b1b1b1 solid;
}
.equipment-section p{
    padding-bottom: 60px;
}
.news-img-long img {
	height: auto !important;
	width: 100% !important;
}
.news-padding img {
	width: 100px;
	height: 100px;
}
.news-padding:nth-child(odd) img {
	max-width: 500px;

}
.research-story-large img {
	max-width: 500px !important;
	width: 100%;
	height: auto !important;
}

/* DIRECTORY SPECIFIC */
.directory-header-area {
  max-height: 600px;
  overflow: hidden;
  display: flex;
  position: relative;
  clip-path: polygon(100% 0, 100% 97%, 52% 97%, 50% 100%, 48% 97%, 0 97%, 0 0);
}
.directory-triangle {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #9e1b32;
  margin-top: -1px;
}
.directory-img-crop {
  max-height: 393px;
  overflow: hidden;
}
.eng-major-lead-img {
  width: 40%;
  padding: 0 !important;
  margin: 2em !important;
}
.directory-search-area {
	width: 84%;
    float: left;
	}
.directory-search-button-area {
  padding: 0;
  margin: 0;
  max-width: 200px;
  background: #fff;
	width:16%;
	margin-left:-15px;
}
.directory-title-area {
  position: absolute;
  top: 140px;
  left: 15%;
  right: 15%;
}
.directory-title {
  color: #fff;
  padding: 50px 0 30px 0;
  font-size: 4em;
  text-shadow: 2px 2px 40px rgba(0, 0, 0, 0.8);
}
.search-by {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  margin: 20px 0 -30px 0;
  padding: 0;
  text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.8);
}
.directory-select {
  padding: 1em 1em 1em 0;
  margin: 2em 2em 2em 0;
}
.directory-select-last {
  padding: 1em 0;
  margin: 2em 0;
}
.directory-awards {
  text-align: center;
  margin: 0;
}
.directory-awards li {
  border: 1px solid #ddd;
  display: inline-block;
  max-width: 15%;
  padding: 20px;
  margin: 20px 1%;
  text-align: center;
  vertical-align: middle;
}
.person-research-areas li {
  font-size: 0.9em;
  display: inline-block;
  background: #eee;
  padding: 7px 10px;
  margin: 0 10px 10px 0;
  border-radius: 20px;
}
.person-research-areas-4 li {
  font-size: 0.9em;
  display: inline-block;
  background: #eee;
  padding: 7px 10px;
  margin: 0 10px 10px 0;
  border-radius: 20px;
}
.person-research-areas-4 li:hover {
  background: #9e1b32;
  color: #fff !important;
}
.person-research-areas-4 li:hover a {
  color: #fff !important;
}
.eng-profile-title {
  margin-top: -5px;
  font-weight: 600;
}
.person-research-areas-2 a {
  text-decoration: none;
}

.person-research-areas-2 li {
  line-height: 1em;
}
.dept-name {
  color: #fff;
  margin-top: -74px;
  text-shadow: 2px 2px 60px rgba(0, 0, 0, 0.7);
  font-size: 1.5em;
  background: rgba(0, 0, 0, 0.5);
  padding: 7px 10px;
  border-radius: 20px;
  width: fit-content;
}
.directory-triangle {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #9e1b32;
}
.eng-directory-dropdown {
  height: 40px;
  border: 0;
  font-weight: bold;
  padding: 5px;
  width: 81%;
}

.eng-major-lead-img {
  width: 40%;
  padding: 0 !important;
  margin: 2em !important;
}
.eng-directory-news-feed img {
  width: 100%;
}
.eng-directory-department-bar {
  width: 100%;
  padding: 0;
  background-color: #9e1b32;
  font-weight: 500;
}
.eng-directory-department-bar a {
  color: #fff !important;
}
.eng-directory-department-bar li {
  float: left;
  padding: 1.3em 4em;
  display: block;
  height: 100%;
  width: content;
}
.dept-bar-return {
  height: auto !important;
  background-color: #831125;
 /* clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%); */
}
.eng-directory-department-bar li:hover {
  background: rgba(129, 16, 36, 1);

}
.eng-directory-department-bar a {
  color: #ffffff;
  text-decoration: none;
}
.eng-directory-department-bar a:hover {
  color: #ffffff;
}
.directory-office-area {
  min-width: 62%;
  padding: 0;
  margin-top: 0;
  margin-left: 0;
  justify-content: flex-start;
}
.directory-lead-spot {
  background-color: #f5f6f7;
}
.directory-leader-pic {
  padding: 0;
  margin: 0;
  justify-content: flex-start;
  max-width: 55%;
  overflow: hidden;
}
.directory-leader-pic img {
  object-fit: cover;
  height: 73vh;
  width: 90%;
}
.directory-leader-info {
  justify-content: flex-start;
  padding: 1em 1em 1em 0;
  margin: 2em 2em 2em 0;
}
.directory-leader-info h3 {
  font-size: 2rem !important;
  font-family: soleil, sans-serif;
}
.directory-main-body {
  padding: 50px 6%;
}
.directory-main-body img {
  width: 80%;
}
.directory-main-body h3 {
  font-size: 1.5em;
  font-weight: 700;
  margin-top: 30px;
  text-transform: none;
}
.directory-main-body .eng-col {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  padding: 1em;
  margin: 2em;
  justify-content: flex-start;
}
.directory-awards {
  text-align: center;
  margin: 0;
  width: 100%;
}
.directory-leader-title {
  margin-top: 0;
  margin-bottom: 20px;
}
.directory-details-box {
  width: 100%;
  background: #efefef;
  padding: 0 20px;
  text-align: center;
  color: #000;
}
.directory-profile-content h3 {
  text-transform: none;
}
.directory-profile-content li {
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  list-style-type: none;
}
.directory-profile-content .person-research-areas-4 li {
  margin-block-start: auto;
  margin-block-end: auto;
  background: #f5f6f7;
  padding: 7px 10px;
  margin: 0 10px 10px 0;
  margin-right: 10px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.directory-profile-content .person-research-areas-4 li:hover {
  background: #9e1b32;
}
.directory-profile-photo {
  position: relative;
  max-width: 30% !important;
  justify-content: flex-start !important;
}
.directory-profile-contact {
  margin: 0 !important;
  padding: 1em !important;
  min-width: 80%;
}
.grey-text {
  color: #676767;
  font-weight: 500;
}
.person-research-areas-5 {

}
.person-research-areas-5 li {
  line-height: 1.4em;
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.directory-office-sub {
  max-width: 506px;
  padding-top: 0;
  justify-content: flex-start;
}
.directory-office-sub h3 {
  font-size: 1.5em;
  font-weight: 700;
  margin-top: 30px;
  text-transform: none;
}
.directory-office-sub img {
  width: 80%;
}
.directory-awards li {
  border: 1px solid #ddd;
  display: inline-block;
  max-width: 15%;
  padding: 20px;
  margin: 20px 1%;
  text-align: center;
  vertical-align: middle;
}
.person-research-areas li {
  font-size: 0.9em;
  display: inline-block;
  background: #f5f6f7;
  padding: 7px 10px;
  margin: 0 10px 10px 0;
  border-radius: 20px;
}
.publications-padding { padding: 50px 0; margin-top: 4em;}
.publications-margins {margin: 0 10%;  padding: 20px;}

/***** MAJORS PAGE ****/
.eng-degree-box {
  background: #eeeeee;
  color: #000000;
  max-width: 400px;
  float: right;
  margin-left: 50px;
  margin-bottom: 50px;
  padding: 50px;
}

/***** FOOTER *****/
.ua-eng-name-banner {
  background: #231f20;
  color: #fff;
  justify-content: center;
  text-transform: uppercase;
  font-kerning: 3px;
  font-weight: 500;
}
.ua-eng-name-banner a {
  color: #fff;
  text-decoration: none;
}
.ua-eng-name-banner a:hover {
  color: #fff;
  text-decoration: underline;
}
.eng-footer-area a {
  color: #fff !important;
  text-decoration: none;
}
.eng-seminar-list li {
  padding: 7px 10px;
  margin: 0 10px 10px 0;
  border-radius: 20px;
  border: 2px #fff solid;
  list-style: none;
}
.eng-seminar-list li:hover {
  background: #9e1b32;
}
.eng-footer-normal-links li {
  padding-left: 0;
  list-style: none;
}
.eng-footer-area h4 {
  margin-bottom: 20px;
}


/********** RESPONSIVE LEVELS/MOBILE ***********/
@media only screen and (max-width: 1748px) {
	.eng-homepage-featured .text-area {
		padding: 0;
	}.background-square {

        width: 30%;
    height: 20%;
    margin-bottom: -40%;
}.directory-title-area .eng-search-button {
	font-size: 0.8rem;
    padding: 0 40px;

	}
}
@media only screen and (max-width: 1626px) {
.directory-select {
    padding: 1em 1em 1em 0;
    margin: 2em 0;
}
}
@media only screen and (max-width: 1400px) {
	.social-icon img {
		width: 80px;
	}
	.eng-secondary-heading {
    	font-size: 3rem;
		margin-top: 50px;
	}
}
@media only screen and (max-width: 1280px) {
	.eng-col {
		/*flex-direction: column;*/
		width: 100%;
	}
	.directory-sub-title {
	font-size: 1.5rem !important;
	}.directory-search-area {width: 77%;}
	.directory-search-button-area {width: 23%;}
	.eng-directory-news-feed {
    width: 28%;
	}
	.directory-sub-title h2 {
	margin-bottom: 0 !important;
	}
	.eng-secondary-heading-content-area {
		max-width: 50%;
	}
	.eng-secondary-heading {
    	font-size: 2rem;
		margin-top: 50px;
	}
	.faculty-spot-content {
    width: 100%;
	}
	#aem .eng-news-box {
    width: 40%;
}
#che .eng-news-box  {
    width: 40%;
}
#cce .eng-news-box {
    width: 40%;
}
#cs .eng-news-box  {
    width: 40%;
}
#ece .eng-news-box  {
    width: 40%;
}
#me .eng-news-box  {
    width: 40%;
}
#mte .eng-news-box {
    width: 40%;
}
#aem .eng-news-box:first-of-type {width: 100%; padding-right: 7%;}
#che .eng-news-box:first-of-type  {width: 100%; padding-right: 7%;}
#cce .eng-news-box:first-of-type  {width: 100%; padding-right: 7%;}
#cs .eng-news-box:first-of-type  {width: 100%; padding-right: 7%;}
#ece .eng-news-box:first-of-type  {width: 100%; padding-right: 7%;}
#me .eng-news-box:first-of-type  {width: 100%; padding-right: 7%;}
#mte .eng-news-box:first-of-type  {width: 100%; padding-right: 7%;}
	.dept-more-news-button {
    width: 100% !important;
	}
}
@media only screen and (max-width: 1185px) {
  .directory-news-button {width:44%; float:inline-end;}
  .directory-news-button {text-align: center; float: none;}
}
@media only screen and (max-width: 1170px) {
	h2 {
    font-size: 3rem !important;
	}
	.eng-col {
		min-width: 370px;
	}
	.eng-col img {
		max-height: 450px;
	}
	.eng-sidebar-area {
		border-right: 0px;}
	.eng-basic-box {padding-bottom: 60px;}

	.eng-home-main-img {
		max-height: 600px;
	}
	.eng-main-header-home{ top: 300px;}
	.eng-main-header-home h1 {
		font-size: 1em;
		line-height: 1em;
	}
	.gsc-search-button-v2 {padding: 10px 30px !important;}
	.social-icons {
		width: 100%;
	}
	.social-icon img {
		width: 60px;
	}
	.background-slide-up-fade {position: relative;}
	.faculty-spotlight {
    height: auto !important;
	max-height: fit-content !important;
	}
	.faculty-spot-content {
		padding: 0 5%;
		margin: 50px 0;}
	.background-square {
	display: none;
}
	.main-news-feed {
    width: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
		padding: 0 4.25%;
}.news-title {
    text-align: center !important;
     margin: auto;
    padding: 0;
}
	#mainStory {width: 92% !important;}
	.small-news-feed {
       width: 100%  !important;
		min-width: 95% !important;
		max-width: 95% !important;
		margin: 0 5% 0 4.25%;
	}
	.news-width {
	max-width: auto !important;
    min-width: 50% !important;
    width: auto !important;

		margin: 0 auto auto auto !important;
		padding: 0 !important;
	}
	.research-story-large img {
		max-width: 100% !important;
		max-height: auto !important;
		height:  auto !important;
	}
	.news-img-long {
		max-height: 300px;
	}
	.news-img-long img {
	  max-width: 100% !important;
		max-height: 900px !important;
		height:  auto !important;
	}
	.news-padding {
    padding: 0 2em;
		margin-bottom: -30px;
}
	.research-story img {
    max-width: 210px;
		width: 150px;
		height: 150px;
	}
	.eng-directory-news-feed {    min-width: auto !important;
    width: auto !important;}
	.directory-sub-title h2 {
	margin-bottom: 0 !important;
	}
	.research-topic-img-col {min-width: 30% !important; padding-top:80px;}

	.featured-research-blurb {min-width: 60% !important; padding-right: 0;}
	.eng-secondary-img-area {min-width: 200px;}
	.eng-secondary-heading-content-area {min-width: 200px;}
	.large-side-img {min-width: 100%; max-height: 400px;}
	.large-right-image {display: none;}
	.equipment-row-1 {min-width: 60% !important;}
	.equipment-row-1-img {min-width: 40% !important;}
	.equipment-row-1-img img { align-self: center;}
	.equipment-row-2 {min-width: 60% !important;}
	.equipment-row-2-img {min-width: 40% !important;}
	.equipment-row-2-img img { align-self: center;}
	.eng-section-v-dark-bg {
		padding: 100px 5%;}
	.eng-degrees {
	width:82%; }
	.secondary-icon-row {min-width: 20% !important; margin:-40px auto 70px auto;}
	.mobile-hide {display: none !important;}
	.mobile-show {display: block !important;}
	.directory-search-area {width: 77%; min-width: auto;}
	.directory-search-button-area {width: 23%; min-width: auto;}
	.directory-awards li {max-width: 90%; width: 90%;}
	.publications-margins {margin: 0;  padding: 0;}
	.mobile-center {text-align: center !important;margin: auto;}
	.directory-profile-photo {
	min-width: 100%;
		padding: 40px 5% 0 5%;
	}
	.directory-lead-spot {
    padding: 0 5%;
	}
	.directory-main-name {margin-top:-35px;}
}
@media only screen and (max-width: 870px) {
	.large-right-image {
	max-width: 100%;
		height: auto;
    overflow: hidden;
	margin: 0;
    padding: 0;
	}
	.section-intro-text {
    margin: 0 5% 30px 5%;
	}
	.faculty-spotlight-mobile {padding: 0 !important; background: none;}
	.faculty-spotlight {background: #262626;}
	.faculty-spot-content { background: #262626; margin-top: 0; padding: 30px 5%;}
	.small-news-feed {
    margin: 0 !important;
}.directory-sub-title h2 {
	margin-bottom: 0 !important;
	}
	.eng-directory-department-bar li {

    padding: 1.3em 5%;

	}.eng-section-slanted-grey{padding:2% !important;}
	.directory-lead-spot {
		padding: 0 !important;
	}
	.directory-office-sub {align-items: center; padding: 0 5% !important;
    margin: 30px 0 0 5%;}
	.directory-main-body .eng-col {margin:0 !important;}
	.directory-main-body .eng-col img {align-self: center;}
	.directory-title-area {
    top: 70px;
	}
	.directory-search-area {width: 87% !important; min-width: auto !important;}
	.directory-search-button-area {width: 13% !important; min-width: auto !important;}
	.directory-main-body img {
    width: 100%;
}
	.directory-leader-pic { margin: 30px 0 0 0 !important;}
	.directory-leader-pic img {
    height: auto;
    width: 100%;

}
	.eng-directory-news-feed .research-story {
  margin-bottom: 20px;
}
	.eng-section-v-dark-bg {padding: 5%;}
	.max-width-400 {max-width:70%;}
	.eng-col {
		width: 100%;
		min-width: 100%;
		margin: 30px 0;
		padding: 0 5%;
	}
	.eng-degree-box {
		padding-top: 30px;
	}
	.eng-homepage-featured section .eng-col {
		margin: 0;
		padding: 30px 5%;
	}
	.attachment-news-feed-main { width: 100%; height: auto; max-height: auto !important; margin-bottom: 25px;}
	.box-body {margin-bottom: 40px;}
	.eng-main-header-home{ top: 250px;}
	.eng-main-header-home h1 {
		font-size: .9em;
	}
	.eng-homepage-featured .large-side-img {
		padding: 0 !important;
	}
	.eng-homepage-featured .text-area {
		padding: 0 5%;
	}
	.eng-secondary-img-area {
		margin-bottom: -50px;
	}
	.eng-secondary-heading-content-area {
		max-width: 100%;
		margin-left:0;
	}
	.eng-sub-navigation-area ul {
		flex-direction: column;
	}
	.eng-socials {
		margin-bottom: -10px; margin-left: 0;
	}
	.eng-social-search {

	}
	.social-icons li {margin-right: 2.3%;}
	.eng-search-area {margin: 0 5px 20px 0;}
	.eng-homepage-search-button-area {
		min-width: 20px !important;
		width:40% !important;
		    flex-direction: row !important;
	}
	.eng-search-home-field {
		min-width: 20px !important;
		width:60% !important;
		    flex-direction:row !important;
	}
	.eng-search-button {
		position: absolute;
    right: 0;
	width: 40%;
	}
	.eng-homepage-featured img {
    max-width: 100%;
}
	.large-side-img {
    max-width: 100%;
    height: auto;
    overflow: hidden;
	margin: 0 0 -11px 0;
    padding: 0;
}

	.eng-homepage-specific h2 {
    font-size: 2rem;
		margin-top:40px;
}
	.count_up {min-width: 50% !important;
    width: 50%;}
	.feature-focus-bar-item {margin: 0;}
	.feature-focus-bar-active {margin: 0;clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
	.equipment-row-1-img { width: 40% !important; min-width:40% !important; }
	.equipment-row-1 { width: 60% !important; min-width:60% !important;}
		.equipment-row-2-img { width: 40% !important; min-width:40% !important; }
	.equipment-row-2 { width: 60% !important; min-width:60% !important;}
	.featured-research-blurb {margin-bottom: 80px; }
	.research-topic-img-col {display: none;}
	.eng-degrees {
	width:90%; }
	.eng-degrees li {
	margin-left:0px; }
	.eng-sub-navigation-area li {border-bottom: 1px #9e1b32 solid;}
	.eng-section-dark-black {padding: 30px 5%;}
	/**** container widths ****/


.container-92 {  /* special homepage only width */
      width: 100%;
    min-width: 100%;
    margin: 30px 0;
    padding: 0 5%;
}

.container-85 {
      width: 100%;
    min-width: 100%;
    margin: 30px 0;
    padding: 0 5%;
}

.container-80 {
      width: 100%;
    min-width: 100%;
    margin: 30px 0;
    padding: 0 5%;
}

.container-75 {
      width: 100%;
    min-width: 100%;
    margin: 30px 0;
    padding: 0 5%;
}
	#rssContainer ul {
    margin-left: -20px !important;
	}
	#rssContainer ul li img{
    max-height: auto !important;
	}
	#aem .eng-news-box {
    width: 100%;
}
#che .eng-news-box  {
    width: 100%;
}
#cce .eng-news-box {
    width: 100%;
}
#cs .eng-news-box  {
    width: 100%;
}
#ece .eng-news-box  {
    width: 100%;
}
#me .eng-news-box  {
    width: 100%;
}
#mte .eng-news-box {
    width: 100%;
}
}
@media only screen and (max-width: 630px) {
	iframe {width: 100%; height: auto;}
	.eng-main-header-home h1 {
		font-size: 0.7em;
		line-height: 1em;
	}
	summary h3 {
    padding-right: 35px;
}
	.eng-main-header-home{ top: 200px;}
	.eng-main-header-home h1 {
		font-size: .6em;
		line-height: .9em;
	}
	.news-title {
		margin: 0;
	}
	.news-width {
		width: 100% !important;
    min-width: 100% !important;
    margin: 0 1% !important;
	}
	.list-group-item {
    margin: 0;
}
	.directory-title-area {
    top: 40px !important;
    left: 5% !important;
    right: 5% !important;
}
	.directory-title {
	font-size: 2rem !important;
		padding: 0 !important;
}
	.directory-sub-title-area-grey {
		min-height: 90px !important;
	}
	.directory-sub-title {
	font-size: 1.1rem !important;
	padding: 50px 50px 40px 50px !important;


}.directory-sub-title h2 {
	margin-bottom: 0 !important;
	}
	.directory-search-area {padding: 0 !important;}
	.directory-search-button-area {
      width: 24%;
    float: right;
		padding: 0 !important;
    min-width: 0;
		clip-path: none;
	}.directory-search-button-area .eng-search-button {padding: 0 !important;}
	.directory-title-area .eng-search-button {
	font-size: 1rem;
	}
	.eng-search-button {clip-path: none;}
	.news-padding { margin-bottom: 0 ;}
	.eng-directory-news-feed .news-img-long {
	max-height: 200px;
}
	.third-lvl-header {font-size: 2em !important;}
	.third-lvl-padding {
    padding: 0 3%;
}
	h4 {
    font-size: 1em;
}
	.eng-chart-data {display: none;}
	.the-college-brand {
		margin: 50px auto 10px auto;}
	.list-group-item i {
    margin-right:10px;
}
	.secondary-icon-row {min-width: 100% !important;}
	.eng-degrees {
	width:95%; }
	.equipment-section {
    padding-top: 50px;
}
	.equipment-section h2{
		margin: auto 5%;
}
	.equipment-section .section-intro-text {
    padding-bottom: 40px;
		margin: 0 5%;
}
	.equipment-section .eng-col {
		padding: 20px;
		margin: 0 !important;
	}
	.third-level h2 {
    font-size: 1.7em !important;
}

}
@media only screen and (max-width: 470px) {
	.eng-main-header-home h1 {
		font-size: 0.4em;
		line-height: .9em;
	}.eng-main-header-home{ top: 160px;}
	.social-icon img {
		width: 50px !important;
	}
	.eng-search-home-field {
    width: 100% !important;
    padding: 0;
}.eng-homepage-search-button-area {border-top: 1px #ddd solid;
	border-bottom: 1px #ddd solid;    height: 50px;}
	.gsc-search-button {
		clip-path: none !important;
	}
	.eng-search-button {
    position: relative;
    width: 100%;
		margin-right: -31px;
}
	.count_up {
    min-width: 100% !important;
    width: 100%;
}
	.eng-numbers h3 {
    font-size: 3.1em  !important;
}
	h2 {font-size: 2rem !important; margin-bottom:20px;}
	.directory-sub-title h2 {
	margin-bottom: 0 !important;
	}
	.third-level h2 {
    font-size: 1.7em !important;
}
	h3 {font-size: 1.2rem !important;}
	.div-main-padding-100 {padding-bottom: 50px !important;
    padding-top: 50px !important;}
	.icon-type-lg {
    margin-top: 0;
    font-size: 5rem !important;
	}
	.equipment-row-1-img { padding: 0 !important;}
	.equipment-row-2-img { padding: 0 !important;}
	.directory-news-button {
  margin-right: 0;

}
}
@media only screen and (max-width: 290px) {
	.directory-sub-title {
	   font-size: .9rem !important;
	}.directory-title {margin-bottom: -35px;}
    .research-story img {
    max-width: 410px;
    width: 100%;
    height: auto;
}.news-img-long {
	margin-top: 40px;
    overflow: visible;
}
	.research-story {
    margin-bottom: 30px;
}
	}



/*****************************************
* OLD LEGACY CODE
*****************************************/
.list-group {
    padding-left: 0;
    margin-bottom: 20px
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -2px;
    background-color: #fff;
    border: 1px solid #ddd
}



a.list-group-item,button.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5
}

button.list-group-item {
    width: 100%;
    text-align: left
}

.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #eee
}

.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text {
    color: #777
}

.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small {
    color: inherit
}

.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text {
    color: #c7ddef
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success,button.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info,button.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning,button.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger,button.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}