/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** EECS LANDING NO CARDS BLOCK **/
.elnoc {
  position: relative;
  padding-top: 150px;
  padding-bottom: 3.25rem;
  font-family: "IBM Plex Sans", Arial, Verdana, sans-serif;
  min-height: 530px;
  margin-bottom: 1em; 
}
.elnoc a {
  text-decoration: none; 
}
.elnoc_background {
  min-height: 530px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  position: absolute;
  top: 0;
  width: 100%; 
}
.elnoc_main_wrapper {
  background-color: rgba(19, 21, 22, 0.67);
  color: #ffffff;
  margin: 0 auto;
  max-width: 700px;
  padding: 1.2rem;
  position: relative;
  z-index: 1; 
}
h2.elnoc_title {
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-medium);
  font-size: 2.75rem;
  color: #ffffff !important;
  line-height: 1.1;
  margin-bottom: 1rem;
}
.elnoc_body {
  font-size: 1.15rem;
  line-height: 1.55; 
}
.wp-admin .elnoc {
  margin-top: 50px; 
}

/* RESPONSIVE EL2C */
/* was 1280 */
@media all and (max-width: 1180px) {
  .elnoc {
    position: relative;
    padding-top: 10rem;
    /* was 18rem */
    padding-bottom: 4.1rem; 
  }
  .elnoc_main_wrapper {
    max-width: 620px; 
  }
  h2.elnoc_title {
    font-size: 2rem;
    margin-bottom: 1rem; 
  }
  .elnoc_body {
    font-size: 1rem; 
  } 
}
@media all and (max-width: 767px) {
  .elnoc {
    margin: 0 auto 10px auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 50px;
    /* was 250 */
    padding-bottom: 0;
    min-height: 360px; 
  }
  .elnoc_background {
    min-height: 360px; 
  }
}
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** TWO COLUMNS WITH EVENTS & NEWS **/
.events-and-news.etcne {
  background-color: #FAFAFA;
  padding-bottom: 3rem;
  padding-top: 3rem; 
}
.events-and-news.etcne .container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 0;
  padding-right: 0;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto; 
}
.events-and-news.etcne .events {
  margin-bottom: 1rem;
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%; 
}
.events-and-news.etcne .news {
  -ms-flex-preferred-size: 58%;
  flex-basis: 58%; 
}
.events-and-news.etcne .heading {
  font-size: 3rem;
  font-family: "IBM Plex Sans", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-bold);
  margin-bottom: 2rem; 
}
.events-and-news.etcne .event {
  color: #000;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.25rem;
  text-decoration: none;
  -webkit-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; 
}
a.event {
  border: 1px solid #efefef; 
}
.events-and-news.etcne .event:hover {
  -webkit-box-shadow: 0 11px 22px rgba(0, 0, 0, 0.22);
  box-shadow: 0 11px 22px rgba(0, 0, 0, 0.22);
  -webkit-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in; 
}
.events-and-news.etcne .event:hover .event-title {
  text-decoration: underline; 
}
.events-and-news.etcne .event-date {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: "IBM Plex Sans", Arial, Verdana, sans-serif;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0.75rem 1.25rem 0.25rem;
  text-align: center; 
}
.events-and-news.etcne .event-description {
  background-color: #FEFEFE;
  border: 1px solid #FAFAFA;
  padding: 0.75rem; 
}
.events-and-news.etcne .event:nth-child(odd) .event-date {
  background-color: #00274C;
  color: #ffcb05; 
}
.events-and-news.etcne .event:nth-child(even) .event-date {
  background-color: #ffcb05;
  color: #00274C; 
}
.events-and-news.etcne .event-month {
  font-size: 1.4rem;
  line-height: 1; 
}
.events-and-news.etcne .event-day {
  font-size: 3rem;
  line-height: 1; 
}
.events-and-news.etcne .event-type {
  color: #00274C;
  font-size: 1rem;
  font-family: "IBM Plex Sans", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-bold);
  margin-bottom: 0.25rem;
  text-transform: uppercase; 
}
.events-and-news.etcne .event-title {
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-medium);
  font-size: 1rem;
  line-height: 1.125rem;
  margin-bottom: 0.25rem; 
}
.events-and-news.etcne .event-details {
  font-size: 1rem;
  font-weight: 300; 
}
p.events-more-wrapper {
  text-align: left;
}
.events-and-news.etcne .events-more-link,
.events-and-news.etcne .news-more-link {
  color: #7A121C;
  display: inline-block;
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-size: 1rem;
  text-decoration: none;
  padding-right: 20px; 
}
.events-and-news.etcne .events-more-link:hover,
.events-and-news.etcne .news-more-link:hover,
.events-and-news.etcne .events-more-link:focus,
.events-and-news.etcne .news-more-link:focus {
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-semi-bold);
  text-decoration: underline;
}
.events-and-news.etcne .news-item {
  border-bottom: 1px solid #cccccc;
  color: #000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
  text-decoration: none; 
}
.events-and-news.etcne .news-item:hover,
.events-and-news.etcne .news-item:hover .news-text,
.events-and-news.etcne .news-item:hover .news-heading,
.events-and-news.etcne .news-item:hover .news-description {
  color: #407EC9 !important; 
}
.events-and-news.etcne .news-item:last-child {
  border-bottom: 0; 
}
.events-and-news.etcne .news-text {
  -ms-flex-preferred-size: 70%;
  flex-basis: 70%;
  padding-right: 2rem; 
}
.events-and-news.etcne .news-image {
  max-width: 180px;
  padding: 0; 
}
.events-and-news.etcne h3.news-heading {
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-medium);
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  color: #131516;
  text-decoration: none; 
}
.events-and-news.etcne .news-description {
  font-size: 1rem;
  line-height: 1.25; 
}
.cbd_eecs_news_more {
  display: none; 
}

.cbd_eecs_news_dots {
  cursor: pointer;
  font-weight: normal;
  font-size: 1rem; 
}
a.cbd_eecs_news_link {
  color: #7A121C;
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-size: 1rem;
  text-decoration: none; 
}
a.cbd_eecs_news_link:hover {
  font-weight: bold;
  color: #7A121C;
  text-decoration: underline; 
}

