/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** EECS HERO BLOCK **/
.ehb {
  color: #FAFAFA;
  position: relative;
  text-shadow: 0 2px 4px #000;
  background-color: #cccccc;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  min-height: 350px;
  width: 100% !important;
  max-width: 100% !important; }

a.ehb_url {
  width: 100%;
  height: 100%;
  min-height: 541px;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none; }

.ehb_wrapper,
.is-style-ehb-center-bottom .ehb_wrapper {
  text-align: center; }

.is-style-ehb-center-top .ehb_wrapper {
  text-align: center; }

.is-style-ehb-center-middle .ehb_wrapper {
  text-align: center; }

.is-style-ehb-left-bottom .ehb_wrapper {
  text-align: left; }

.is-style-ehb-left-top .ehb_wrapper {
  text-align: left; }

.is-style-ehb-left-middle .ehb_wrapper {
  text-align: left; }

.is-style-ehb-right-bottom .ehb_wrapper {
  text-align: right; }

.is-style-ehb-right-top .ehb_wrapper {
  text-align: right; }

.is-style-ehb-right-middle .ehb_wrapper {
  text-align: right; }

.ehb .container {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: end;
      align-items: flex-end;
  margin-bottom: 3em; }

.ehb.is-style-ehb-center-bottom .container {
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: end;
      align-items: flex-end;
  margin-bottom: 3em; }

.ehb.is-style-ehb-center-top .container {
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-top: 3em; }

.ehb.is-style-ehb-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; }

.ehb.is-style-ehb-left-bottom .container {
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: end;
      align-items: flex-end;
  margin-bottom: 3em; }

.ehb.is-style-ehb-left-top .container {
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-top: 3em; }

.ehb.is-style-ehb-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; }

.ehb.is-style-ehb-right-bottom .container {
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: end;
      align-items: flex-end;
  margin-bottom: 3em; }

.ehb.is-style-ehb-right-top .container {
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-top: 3em; }

.ehb.is-style-ehb-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; }

.ehb_quote {
  font-size: 2.5rem;
  margin-bottom: 1rem;
  font-family: "IBM Plex Sans Condensed";
  font-weight: 600;
  color: #FAFAFA;
  width: 100%;
  line-height: 1.2; }

.ehb_cite {
  font-size: 1rem;
  font-family: "IBM Plex Sans";
  font-style: italic;
  color: #FAFAFA;
  width: 100%; }

/* RESPONSIVE */
@media all and (max-width: 1280px) {
  .ehb .container {
    width: 80%; } }

@media all and (max-width: 980px) {
  .ehb_quote {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    line-height: 1.1; }
  .ehb .container {
    margin-bottom: 2.5em; }
  .ehb.is-style-ehb-center-bottom .container {
    margin-bottom: 2.5em; }
  .ehb.is-style-ehb-center-top .container {
    margin-top: 2.5em; }
  .ehb.is-style-ehb-center-middle .container {
    margin-top: 1em;
    margin-bottom: 1em; }
  .ehb.is-style-ehb-left-bottom .container {
    margin-bottom: 2.5em; }
  .ehb.is-style-ehb-left-top .container {
    margin-top: 2.5em; }
  .ehb.is-style-ehb-left-middle .container {
    margin-top: 1em;
    margin-bottom: 1em; }
  .ehb.is-style-ehb-right-bottom .container {
    margin-bottom: 2.5em; }
  .ehb.is-style-ehb-right-top .container {
    margin-top: 2.5em; }
  .ehb.is-style-ehb-right-middle .container {
    margin-top: 1em;
    margin-bottom: 1em; } }