/* RESPONSIVE */
@media all and (max-width: 1280px) {
  .events-and-news.etcne .heading {
    font-size: 2.75rem; 
  }
  .events-and-news.etcne .events {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%; 
  }
  .events-and-news.etcne .news {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%; 
  }
  .events-and-news.etcne .news-heading {
    font-size: 1.25rem; 
  }
  .events-and-news.etcne .news-text {
    -ms-flex-preferred-size: 65%;
    flex-basis: 65%; 
  }
  .events-and-news.etcne .news-image {
    max-width: 128px;
    width: 128px; 
  } 
}
@media all and (max-width: 959px) {
  .events-and-news.etcne .container {
    padding-left: 1rem;
    padding-right: 1rem; 
  } 
}
@media all and (max-width: 767px) {
  .events-and-news.etcne .container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; 
  }
  .events-and-news.etcne .heading {
    font-size: 2rem; 
  }
  .events-and-news.etcne .events {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%; 
  }
  .events-and-news.etcne .news {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%; 
  }
  .events-and-news.etcne .news-image {
    max-width: 143px;
    width: 143px; 
  }
  .events-and-news.etcne .news-text {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%; 
  } 
}
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** Div Cover BLOCK **/
.divcover {
  color: #FAFAFA;
  position: relative;
  text-shadow: 1px 1px 2px #000;
  background-color: #cccccc;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  height: 0;
  padding-top: 41%; 
}
.divcover.divcover_overlay:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: .5;
  z-index: 1;
  background-color: inherit; 
}
.divcover.divcover_overlay.dim-0:before {
  opacity: 0; 
}
.divcover.divcover_overlay.dim-10:before {
  opacity: .1; 
}
.divcover.divcover_overlay.dim-20:before {
  opacity: .2; 
}
.divcover.divcover_overlay.dim-30:before {
  opacity: .3; 
}
.divcover.divcover_overlay.dim-40:before {
  opacity: .4; 
}
.divcover.divcover_overlay.dim-50:before {
  opacity: .5; 
}
.divcover.divcover_overlay.dim-60:before {
  opacity: .6; 
}
.divcover.divcover_overlay.dim-70:before {
  opacity: .7; 
}
.divcover.divcover_overlay.dim-80:before {
  opacity: .8; 
}
.divcover.divcover_overlay.dim-90:before {
  opacity: .9; 
}
.divcover.divcover_overlay.dim-100:before {
  opacity: 1; 
}
.divcover.divcover_overlay.overlay_color_almost-black {
  background-color: #131516; 
}
.divcover.divcover_overlay.overlay_color_black {
  background-color: #000000; 
}
.divcover.divcover_overlay.overlay_color_brownish-red {
  background-color: #9A3324; 
}
.divcover.divcover_overlay.overlay_color_charcoal-grey {
  background-color: #4a4a4a; 
}
.divcover.divcover_overlay.overlay_color_claret {
  background-color: #7A121C; 
}
.divcover.divcover_overlay.overlay_color_dark-blue-grey {
  background-color: #031B31; 
}
.divcover.divcover_overlay.overlay_color_pale-grey {
  background-color: #fafafa; 
}
.divcover.divcover_overlay.overlay_color_rusty-red {
  background-color: #D86018; 
}
.divcover.divcover_overlay.overlay_color_topaz {
  background-color: #00B2A9; 
}
.divcover.divcover_overlay.overlay_color_um-blue {
  background-color: #00274C; 
}
.divcover.divcover_overlay.overlay_color_um-yellow {
  background-color: #ffcb05; 
}
.divcover.divcover_overlay.overlay_color_white {
  background-color: #ffffff; 
}
.divcover.divcover_overlay.overlay_color_windows-blue {
  background-color: #407EC9; 
}
a.divcover_url, div.divcover_url {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 100%;
  top: 0;
  width: 100%;
  z-index: 2; 
}
a.divcover_url {
  text-decoration: none; 
}
.divcover_wrapper {
  text-align: left;
  padding: 3% 8%;
  width: 100%; 
}
.divcover.is-style-divcover-center-bottom .divcover_wrapper {
  text-align: center; 
}
.divcover.is-style-divcover-center-top .divcover_wrapper {
  text-align: center; 
}
.divcover.is-style-divcover-center-middle .divcover_wrapper {
  text-align: center; 
}
.divcover.is-style-divcover-left-bottom .divcover_wrapper {
  text-align: left; 
}
.divcover.is-style-divcover-left-top .divcover_wrapper {
  text-align: left; 
}
.divcover.is-style-divcover-left-middle .divcover_wrapper {
  text-align: left; 
}
.divcover.is-style-divcover-right-bottom .divcover_wrapper {
  text-align: right; 
}
.divcover.is-style-divcover-right-top .divcover_wrapper {
  text-align: right; 
}
.divcover.is-style-divcover-right-middle .divcover_wrapper {
  text-align: right; 
}
.divcover + h2 {
  margin-top: 1em; 
}
.divcover .container {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: end;
  align-items: flex-end; 
}
.divcover.is-style-divcover-center-bottom .container {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 3em; 
}
.divcover.is-style-divcover-center-top .container {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 3em; 
}
.divcover.is-style-divcover-center-middle .container {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1.5em;
  margin-bottom: 1.5em; 
}
.divcover.is-style-divcover-left-bottom .container {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 3em; 
}
.divcover.is-style-divcover-left-top .container {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 3em; 
}
.divcover.is-style-divcover-left-middle .container {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1.5em;
  margin-bottom: 1.5em; 
}
.divcover.is-style-divcover-right-bottom .container {
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 3em; 
}
.divcover.is-style-divcover-right-top .container {
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 3em; 
}
.divcover.is-style-divcover-right-middle .container {
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1.5em;
  margin-bottom: 1.5em; 
}
#eecs-main h1.divcover_quote {
  font-size: 2.5rem;
  margin-bottom: 1rem !important;
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-medium);
  color: #FAFAFA;
  width: 100%;
  line-height: 1.2 !important; 
}
.divcover_cite {
  font-size: 1.25rem;
  font-family: "IBM Plex Sans", Arial, Verdana, sans-serif;
  color: #FAFAFA;
  width: 100%; 
}
.divcover.text_color_almost-black h1.divcover_quote,
.divcover.text_color_almost-black p.divcover_quote,
.divcover.text_color_almost-black .divcover_cite {
  color: #131516 !important;
  text-shadow: 1px 1px 2px #999; 
}
.divcover.text_color_black h1.divcover_quote,
.divcover.text_color_black p.divcover_quote,
.divcover.text_color_black .divcover_cite {
  color: #000000 !important;
  text-shadow: 1px 1px 2px #999; 
}
.divcover.text_color_brownish-red h1.divcover_quote,
.divcover.text_color_brownish-red p.divcover_quote,
.divcover.text_color_brownish-red .divcover_cite {
  color: #9A3324 !important;
  text-shadow: 1px 1px 2px #000; 
}
.divcover.text_color_charcoal-grey h1.divcover_quote,
.divcover.text_color_charcoal-grey p.divcover_quote,
.divcover.text_color_charcoal-grey .divcover_cite {
  color: #4a4a4a !important;
  text-shadow: 1px 1px 2px #000; 
}
.divcover.text_color_claret h1.divcover_quote,
.divcover.text_color_claret p.divcover_quote,
.divcover.text_color_claret .divcover_cite {
  color: #7A121C !important;
  text-shadow: 1px 1px 2px #999; 
}
.divcover.text_color_dark-blue-grey h1.divcover_quote,
.divcover.text_color_dark-blue-grey p.divcover_quote,
.divcover.text_color_dark-blue-grey .divcover_cite {
  color: #031B31 !important;
  text-shadow: 1px 1px 2px #999; 
}
.divcover.text_color_pale-grey h1.divcover_quote,
.divcover.text_color_pale-grey p.divcover_quote,
.divcover.text_color_pale-grey .divcover_cite {
  color: #fafafa !important;
  text-shadow: 1px 1px 2px #000; 
}
.divcover.text_color_rusty-red h1.divcover_quote,
.divcover.text_color_rusty-red p.divcover_quote,
.divcover.text_color_rusty-red .divcover_cite {
  color: #D86018 !important;
  text-shadow: 1px 1px 2px #000; 
}
.divcover.text_color_topaz h1.divcover_quote,
.divcover.text_color_topaz p.divcover_quote,
.divcover.text_color_topaz .divcover_cite {
  color: #00B2A9 !important;
  text-shadow: 1px 1px 2px #000; 
}
.divcover.text_color_um-blue h1.divcover_quote,
.divcover.text_color_um-blue p.divcover_quote,
.divcover.text_color_um-blue .divcover_cite {
  color: #00274C !important;
  text-shadow: 1px 1px 2px #999; 
}
.divcover.text_color_um-yellow h1.divcover_quote,
.divcover.text_color_um-yellow p.divcover_quote,
.divcover.text_color_um-yellow .divcover_cite {
  color: #ffcb05 !important;
  text-shadow: 1px 1px 2px #000; 
}
.divcover.text_color_white h1.divcover_quote,
.divcover.text_color_white p.divcover_quote,
.divcover.text_color_white .divcover_cite {
  color: #ffffff !important;
  text-shadow: 1px 1px 2px #999; 
}
.divcover.text_color_windows-blue h1.divcover_quote,
.divcover.text_color_windows-blue p.divcover_quote,
.divcover.text_color_windows-blue .divcover_cite {
  color: #407EC9 !important;
  text-shadow: 1px 1px 2px #000; 
}
.divcover_cite:after {
  display: block;
  background-color: #ffcb05;
  height: 3px;
  width: 40%;
  content: '';
  margin-top: 20px;
  position: absolute; 
}
.divcover.border_color_almost-black .divcover_cite:after {
  background-color: #131516; 
}
.divcover.border_color_black .divcover_cite:after {
  background-color: #000000; 
}
.divcover.border_color_brownish-red .divcover_cite:after {
  background-color: #9A3324; 
}
.divcover.border_color_charcoal-grey .divcover_cite:after {
  background-color: #4a4a4a; 
}
.divcover.border_color_claret .divcover_cite:after {
  background-color: #7A121C; 
}
.divcover.border_color_dark-blue-grey .divcover_cite:after {
  background-color: #031B31; 
}
.divcover.border_color_pale-grey .divcover_cite:after {
  background-color: #fafafa; 
}
.divcover.border_color_rusty-red .divcover_cite:after {
  background-color: #D86018; 
}
.divcover.border_color_topaz .divcover_cite:after {
  background-color: #00B2A9; 
}
.divcover.border_color_um-blue .divcover_cite:after {
  background-color: #00274C; 
}
.divcover.border_color_um-yellow .divcover_cite:after {
  background-color: #ffcb05; 
}
.divcover.border_color_white .divcover_cite:after {
  background-color: #ffffff; 
}
.divcover.border_color_windows-blue .divcover_cite:after {
  background-color: #407EC9; 
}
.divcover.is-style-divcover-center-bottom .divcover_cite:after,
.divcover.is-style-divcover-center-top .divcover_cite:after,
.divcover.is-style-divcover-center-middle .divcover_cite:after {
  left: 30%; 
}
.divcover.is-style-divcover-right-bottom .divcover_cite:after,
.divcover.is-style-divcover-right-top .divcover_cite:after,
.divcover.is-style-divcover-right-middle .divcover_cite:after {
  right: 8%; 
}

/* RESPONSIVE */
@media all and (max-width: 980px) {
  .divcover_wrapper {
    padding: 1.5%; 
  }
  #eecs-main h1.divcover_quote {
    margin-bottom: 0 !important; 
  }
  p.divcover_cite {
    margin-top: 0;
    margin-bottom: 20px; 
  }
  .divcover.is-style-divcover-center-bottom .container {
    margin-bottom: 1.5em; 
  }
  .divcover.is-style-divcover-center-top .container {
    margin-top: 1.5em; 
  }
  .divcover.is-style-divcover-center-middle .container {
    margin-top: 1.5em;
    margin-bottom: 1.5em; 
  }
  .divcover.is-style-divcover-left-bottom .container {
    margin-bottom: 1.5em; 
  }
  .divcover.is-style-divcover-left-top .container {
    margin-top: 1.5em; 
  }
  .divcover.is-style-divcover-left-middle .container {
    margin-top: 1.5em;
    margin-bottom: 1.5em; 
  }
  .divcover.is-style-divcover-right-bottom .container {
    margin-bottom: 1.5em; 
  }
  .divcover.is-style-divcover-right-top .container {
    margin-top: 1.5em; 
  }
  .divcover.is-style-divcover-right-middle .container {
    margin-top: 1.5em;
    margin-bottom: 1.5em; 
  } 
}
@media all and (max-width: 767px) {
  .divcover_wrapper {
    padding: 1.5%; 
  }
  #eecs-main h1.divcover_quote {
    font-size: 1.5rem;
    margin-bottom: 0.25rem !important;
    line-height: 1.1 !important; 
  }
  .divcover_cite {
    font-size: 1rem;
    line-height: 1.1 !important; 
  }
  .divcover_cite:after {
    display: block;
    margin-top: 10px;
    width: 70%; 
  }
  .divcover.is-style-divcover-center-bottom .container {
    margin-bottom: 0.5em; 
  }
  .divcover.is-style-divcover-center-top .container {
    margin-top: 0.5em; 
  }
  .divcover.is-style-divcover-center-middle .container {
    margin-top: 0.5em;
    margin-bottom: 0.5em; 
  }
  .divcover.is-style-divcover-left-bottom .container {
    margin-bottom: 0.5em; 
  }
  .divcover.is-style-divcover-left-top .container {
    margin-top: 0.5em; 
  }
  .divcover.is-style-divcover-left-middle .container {
    margin-top: 0.5em;
    margin-bottom: 0.5em; 
  }
  .divcover.is-style-divcover-right-bottom .container {
    margin-bottom: 0.5em; 
  }
  .divcover.is-style-divcover-right-top .container {
    margin-top: 0.5em; 
  }
  .divcover.is-style-divcover-right-middle .container {
    margin-top: 0.5em;
    margin-bottom: 0.5em; 
  } 
}
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** DIVISION BREADCRUMBS **/
.div-bread-bag {
  margin-top: 0;
  margin-bottom: 2em;
  color: #7A121C;
  font-size: 0.9rem;
  font-weight: bold;
  line-height: 1.5; 
}
.div-bread-bag a {
  color: #4a4a4a;
  text-decoration: none;
  font-weight: normal; 
}
.div-bread-bag a:hover {
  color: #7A121C;
  text-decoration: underline; 
}
.div-bread-delim {
  color: #4a4a4a;
  text-decoration: none;
  font-weight: normal;
  padding-left: 12px;
  padding-right: 12px; 
}