@media all and (max-width: 767px) {
  a.ehb_url {
    min-height: 400px; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** EECS LANDING THREE CARDS BLOCK **/
.eltc {
  padding-top: 5.25rem;
  padding-bottom: 4rem;
  position: relative;
  width: 100% !important;
  max-width: 100% !important; }

.eltc_background {
  min-height: 624px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  position: absolute;
  top: 0;
  width: 100%; }

.eltc_main_wrapper {
  max-width: 1066px;
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto; }

h2.eltc_title {
  font-family: "IBM Plex Sans Condensed";
  font-size: 2.7rem !important;
  color: #ffcb05 !important;
  font-weight: 600 !important;
  margin-bottom: 1.5rem !important;
  position: relative; }

.eltc_body {
  font-size: 1.15rem;
  margin-bottom: 5rem;
  color: #ffffff;
  line-height: 1.3;
  max-width: 720px;
  position: relative; }

.eltc_card_wrapper {
  display: -ms-flexbox;
  display: flex;
  margin: -0.625rem auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-width: 1100px;
  position: relative; }

.eltc_card_content:before {
  content: '';
  height: 8px;
  width: 73px;
  position: absolute;
  margin-top: -1.65rem;
  margin-left: 0.4rem; }

.eltc_card .eltc_card_content:before {
  background-color: #00B2A9; }

.eltc_card + .eltc_card .eltc_card_content:before {
  background-color: #407EC9; }

.eltc_card + .eltc_card + .eltc_card .eltc_card_content:before {
  background-color: #9A3324; }

.eltc_card_content {
  padding: 1.3rem 1.3rem 0.1rem 1.3rem; }

.eltc_card {
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%;
  margin: 0.625rem;
  background-color: #ffffff;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -webkit-transition: -webkit-box-shadow 0.15s ease-in-out;
  transition: -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }

.eltc_card: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: -webkit-box-shadow 0.15s ease-in-out;
  transition: -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }

h3.eltc_card_title {
  font-size: 1.45rem;
  margin-bottom: 1.5rem;
  color: #131516;
  font-family: "IBM Plex Sans Condensed";
  font-weight: 600; }

h4.eltc_card_subtitle {
  font-size: 1.125rem;
  color: #00274C;
  font-weight: 500;
  margin-bottom: 0.25rem;
  font-family: "IBM Plex Sans Condensed"; }

h4.eltc_card_subtitle:first-child {
  margin-top: 0; }

.eltc_card_body p {
  font-size: 1rem;
  color: #00274C;
  font-weight: normal;
  margin-bottom: 0;
  line-height: 1.25;
  /*margin-top:0.5rem;*/ }

.eltc_card_body p:last-child {
  margin-bottom: 1.5rem; }

.eltc_card_body a {
  font-family: "IBM Plex Sans Condensed";
  margin-top: auto;
  margin-bottom: 0.25rem;
  text-decoration: none;
  color: #7A121C;
  -webkit-transition: color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out; }

.eltc_card_body a:hover {
  text-decoration: underline;
  color: #7A121C;
  font-weight: bold; }

.eltc_text {
  background-color: rgba(19, 21, 22, 0.67);
  color: #ffffff;
  margin: 0 auto;
  max-width: 780px;
  padding: 1.4rem;
  position: relative;
  z-index: 1; }

/* RESPONSIVE EL3C */
@media all and (max-width: 1280px) {
  .eltc {
    padding-top: 4.5rem;
    padding-bottom: 2.5rem; }
  .eltc_background {
    min-height: 515px; }
  .eltc_main_wrapper {
    max-width: 620px; }
  h2.eltc_title {
    font-size: 2rem !important; }
  .eltc_body {
    font-size: 1rem; }
  .eltc_card_wrapper {
    margin-top: -1rem; }
  .eltc_card_content {
    padding: 1rem; }
  .eltc_card_content:before {
    margin-left: 0.2rem;
    height: 5px;
    width: 50px;
    margin-top: -1.2rem; }
  h3.eltc_card_title {
    margin-bottom: 1rem; }
  h4.eltc_card_subtitle {
    font-size: 1rem; } }

@media all and (max-width: 1151px) {
  .eltc_card {
    margin: 0.3rem; } }

@media all and (max-width: 767px) {
  .eltc {
    padding-top: 4rem;
    padding-bottom: 2.5rem; }
  .eltc_background {
    min-height: calc(100vw + 1%) !important; }
  .eltc_main_wrapper {
    max-width: 90%;
    position: relative;
    margin-bottom: calc(11vw + 1%) !important; }
  h2.eltc_title {
    font-size: 1.5rem !important; }
  .eltc_body p {
    line-height: 1.4; }
  .eltc_card_wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative; }
  .eltc_card {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin: 0.8rem 1rem; }
  .eltc_card_wrapper.fadein--up {
    -webkit-animation-name: none !important;
    animation-name: none !important;
    opacity: 1; }
  .eltc_card_image {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%; } }

@media all and (max-width: 710px) {
  .eltc_background {
    min-height: calc(120vw + 1%) !important; }
  .eltc_main_wrapper {
    margin-bottom: calc(16vw + 1%) !important; } }

@media all and (max-width: 450px) {
  .eltc_background {
    min-height: calc(200vw + 1%) !important; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** EECS LANDING TWO CARDS BLOCK **/
.el2c {
  position: relative;
  padding-top: 150px;
  padding-bottom: 3.25rem;
  font-family: "IBM Plex Sans";
  width: 100% !important; }

.el2c a {
  text-decoration: none; }

.el2c_background {
  min-height: 530px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  position: absolute;
  top: 0;
  width: 100%; }

.el2c_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: 0; }

h2.el2c_title {
  font-family: "IBM Plex Sans Condensed";
  font-size: 2.75rem;
  font-weight: 500;
  color: #ffffff !important;
  line-height: 1.1;
  margin-bottom: 1rem; }

.el2c_body {
  font-size: 1.15rem;
  line-height: 1.55; }

.el2c_card_wrapper {
  font-family: "IBM Plex Sans Condensed";
  background: transparent;
  width: 100%;
  max-width: 884px;
  padding-top: 3.6rem;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: flex-start; }

.wp-admin .el2c {
  margin-top: 50px; }

a.el2c_column:before, .wp-admin .el2c_card:before {
  content: '';
  height: 10px;
  width: 80px;
  background-color: #00274C;
  position: absolute;
  margin-top: -1.8rem;
  margin-left: 1.4rem; }

a.el2c_column + a.el2c_column:before, .wp-admin div.el2c_card + div.el2c_card:before {
  content: '';
  height: 10px;
  width: 80px;
  background-color: #ffcb05;
  position: absolute;
  margin-top: -1.8rem;
  margin-left: 1.4rem; }

.el2c_column, .el2c_card {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 432px;
  background-color: #ffffff;
  padding: 1.4rem 1.4rem 1.1rem 1.4rem;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -webkit-transition: -webkit-box-shadow 0.15s ease-in-out;
  transition: -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  position: relative; }

a.el2c_column: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: -webkit-box-shadow 0.15s ease-in-out;
  transition: -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }

h3.el2c_card_title {
  font-size: 2rem;
  margin-bottom: 1.25rem;
  color: #00274C;
  font-family: "IBM Plex Sans Condensed";
  font-weight: 600;
  line-height: 1.25; }

.el2c_card_body {
  min-height: 100px; }

.el2c_card_body p {
  font-size: 1rem;
  color: #131516;
  line-height: 1.25;
  margin-bottom: 1rem; }

p.el2c_cta {
  font-family: "IBM Plex Sans Condensed";
  color: #7A121C !important;
  display: block;
  margin-top: auto;
  margin-bottom: 0.25rem;
  text-decoration: none;
  font-size: 1rem; }

p.el2c_cta:hover {
  font-weight: bold;
  text-decoration: underline; }

/* RESPONSIVE EL2C */
/* was 1280 */
@media all and (max-width: 1180px) {
  .el2c {
    position: relative;
    padding-top: 10rem;
    /* was 18rem */
    padding-bottom: 4.1rem; }
  .el2c_main_wrapper {
    max-width: 620px; }
  .el2c_column {
    padding: 1.4rem 1.4rem 2.4rem 1.4rem; }
  h2.el2c_title {
    font-size: 2rem;
    margin-bottom: 1rem; }
  .el2c_body {
    font-size: 1rem; }
  .el2c_card_wrapper {
    padding-top: 2rem;
    max-width: 620px; }
  .el2c_column, .el2c_card {
    max-width: 300px; }
  a.el2c_column:before {
    margin-left: 0.2rem;
    height: 5px;
    width: 50px;
    margin-top: -1.6rem; }
  a.el2c_column + a.el2c_column:before {
    margin-left: 0.2rem;
    height: 5px;
    width: 50px;
    margin-top: -1.6rem; }
  h3.el2c_card_title {
    font-size: 1.35rem;
    margin-bottom: 1rem; }
  p.el2c_cta {
    position: absolute;
    bottom: 20px; } }

@media all and (max-width: 767px) {
  .el2c_card_wrapper.fadein--up {
    -webkit-animation-name: none !important;
    animation-name: none !important;
    opacity: 1; }
  .el2c {
    margin: 0 auto 70px auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 50px;
    /* was 250 */
    padding-bottom: 0; }
  .el2c_background {
    min-height: 360px; }
  p.el2c_cta {
    position: relative;
    margin-top: 20px;
    margin-bottom: 0;
    bottom: auto; } }

@media all and (max-width: 650px) {
  .el2c_column, .el2c_card {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    max-width: 49%; } }
/**
 * #.# 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";
  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";
  font-size: 2.75rem;
  font-weight: 500;
  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 70px auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 50px;
    /* was 250 */
    padding-bottom: 0; }
  .elnoc_background {
    min-height: 360px; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** TWO COLUMNS WITH VIDEO **/
.e2cv {
  padding-bottom: 2rem;
  padding-top: 2rem;
  background-color: #00274C;
  color: #ffffff;
  width: 100% !important;
  max-width: 100% !important; }

.e2cv_wrapper {
  font-family: "IBM Plex Sans Condensed";
  background: transparent;
  width: 100%;
  padding: 0;
  max-width: 1100px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: flex-start; }

.e2cv_column {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  background-color: transparent;
  padding: 0.625rem; }

h3.e2cv_title {
  font-family: "IBM Plex Sans Condensed";
  font-size: 1.5rem !important;
  margin-bottom: 0.5rem !important;
  color: #ffcb05 !important;
  font-weight: 600 !important; }

/* make font size and line height below important to show in editor */
.e2cv_body, .e2cv_body p {
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.25 !important;
  margin-bottom: 1rem !important; }

.e2cv_video {
  margin-bottom: 0.5rem; }

.e2cv_video iframe {
  width: 100%;
  height: calc(50vw * 0.6);
  max-height: 375px; }

/* RESPONSIVE */
@media all and (max-width: 1280px) {
  h3.e2cv_title {
    font-size: 1rem !important; } }

@media all and (max-width: 767px) {
  .e2cv_wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .e2cv_column {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  .e2cv_video iframe {
    width: 100%;
    height: 50vw; } }
/**
 * #.# 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-weight: 700;
  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";
  -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-weight: 700;
  margin-bottom: 0.25rem;
  text-transform: uppercase; }

.events-and-news.etcne .event-title {
  font-family: "IBM Plex Sans Condensed";
  font-size: 1rem;
  font-weight: 500;
  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;
  /* changed from right 8/5/19 per spreadsheet */ }

.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";
  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-weight: 600;
  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";
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
  color: #131516;
  text-decoration: none; }

.events-and-news.etcne .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";
  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.
*/
/** BY THE NUMBERS **/
.ebtn.by-the-numbers {
  background-color: #031B31;
  color: #ffcb05;
  font-family: "IBM Plex Sans Condensed";
  padding-bottom: 4rem;
  padding-top: 4rem;
  text-align: center;
  width: 100% !important;
  max-width: 100% !important; }

/* heading after btn block */
.ebtn.by-the-numbers + h2 {
  margin-top: 1em; }

.ebtn.by-the-numbers .container {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.ebtn.by-the-numbers .heading {
  border-bottom: 1px solid #ffcb05;
  border-top: 1px solid #ffcb05;
  font-family: "IBM Plex Sans Condensed";
  font-size: 3rem !important;
  font-weight: 200 !important;
  padding-bottom: 1rem;
  padding-top: 1rem;
  text-transform: uppercase;
  color: #ffcb05 !important; }

.ebtn.by-the-numbers h2 {
  margin-bottom: 0 !important; }

.ebtn.by-the-numbers a {
  color: #ffffff;
  text-decoration: underline; }

.ebtn.by-the-numbers a:hover {
  color: #ffcb05; }

.ebtn.by-the-numbers .infographics {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.page-template .ebtn.by-the-numbers .infographics {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }

.ebtn.by-the-numbers .infographic {
  border-bottom: 1px solid #ffcb05;
  border-right: 1px solid #ffcb05;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  padding-bottom: 3rem;
  padding-top: 3rem; }

.by-the-numbers .infographic:last-child {
  border-right: 0; }

.ebtn.by-the-numbers .large-text {
  font-size: 4.75rem;
  font-weight: 300; }

.page-template .ebtn.by-the-numbers .large-text {
  font-size: 3.75rem; }

.ebtn.by-the-numbers .small-text {
  font-size: 1.5rem;
  line-height: 1.125; }

.page-template .ebtn.by-the-numbers .small-text {
  font-size: 1rem;
  line-height: 1.125; }

/* RESPONSIVE */
@media all and (max-width: 1300px) {
  .page-template .ebtn.by-the-numbers .large-text {
    font-size: 5vw; } }

@media all and (max-width: 1200px) {
  .ebtn.by-the-numbers {
    padding-bottom: 3.75rem;
    padding-top: 3.75rem; }
  .ebtn.by-the-numbers .heading {
    font-size: 2.75rem; }
  .ebtn.by-the-numbers .infographic {
    padding-bottom: 3.75rem;
    padding-top: 3.75rem; }
  .ebtn.by-the-numbers .large-text {
    font-size: 3.75rem; }
  .ebtn.by-the-numbers .small-text {
    font-size: 1.25rem; } }

@media all and (max-width: 1100px) {
  .ebtn.by-the-numbers {
    padding-bottom: 3.25rem;
    padding-top: 3.25rem; }
  .ebtn.by-the-numbers .heading {
    font-size: 2.25rem; }
  .ebtn.by-the-numbers .infographic {
    padding-bottom: 3.25rem;
    padding-top: 3.25rem; }
  .ebtn.by-the-numbers .large-text {
    font-size: 3.25rem; }
  .ebtn.by-the-numbers .small-text {
    font-size: 1.25rem; } }

@media all and (max-width: 980px) {
  .ebtn.by-the-numbers {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem; }
  .ebtn.by-the-numbers .heading {
    font-size: 2rem; }
  .ebtn.by-the-numbers .infographic {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem; }
  .ebtn.by-the-numbers .large-text {
    font-size: 3rem; }
  .ebtn.by-the-numbers .small-text {
    font-size: 1.25rem; } }

@media all and (max-width: 767px) {
  .ebtn.by-the-numbers .infographic {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%; }
  .ebtn.by-the-numbers .infographic:nth-child(2n) {
    border-right: 0; }
  .page-template .ebtn.by-the-numbers .infographics {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** DIV LANDING FIVE CARDS BLOCK **/
.dl5c {
  padding-bottom: 2.75rem;
  position: relative;
  font-family: "IBM Plex Sans";
  width: 100% !important;
  max-width: 100% !important; }

.dl5c_background {
  min-height: 494px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  position: absolute;
  top: 0;
  width: 100%; }

.dl5c .container {
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 1180px; }

.dl5c_main_wrapper {
  margin: 0 auto;
  max-width: 800px; }

.dl5c_main_text {
  float: right;
  padding-top: 150px;
  color: #FEFEFE;
  font-size: 1.25rem;
  padding-bottom: 2rem;
  position: relative;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  z-index: 1; }

h1.dl5c_title {
  font-size: 2.75rem !important;
  font-family: "IBM Plex Sans Condensed";
  font-weight: 600 !important;
  margin-bottom: 1.25rem !important;
  color: #FEFEFE !important;
  line-height: 1; }

h1.dl5c_title a {
  font-size: 2.75rem !important;
  font-weight: 600 !important;
  color: #FEFEFE !important;
  line-height: 1;
  display: inline; }

.dl5c_body {
  margin-bottom: 2rem;
  font-size: 1.2rem; }

.dl5c_border {
  width: 285px;
  background-color: #ffcb05;
  height: 2px; }

.dl5c_card_wrapper {
  display: grid;
  clear: both;
  grid-gap: 5px;
  grid-template-columns: 1fr 1fr 1fr;
  padding-top: 3.25rem;
  position: relative; }

.dl5c_card {
  -ms-flex: 1;
      flex: 1;
  margin: 0.625rem;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  display: block;
  text-decoration: none;
  -webkit-transition: -webkit-box-shadow 0.15s ease-in-out;
  transition: -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  z-index: 1;
  background-color: #fefefe;
  padding: 1.4rem; }

.dl5c_card: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: -webkit-box-shadow 0.15s ease-in-out;
  transition: -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }

.dl5c_card:first-child {
  grid-column: 1;
  grid-row: 1 / 3; }

.dl5c_card:before {
  content: '';
  height: 8px;
  width: 80px;
  position: absolute;
  margin-left: 1.4rem; }

.dl5c_card:first-child:before {
  margin-top: -1.7rem;
  background-color: #9A3324; }

.dl5c_card:nth-child(2):before {
  margin-top: -1.7rem;
  background-color: #407EC9; }

.dl5c_card:nth-child(3):before {
  margin-top: -1.7rem;
  background-color: #7A121C; }

.dl5c_card:nth-child(4):before {
  margin-top: -1.7rem;
  background-color: #ffcb05; }

.dl5c_card:nth-child(5):before {
  margin-top: -1.7rem;
  background-color: #00274C; }

.dl5c_card_wrapper h2 {
  font-size: 1.45rem !important;
  margin-bottom: 1.5rem !important;
  color: #00274C !important;
  font-family: "IBM Plex Sans Condensed";
  font-weight: 600 !important; }

.dl5c_card_wrapper h2 a {
  font-size: 1.45rem !important;
  color: #00274C !important;
  font-family: "IBM Plex Sans Condensed";
  font-weight: 600 !important;
  text-decoration: underline;
  display: inline; }

.dl5c_card_content p {
  font-size: 1rem;
  color: #131516;
  line-height: 1.25 !important;
  margin-bottom: 1rem !important; }

.dl5c_main_card_body p {
  font-size: 1.125rem; }

.dl5c_card_content ul,
.dl5c_main_card_body ul {
  margin-left: 2rem;
  line-height: 1.25;
  margin-bottom: 1rem; }

.dl5c_card_content li,
.dl5c_main_card_body li {
  font-size: 1.125rem;
  color: #131516; }

.dl5c_card_content a {
  font-family: "IBM Plex Sans Condensed";
  color: #7A121C;
  display: block;
  margin-top: auto;
  text-decoration: none;
  margin-bottom: -10px;
  font-size: 1rem;
  line-height: 1.25; }

.dl5c_card_content a:hover {
  text-decoration: underline;
  font-weight: bold;
  color: #7A121C; }

p.dl5c_card1body a, p.dl5c_card2body a {
  padding-top: 1rem; }

h2 + p.dl5c_card1body a:first-child,
h2 + p.dl5c_card2body a:first-child {
  padding-top: 0; }

/* RESPONSIVE EL2C */
@media all and (max-width: 1280px) {
  .dl5c_background {
    min-height: 300px;
    background-position: center; }
  .dl5c_main_text {
    padding-top: 80px;
    padding-bottom: 1rem; }
  .dl5c_card_wrapper {
    padding-top: 0; } }

@media all and (max-width: 980px) {
  .dl5c_card_wrapper {
    grid-gap: 0; }
  .dl5c_card {
    margin: 0.5rem; } }

@media all and (max-width: 959px) {
  .dl5c_main_wrapper {
    padding-right: 1rem;
    padding-left: 1rem;
    max-width: 96%; } }

@media all and (max-width: 767px) {
  h1.dl5c_title {
    font-size: 2rem !important; }
  h1.dl5c_title a {
    font-size: 2rem !important; }
  .dl5c_body {
    font-size: 1rem; }
  .dl5c_card_wrapper {
    grid-template-columns: 1fr; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** TWO COLUMNS WITH VIDEO **/
.dwv {
  padding: 0;
  background-color: #00274C;
  margin: 0 auto;
  width: 100% !important;
  max-width: 100% !important; }

.dwv_wrapper {
  font-family: "IBM Plex Sans Condensed";
  background: transparent;
  width: 100%;
  padding: 0;
  max-width: 1280px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.dwv_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; }

.dwv_column:last-child {
  -ms-flex-preferred-size: 80%;
      flex-basis: 80%;
  max-width: 992px;
  margin-left: auto;
  margin-bottom: 0; }

.dwv .wp-block-embed {
  margin-bottom: 0; }

h2.dwv_title {
  font-family: "IBM Plex Sans Condensed";
  font-size: 1.5rem !important;
  margin-bottom: 0.5rem !important;
  color: #ffcb05 !important;
  font-weight: 600 !important;
  line-height: 1.33; }

/* make font size and line height below important to show in editor */
.dwv_body, .dwv_body p {
  font-family: "IBM Plex Sans";
  font-size: 1.125rem;
  color: #ffffff;
  line-height: 1.5; }

.dwv_body a, .dwv_body p a {
  color: #ffcb05;
  text-decoration: none; }

.dwv_body a:hover, .dwv_body p a:hover {
  color: #ffcb05;
  text-decoration: underline; }

.dwv_column .wp-block-embed__wrapper iframe {
  max-height: 558px; }

/* RESPONSIVE */
@media all and (max-width: 1100px) {
  .dwv_wrapper {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    padding: 1rem 1rem 2rem; }
  .dwv_column:first-child, .dwv_column:last-child {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    width: 100%;
    max-width: 100%; }
  .dwv_column:first-child {
    margin-left: 0;
    margin-right: 0; }
  .dwv_column:last-child {
    width: 100%;
    padding-bottom: 15px;
    margin-left: 0;
    margin-right: 0; }
  h2.dwv_title {
    font-size: 1.25rem;
    margin-bottom: 0; }
  .dwv_body, .dwv_body p {
    font-size: 1rem; } }
/**
 * #.# 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.
*/
/** INTERNAL TWO CARDS BLOCK **/
.i2c {
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative; }

p + .i2c {
  padding-top: 0; }

/* on 9/9/19 Catharine requested that I remove fades from this block
removing from the JS breaks the block; rather than write deprecation code
we're removing the fade here */
.i2c_card_wrapper.fadein--up {
  -webkit-animation-name: none !important;
  animation-name: none !important;
  opacity: 1; }

.i2c_card_wrapper {
  display: -ms-flexbox;
  display: flex;
  margin: -0.625rem auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-width: 1100px;
  position: relative; }

p + .i2c .i2c_card_wrapper {
  margin: 0 auto; }

p + .i2c .i2c_card_wrapper .i2c_card {
  margin: 0 0.625rem 0.625rem 0.625rem; }

img.i2c_card_image {
  width: 100%; }

.i2c_card_content:before {
  content: '';
  height: 8px;
  width: 80px;
  position: absolute;
  margin-top: -1.65rem;
  margin-left: 0.4rem; }

.i2c_card_content:before {
  background-color: #00B2A9; }

.i2c_card_content.um-yellow:before {
  background-color: #ffcb05; }

.i2c_card_content.almost-black:before {
  background-color: #131516; }

.i2c_card_content.black:before {
  background-color: #000000; }

.i2c_card_content.brownish-red:before {
  background-color: #9A3324; }

.i2c_card_content.charcoal-grey:before {
  background-color: #4a4a4a; }

.i2c_card_content.claret:before {
  background-color: #7A121C; }

.i2c_card_content.dark-blue-grey:before {
  background-color: #031B31; }

.i2c_card_content.pale-grey:before {
  background-color: #FAFAFA; }

.i2c_card_content.rusty-red:before {
  background-color: #D86018; }

.i2c_card_content.topaz:before {
  background-color: #00B2A9; }

.i2c_card_content.um-blue:before {
  background-color: #00274C; }

.i2c_card_content.white:before {
  background-color: #FEFEFE; }

.i2c_card_content.windows-blue:before {
  background-color: #407EC9; }

.i2c_card_content {
  padding: 1.3rem; }

.i2c_card {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  margin: 0.625rem;
  background-color: #ffffff;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -webkit-transition: -webkit-box-shadow 0.15s ease-in-out;
  transition: -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }

.i2c_card: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: -webkit-box-shadow 0.15s ease-in-out;
  transition: -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }

h3.i2c_card_title {
  font-size: 1.45rem;
  margin-bottom: 1.5rem;
  color: #131516;
  font-family: "IBM Plex Sans Condensed";
  font-weight: 600; }

.i2c_card_body {
  font-size: 1rem;
  color: #00274C;
  font-weight: normal;
  margin-bottom: 0;
  line-height: 1.25;
  /*margin-top:0.5rem;*/ }

.i2c_card_body a {
  display: block;
  font-family: "IBM Plex Sans Condensed";
  margin-top: 1rem;
  text-decoration: none;
  color: #7A121C;
  -webkit-transition: color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out; }

.i2c_card_body a:hover {
  text-decoration: underline;
  color: #7A121C;
  font-weight: bold; }

.i2c + .i2c {
  padding-top: 0; }

/* RESPONSIVE EL3C */
@media all and (max-width: 1151px) {
  .i2c_background {
    min-height: 515px; }
  .i2c_main_wrapper {
    max-width: 620px; }
  .i2c_card_wrapper {
    margin-top: -1rem; }
  .i2c_card_content {
    padding: 1rem; }
  .i2c_card_content:before {
    margin-left: 0.2rem;
    height: 5px;
    width: 50px;
    margin-top: -1.2rem; }
  h3.i2c_card_title {
    margin-bottom: 1rem; } }

@media all and (max-width: 767px) {
  .i2c_background {
    min-height: calc(100vw + 1%) !important; }
  .i2c_main_wrapper {
    max-width: 90%;
    position: relative;
    margin-bottom: calc(11vw + 1%) !important; }
  .i2c_body {
    line-height: 1.4; }
  .i2c_card_wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative; }
  .i2c_card {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin: 0.8rem 1rem; }
  .i2c_card_wrapper.fadein--up {
    -webkit-animation-name: none !important;
    animation-name: none !important;
    opacity: 1; }
  .i2c_card_image {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%; } }

@media all and (max-width: 710px) {
  .i2c_background {
    min-height: calc(120vw + 1%) !important; }
  .i2c_main_wrapper {
    margin-bottom: calc(16vw + 1%) !important; } }

@media all and (max-width: 450px) {
  .i2c_background {
    min-height: calc(200vw + 1%) !important; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** INTERNAL THREE CARDS BLOCK **/
.i3c {
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative; }

/* on 10/11/19 Catharine requested that I remove fades from this block
removing from the JS breaks the block; rather than write deprecation code
we're removing the fade here */
.i3c_card_wrapper.fadein--up {
  -webkit-animation-name: none !important;
  animation-name: none !important;
  opacity: 1; }

.i3c_card_wrapper {
  display: -ms-flexbox;
  display: flex;
  margin: -0.625rem auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-width: 1100px;
  position: relative; }

img.i3c_card_image {
  width: 100%; }

.i3c_card_content:before {
  content: '';
  height: 8px;
  width: 73px;
  position: absolute;
  margin-top: -1.65rem;
  margin-left: 0.4rem; }

.i3c_card_content:before {
  background-color: #00B2A9; }

.i3c_card_content.um-yellow:before {
  background-color: #ffcb05; }

.i3c_card_content.almost-black:before {
  background-color: #131516; }

.i3c_card_content.black:before {
  background-color: #000000; }

.i3c_card_content.brownish-red:before {
  background-color: #9A3324; }

.i3c_card_content.charcoal-grey:before {
  background-color: #4a4a4a; }

.i3c_card_content.claret:before {
  background-color: #7A121C; }

.i3c_card_content.dark-blue-grey:before {
  background-color: #031B31; }

.i3c_card_content.pale-grey:before {
  background-color: #FAFAFA; }

.i3c_card_content.rusty-red:before {
  background-color: #D86018; }

.i3c_card_content.topaz:before {
  background-color: #00B2A9; }

.i3c_card_content.um-blue:before {
  background-color: #00274C; }

.i3c_card_content.white:before {
  background-color: #FEFEFE; }

.i3c_card_content.windows-blue:before {
  background-color: #407EC9; }

.i3c_card_content {
  padding: 1.3rem; }

.i3c_card {
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%;
  margin: 0.625rem;
  background-color: #ffffff;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -webkit-transition: -webkit-box-shadow 0.15s ease-in-out;
  transition: -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }

.i3c_card: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: -webkit-box-shadow 0.15s ease-in-out;
  transition: -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }

h3.i3c_card_title {
  font-size: 1.45rem;
  margin-bottom: 1.5rem;
  color: #131516;
  font-family: "IBM Plex Sans Condensed";
  font-weight: 600; }

.i3c_card_body {
  font-size: 1rem;
  color: #00274C;
  font-weight: normal;
  margin-bottom: 0;
  line-height: 1.25;
  /*margin-top:0.5rem;*/ }

.i3c_card_body a {
  display: block;
  font-family: "IBM Plex Sans Condensed";
  margin-top: 1rem;
  text-decoration: none;
  color: #7A121C;
  -webkit-transition: color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out; }

.i3c_card_body a:hover {
  text-decoration: underline;
  color: #7A121C;
  font-weight: bold; }

/* RESPONSIVE EL3C */
@media all and (max-width: 1280px) {
  .i3c {
    padding-top: 4.5rem;
    padding-bottom: 2.5rem; }
  .i3c_background {
    min-height: 515px; }
  .i3c_main_wrapper {
    max-width: 620px; }
  h2.i3c_title {
    font-size: 2rem; }
  .i3c_card_wrapper {
    margin-top: -1rem; }
  .i3c_card_content {
    padding: 1rem; }
  .i3c_card_content:before {
    margin-left: 0.2rem;
    height: 5px;
    width: 50px;
    margin-top: -1.2rem; }
  h3.i3c_card_title {
    margin-bottom: 1rem; } }

@media all and (max-width: 1151px) {
  .i3c_card {
    margin: 0.3rem; } }

@media all and (max-width: 767px) {
  .i3c {
    padding-top: 4rem;
    padding-bottom: 2.5rem; }
  .i3c_background {
    min-height: calc(100vw + 1%) !important; }
  .i3c_main_wrapper {
    max-width: 90%;
    position: relative;
    margin-bottom: calc(11vw + 1%) !important; }
  h2.i3c_title {
    font-size: 1.5rem; }
  .i3c_card_wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative; }
  .i3c_card {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin: 0.8rem 1rem; }
  .i3c_card_wrapper.fadein--up {
    -webkit-animation-name: none !important;
    animation-name: none !important;
    opacity: 1; }
  .i3c_card_image {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%; } }

@media all and (max-width: 710px) {
  .i3c_background {
    min-height: calc(120vw + 1%) !important; }
  .i3c_main_wrapper {
    margin-bottom: calc(16vw + 1%) !important; } }

@media all and (max-width: 450px) {
  .i3c_background {
    min-height: calc(200vw + 1%) !important; } }
/**
 * #.# 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";
  font-weight: 500;
  color: #FAFAFA;
  width: 100%;
  line-height: 1.2 !important; }

.divcover_cite {
  font-size: 1.25rem;
  font-family: "IBM Plex Sans";
  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% 0; }
  #eecs-main h1.divcover_quote {
    margin-bottom: 0 !important; }
  p.divcover_cite {
    margin-top: 0; }
  .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.
*/
/** INTERNAL ONE CARD BLOCK **/
.i1c {
  padding-top: 0;
  padding-bottom: 2rem;
  position: relative;
  width: 33%;
  float: right;
  margin-left: 1rem;
  max-width: 286px !important;
  z-index: 0; }

.i1c.is-style-i1c-left {
  float: left;
  margin-left: 0;
  margin-right: 1rem; }

.i1c.is-style-i1c-right {
  float: right;
  margin-left: 1rem;
  margin-right: 0; }

.i1c_card_wrapper {
  margin: 0;
  position: relative; }

img.i1c_card_image {
  width: 100%; }

.i1c_card_content:before {
  content: '';
  height: 8px;
  width: 80px;
  position: absolute;
  margin-top: -1.65rem;
  margin-left: 0.4rem; }

.i1c_card_content:before {
  background-color: #00B2A9; }

.i1c_card_content.um-yellow:before {
  background-color: #ffcb05; }

.i1c_card_content.almost-black:before {
  background-color: #131516; }

.i1c_card_content.black:before {
  background-color: #000000; }

.i1c_card_content.brownish-red:before {
  background-color: #9A3324; }

.i1c_card_content.charcoal-grey:before {
  background-color: #4a4a4a; }

.i1c_card_content.claret:before {
  background-color: #7A121C; }

.i1c_card_content.dark-blue-grey:before {
  background-color: #031B31; }

.i1c_card_content.pale-grey:before {
  background-color: #FAFAFA; }

.i1c_card_content.rusty-red:before {
  background-color: #D86018; }

.i1c_card_content.topaz:before {
  background-color: #00B2A9; }

.i1c_card_content.um-blue:before {
  background-color: #00274C; }

.i1c_card_content.white:before {
  background-color: #FEFEFE; }

.i1c_card_content.windows-blue:before {
  background-color: #407EC9; }

.i1c_card_content {
  padding: 1.3rem; }

.i1c_card {
  background-color: #ffffff;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -webkit-transition: -webkit-box-shadow 0.15s ease-in-out;
  transition: -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }

.i1c_card: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: -webkit-box-shadow 0.15s ease-in-out;
  transition: -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }

h3.i1c_card_title {
  font-size: 1.45rem;
  margin-bottom: 1.5rem;
  color: #131516;
  font-family: "IBM Plex Sans Condensed";
  font-weight: 600; }

.i1c_card_body {
  font-size: 1rem;
  color: #131516;
  font-weight: normal;
  margin-bottom: 0;
  line-height: 1.25;
  /*margin-top:0.5rem;*/ }

.i1c_card_body a {
  display: block;
  font-family: "IBM Plex Sans Condensed";
  margin-top: 1rem;
  text-decoration: none;
  color: #7A121C;
  -webkit-transition: color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out; }

.i1c_card_body a:hover {
  text-decoration: underline;
  color: #7A121C;
  font-weight: bold; }

/* RESPONSIVE EL3C */
@media all and (max-width: 900px) {
  .i1c {
    float: none;
    margin: 0 auto;
    width: 100%;
    max-width: 600px; }
  .i1c.is-style-i1c-left {
    float: none;
    margin: 0 auto; }
  .i1c.is-style-i1c-right {
    float: none;
    margin: 0 auto; } }
/**
 * #.# 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.
*/
/** 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.
*/
/** DIV INDENTED COLUMNS **/
.div_ind_col {
  margin-left: 5rem;
  margin-right: 5rem; }

/* RESPONSIVE */
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** NEWS VIDEO **/
.nhv {
  margin-top: 2em;
  margin-bottom: 2em; }

.nhv_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch; }

.nhv_videos .wp-block-embed__wrapper iframe {
  height: 25vw; }

.nhv_buttons:before {
  content: 'Videos';
  display: block;
  background-color: #f4c400;
  width: 108px;
  height: 39px;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 1.5em;
  text-align: center;
  line-height: 41px;
  margin-bottom: 1em; }

.nhv_buttons {
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
  padding-left: 1px;
  background-color: #fafafa;
  padding: 1.25rem 0 1.25rem 1.25rem;
  -ms-flex-align: center;
      align-items: center; }

#eecs-main .nhv h2 {
  cursor: pointer;
  margin-bottom: 0.75em !important;
  font-size: 1.4em;
  color: #000000; }

#eecs-main .nhv h2.off {
  color: #000000 !important; }

#eecs-main .nhv h2.off:hover, #eecs-main .nhv h2:hover {
  color: #407EC9 !important; }

#eecs-main .nhv h2.on {
  color: #0037a4 !important;
  cursor: auto;
  padding-right: 0.5%; }

#eecs-main .nhv h2.off:after,
#eecs-main .nhv h2:after {
  border-bottom: 1px dashed #e6e6e6;
  content: '';
  display: block;
  width: 100.88%;
  padding-top: 0.5em; }

#eecs-main .nhv h2.on:after {
  border-bottom: 1px solid #f4c400;
  content: '';
  display: block;
  width: 100.88%;
  padding-top: 0.5em; }

.nhv_videos {
  -ms-flex-preferred-size: 65%;
      flex-basis: 65%;
  border-left: 2px solid #ffcb05;
  -ms-flex-align: stretch;
      align-items: stretch; }

.nhv_videos figure,
.nhv_videos figure .wp-block-embed__wrapper {
  height: 100%; }

.nhv_videos figure + figure {
  display: none; }

a.nhv_more {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  margin-top: 2.25em; }

/* RESPONSIVE */
@media all and (max-width: 1080px) {
  .nhv_wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; }
  .nhv_buttons,
  .nhv_videos {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    width: 100%; }
  .nhv_buttons:before {
    width: 98px;
    height: 29px;
    line-height: 31px;
    margin-top: 0.5em; } }
/**
 * #.# 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-weight: 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";
  font-weight: 600;
  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"; }

a.newshome_more_link {
  font-family: "IBM Plex Sans Condensed";
  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: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-weight: 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";
  color: #000000 !important; }

.newshome_feed_text h3 {
  font-size: 1.5em !important;
  color: #000000 !important;
  text-decoration: none;
  font-family: "IBM Plex Sans";
  font-weight: 600;
  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";
  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";
  font-weight: 600;
  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";
  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";
  -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-weight: 700;
  margin-bottom: 0.25rem;
  text-transform: uppercase; }

.events-full-list.etcne .event-title {
  font-family: "IBM Plex Sans Condensed";
  font-size: 1rem;
  font-weight: 500;
  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-weight: 700;
  margin-bottom: 2rem; }

p.events-more-wrapper {
  text-align: left;
  /* changed from right 8/5/19 per spreadsheet */ }

.news-twitter.nat .events-more-link {
  color: #7A121C;
  display: inline-block;
  font-family: "IBM Plex Sans Condensed";
  font-size: 1rem;
  text-decoration: none;
  padding-right: 20px; }

.news-twitter.nat .events-more-link:hover,
.news-twitter.nat .events-more-link:focus {
  font-weight: 600;
  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-size: 1.5rem;
  font-weight: 500;
  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";
  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.
*/
/** PEOPLE GRID BLOCK **/
.eecs_people_grid_container {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: flex-start; }

.person_grid {
  width: 23%;
  margin-bottom: 3%; }

.person_grid_image {
  background-repeat: no-repeat !important;
  width: 100%;
  height: 0;
  padding-top: 100%;
  background-size: 100% 100% !important; }

.person_grid h4 {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #000000 !important;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  margin-bottom: 0.25em !important;
  margin-top: 0.25em !important; }

.person_grid h5 {
  font-size: 16px !important; }

.person_grid a {
  color: #7A121C;
  text-decoration: none; }

.person_grid a:hover {
  color: #7A121C;
  text-decoration: underline;
  font-weight: bold; }

.eecs_people_grid_container div:nth-child(4n+1),
.eecs_people_grid_container div:nth-child(4n+2),
.eecs_people_grid_container div:nth-child(4n+3) {
  margin-right: 2%; }

/* RESPONSIVE */
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** PEOPLE RA GRID BLOCK **/
.eecs_people_ra_grid_container {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  font-size: 14px !important;
  line-height: 1.1; }

.person_ra_grid {
  width: 14%;
  margin-bottom: 3%; }

.person_ra_grid_image {
  background-repeat: no-repeat !important;
  width: 100%;
  height: 0;
  padding-top: 100%;
  background-size: 100% 100% !important; }

.person_ra_grid h4 {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #000000 !important;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  margin-bottom: 0 !important;
  margin-top: 0.25em !important; }

.person_ra_grid h5 {
  font-size: 14px !important; }

.person_ra_grid a {
  color: #7A121C;
  text-decoration: none; }

.person_ra_grid a:hover {
  color: #7A121C;
  text-decoration: underline;
  font-weight: bold; }

.eecs_people_ra_grid_container div:nth-child(6n+1),
.eecs_people_ra_grid_container div:nth-child(6n+2),
.eecs_people_ra_grid_container div:nth-child(6n+3),
.eecs_people_ra_grid_container div:nth-child(6n+4),
.eecs_people_ra_grid_container div:nth-child(6n+5) {
  margin-right: 2%; }

/* RESPONSIVE */
@media all and (max-width: 980px) {
  .person_ra_grid {
    width: 23%; }
  .eecs_people_ra_grid_container div:nth-child(6n+1),
  .eecs_people_ra_grid_container div:nth-child(6n+2),
  .eecs_people_ra_grid_container div:nth-child(6n+3),
  .eecs_people_ra_grid_container div:nth-child(6n+4),
  .eecs_people_ra_grid_container div:nth-child(6n+5) {
    margin-right: 0; }
  .eecs_people_ra_grid_container div:nth-child(4n+1),
  .eecs_people_ra_grid_container div:nth-child(4n+2),
  .eecs_people_ra_grid_container div:nth-child(4n+3) {
    margin-right: 2%; } }

@media all and (max-width: 767px) {
  .person_ra_grid {
    width: 47%; }
  .eecs_people_ra_grid_container div:nth-child(4n+1),
  .eecs_people_ra_grid_container div:nth-child(4n+2),
  .eecs_people_ra_grid_container div:nth-child(4n+3) {
    margin-right: 0; }
  .eecs_people_ra_grid_container div:nth-child(2n+1) {
    margin-right: 2%; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** COURSE LIST BLOCK **/
h1 + .course-list-wrapper {
  margin-top: 1em; }

h2.course-title {
  font-size: 1.35rem !important;
  color: #333;
  font-weight: 600;
  font-family: "IBM Plex Sans Condensed"; }

.course-wrapper {
  margin-bottom: 2em; }

.course-info-wrapper {
  display: grid;
  width: 100%;
  margin: 1em 0;
  grid-template-columns: 150px auto;
  grid-row-gap: 6px; }

.course-show-all {
  display: block;
  margin-top: 1.5em; }

.course-show-all a {
  color: #7A121C;
  text-decoration: none; }

.course-show-all a:hover {
  color: #7A121C;
  font-weight: bold;
  text-decoration: underline; }

a.course-url, a.course-pdf {
  display: inline-block;
  padding-right: 10px;
  color: #7A121C;
  text-decoration: none !important; }

a.course-url:hover, a.course-pdf:hover {
  color: #7A121C;
  text-decoration: underline !important;
  font-weight: bold; }

/* RESPONSIVE */
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** PEOPLE PHD GRID BLOCK **/
.eecs_people_phd_grid_container {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  font-size: 14px !important;
  line-height: 1.1;
  word-break: break-word; }

.person_phd_grid {
  width: 23%;
  margin-bottom: 3%; }

.person_phd_grid_image {
  background-repeat: no-repeat !important;
  width: 100%;
  height: 0;
  padding-top: 100%;
  background-size: 100% 100% !important; }

.person_phd_grid h4 {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #000000 !important;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  margin-bottom: 0 !important;
  margin-top: 0.25em !important;
  word-break: break-word; }

.person_phd_grid h5 {
  font-size: 14px !important; }

.person_phd_grid a {
  color: #7A121C;
  text-decoration: none; }

.person_phd_grid a:hover {
  color: #7A121C;
  text-decoration: underline;
  font-weight: bold; }

.eecs_people_phd_grid_container div:nth-child(4n+1),
.eecs_people_phd_grid_container div:nth-child(4n+2),
.eecs_people_phd_grid_container div:nth-child(4n+3) {
  margin-right: 2%; }

/* RESPONSIVE */
@media all and (max-width: 980px) {
  .person_phd_grid {
    width: 31%; }
  .eecs_people_phd_grid_container div:nth-child(3n+1),
  .eecs_people_phd_grid_container div:nth-child(3n+2) {
    margin-right: 2%; } }

@media all and (max-width: 767px) {
  .person_phd_grid {
    width: 47%; }
  .eecs_people_phd_grid_container div:nth-child(4n+1),
  .eecs_people_phd_grid_container div:nth-child(4n+2),
  .eecs_people_phd_grid_container div:nth-child(4n+3) {
    margin-right: 0; }
  .eecs_people_phd_grid_container div:nth-child(2n+1) {
    margin-right: 2%; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** AWARD BLOCK **/
.award-wrapper, .all_faculty {
  margin-bottom: 2em; }

.award-block div + h3 {
  margin-top: 1em !important; }

.award-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

h1 + .award-block {
  margin-top: 1em; }

.all_faculty .award-item {
  width: 30%;
  padding: 1%; }

.award-year {
  width: 10%;
  padding: 1%; }

.award-recipient {
  width: 23%;
  padding: 1%; }

.award-name {
  width: 33%;
  padding: 1%; }

.award-entity {
  width: 26%;
  padding: 1%; }

.award-single .award-year {
  width: 10%;
  padding: 1%; }

.award-single .award-name {
  width: 46%;
  padding: 1%; }

.award-single .award-entity {
  width: 36%;
  padding: 1%; }

.fellow .award-year {
  width: 10%;
  padding: 1%; }

.fellow .award-recipient {
  width: 33%;
  padding: 1%; }

.fellow .award-name {
  width: 15%;
  padding: 1%; }

.fellow .award-entity {
  width: 34%;
  padding: 1%; }

.nae_member .award-year {
  width: 10%;
  padding: 1%; }

.nae_member .award-recipient {
  width: 33%;
  padding: 1%; }

.nae_member .award-cite {
  width: 49%;
  padding: 1%; }

.professorship .award-recipient {
  width: 30%;
  padding: 1%; }

.professorship .award-name {
  width: 66%;
  padding: 1%; }

/*
.fellow .award-recipient { width:31%; padding:1%; }
.fellow .award-name { width:21%; padding:1%; }
.fellow .award-entity { width:43%; padding:1%; }
.professorship .award-recipient { width:31%; padding:1%; }
.professorship .award-name { width:65%; padding:1%; }
*/
.award_sort_hide, .mobile-award-block {
  display: none; }

.sort, .mobile_sort {
  border-bottom: 1px solid #cccccc; }

.mobile_sort {
  padding-bottom: 10px; }

.sort_active, .msort_active {
  display: inline-block;
  font-weight: bold; }

.sort_year, .sort_entity, .sort_winner, .sort_award,
.msort_year:not(.msort_active):not(.msort_active), .msort_entity:not(.msort_active), .msort_winner:not(.msort_active), .msort_award:not(.msort_active) {
  display: inline-block;
  text-decoration: underline;
  color: #7A121C;
  font-weight: normal;
  cursor: pointer; }

.sort_year:hover, .sort_entity:hover, .sort_winner:hover, .sort_award:hover,
.msort_year:hover:not(.msort_active), .msort_entity:hover:not(.msort_active), .msort_winner:hover:not(.msort_active), .msort_award:hover:not(.msort_active) {
  font-weight: bold; }

.mobile_sort {
  display: none; }

.mobile_sort span {
  padding-left: 10px; }

.award-entry {
  margin-top: 1em;
  margin-bottom: 1em; }

/* RESPONSIVE */
@media all and (max-width: 980px) {
  .all_faculty .award-item {
    width: 48%;
    padding: 1%; }
  .mobile_sort, .mobile-award-block {
    display: block;
    margin-bottom: 1em; }
  .mobile_sort.award_sort_hide, .award-block {
    display: none; }
  .award-block.all_faculty {
    display: block !important; }
  .sort {
    display: none; }
  .all .award-column,
  .teaching_award .award-column,
  .junior_faculty_award .award-column,
  .fellow .award-column,
  .professorship .award-column,
  .nae_member .award-column,
  .innovation .award-column,
  .senior_professional .award-column,
  .staff_award .award-column {
    width: 98% !important;
    padding: 0 !important;
    line-height: 1.2em; }
  .all .award-column:nth-child(4n+4),
  .junior_faculty_award .award-column:nth-child(4n+4),
  .teaching_award .award-column:nth-child(4n+4),
  .fellow .award-column:nth-child(4n+4),
  .professorship .award-column:nth-child(4n+4),
  .nae_member .award-column:nth-child(4n+4),
  .innovation .award-column:nth-child(4n+4),
  .senior_professional .award-column:nth-child(4n+4),
  .staff_award .award-column:nth-child(4n+4) {
    padding-bottom: 1em !important; }
  .all_faculty .award-item {
    width: 98%;
    padding: 1%; }
  .award-single .award-column {
    width: 98% !important;
    padding: 0 !important;
    line-height: 1.2em; }
  .award-single .award-column:nth-child(3n+3) {
    padding-bottom: 1em !important; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** INTERNAL ONE CARD BLOCK **/
.i1cv2 {
  padding-top: 0;
  padding-bottom: 2rem;
  position: relative;
  width: 33%;
  float: right;
  margin-left: 1rem;
  max-width: 286px !important;
  z-index: 2; }

.i1cv2 p {
  margin-bottom: 1em !important; }

.i1cv2.is-style-i1cv2-left {
  float: left;
  margin-left: 0;
  margin-right: 1rem; }

.i1cv2.is-style-i1cv2-right {
  float: right;
  margin-left: 1rem;
  margin-right: 0; }

.i1cv2_card_wrapper {
  margin: 0;
  position: relative; }

img.i1cv2_card_image {
  width: 100%; }

.i1cv2_card_content:before {
  content: '';
  height: 8px;
  width: 80px;
  position: absolute;
  margin-top: -1.65rem;
  margin-left: 0.4rem; }

.i1cv2_card_content:before {
  background-color: #00B2A9; }

.i1cv2_card_content.um-yellow:before {
  background-color: #ffcb05; }

.i1cv2_card_content.almost-black:before {
  background-color: #131516; }

.i1cv2_card_content.black:before {
  background-color: #000000; }

.i1cv2_card_content.brownish-red:before {
  background-color: #9A3324; }

.i1cv2_card_content.charcoal-grey:before {
  background-color: #4a4a4a; }

.i1cv2_card_content.claret:before {
  background-color: #7A121C; }

.i1cv2_card_content.dark-blue-grey:before {
  background-color: #031B31; }

.i1cv2_card_content.pale-grey:before {
  background-color: #FAFAFA; }

.i1cv2_card_content.rusty-red:before {
  background-color: #D86018; }

.i1cv2_card_content.topaz:before {
  background-color: #00B2A9; }

.i1cv2_card_content.um-blue:before {
  background-color: #00274C; }

.i1cv2_card_content.white:before {
  background-color: #FEFEFE; }

.i1cv2_card_content.windows-blue:before {
  background-color: #407EC9; }

.i1cv2_card_content {
  padding: 1.3rem; }

.i1cv2_card {
  background-color: #ffffff;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -webkit-transition: -webkit-box-shadow 0.15s ease-in-out;
  transition: -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }

.i1cv2_card: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: -webkit-box-shadow 0.15s ease-in-out;
  transition: -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }

h3.i1cv2_card_title {
  font-size: 1.45rem;
  margin-bottom: 1.5rem;
  color: #131516;
  font-family: "IBM Plex Sans Condensed";
  font-weight: 600; }

.i1cv2_card1body {
  font-size: 1rem;
  color: #131516;
  font-weight: normal;
  margin-bottom: 0;
  line-height: 1.25;
  /*margin-top:0.5rem;*/ }

.i1cv2_card1body a {
  display: block;
  font-family: "IBM Plex Sans Condensed";
  margin-top: 1rem;
  text-decoration: none;
  color: #7A121C;
  -webkit-transition: color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out; }

.i1cv2_card1body a:hover {
  text-decoration: underline;
  color: #7A121C;
  font-weight: bold; }

.i1cv2_card1body figure {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.i1cv2_card1body .wp-block-embed {
  width: 100% !important;
  min-width: 148px !important;
  max-width: 236px !important; }

.i1cv2_card1body .wp-block-embed__wrapper iframe {
  height: 9vw;
  max-height: 134px;
  min-height: 110px; }

/* RESPONSIVE EL3C */
@media all and (max-width: 900px) {
  .i1cv2 {
    float: none;
    margin: 0 auto;
    width: 100%;
    max-width: 600px; }
  .i1cv2.is-style-i1cv2-left {
    float: none;
    margin: 0 auto; }
  .i1cv2.is-style-i1c-right {
    float: none;
    margin: 0 auto; }
  .i1cv2_card1body .wp-block-embed {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important; }
  .i1cv2_card1body .wp-block-embed__wrapper iframe {
    height: 32vw;
    max-height: 288px; } }

@media all and (max-width: 767px) {
  .i1cv2_card1body .wp-block-embed__wrapper iframe {
    height: 50vw;
    max-height: 310px; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** INTERNAL TWO CARDS BLOCK **/
.page-template-page-faculty-fullwidth #eecs-wrapper .i2cv2,
.page-template-page-fullwidth #eecs-wrapper .i2cv2 {
  max-width: 1180px;
  margin-right: auto;
  margin-left: auto; }

.i2cv2 {
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative; }

.i2cv2 .wp-block-group__inner-container {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }

p + .i2cv2 {
  padding-top: 0; }

.i2cv2_card_wrapper {
  display: -ms-flexbox;
  display: flex;
  margin: -0.625rem auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-width: 1100px;
  position: relative; }

p + .i2cv2 .i2cv2_card_wrapper {
  margin: 0 auto; }

p + .i2cv2 .i2cv2_card_wrapper .i2cv2_card {
  margin: 0 0.625rem 0.625rem 0.625rem; }

.i2cv2 + .i2cv2 {
  padding-top: 0; }

/* RESPONSIVE */
@media all and (max-width: 781px) {
  .wp-block-column.i2cv2_card_wrapper {
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important; } }

@media all and (max-width: 767px) {
  .i2cv2 .wp-block-group__inner-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .wp-block-column.i2cv2_card_wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
    width: 100% !important; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** CARD CONTENT **/
.cc {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  width: 100%;
  margin: 0.625rem;
  z-index: 0;
  background-color: #ffffff;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -webkit-transition: -webkit-box-shadow 0.15s ease-in-out;
  transition: -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }

.cc p {
  margin-bottom: 1em !important; }

.cc.eecs-three-cards-card {
  margin: 0; }

.cc_card_wrapper {
  margin: 0;
  position: relative; }

.cc: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: -webkit-box-shadow 0.15s ease-in-out;
  transition: -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }

img.cc_card_image {
  width: 100%; }

.cc_card_content:before {
  content: '';
  height: 8px;
  width: 80px;
  position: absolute;
  margin-top: -1.65rem;
  margin-left: 0.4rem; }

.cc_card_content:before {
  background-color: #00B2A9; }

.cc_card_content.um-yellow:before {
  background-color: #ffcb05; }

.cc_card_content.almost-black:before {
  background-color: #131516; }

.cc_card_content.black:before {
  background-color: #000000; }

.cc_card_content.brownish-red:before {
  background-color: #9A3324; }

.cc_card_content.charcoal-grey:before {
  background-color: #4a4a4a; }

.cc_card_content.claret:before {
  background-color: #7A121C; }

.cc_card_content.dark-blue-grey:before {
  background-color: #031B31; }

.cc_card_content.pale-grey:before {
  background-color: #FAFAFA; }

.cc_card_content.rusty-red:before {
  background-color: #D86018; }

.cc_card_content.topaz:before {
  background-color: #00B2A9; }

.cc_card_content.um-blue:before {
  background-color: #00274C; }

.cc_card_content.white:before {
  background-color: #FEFEFE; }

.cc_card_content.windows-blue:before {
  background-color: #407EC9; }

.cc_card_content {
  padding: 1.3rem; }

h3.cc_card_title {
  font-size: 1.45rem;
  margin-bottom: 1.5rem;
  color: #131516;
  font-family: "IBM Plex Sans Condensed";
  font-weight: 600; }

.cc_card_body {
  font-size: 1rem;
  color: #131516;
  font-weight: normal;
  margin-bottom: 0;
  line-height: 1.25; }

.cc_card_body a {
  display: block;
  font-family: "IBM Plex Sans Condensed";
  margin-top: 1rem;
  text-decoration: none;
  color: #7A121C;
  -webkit-transition: color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out; }

.cc_card_body a:hover {
  text-decoration: underline;
  color: #7A121C;
  font-weight: bold; }

.cc_card1body a {
  display: block;
  font-family: "IBM Plex Sans Condensed";
  margin-top: 1rem;
  text-decoration: none;
  color: #7A121C;
  -webkit-transition: color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out; }

.cc_card1body a:hover {
  text-decoration: underline;
  color: #7A121C;
  font-weight: bold; }

.cc_card1body p a {
  display: inline; }

.i2cv2_card_wrapper .cc_card1body figure {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.i2cv2_card_wrapper .cc_card1body .wp-block-embed {
  width: 100% !important;
  min-width: 148px !important;
  max-width: 340px !important; }

.i2cv2_card_wrapper .cc_card1body .wp-block-embed__wrapper iframe {
  height: 15vw;
  max-height: 190px;
  min-height: 110px; }

.i3cv2_card_wrapper .cc_card1body figure {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.i3cv2_card_wrapper .cc_card1body .wp-block-embed {
  width: 100% !important;
  min-width: 148px !important;
  max-width: 195px !important; }

.i3cv2_card_wrapper .cc_card1body .wp-block-embed__wrapper iframe {
  height: 10vw;
  max-height: 120px;
  min-height: 110px; }

/* RESPONSIVE */
@media all and (max-width: 980px) {
  .i3cv2_card_wrapper .cc_card1body .wp-block-embed {
    width: 100% !important;
    min-width: 98px !important;
    max-width: 195px !important; } }

@media all and (max-width: 767px) {
  .cc {
    margin: 1rem auto !important;
    padding-bottom: 0 !important; }
  .cc_body {
    line-height: 1.4; }
  .cc_card_wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative; }
  .cc {
    -ms-flex-preferred-size: 96%;
        flex-basis: 96%; }
  .cc_card_wrapper.fadein--up {
    -webkit-animation-name: none !important;
    animation-name: none !important;
    opacity: 1; }
  .cc_card_image {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%; }
  .i2cv2_card_wrapper .cc_card1body .wp-block-embed__wrapper iframe {
    height: 50vw;
    max-height: 310px; }
  .i2cv2_card_wrapper .cc_card1body .wp-block-embed {
    max-width: 600px !important; }
  .i3cv2_card_wrapper .cc_card1body .wp-block-embed__wrapper iframe {
    height: 50vw;
    max-height: 310px; }
  .i3cv2_card_wrapper .cc_card1body .wp-block-embed {
    max-width: 600px !important; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** INTERNAL TWO CARDS BLOCK **/
.i3cv2 {
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative;
  font-size: 1rem; }

.i3cv2 .wp-block-group__inner-container {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }

p + .i3cv2 {
  padding-top: 0; }

.wp-block-column.i3cv2_card_wrapper:not(:first-child) {
  margin: 0 0.625rem; }

.i3cv2_card_wrapper {
  display: -ms-flexbox;
  display: flex;
  margin: 0.625rem;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-width: 1100px;
  position: relative;
  z-index: 0; }

p + .i3cv2 .i3cv2_card_wrapper {
  margin: 0 0.625rem; }

p + .i3cv2 .i3cv2_card_wrapper .i3cv2_card {
  margin: 0 0.3rem 0.3rem 0.3rem; }

.i3cv2 + .i3cv2 {
  padding-top: 0; }

/* RESPONSIVE */
@media all and (max-width: 781px) {
  .wp-block-column.i3cv2_card_wrapper {
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important; } }

@media all and (max-width: 767px) {
  .i3cv2 .wp-block-group__inner-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .wp-block-column.i3cv2_card_wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
    width: 100% !important; } }
/**
 * #.# 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.
*/
/** AWARD BLOCK **/
/* uses styles from award-block */
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/** 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";
  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";
  font-size: 1.5rem !important;
  margin-bottom: 0.5rem !important;
  color: #ffcb05 !important;
  font-weight: 600 !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";
  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%; } }