/* RESPONSIVE */
@media all and (max-width: 980px) {
  .div-bread-delim {
    padding-left: 8px;
    padding-right: 8px; 
  } 
}
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** NEWS HOME FEATURED ARTICLE **/
.newshome_featured_article {
  position: relative;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  height: 0;
  padding-top: 57.918%;
  z-index: 0; 
}
.newshome_featured_article a:hover h1,
.newshome_featured_article a:hover p {
  color: #ffcb05 !important;
  -webkit-transition: color .25s ease-out, color .25s ease-out;
  -o-transition: color .25s ease-out, color .25s ease-out;
  transition: color .25s ease-out, color .25s ease-out; 
}
.newshome_featured_article > a {
  text-decoration: none;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 100%;
  width: 100%;
  z-index: 2;
  background: black;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, black), color-stop(75%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(bottom, black 10%, rgba(0, 0, 0, 0) 75%);
  background: -o-linear-gradient(bottom, black 10%, rgba(0, 0, 0, 0) 75%);
  background: linear-gradient(0deg, black 10%, rgba(0, 0, 0, 0) 75%); 
}
.newshome_featured_article .container {
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: end;
  align-items: flex-end;
  text-align: center; 
}
#eecs-main .newshome_featured_article h1 {
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transition: color .25s ease-out, color .25s ease-out;
  -o-transition: color .25s ease-out, color .25s ease-out;
  transition: color .25s ease-out, color .25s ease-out; 
}
#eecs-main .newshome_featured_article p {
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 1.2;
  -webkit-transition: color .25s ease-out, color .25s ease-out;
  -o-transition: color .25s ease-out, color .25s ease-out;
  transition: color .25s ease-out, color .25s ease-out; 
}
#eecs-main .newshome_featured_article h1 + p {
  margin-top: 0 !important; 
}

/* RESPONSIVE */
@media all and (max-width: 1250px) {
  #eecs-main .newshome_featured_article h1 {
    font-size: 2.5em; 
  }
  #eecs-main .newshome_featured_article p {
    font-size: 1rem; 
  } 
}
@media all and (max-width: 980px) {
  #eecs-main .newshome_featured_article h1 {
    font-size: 2em; 
  } 
}
@media all and (max-width: 850px) {
  #eecs-main .newshome_featured_article h1 {
    margin-bottom: 0 !important; 
  } 
}
@media all and (max-width: 767px) {
  #eecs-main .newshome_featured_article h1 {
    font-size: 1.5em; 
  } 
}
@media all and (max-width: 600px) {
  #eecs-main .newshome_featured_article p {
    margin-top: 0;
    line-height: 1; 
  }
  .newshome_featured_article .container {
    width: 98%;
    padding-left: 0.5rem;
    padding-right: 0.5rem; 
  } 
}
@media all and (max-width: 500px) {
  #eecs-main .newshome_featured_article p {
    display: none !important; 
  } 
}
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** NEWS HOME HEADING ARTICLES **/
.newshome_headings {
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  margin-bottom: 20px;
  -ms-flex-pack: justify;
  justify-content: space-between; 
}
.newshome_article {
  width: 48.5%;
  text-decoration: none !important;
  color: #000000 !important; 
}
.newshome_heading_image {
  position: relative;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  height: 0;
  padding-top: 56%; 
}
#eecs-main .newshome_headings h2 {
  font-size: 1.75em;
  padding-top: 15px;
  margin-bottom: 0.25em;
  color: #000000; 
}
.newshome_headings_excerpt {
  line-height: 1.25; 
}
.nhh_read_more {
  font-weight: normal;
  color: #7A121C; 
}
.nhh_read_more2 {
  font-weight: bold;
  color: #000000; 
}
.newshome_article:hover,
.newshome_article:hover h2,
.newshome_article:hover .nhh_read_more,
.newshome_article:hover .nhh_read_more2 {
  color: #407EC9 !important; 
}

/*
.newshome_article h2 a:hover,
.newshome_article a:hover {
    color:#7A121C ! important;
    font-weight:bold ! important;
    text-decoration:underline;
}
.newshome_headings h2 {
    text-decoration:none;
    color:#000000 ! important;
    font-size:0.75em ! important;
    font-weight:bold ! important;
    display:block;
    padding-top:15px;
}
.newshome_headings_excerpt a {
    text-decoration:none;
}
*/
/* RESPONSIVE */
@media all and (max-width: 1250px) {
  .newshome_headings h2 a {
    font-size: 0.7em; 
  } 
}
@media all and (max-width: 1050px) {
  .newshome_headings h2 a {
    font-size: 0.6em; 
  } 
}
@media all and (max-width: 767px) {
  .newshome_headings h2 a {
    font-size: 1em; 
  } 
}
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** DIV MAP EMBED **/
.div_map_embed {
  width: 100%;
  max-width: 100%;
  height: 0;
  padding-top: 41%;
  position: relative; 
}
.div_map_embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  width: 100%; 
}
.div_map_embed + p {
  margin-top: 1em; 
}
.dme-height_100 {
  padding-top: 11.677%; 
}
.dme-height_110 {
  padding-top: 12.845%; 
}
.dme-height_120 {
  padding-top: 14.013%; 
}
.dme-height_130 {
  padding-top: 15.181%; 
}
.dme-height_140 {
  padding-top: 16.349%; 
}
.dme-height_150 {
  padding-top: 17.516%; 
}
.dme-height_160 {
  padding-top: 18.684%; 
}
.dme-height_170 {
  padding-top: 19.852%; 
}
.dme-height_180 {
  padding-top: 21.019%; 
}
.dme-height_190 {
  padding-top: 22.187%; 
}
.dme-height_200 {
  padding-top: 23.355%; 
}
.dme-height_210 {
  padding-top: 24.522%; 
}
.dme-height_220 {
  padding-top: 25.69%; 
}
.dme-height_230 {
  padding-top: 26.858%; 
}
.dme-height_240 {
  padding-top: 28.025%; 
}
.dme-height_250 {
  padding-top: 29.193%; 
}
.dme-height_260 {
  padding-top: 30.361%; 
}
.dme-height_270 {
  padding-top: 31.528%; 
}
.dme-height_280 {
  padding-top: 32.696%; 
}
.dme-height_290 {
  padding-top: 33.864%; 
}
.dme-height_300 {
  padding-top: 35.031%; 
}
.dme-height_310 {
  padding-top: 36.199%; 
}
.dme-height_320 {
  padding-top: 37.367%; 
}
.dme-height_330 {
  padding-top: 38.534%; 
}
.dme-height_340 {
  padding-top: 39.702%; 
}
.dme-height_350 {
  padding-top: 40.87%; 
}
.dme-height_360 {
  padding-top: 42.037%; 
}
.dme-height_370 {
  padding-top: 43.204%; 
}
.dme-height_380 {
  padding-top: 44.373%; 
}
.dme-height_390 {
  padding-top: 45.54%; 
}
.dme-height_400 {
  padding-top: 46.707%; 
}
.dme-height_410 {
  padding-top: 47.875%; 
}
.dme-height_420 {
  padding-top: 49.043%; 
}
.dme-height_430 {
  padding-top: 50.211%; 
}
.dme-height_440 {
  padding-top: 51.379%; 
}
.dme-height_450 {
  padding-top: 52.546%; 
}
.dme-height_460 {
  padding-top: 53.714%; 
}
.dme-height_470 {
  padding-top: 54.882%; 
}
.dme-height_480 {
  padding-top: 56.049%; 
}
.dme-height_490 {
  padding-top: 57.217%; 
}
.dme-height_500 {
  padding-top: 58.384%; 
}
.dme-height_510 {
  padding-top: 59.552%; 
}
.dme-height_520 {
  padding-top: 60.72%; 
}
.dme-height_530 {
  padding-top: 61.887%; 
}
.dme-height_540 {
  padding-top: 63.055%; 
}
.dme-height_550 {
  padding-top: 64.223%; 
}
.dme-height_560 {
  padding-top: 65.39%; 
}
.dme-height_570 {
  padding-top: 66.558%; 
}
.dme-height_580 {
  padding-top: 67.725%; 
}
.dme-height_590 {
  padding-top: 68.893%; 
}
.dme-height_600 {
  padding-top: 70.061%; 
}
.dme-height_610 {
  padding-top: 71.228%; 
}
.dme-height_620 {
  padding-top: 72.396%; 
}
.dme-height_630 {
  padding-top: 73.565%; 
}
.dme-height_640 {
  padding-top: 74.731%; 
}
.dme-height_650 {
  padding-top: 75.9%; 
}
.dme-height_660 {
  padding-top: 77.067%; 
}
.dme-height_670 {
  padding-top: 78.235%; 
}
.dme-height_680 {
  padding-top: 79.403%; 
}
.dme-height_690 {
  padding-top: 80.571%; 
}
.dme-height_700 {
  padding-top: 81.738%; 
}
.dme-height_710 {
  padding-top: 82.905%; 
}
.dme-height_720 {
  padding-top: 84.073%; 
}
.dme-height_730 {
  padding-top: 85.24%; 
}
.dme-height_740 {
  padding-top: 86.408%; 
}
.dme-height_750 {
  padding-top: 87.576%; 
}
.dme-height_760 {
  padding-top: 88.744%; 
}
.dme-height_770 {
  padding-top: 89.912%; 
}
.dme-height_780 {
  padding-top: 91.08%; 
}
.dme-height_790 {
  padding-top: 92.247%; 
}
.dme-height_800 {
  padding-top: 93.414%; 
}
.dme-width_100 {
  width: 100%; 
}
.dme-width_75 {
  width: 75%; 
}
.dme-width_66 {
  width: 66.66%; 
}
.dme-width_50 {
  width: 50%; 
}
.dme-width_33 {
  width: 33.33%; 
}
.dme-width_25 {
  width: 25%; 
}
.dme-align_Left {
  float: left;
  margin: 0 10px 10px 0; 
}
.dme-align_Right {
  float: right;
  margin: 0 0 10px 10px; 
}
/* RESPONSIVE */
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** NEWS HOME QUAD ARTICLES **/
.newshome_quad {
  display: inline-grid;
  grid-template-columns: 48.5% 48.5%;
  grid-template-rows: auto auto;
  grid-column-gap: 3%;
  grid-row-gap: 2em;
  margin: 1em auto; 
}
.newshome_category {
  background-color: #011d42;
  color: #ffffff;
  text-transform: uppercase;
  font-family: "IBM Plex Sans", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-bold);
  padding: 9px;
  font-size: 1.1em;
  margin-bottom: 1px; 
}
a.newshome_image,
div.newshome_image {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 56.1%;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat; 
}
a.newshome_image {
  text-decoration: none; 
}
.newshome_links {
  margin-top: 1em;
  display: block;
  color: #202020;
  border-bottom: 1px dashed #e6e6e6;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  position: relative; 
}
.newshome_links:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 0;
  height: 1px;
  background-color: #cacaca;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease; 
}
.newshome_links:hover:after {
  width: 100%; 
}
.newshome_titles a {
  font-size: 1.2em;
  color: #000000;
  text-decoration: none;
  font-family: "IBM Plex Sans", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-semi-bold);
  line-height: 1.25;
}
.newshome_titles a.newshome_more_red {
  font-weight: normal;
  font-size: 1em;
  color: #7A121C;
  text-decoration: none;
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif; 
}
a.newshome_more_link {
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  color: #7A121C !important;
  display: block;
  margin-top: 1.5em;
  margin-bottom: 0.25rem;
  text-decoration: none;
  font-size: 1rem;
  font-weight: normal; 
}
a.newshome_more_link:hover {
  color: #7A121C !important;
  font-weight: bold;
  text-decoration: underline; 
}
.newshome_more_red {
  color: #7A121C; 
}
.newshome_links:hover a,
.newshome_links:hover .itn_header,
.newshome_links:hover .newshome_more_red,
.newshome_links.itn:hover .newshome_more_red {
  color: #407EC9; 
}

/* test */
.newshome_links.itn .newshome_more_red {
  color: #4a4a4a; 
}

/* RESPONSIVE */
@media all and (max-width: 980px) {
  .newshome_quad {
    grid-template-columns: 100%;
    grid-column-gap: 0; 
  } 
}
@media all and (max-width: 767px) {
  #eecs-main .newshome_feed_text h3,
  .newshome_titles a {
    font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
    font-weight: var(--eecs-semi-bold);
  }
}

/*
@media all and (max-width:1050px) {
    .newshome_headings h2 a {
        font-size:0.6em;
    }
}
@media all and (max-width:767px) {
    .newshome_headings h2 a {
        font-size:1em;
    }
}
*/
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** NEWS FEED BLOCK **/
.newshome_feed {
  display: block;
  width: 100%;
  margin: 1em auto;
  max-width: 857px; 
}
.newshome_feed_title {
  width: 48.5%;
  background-color: #011d42;
  color: #ffffff;
  text-transform: uppercase;
  font-family: "IBM Plex Sans", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-bold);
  padding: 9px;
  font-size: 1.1em;
  margin-bottom: 3.5%; 
}
.newshome_feed_row {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 4%;
  color: #000000 !important; 
}
a.newshome_feed_row {
  text-decoration: none;
  color: #000000 !important; 
}
.newshome_feed_image {
  -ms-flex-preferred-size: 29%;
  flex-basis: 29%;
  background-size: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  padding-top: 19.3%; 
}
.newshome_feed_text {
  -ms-flex-preferred-size: 59%;
  flex-basis: 59%;
  margin-left: 3%;
  margin-right: 9%; 
}
.newshome_feed_text a {
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  color: #000000 !important; 
}
#eecs-main .newshome_feed_text h3,
.newshome_feed_text h3 {
  font-size: 1.5em !important;
  color: #000000 !important;
  text-decoration: none;
  font-family: "IBM Plex Sans", Arial, Verdana, sans-serif ! important;
  font-weight: var(--eecs-bold);
  line-height: 1.1 !important; 
}
.newshome_feed_excerpt {
  line-height: 1.25;
  color: #000000 !important; 
}
.newshome_feed_more {
  color: #7A121C; 
}
.newshome_feed_more2 {
  color: #4a4a4a;
  font-weight: bold; 
}
.newshome_feed_morenews {
  display: block;
  text-align: left; 
}
.newshome_feed_morenews a {
  color: #7A121C;
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-size: 1rem;
  text-decoration: none; 
}
.newshome_feed_morenews a:hover {
  color: #7A121C;
  text-decoration: underline;
  font-weight: bold; 
}
a.newshome_feed_row:hover .newshome_feed_text,
a.newshome_feed_row:hover .newshome_feed_text h3,
a.newshome_feed_row:hover .newshome_feed_excerpt,
a.newshome_feed_row:hover .newshome_feed_more,
a.newshome_feed_row:hover .newshome_feed_more2 {
  color: #407EC9 !important; 
}
.newshome_feed button.news_cat_more {
  display: none; 
}

/* RESPONSIVE */
@media all and (max-width: 767px) {
  .newshome_feed_title {
    width: 100%;
    margin-bottom: 2%; 
  }
  .newshome_feed_row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; 
      }
  .newshome_feed_image {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding-top: 66.5%; 
  }
  .newshome_feed_text {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-left: auto;
    margin-right: auto; 
  }
  .newshome_feed_text h3 {
    margin-top: 1em; 
  } 
}
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** NEWS ALL EED BLOCK **/
/* uses newshome-feed css */
.news_year_nav_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 2em;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; 
}
.news_year_nav_wrapper a {
  text-decoration: none;
  color: #7A121C;
  min-width: 60px; 
}
.news_year_nav_wrapper span {
  min-width: 60px; 
}
.news_year_nav_current {
  font-weight: bold; 
}
.news_year_nav_wrapper a:hover {
  text-decoration: underline;
  font-weight: bold;
  color: #7A121C; 
}
.news_prev_next_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between; 
}
.news_prev_next_wrapper a {
  text-decoration: none;
  color: #7A121C; 
}
.news_prev_next_wrapper a:hover {
  text-decoration: underline;
  font-weight: bold;
  color: #7A121C; 
}
.newshome_feed_all .newshome_feed_text h3 a {
  font-size: 1em !important;
  color: #000000 !important;
  text-decoration: none;
  font-family: "IBM Plex Sans", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-semi-bold);
  line-height: 1.25 !important; 
}
.newshome_feed_all .newshome_feed_text h3 a:hover {
  color: #7A121C !important;
  text-decoration: underline; 
}
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** NEWS INTERNAL HEADING ARTICLES **/
.newsinternal_headings {
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  margin-bottom: 20px;
  -ms-flex-pack: justify;
  justify-content: space-between; 
}
a.newsinternal_article {
  width: 48.5%;
  text-decoration: none;
  color: #000000 !important; 
}
a.newsinternal_article:hover,
a.newsinternal_article:hover h2,
a.newsinternal_article:hover div,
a.newsinternal_article:hover p {
  color: #407EC9 !important; 
}
.newsinternal_heading_image {
  position: relative;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  height: 0;
  padding-top: 56%; 
}
.newsinternal_headings h2 {
  text-decoration: none;
  color: #000000 !important;
  font-size: 1.55em !important;
  font-weight: bold;
  display: block;
  padding-top: 15px; 
}

/* RESPONSIVE */
@media all and (max-width: 1250px) {
  .newsinternal_headings h2 {
    font-size: 1.2em; 
  } 
}
@media all and (max-width: 1050px) {
  .newsinternal_headings h2 {
    font-size: 1em; 
  } 
}
@media all and (max-width: 767px) {
  .newsinternal_headings h2 {
    font-size: 1em; 
  } 
}
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** NEWS FEED BLOCK **/
/* uses newshome-feed css mostly */
.newshome_feed.news_category a {
  display: none; 
}
.newshome_feed.news_category a[data-story-count="1"],
.newshome_feed.news_category a[data-story-count="2"],
.newshome_feed.news_category a[data-story-count="3"],
.newshome_feed.news_category a[data-story-count="4"],
.newshome_feed.news_category a[data-story-count="5"],
.newshome_feed.news_category a[data-story-count="6"],
.newshome_feed.news_category a[data-story-count="7"],
.newshome_feed.news_category a[data-story-count="8"],
.newshome_feed.news_category a[data-story-count="9"],
.newshome_feed.news_category a[data-story-count="10"],
.newshome_feed.news_category a[data-story-count="11"],
.newshome_feed.news_category a[data-story-count="12"],
.newshome_feed.news_category a[data-story-count="13"],
.newshome_feed.news_category a[data-story-count="14"],
.newshome_feed.news_category a[data-story-count="15"],
.newshome_feed.news_category a[data-story-count="16"] {
  display: -ms-flexbox;
  display: flex; 
}
button.news_cat_more {
  border: none;
  background: transparent;
  color: #7A121C;
  font-weight: normal;
  text-decoration: none;
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-size: 1rem;
  outline: none; 
}
button.news_cat_more:hover {
  font-weight: bold;
  text-decoration: underline; 
}
.newshome_feed.news_category button.news_cat_more {
  display: block; 
}
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** PEOPLE LIST BLOCK **/
.people_letter_list {
  display: none; 
}
.people_show_letter {
  display: block; 
}
.eecs-alpha-list {
  margin-top: 1em;
  margin-bottom: 4em; 
}
.eecs-alpha-list span {
  display: inline-block;
  padding-right: 10px;
  font-size: 18px; 
}
.eecs-alpha-list span.no-people {
  color: #407EC9; 
}
.eecs-alpha-list span.people_letter {
  color: #00274C;
  font-weight: bold;
  cursor: pointer; 
}
.eecs-alpha-list span.people_letter:hover {
  text-decoration: underline;
  color: #7A121C; 
}
.eecs-alpha-list span.people_letter.letter_on {
  font-weight: bold;
  color: #7A121C; 
}
.people_lists {
  min-height: 500px; 
}
.eecs_person_wrapper {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3.5em; 
}
.eecs_person_image {
  width: 32%;
  max-width: 256px; 
}
.eecs_person_copy {
  width: 66%;
  margin-left: 2%;
  padding-top: 0;
  padding-right: 0.5em; 
}
.eecs_person_copy span {
  line-height: 1.2em; 
}
.eecs_person_copy a {
  text-decoration: none;
  color: #7A121C; 
}
.eecs_person_copy a:hover {
  font-weight: bold;
  text-decoration: underline;
  color: #7A121C; 
}
.eecs_person_wrapper h4 {
  font-size: 2em !important;
  font-weight: 400 !important;
  color: #000000 !important;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  margin-bottom: 0.25em !important; 
}
.eecs_person_copy {
  font-family: "IBM Plex Sans Condensed", sans-serif; 
}
.person_copy_section {
  display: block;
  margin-bottom: 0.5em; 
}
span.person_title_section {
  display: block;
  margin-bottom: 0.5em; 
}
span.person_title_section:last-child,
span.pcs_tall {
  margin-bottom: 1em; 
}

/* RESPONSIVE */
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** EVENT LIST BLOCK **/
.events-full-list.etcne {
  background-color: #ffffff;
  padding-bottom: 3rem;
  padding-top: 3rem; 
}
h2 + .events-full-list.etcne {
  padding-top: 1rem; 
}
.events-full-list.etcne .container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 0;
  padding-right: 0;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto; 
}
/* full list wrapper */
.events-full-list.etcne .events-list {
  margin-bottom: 1rem;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%; 
}
/* wrapper for each event & cal link */
.event-full-list-container {
  display: -ms-flexbox;
  display: flex; 
}
.events-full-list.etcne .event {
  color: #000;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.25rem;
  text-decoration: none;
  -webkit-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  -ms-flex-positive: 1;
  flex-grow: 1; 
}
a.event {
  border: 1px solid #efefef; 
}
.events-full-list.etcne .event:hover {
  -webkit-box-shadow: 0 11px 22px rgba(0, 0, 0, 0.22);
  box-shadow: 0 11px 22px rgba(0, 0, 0, 0.22);
  -webkit-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in; 
}

/*
.events-full-list.etcne .event:hover .event-title {
    text-decoration: underline;
}
*/
.events-full-list.etcne .event-date {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: "IBM Plex Sans", Arial, Verdana, sans-serif;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0.75rem 1.25rem 0.25rem;
  text-align: center; 
}
.events-full-list.etcne .event-description {
  background-color: #FEFEFE;
  border: 1px solid #FAFAFA;
  padding: 0.75rem; 
}
.events-full-list.etcne .event-full-list-container:nth-child(odd) .event-date {
  background-color: #00274C;
  color: #ffcb05; 
}
.events-full-list.etcne .event-full-list-container:nth-child(even) .event-date {
  background-color: #ffcb05;
  color: #00274C; 
}
.events-full-list.etcne .event-month {
  font-size: 1.4rem;
  line-height: 1; 
}
.events-full-list.etcne .event-day {
  font-size: 3rem;
  line-height: 1; 
}
.events-full-list.etcne .event-type {
  color: #00274C;
  font-size: 1rem;
  font-family: "IBM Plex Sans", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-bold);
  margin-bottom: 0.25rem;
  text-transform: uppercase; 
}
.events-full-list.etcne .event-title {
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-medium);
  font-size: 1rem;
  line-height: 1.125rem;
  margin-bottom: 0.25rem;
}
.events-full-list.etcne a.event-title-link {
  text-decoration: none !important;
  color: #000000 !important; 
}
.events-full-list.etcne a.event-title-link:hover {
  text-decoration: underline !important; 
}
.events-full-list.etcne .event-gcal {
  display: -ms-flexbox;
  display: flex;
  margin-right: 0.5rem;
  margin-left: 0.25rem;
  width: 175px;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; 
}
.events-full-list.etcne a.event-gcal-link {
  color: #4a4a4a;
  font-size: .7rem;
  text-transform: uppercase; 
}
.events-full-list.etcne a.event-gcal-link:hover {
  color: #7A121C;
  font-weight: bold; 
}
.events-full-list.etcne a.event-gcal-link:before {
  background-image: url("images/calendar-add-rusty-red.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 15px;
  width: 20px;
  display: inline-block;
  content: '';
  vertical-align: middle;
  margin-right: 3px; 
}
.events-full-list.etcne a.event-gcal-link:visited {
  color: #D86018; 
}
.events-full-list.etcne .event-details,
.events-full-list.etcne .event-speaker,
.events-full-list.etcne .event-gcal {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.25; 
}
.efl-speaker,
.efl-speaker-aff {
  display: block; 
}
.event-show-all {
  display: block;
  margin-top: 1.5em; 
}
.event-show-all a {
  color: #7A121C;
  text-decoration: none; 
}
.event-show-all a:hover {
  color: #7A121C;
  font-weight: bold;
  text-decoration: underline; 
}
.events_year_nav_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 2em;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; 
}
.events_year_nav_wrapper a {
  text-decoration: none;
  color: #7A121C;
  min-width: 60px; 
}
.events_year_nav_wrapper span {
  min-width: 60px; 
}
.events_year_nav_current {
  font-weight: bold; 
}
.events_year_nav_wrapper a:hover {
  text-decoration: underline;
  font-weight: bold;
  color: #7A121C; 
}

/* RESPONSIVE */
@media all and (max-width: 959px) {
  .events-full-list.etcne .container {
    padding-left: 1rem;
    padding-right: 1rem; 
  } 
}
@media all and (max-width: 767px) {
  .events-full-list.etcne .container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; 
  }
  /* wrapper for each event & cal link */
  .event-full-list-container {
    display: block; 
  }
  .events-full-list.etcne .events {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%; 
  }
  .event-gcal {
    display: block !important;
    text-align: right;
    margin-bottom: 1.25rem;
    width: 100% !important; 
  }
  .events-full-list.etcne .event {
    margin-bottom: 0.25rem; 
  } 
}
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** NEWS BY FACULTY BLOCK **/
.nbfb_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; 
}
.nbfb_wrapper a, a.nbfb_return {
  color: #7A121C;
  text-decoration: none;
  line-height: 1.1;
  display: block;
  padding: 1%;
  width: 31%; 
}
.nbfb_wrapper a:hover, a.nbfb_return:hover {
  color: #7A121C;
  text-decoration: underline;
  font-weight: bold; 
}
.nbfb_page_wrapper h4 {
  color: #00274C !important;
  font-size: 24px !important; 
}
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** In the News BLOCK **/
.news-in-the-news,
.news-in-the-news a {
  text-decoration: none !important; 
}
.news-in-the-news a:hover,
.news-in-the-news a:hover h2,
.news-in-the-news a:hover p {
  color: #407EC9 !important; 
}
.news-in-the-news a h2 {
  font-size: 1.125rem !important;
  font-weight: 800 !important;
  margin-bottom: 0.3em !important;
  line-height: 1.4 !important; 
}
.news-in-the-news a p {
  margin-bottom: 0 !important;
  line-height: 1.25 !important; 
}
.itn_header {
  font-size: .7rem;
  font-weight: 400;
  text-transform: uppercase;
  color: #202020;
  margin-bottom: 0.25em; 
}

/* RESPONSIVE */
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** TWO COLUMNS WITH NEWS & TWITTER **/
.news-twitter.nat {
  background-color: #FAFAFA;
  padding-bottom: 3rem;
  padding-top: 3rem; 
}
.news-twitter.nat .container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 0;
  padding-right: 0;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto; 
}
.news-twitter.nat .news-twitter-widget {
  margin-bottom: 1rem;
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%; 
}

/* news side */
.news-twitter.nat .news {
  -ms-flex-preferred-size: 58%;
  flex-basis: 58%; 
}
.news-twitter.nat .heading {
  font-size: 3rem;
  font-family: "IBM Plex Sans", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-bold);
  margin-bottom: 2rem; 
}
p.events-more-wrapper {
  text-align: left;
}
.news-twitter.nat .events-more-link {
  color: #7A121C;
  display: inline-block;
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-size: 1rem;
  text-decoration: none;
  padding-right: 20px;
}
.news-twitter.nat .events-more-link:hover,
.news-twitter.nat .events-more-link:focus {
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-semi-bold);
  text-decoration: underline;
}
.news-twitter.nat .news-item {
  border-bottom: 1px solid #cccccc;
  color: #000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
  text-decoration: none; 
}
.news-twitter.nat .news-item:hover,
.news-twitter.nat .news-item:hover .news-text,
.news-twitter.nat .news-item:hover .news-heading,
.news-twitter.nat .news-item:hover .news-description {
  color: #407EC9 !important; 
}
.news-twitter.nat .news-item:last-child {
  border-bottom: 0; 
}
.news-twitter.nat .news-text {
  -ms-flex-preferred-size: 70%;
  flex-basis: 70%;
  padding-right: 2rem; 
}
.news-twitter.nat .news-image {
  max-width: 180px;
  padding: 0; 
}
.news-twitter.nat h3.news-heading {
  font-family: "IBM Plex Sans Condensed";
  font-weight: var(--eecs-medium);
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  color: #131516;
  text-decoration: none; 
}
.news-twitter.nat .news-description {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.25; 
}
.cbd_eecs_news_more {
  display: none; 
}
.cbd_eecs_news_dots {
  cursor: pointer;
  font-weight: normal;
  font-size: 1rem; 
}
a.cbd_eecs_news_link {
  color: #7A121C;
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-size: 1rem;
  text-decoration: none; 
}
a.cbd_eecs_news_link:hover {
  font-weight: bold;
  color: #7A121C;
  text-decoration: underline; 
}

/* RESPONSIVE */
@media all and (max-width: 1280px) {
  .news-twitter.nat .heading {
    font-size: 2.75rem; 
  }
  .news-twitter.nat .news {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%; 
  }
  .news-twitter.nat .news-heading {
    font-size: 1.25rem; 
  }
  .news-twitter.nat .news-text {
    -ms-flex-preferred-size: 65%;
    flex-basis: 65%; 
  }
  .news-twitter.nat .news-image {
    max-width: 128px;
    width: 128px; 
  } 
}
@media all and (max-width: 959px) {
  .news-twitter.nat .container {
    padding-left: 1rem;
    padding-right: 1rem; 
  } 
}
@media all and (max-width: 767px) {
  .news-twitter.nat .container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; 
  }
  .news-twitter.nat .heading {
    font-size: 2rem; 
  }
  .news-twitter.nat .news {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%; 
  }
  .news-twitter.nat .news-image {
    max-width: 143px;
    width: 143px; 
  }
  .news-twitter.nat .news-text {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%; 
  }
  .news-twitter.nat .news-twitter-widget {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%; 
  } 
}
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** NEWS BY FACULTY BLOCK **/
.nbfb_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; 
}
.nbfb_wrapper a, a.nbfb_return {
  color: #7A121C;
  text-decoration: none;
  line-height: 1.1;
  display: block;
  padding: 1%;
  width: 31%; 
}
.nbfb_wrapper a:hover, a.nbfb_return:hover {
  color: #7A121C;
  text-decoration: underline;
  font-weight: bold; 
}
.nbfb_page_wrapper h4 {
  color: #00274C !important;
  font-size: 24px !important; 
}
/** TWO COLUMNS WITH FLIPBOOK **/
.dfb {
  padding: 0;
  background-color: #00274C;
  margin: 0 auto 1em auto;
  width: 100% !important;
  max-width: 100% !important; 
}
.dfb_wrapper {
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  background: transparent;
  width: 100%;
  padding: 0;
  max-width: 1280px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; 
}
.dfb_column:first-child {
  -ms-flex-preferred-size: 18%;
  flex-basis: 18%;
  max-width: 223px;
  margin-left: 2rem;
  margin-right: 1rem;
  border-bottom: 3px solid #ffcb05;
  line-height: 1.33;
  padding-bottom: 1rem; 
}
.dfb_column:last-child {
  -ms-flex-preferred-size: 80%;
  flex-basis: 80%;
  max-width: 992px;
  margin-left: auto;
  margin-bottom: 0; 
}
.dfb .wp-block-embed {
  margin-bottom: 0; 
}
h2.dfb_title, h2.dfb_title a {
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-semi-bold);
  font-size: 1.5rem !important;
  margin-bottom: 0.5rem !important;
  color: #ffcb05 !important;
  line-height: 1.33;
  text-decoration: none; 
}

/* make font size and line height below important to show in editor */
.dfb_body, .dfb_body p, .dfb_body a {
  font-family: "IBM Plex Sans", Arial, Verdana, sans-serif;
  font-size: 1.125rem;
  color: #ffffff !important;
  line-height: 1.5;
  text-decoration: none; 
}
.dfb_body a, .dfb_body p a {
  color: #ffcb05;
  text-decoration: none; 
}
.dfb_body > a:hover {
  color: #ffffff !important;
  text-decoration: none; 
}
.dfb_body a:hover, .dfb_body p a:hover {
  text-decoration: underline; 
}
.dfb_body > a:hover {
  color: #ffffff !important;
  text-decoration: none !important; 
}
.dfb_column .wp-block-embed__wrapper iframe {
  max-height: 558px; 
}

/* RESPONSIVE */
@media all and (max-width: 1100px) {
  .dfb_wrapper {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 1rem 1rem 2rem; 
  }
  .dfb_column:first-child, .dfb_column:last-child {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    max-width: 100%; 
  }
  .dfb_column:first-child {
    margin-left: 0;
    margin-right: 0; 
  }
  .dfb_column:last-child {
    width: 100%;
    padding-bottom: 15px;
    margin-left: 0;
    margin-right: 0; 
  }
  h2.dfb_title {
    font-size: 1.25rem;
    margin-bottom: 0; 
  }
  .dfb_body, .dfb_body p {
    font-size: 1rem; 
  } 
}
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** JOB MARKET **/
.jm_wrapper {
  width: 100%;
  margin: 1em 0;
  overflow-wrap: break-word; 
}

/* grid layout */
.jm_grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly; 
}
.jm_grid .jm_item {
  padding-bottom: 1em; 
}
.jm_cols_2 .jm_item {
  width: 46%; 
}
.jm_cols_3 .jm_item {
  width: 30%; 
}
.jm_cols_4 .jm_item {
  width: 22%; 
}
.jm_grid .jm_portrait {
  margin-bottom: 1em; 
}

/* list layout */
.jm_list {
  display: block; 
}
.jm_list .jm_item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 2em; 
}
.jm_list .jm_portrait {
  width: 38%; 
}
.jm_list .jm_data {
  width: 58%; 
}

/* both layouts */
.jm_name, .jm_type, .jm_email, .jm_url, .jm_area, .jm_dissert, .jm_employ, .jm_other, .jm_more, .jm_advisors, .jm_end_date {
  display: block;
  line-height: 1.5; 
}
.jm_body_font_18 .jm_item {
  font-size: 18px; 
}
.jm_body_font_16 .jm_item {
  font-size: 16px; 
}
.jm_body_font_14 .jm_item {
  font-size: 14px;
  line-height: 1.5; 
}
.jm_name_font_24 .jm_name {
  font-weight: bold;
  font-size: 24px;
  line-height: 1.5; 
}
.jm_name_font_22 .jm_name {
  font-weight: bold;
  font-size: 22px;
  line-height: 1.5; 
}
.jm_name_font_20 .jm_name {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.5; 
}
.jm_name_font_18 .jm_name {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.5; 
}

/* RESPONSIVE */
@media all and (max-width: 980px) {
  .jm_cols_3 .jm_item,
  .jm_cols_4 .jm_item {
    width: 46%; 
  } 
}
@media all and (max-width: 767px) {
  .jm_cols_2 .jm_item,
  .jm_cols_3 .jm_item,
  .jm_cols_4 .jm_item {
    width: 96%; 
  } 
}
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.eecs-image-text1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1em; 
}
.eecs-image-text1 .eIT1-image {
  width: 33% !important; 
}
figure.eIT1-image {
  margin-top: 0 !important;
  margin-bottom: 0 !important; 
}
.eecs-image-text1 .eIT1-text {
  width: 66% !important; 
}
.eIT1-text .wp-block-group__inner-container {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start; 
}
.eIT1-text p {
  width: 100%;
  margin: 0 0 1em 0; 
}

@media all and (max-width: 767px) {
  .eecs-image-text1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; 
  }
  .eecs-image-text1 .eIT1-image {
    width: 98% !important; 
  }
  .eecs-image-text1 .eIT1-text {
    width: 98% !important; 
  } 
}