/********************************************************/
/***************** VARIABLE ASSIGNMENTS *****************/
/********************************************************/

:root {
  --um-maize: #FFCB05;
  --um-blue: #00274c;
  --tappan-red: #9A3324; /* aka brownish-red */
  --ross-orange: #D86018; /* aka rusty red */
  --rackham-green: #75988d;
  --wave-field-green: #A5A508;
  --taubman-teal: #00B2A9; /* aka topaz*/
  --arboretum-blue: #2F65A7;
  --a2-amethyst: #702082;
  --matthaei-violet: #575294;
  --umma-tan: #CFC096;
  --burton-tower-beige: #9B9A6D;
  --angell-hall-ash: #989C97;
  --law-quad-stone: #655A52;
  --puma-black: #131516; /* aka almost black */
  --charcoal: #4a4a4a;
  --claret: #7A121C;
  --dark-blue-grey: #031B31;
  --pale-grey: #FAFAFA;
  --windows-blue: #407EC9;
  --um-white: #faf0e6;
  --white: #ffffff;
  --black: #000000;
  --med-gray: #333333;
  --coe-white: #fafafa;
  --coe-med-blue: #2A5993;
  --faculty-menu-blue: #335270;
  --border-gray: #ECEEEF;
}


/**********************************************************/
/********************** INDENTATIONS **********************/
/**********************************************************/

/** copied from MISC BLOCK MODS when stand alone file failed **/
.eecsIndented ul.wp-block-archives.wp-block-archives-list,
ul.wp-block-archives.is-style-indented.wp-block-archives-list,
.eecsIndented .ul.wp-block-categories.wp-block-categories-list,
ul.wp-block-categories.wp-block-categories-list.is-style-indented,
.course-list-wrapper.is-style-indented {
    margin-left:5rem ! important;
    margin-right:5rem ! important;
}
ul.is-style-indented,
.eecsIndented ul,
ol.is-style-indented,
.eecsIndented ol,
ul.is-style-indented-word-list,
ol.is-style-indented-word-list {
    margin-left:6rem ! important;
    margin-right:6rem ! important;
}
.wp-block-audio.is-style-indented,
.wp-block-code.is-style-indented,
.eecsIndented h1,
h1.is-style-indented,
h1.is-style-small-indented,
.eecsIndented h2,
h2.is-style-indented,
h2.is-style-small-indented,
.eecsIndented h3,
h3.is-style-indented,
h3.is-style-small-indented,
.eecsIndented h4,
h4.is-style-indented,
h4.is-style-small-indented,
.eecsIndented h5,
h5.is-style-indented,
h5.is-style-small-indented,
.eecsIndented h6,
h6.is-style-indented,
h6.is-style-small-indented,
.eecsIndented p,
p.is-style-indented,
.eecsIndented .div-bread-bag,
.div-bread-bag.is-style-indented,
.wp-block-file.is-style-indented,
.wp-block-preformatted.is-style-indented,
.wp-block-image.is-style-indented,
#eecs-main ul.wp-block-gallery.is-style-indented,
.wp-block-verse.is-style-indented,
.accordion-item.is-style-indented,
.eecs-courses.is-style-indented {
  margin-left:4rem ! important;
  margin-right:4rem ! important;
}

table.wp-block-table.is-style-indented,
#eecs-main blockquote.is-style-indented {
  margin:20px auto ! important;
  width:84% ! important;
}

.wp-block-separator.is-style-indented {
  max-width:84% ! important;
  border-bottom-width: 1px;
}

.wp-block-separator.is-style-thin {
  border-width:1px;
}

/**********************************************************/
/************ HOVERS: SHARED BY SEVERAL BLOCKS ************/
/**********************************************************/

/* claret/red text, underline, bold */
a.eecs-ltwoc-link:hover,
.lab-ltc-cta:hover,
.eecs-card-row-content a:hover,
.eecs-landing-five-cards_card_content a:hover,
.eecs-snf-feed-more a:hover,
.eecs_people_grid_wrapper a:hover,
.eecs-ltc-card-content a:hover {
  font-weight:bold;
  text-decoration:underline;
  color:var(--claret);
}

/* windows blue text */
a.faculty_sidebar_news:hover .newshome_feed_text,
a.faculty_sidebar_news:hover .newshome_feed_text h3,
a.faculty_sidebar_news:hover .newshome_feed_excerpt,
a.faculty_sidebar_news:hover .newshome_feed_more,
a.faculty_sidebar_news:hover .newshome_feed_more2,
a.sidebar-news-read-more:hover,
#eecs-main .eecs-video-gallery-list h2:hover,
.eecs-video-gallery-list h2:hover,
a.eecs-snf-news-row:hover .eecs-snf-feed-text, 
a.eecs-snf-news-row:hover .eecs-snf-feed-text h3, 
a.eecs-snf-news-row:hover .eecs-snf-feed-excerpt {
  color: var(--windows-blue) ! important;
}

/* box shadow */
.page form button:hover,
ul.accordion > li.accordion-item:hover,
a.eecs-ltwoc-column:hover,
.eecs-landing-five-cards_card:hover,
.eecs-acf-news-feed-block a.event:hover,
.wp-block-getwid-accordion.mc-style:has(> div.ui-accordion-header-collapsed):hover,
.wp-block-getwid-accordion.mc-style-indented:has(> div.ui-accordion-header-collapsed):hover,
.wp-block-getwid-accordion.mc-style:has(> div.ui-accordion-header-active):hover,
.wp-block-getwid-accordion.mc-style-indented:has(> div.ui-accordion-header-active):hover {
  box-shadow: 0 11px 22px rgba(0, 0, 0, 0.22);
  transition: box-shadow 0.15s ease-in-out;
}
  
/* Hayleys media & text */
.eecs-33-66 { 
	display:flex;
	justify-content:space-between;
	flex-wrap:nowrap;
}
.eecs-33-66 .wp-block-media-text__media {
	width:33%;
	margin-top:0 ! important;
	margin-bottom:0 ! important;
	display:flex;
	padding:0;
	align-self:flex-start;
}
.eecs-33-66 .wp-block-media-text__content {
	width:66%;
	padding:0 0 0 1em;
	align-self:flex-start;
}
.wp-block-media-text {
  margin-bottom:20px;
}
.wp-block-media-text__content p.has-large-font-size {
  margin-bottom:0px ! important;
}
.wp-block-media-text.is-vertically-aligned-top figure.wp-block-media-text__media {
  margin-top:0 ! important;
}
figure + .wp-block-media-text__content {
  padding:0 0 0 2% ! important;
}
.has-media-on-the-right figure + .wp-block-media-text__content {
  padding:0 2% 0 0;
}
.has-media-on-the-right.no-indent .wp-block-media-text__content {
  padding:0 2% 0 0 ! important;
}



/* not-so-fancy list */
ol, 
ol.is-style-indented-word-list,
ol.is-style-default-word-list {
    list-style-type:decimal;
    margin-left:2rem;
}
ol li, 
ol.is-style-indented-word-list li,
ol.is-style-default-word-list li {
    margin-bottom:0.5rem ! important;
    margin-top:0.5rem ! important;
}
ol li ol, 
ol.is-style-indented-word-list li ol,
ol.is-style-default-word-list li ol {
    list-style-type:lower-alpha;
    margin-left:1.1rem;
    margin-bottom:0 ! important;
}
ol li ol li ol, 
ol.is-style-indented-word-list li ol li ol,
ol.is-style-default-word-list li ol li ol {
    list-style-type:lower-roman;
    margin-left:1rem;
}
ul, 
ul.is-style-indented-word-list,
ul.is-style-default-word-list {
    list-style-type:disc;
    margin-left:2rem;
}
ul li, 
ul.is-style-indented-word-list li,
ul.is-style-default-word-list li {
    margin-bottom:0.5rem ! important;
    margin-top:0.5rem ! important;
}
ul li ul, 
ul.is-style-indented-word-list li ul,
ul.is-style-default-word-list li ul {
    list-style-type:circle;
    margin-left:1.1rem;
    margin-bottom:0 ! important;
}
ul li ul li ul, 
ul.is-style-indented-word-list li ul li ul,
ul.is-style-default-word-list li ul li ul {
    list-style-type:square;
}
/* we don't want the dashboard sidebar menu indented */
ul.wp-submenu.wp-submenu-wrap {
  margin-left:0;
}
#adminmenu ul li,
#adminmenu li {
  padding:0 ! important;
  margin-top:0 ! important;
  margin-bottom:0 ! important;
}

/* Sidebar News */
.sidebar_news_wrapper {
  border-top:1px solid #000000;
  padding-top:20px;
}
.sidebar_news_wrapper h2 {
  font-size:22px ! important;
  margin-bottom:0 ! important;
  color:#1F3864 ! important;
  font-weight:bold ! important;
}
.sidebar_news_wrapper .newshome_feed_text {
  flex-basis:100%;
  margin:1em 0;
}
.sidebar_news_wrapper .newshome_feed_text h3 {
  font-size:17px ! important;
  margin-bottom:0 ! important;
  font-weight:normal ! important;
}
a.faculty_sidebar_news:hover .newshome_feed_text,
a.faculty_sidebar_news:hover .newshome_feed_text h3,
a.faculty_sidebar_news:hover .newshome_feed_excerpt,
a.faculty_sidebar_news:hover .newshome_feed_more,
a.faculty_sidebar_news:hover .newshome_feed_more2,
a.sidebar-news-read-more:hover {
  font-weight:normal ! important;
}
a.sidebar-news-read-more {
  font-size:17px ! important;
  color:#000000 ! important;
  font-family: "IBM Plex Sans", Arial, Verdana, sans-serif;
}
.sidebar_news_wrapper p.newshome_feed_title_h3 {
	font-size:20px ! important;
}

/* EDITOR */
.editor-block-list__layout .editor-block-list__block .editor-block-list__block-edit::before {
    border:1px dotted #dddddd;
}

.wp-block {
    max-width: 90%;
}

/* RESPONSIVE */
@media all and (max-width:980px) {
    .eecsIndented ul.wp-block-archives.wp-block-archives-list,
    ul.wp-block-archives.is-style-indented.wp-block-archives-list,
    .eecsIndented .ul.wp-block-categories.wp-block-categories-list,
    ul.wp-block-categories.wp-block-categories-list.is-style-indented,
    .course-list-wrapper.is-style-indented {
        margin-left:1rem ! important;
        margin-right:1rem ! important;
    }
    ul.is-style-indented,
    .eecsIndented ul,
    ol.is-style-indented,
    .eecsIndented ol {
        margin-left:2rem ! important;
        margin-right:2rem ! important;
    }
    .wp-block-audio.is-style-indented,
    .wp-block-code.is-style-indented,
    .eecsIndented h1,
    h1.is-style-indented,
    h1.is-style-small-indented,
    .eecsIndented h2,
    h2.is-style-indented,
    h2.is-style-small-indented,
    .eecsIndented h3,
    h3.is-style-indented,
    h3.is-style-small-indented,
    .eecsIndented h4,
    h4.is-style-indented,
    h4.is-style-small-indented,
    .eecsIndented h5,
    h5.is-style-indented,
    h5.is-style-small-indented,
    .eecsIndented h6,
    h6.is-style-indented,
    h6.is-style-small-indented,
    .eecsIndented p,
    p.is-style-indented,
    .eecsIndented .div-bread-bag,
    .div-bread-bag.is-style-indented,
    .wp-block-file.is-style-indented,
    .wp-block-preformatted.is-style-indented,
    .wp-block-image.is-style-indented,
    #eecs-main ul.wp-block-gallery.is-style-indented,
    .wp-block-verse.is-style-indented {
        margin-left:2rem ! important;
        margin-right:2rem ! important;
    }
    table.wp-block-table.is-style-indented,
    #eecs-main blockquote.is-style-indented {
        margin:20px auto ! important;
        width:94% ! important;
    }
    .wp-block-separator.is-style-indented {
        max-width:94% ! important;
        border-bottom-width: 1px;
    }
}
@media all and (max-width:767px),
  only screen and (-webkit-min-device-pixel-ratio: 3.5) and (max-width:767px),
  only screen and (min--moz-device-pixel-ratio: 3.5) and (max-width:767px),
  only screen and (-o-min-device-pixel-ratio: 3.5/1) and (max-width:767px),
  only screen and (min-device-pixel-ratio: 3.5) and (max-width:767px) {
    .eecsIndented ul.wp-block-archives.wp-block-archives-list,
    ul.wp-block-archives.is-style-indented.wp-block-archives-list,
    .eecsIndented .ul.wp-block-categories.wp-block-categories-list,
    ul.wp-block-categories.wp-block-categories-list.is-style-indented,
    .course-list-wrapper.is-style-indented {
      margin-left:0 ! important;
      margin-right:0 ! important;
    }
    ul.is-style-indented,
    .eecsIndented ul,
    ol.is-style-indented,
    .eecsIndented ol {
      margin-left:1rem ! important;
      margin-right:1rem ! important;
    }
    .wp-block-audio.is-style-indented,
    .wp-block-code.is-style-indented,
    .eecsIndented h1,
    h1.is-style-indented,
    h1.is-style-small-indented,
    .eecsIndented h2,
    h2.is-style-indented,
    h2.is-style-small-indented,
    .eecsIndented h3,
    h3.is-style-indented,
    h3.is-style-small-indented,
    .eecsIndented h4,
    h4.is-style-indented,
    h4.is-style-small-indented,
    .eecsIndented h5,
    h5.is-style-indented,
    h5.is-style-small-indented,
    .eecsIndented h6,
    h6.is-style-indented,
    h6.is-style-small-indented,
    .eecsIndented p,
    p.is-style-indented,
    .eecsIndented .div-bread-bag,
    .div-bread-bag.is-style-indented,
    .wp-block-file.is-style-indented,
    .wp-block-preformatted.is-style-indented,
    .wp-block-image.is-style-indented,
    #eecs-main ul.wp-block-gallery.is-style-indented,
    .wp-block-verse.is-style-indented {
      margin-left:1rem ! important;
      margin-right:1rem ! important;
    }
}

.components-base-control .components-base-control__label {
  display:block;
}
.components-base-control select { width:100% ! important; }

figure.is-style-remove-margin, #eecs-main .is-style-remove-margin figure { margin-top:0 ! important; margin-bottom:0 ! important; padding-top:0 ! important; padding-bottom:0 ! important; }


/* Accordion */
ul.accordion {
  background: transparent;
}
ul.accordion > li.accordion-item {
  background: #fefefe;
  margin: 1em 0;
  transition: all 0.2s ease-in-out;
}
ul.accordion > li.accordion-item:first-child>:first-child {
  border-radius: 0;
}
ul.accordion > li.accordion-item > a.accordion-title,
ul.accordion > li.accordion-item > .accordion-content {
  border: 1px solid #efefef!important;
}
ul.accordion > li.accordion-item:hover > a.accordion-title,
ul.accordion > li.accordion-item:hover > .accordion-content {
  border-color: #e5e5e5!important;
}
ul.accordion > li.accordion-item > a.accordion-title {
  background: #fefefe!important;
  color: inherit;
  font-size: 1em;
  font-family: "IBM Plex Sans", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-bold);
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
ul.accordion > li.accordion-item a.accordion-title:before {
  color: #7a121c;
  content: '>';
  font-weight: normal;
  transform: rotate(0);
  transition: all 0.2s ease-in-out;
}
ul.accordion > li.accordion-item.is-active a.accordion-title:before {
  transform: rotate(90deg);
}
ul.accordion > li.accordion-item > .accordion-content {
  margin-top: -1px;
}

/* Table */
table.wp-block-table {
  border: 1px solid #b0b0b0;
  margin: 1em 0;
  text-align: center;
  width: 100%;
}
table.wp-block-table thead,
table.wp-block-table tfoot {
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-semi-bold);
}
table.wp-block-table thead tr,
table.wp-block-table tfoot tr {
  background-color: #d6d6d6;
}
table.wp-block-table thead + tbody,
table.wp-block-table tbody + tfoot,
table.wp-block-table tr + tr {
  border-top: 1px solid #b0b0b0;
}
table.wp-block-table th,
table.wp-block-table td {
  padding: 1em;
  text-align: center;
}
table.wp-block-table th + th,
table.wp-block-table td + td {
  border-left: 1px solid #b0b0b0;
}

/* Blockquote */
@-webkit-keyframes headShake {
  0% {-webkit-transform:translateX(0);transform:translateX(0)}
  6.5% {-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
  18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
  31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
  43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
  50%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes headShake{
  0%{-webkit-transform:translateX(0);transform:translateX(0)}
  6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
  18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
  31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
  43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
  50%{-webkit-transform:translateX(0);transform:translateX(0)}
}
#eecs-main blockquote.visible {
  animation-delay: 0.5s;
  animation-iteration-count: 2;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  -webkit-animation-duration: 1s;
  animation-name: headShake;
  animation-duration: 1s;
}
#eecs-main blockquote {
  width: 100%;
  border-left: 5px solid #ffcb05;
  background-color: #fefefe;
  position: relative;
  margin-bottom: 1em;
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
}
#eecs-main blockquote p {
  margin-top: 1em;
  color:var(--puma-black);
  font-size: 2.3rem;
  line-height: 1.1;
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  /*text-transform:uppercase;*/
  padding: 2rem 0;
  font-weight: var(--eecs-semi-bold);
}
#eecs-main blockquote:before {
  /*content:open-quote;*/
  content: "“"; /* doesn't work on local; but works everywhere else */
  /*content: '\f10d';*/
  /*font-family: FontAwesome;*/
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  display: inline-block;
  color: #ffcb05;
  background-color: #fefefe;
  position: absolute;
  top: 0;
  left: -10px;
  font-size:5rem;
  height:30px;
}
/*
#eecs-main blockquote:before {
  width: 34.49px;
  height: 30px;
  background-repeat: no-repeat;
  content: ' ';
  background-image:url("../images/left-quote.svg");
  display: inline-block;
  color: #ffcb05;
  background-color: #fefefe ! important;
  overflow:auto;
  position: absolute;
  top: 0;
  left: -10px;
  font-size:5rem;
}
*/
#eecs-main blockquote *:not(cite) {
  margin-left: 2rem;
  /*margin-right: 2rem;*/
}
#eecs-main blockquote p:last-of-type {
  margin-bottom: 0;
}
#eecs-main blockquote cite {
  display: block;
  font-style:italic;
  text-align: right;
  color:var(--charcoal);
  font-size:0.75rem;
}
#eecs-main blockquote cite:before {
  content: "—";
}
#eecs-main .wp-block-pullquote blockquote {
  border-left:none;
  font-family: "IBM Plex Sans", Arial, Verdana, sans-serif;
  background:transparent;
  width:90%;
  max-width:90%;
  margin-right:auto;
  margin-left:auto;
}
#eecs-main .wp-block-pullquote blockquote:before {
  display:none;
}
#eecs-main .wp-block-pullquote blockquote p {
  font-family: "IBM Plex Sans", Arial, Verdana, sans-serif;
  text-transform:none;
  padding:1rem 0;
  margin-top:0;
}
#eecs-main .wp-block-pullquote blockquote cite {
  text-align:center;
}
#eecs-main .wp-block-pullquote.is-style-solid-color blockquote {
  width:90%;
  max-width:90%;
}
#eecs-main .wp-block-pullquote.is-style-solid-color cite {
  text-align:left;
  margin-left:2rem;
}


@media all and (max-width: 50em) {
    blockquote *:not(cite) {
      font-size: 28px;
    }
}
@media all and (max-width: 37.5em) {
    blockquote *:not(cite) {
      font-size: 22px;
      margin-left: 1em;
      margin-right: 1em;
    }
}

/* Video */
/* BY default, videos added via the vide block are given these classes: 
wp-embed-aspect-16-9 wp-has-aspect-ratio
*/
.wp-block-embed__wrapper {
    /*padding-bottom: 56.25%;*/
    position: relative;
}
.wp-block-embed__wrapper iframe {
    height: 35vw;
    max-height: 470px;
    width:100%;
}
/* try not to force a height on Wordpress core column with video */
figure.wp-embed-aspect-21-9 .wp-block-embed__wrapper {
  aspect-ratio: 21 / 9;
  width:100%;
  position:relative;
}
figure.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
  /*padding-bottom:56.25%;*/
  aspect-ratio: 16 / 9;
  width:100%;
  position:relative;
}
figure.wp-embed-aspect-9-16 .wp-block-embed__wrapper {
  aspect-ratio: 9 / 16;
  width: auto;
  max-height: 80vh;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
figure.wp-embed-aspect-1-2 .wp-block-embed__wrapper {
  aspect-ratio: 1 / 2;
  width: auto;
  max-height: 80vh;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
figure.wp-embed-aspect-1-1 .wp-block-embed__wrapper {
  aspect-ratio: 1 / 1;
  width: auto;
  max-height: 80vh;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
figure.wp-embed-aspect-2-1 .wp-block-embed__wrapper {
  aspect-ratio: 2 / 1;
  width:100%;
  position:relative;
}
figure.wp-embed-aspect-18-9 .wp-block-embed__wrapper {
  aspect-ratio: 18 / 9;
  width:100%;
  position:relative;
}
figure.wp-embed-aspect-4-3 .wp-block-embed__wrapper {
  /*padding-bottom:75%;*/
  aspect-ratio: 4 / 3;
  width:100%;
  position:relative;
}
figure.wp-embed-aspect-3-2 .wp-block-embed__wrapper {
  /*padding-bottom:66.66%;*/
  aspect-ratio: 3 / 2;
  width:100%;
  position:relative;
}
figure.wp-embed-aspect-8-5 .wp-block-embed__wrapper {
  /*padding-bottom:62.5%;*/
  aspect-ratio: 8 / 5;
  width:100%;
  position:relative;
}
figure.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,
figure.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe,
figure.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe,
figure.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe,
figure.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe,
figure.wp-embed-aspect-2-1 .wp-block-embed__wrapper iframe,
figure.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe,
figure.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe,
figure.wp-embed-aspect-3-2 .wp-block-embed__wrapper iframe,
figure.wp-embed-aspect-8-5 .wp-block-embed__wrapper iframe {
  height:100%;
  max-height:none;
  width:100%;
}

.wp-has-aspect-ratio iframe{
  bottom:0;
  height:100%;
  left:0;
  position:absolute;
  right:0;
  top:0;
  width:100%;
}


.wp-block-embed + h2 {
  margin-top:1em;
}

/* Image Caption */
.single_image_wrapper figcaption {
  padding-top:6px;
}
figcaption,
.single_image_wrapper figcaption,
.wp-block-image figcaption {
  color: #0b111d;
  font-size: 12px ! important;
  text-align: left;
}
.wp-block-image.center figcaption,
.single_image_wrapper.center figcaption {
  text-align: center;
}
.wp-block-image.right figcaption,
.single_image_wrapper.right figcaption {
  text-align: right;
}
.wp-block-image .alignright figcaption,
.single_image_wrapper.alignright figcaption {
  padding-left:0.5em;
}
.wp-block-image figure.alignleft,
.single_image_wrapper.alignleft {
  clear:both;
}
@media all and (max-width: 37.5em) {
    .wp-block-image figure.alignleft,
    .wp-block-image figure.alignright,
    .wp-block-image figure.aligncenter {
      float: none;
      margin: 0 auto;
    }
}

/* Form */
/* .page added 2/9/2024 to try to prevent this stuff screwing up the dashboard */
.page form fieldset {
  border: 0;
}

.page form label:not(form#ile-theme-options-form label)  {
  display: block;
  font-size: 14px;
  margin: 2em 0 0.25em 0;
}

.page form input[type="text"]:not(.wp-admin form input[type="text"]),
.page form textarea:not(form textarea) {
  background: #fff;
  border: 1px solid #e6e8ed;
  border-radius: 4px;
  font-family: inherit;
  font-size: 14px;
  min-height: 32px;
  padding: 0.5em;
  transition: all 0.2s ease-in-out;
  width: 100%;
}

.page form input[type="text"]:focus,
.page form textarea:focus {
  border-color: #407ec9;
  outline: 0;
}

.page form button {
  background: var(--um-blue);
  border: 1px solid #00183d;
  border-radius: 0;
  color: #ffcb05;
  font: 14px/1 "IBM Plex Mono", Arial, Verdana, sans-serif;
  margin: 2em 0 1em 0;
  min-width: 180px;
  padding: 1em;
  text-align: center;
  transition: all 0.2s ease-in-out;
}
.page form button.gsc-search-button-v2 {
  margin:0 0 0 0 ! important
}

.page form button:active,
.page form button:focus {
  background: #407ec9;
  border-color: #2c6ab5;
  color: #000e33;
  outline: 0;
}

.page form button:hover {
  background: #ffcb05;
  border-color: #f5c100;
  color: #000e33;
}



/* Content - Headings */
#eecs-main h1,
#eecs-main h2,
#eecs-main h3,
#eecs-main h4,
#eecs-main p.eecs-pseudo-h1,
#eecs-main p.eecs-pseudo-h2,
#eecs-main p.eecs-pseudo-h3,
#eecs-main p.eecs-pseudo-h4,
#eecs-main h1.related_links,
p.eecs-event-category {
  color: #333;
  font-weight: var(--eecs-semi-bold);
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  line-height:1.1;
}
#eecs-main h1 + h2,
#eecs-main p.eecs-pseudo-h1 + h2 {
  margin-top:0.6em;
}
#eecs-main h1,
#eecs-main p.eecs-pseudo-h1 {
  font-size: 3em;
  margin-bottom: 0.125em;
}
#eecs-main h1 + figure,
#eecs-main p.eecs-pseudo-h1 + figure {
  margin-top:2em;
}
#eecs-main figure {
  margin-top:2em;
  margin-bottom:2em;
}
#eecs-main .wp-block-column > figure {
  margin-top:0;
  margin-bottom:4px;
}
#eecs-main .wp-block-column > figure + p {
  line-height:1.2;
}
.wp-block-cbd-eecs-block-div-map-embed + h1,
figure + h1,
.wp-block-cbd-div-cover-block-div-cover + h1 {
  margin-top:0.5em;
}
figure + h2,
.wp-block-image + h3,
.wp-block-image + h2.is-style-indented,
.wp-block-image + h2.is-style-indented-small,
.divcover + p {
  margin-top:1em;
}

#eecs-main h2,
#eecs-main h1.is-style-small, 
#eecs-main h1.is-style-small-indented {
  font-size: 2.25em;
  margin-bottom: 0.25em;
}

#eecs-main p + h2,
#eecs-main ul + h2,
#eecs-main ol + h2,
#eecs-main iframe + h2 {
  margin-top: 1.5em;
}

#eecs-main p + h2.is-style-small,
#eecs-main p + h2.is-style-small-indented,
#eecs-main ul + h2.is-style-small,
#eecs-main ul + h2.is-style-small-indented,
#eecs-main ol + h2.is-style-small,
#eecs-main ol + h2.is-style-small-indented,
#eecs-main iframe + h2.is-style-small,
#eecs-main iframe + h2.is-style-small-indented {
  margin-top:0;
}

#eecs-main h3,
#eecs-main h2.is-style-small,
#eecs-main h2.is-style-small-indented,
#eecs-main h1.related_links {
  font-size: 1.5em;
  margin-bottom: 0.5em;
}

#eecs-main h1.advgb-accordion-header-title,
#eecs-main h2.advgb-accordion-header-title,
#eecs-main h3.advgb-accordion-header-title,
#eecs-main h4.advgb-accordion-header-title,
#eecs-main h5.advgb-accordion-header-title,
#eecs-main h6.advgb-accordion-header-title,
#eecs-main h4,
#eecs-main h3.is-style-small,
#eecs-main h3.is-style-small-indented,
p.eecs-event-category {
  font-size: 1em;
  margin-bottom: 0.75em;
}

/* Content - Text */
#eecs-main p,
#eecs-main ul:not(.wp-block-gallery),
#eecs-main ol {
  line-height: 1.5;
  margin-bottom: 1.5em;
}
/* tg */
#eecs-main ul.wp-block-gallery {
    margin-left:0;
}

/* Content - Columns */
#eecs-main .wp-block-columns {
  margin-left: 0;
  margin-bottom: 20px;
  max-width: 100%;
  display:flex;
}

/* Content - Columns with no margin */
.wp-block-columns.no-margin .wp-block-column {
  margin: 0 0 1em 0;
}

/* Fancybox css updates */
#fancybox-overlay {
  background-color: var(--med-gray) !important;
}

@media all and (max-width: 50em) {
  #eecs-main ul:not([class]):not([id]),
  #eecs-main ol:not([class]):not([id]) {
    padding-left: 0;
  }
}

@media all and (max-width: 48em) {
  #eecs-main h1,
  #eecs-main p.eecs-pseudo-h1 {
    font-size: 1.5em;
  }
  #eecs-main h2 {
    font-size: 1.25em;
  }
  #eecs-main h3,
  #eecs-main h2.is-style-small,
  #eecs-main h2.is-style-small-indented {
    font-size: 1.125em;
  }
}

@media all and (max-width:1335px) {
    .wp-block-embed__wrapper iframe {
        height: 37vw;
    }
}

@media (max-width: 781px) {
    .wp-block-column {
        flex-basis:100%;
    }
    .wp-block-column:not(:last-child) {
        margin-right:16px;
        margin-left:16px;
    }
    .wp-block-column:not(:first-child), .wp-block-column:nth-child(2n) {
        margin-right:16px;
        margin-left:16px;
    }
}
@media all and (max-width:767px),
  only screen and (-webkit-min-device-pixel-ratio: 3.5) and (max-width:767px),
  only screen and (min--moz-device-pixel-ratio: 3.5) and (max-width:767px),
  only screen and (-o-min-device-pixel-ratio: 3.5/1) and (max-width:767px),
  only screen and (min-device-pixel-ratio: 3.5) and (max-width:767px) {
    .wp-block-embed__wrapper iframe {
        height: 55vw;
    }
}

.plain-links a {
    text-decoration:none ! important;
}

.hide-this {
  display:none ! important;
}



/**********************************/
/********* ACF BLOCK STYLES *******/
/**********************************/
/* If an ACF card fully replaces an original card, original styles can be removed */

/*----- EECS Two Card Landing -----*/
.eecs-landing-two-cards {
  position: relative;
  padding-top: 150px;
  padding-bottom: 3.25rem;
  font-family: "IBM Plex Sans", Arial, Verdana, sans-serif;
  width: 100% !important;
}
.eecs-landing-two-cards a {
  text-decoration:none;
}
.eecs-ltwoc-background { 
  min-height:530px;
  background-repeat:no-repeat;
  background-position:top center;
  background-size:cover;
  position:absolute;
  top:0;
  width:100%;
}
.eecs-ltwoc-main-container {
  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.eecs-ltwoc-title {
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-medium);
  font-size: 2.75rem;
  color:#ffffff ! important;
  line-height:1.1;
  margin-bottom:1rem;
}
.eecs-ltwoc-main-body {
  font-size: 1.15rem;
  line-height: 1.55;
}
.eecs-ltwoc-card-container {
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  background:transparent;
  width:100%;
  max-width:884px;
  padding-top: 3.6rem;
  margin: 0 auto;
  display: flex;
  justify-content:space-between;
  align-items:stretch;
  align-content:flex-start;
}
.wp-admin .eecs-landing-two-cards { margin-top:50px; }
.eecs-ltwoc-column:before {
  content:'';
  height:10px;
  width:80px;
  background-color:#00274C;
  position:absolute;
  margin-top:-1.8rem;
  margin-left:1.4rem;
}
.eecs-ltwoc-column + .eecs-ltwoc-column:before {
  content:'';
  height:10px;
  width:80px;
  background-color:#ffcb05;
  position:absolute;
  margin-top:-1.8rem;
  margin-left:1.4rem;
}
.eecs-ltwoc-column {
  flex-basis:50%;
  max-width:432px;
  background-color:#ffffff;
  padding:1.4rem 1.4rem 1.1rem 1.4rem;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  transition: box-shadow 0.15s ease-in-out;
  position:relative;
}
a.eecs-ltwoc-column p, 
.eecs-ltwoc-column P {
  font-size: 1rem;
  color: var(--puma-black);
  line-height: 1.25;
  margin-bottom: 1rem;
}
.eecs-ltwoc-card-content h2 {
  font-size: 2rem;
  margin-bottom: 1.25rem;
  color: #00274C;
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-semi-bold);
  line-height:1.25;
}
.eecs-ltwoc-card-content h3 {
  font-size: 1.75rem;
  margin-bottom: 1rem;
  color: #00274C;
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-semi-bold);
  line-height:1.25;
}
.eecs-ltwoc-main-body p {
  font-size:1.1rem;
  color: #ffffff;
  line-height: 1.5;
  margin-bottom: 1rem;
}
a.eecs-ltwoc-link {
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  color: var(--claret) ! important;
  display: block;
  margin-top: auto;
  margin-bottom: 0.25rem;
  text-decoration: none;
  font-size:1rem;
}

@media all and (max-width:1180px) {
  .eecs-landing-two-cards {
      position:relative;
      padding-top:10rem; /* was 18rem */
      padding-bottom: 4.1rem;
  }
  .eecs-ltwoc-main-container {
      max-width: 620px;
  }
  .eecs-ltwoc-column {
      padding:1.4rem 1.4rem 2.4rem 1.4rem;
  }
  h2.eecs-ltwoc-title {
      font-size: 2rem;
      margin-bottom: 1rem;
  }
  .eecs-ltwoc-main-body {
      font-size: 1rem;
  }
  .eecs-ltwoc-card-container {
      padding-top:2rem;
      max-width:620px;
  }
  .eecs-ltwoc-column {
      max-width:300px;
  }
  .eecs-ltwoc-column:before {
      margin-left:0.2rem;
      height:5px;
      width:50px;
      margin-top:-1.6rem;
  }
  .eecs-ltwoc-column + .eecs-ltwoc-column:before {
      margin-left:0.2rem;
      height:5px;
      width:50px;
      margin-top:-1.6rem;
  }
  .eecs-ltwoc-card-content h2 {
      font-size: 1.35rem;
      margin-bottom:1rem;
  }
  .eecs-ltwoc-card-content h3 {
    font-size: 1.25rem;
    margin-bottom:0.75rem;
}
}
@media all and (max-width:767px) {
  .eecs-landing-two-cards {
      margin: 0 auto 70px auto;
      flex-wrap:wrap;
      padding-top:50px; /* was 250 */
      padding-bottom:0;
  }
  .eecs-ltwoc-background {
      min-height:360px;
  }
}
@media all and (max-width:650px) {
  .eecs-ltwoc-column {
      flex-basis:49%;
      max-width:49%;
  }
}

/*----- EECS Three Card Landing -----*/
.eecs-landing-three-cards {
  padding-top: 5.25rem;
  padding-bottom: 4rem;
  position: relative;
  width: 100% !important;
  max-width: 100% !important;
}
.eecs-ltc-background {
  min-height: 624px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  position: absolute;
  top: 0;
  width: 100%; 
}
.eecs-ltc-main-container {
  max-width: 1066px;
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
}
.eecs-ltc-main-container h1 {
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-semi-bold);
  font-size: 2.7rem !important;
  color: #ffcb05 !important;
  margin-bottom: 1.5rem !important;
  position: relative;  
}
.eecs-ltc-main-body, .eecs-ltc-main-body p {
  font-size: 1.1rem;
  margin-bottom: 5rem;
  color: #ffffff;
  line-height: 1.5;
  max-width: 720px;
  position: relative;
}
.eecs-ltc-card-container {
  display: flex;
  margin: -0.625rem auto;
  justify-content: space-between;
  max-width: 1100px;
  position: relative;  
}
.eecs-ltc-card-container > div {
  -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;
}
.eecs-ltc-card-content {
  padding: 1.3rem 1.3rem 26px 1.3rem;
}
.eecs-ltc-card-content:before {
  content: '';
  height: 8px;
  width: 73px;
  position: absolute;
  margin-top: -1.65rem;
  margin-left: 0.4rem;
}
.eecs-ltc-card-container > div .eecs-ltc-card-content:before {
  background-color: var(--taubman-teal);
}
.eecs-ltc-card-container > div + div .eecs-ltc-card-content:before {
  background-color: var(--windows-blue);
}
.eecs-ltc-card-container > div + div + div .eecs-ltc-card-content:before {
  background-color: var(--tappan-red);
}
.eecs-ltc-card-container h2 {
  font-size: 1.45rem;
  margin-bottom: 1.5rem;
  color: var(--puma-black);
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-semi-bold);
}
.eecs-ltc-card-content h3 {
  font-size: 1.125rem;
  color: #00274C;
  margin-bottom: 0.25rem;
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-medium);
  margin-top:26px;
}
.eecs-ltc-card-content p {
  font-size: 1rem;
  color: #00274C;
  font-weight: normal;
  margin-bottom: 0;
  line-height: 1.25;
}
.eecs-ltc-card-content a {
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  margin-top: auto;
  margin-bottom: 0.25rem;
  text-decoration: none;
  color: var(--claret);
  -webkit-transition: color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out;
}
@media (max-width: 1280px) {
  .eecs-landing-three-cards {
    padding-top: 4.5rem;
    padding-bottom: 2.5rem;
  }
  .eecs-ltc-background {
    min-height:515px;
  }
  .eecs-ltc-main-container {
    max-width:620px;
  }
  .eecs-ltc-main-container h1 {
    font-size:2rem ! important;
  }
  .eecs-ltc-card-container {
    margin-top:-1rem;
  }
  .eecs-ltc-card-content {
    padding:1rem;
  }
  .eecs-ltc-card-container h2 {
    margin-bottom:1rem;
  }
  .eecs-ltc-card-content h3 {
    font-size:1rem;
  }
  .eecs-ltc-card-content:before {
    margin-top: -1.2rem;
    margin-left: 0.2rem;
  }  
}
@media (max-width: 1151px) {
  .eecs-ltc-card-container > div {
    margin: 0.3rem;
  }
}
@media (max-width: 767px),
  only screen and (-webkit-min-device-pixel-ratio: 3.5) and (max-width:767px),
  only screen and (min--moz-device-pixel-ratio: 3.5) and (max-width:767px),
  only screen and (-o-min-device-pixel-ratio: 3.5/1) and (max-width:767px),
  only screen and (min-device-pixel-ratio: 3.5) and (max-width:767px) {
  .eecs-landing-three-cards {
    padding-top: 4rem;
  }
  .eecs-ltc-background {
    min-height: calc(100vw + 1%) !important;
  }
  .eecs-ltc-main-container {
    max-width: 90%;
    position: relative;
    margin-bottom: calc(11vw + 1%) !important;
  }
  .eecs-ltc-main-container h1 {
    font-size:1.5rem ! important;
  }
  .eecs-ltc-main-body, .eecs-ltc-main-body p {
    line-height: 1.4;
  }
  .eecs-ltc-card-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
  }
  .eecs-ltc-card-container > div {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 0.8rem 1rem;
  }
  .eecs-ltc-card-container > div img {
    object-fit: cover;
    width: 100%;
  }
}

/* WP Button Margins */
h3.wp-block-heading + .wp-block-button,
h3.wp-block-heading.is-style-small + .wp-block-button,
h3.wp-block-heading.is-style-small-indented + .wp-block-button,
.wp-block-button + p,
.wp-block-button + .eecs-card-row,
.wp-block-buttons + .eecs-card-row {
  margin-top:40px;
}

/*----- EECS Blocks General -----*/
.eecs-clear {
  clear:both;
}

/*----- EECS CARD ROW (eecs-card-row) -----*/
.eecs-card-row {
  position: relative;
  max-width: 1310px;
  display:flex;
  margin-left:auto;
  margin-right:auto;
  justify-content:center;
  clear:both;
}
.eecs-card-row-no-align {
  width:100% ! important;
}
.eecs-card-row-align-left {
  justify-content:flex-start;
}
.eecs-card-row-align-right {
  justify-content:flex-end;
}
.eecs-card-row-align-left + p,
.eecs-card-row-align-right + p {
  padding-top:10px;
}
.eecs-card-row-card {
  max-width:655px;
  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;  
}
.eecs-card-row-1 {
  max-width:100%;
}
.eecs-card-row-card.eecs-no-card {
  box-shadow:none ! important;
  transition:none ! important;
}
.eecs-card-row-1 {
  width:100%;
}
.eecs-card-row-2 {
  width:50%;
}
.eecs-card-row-3 {
  width:33%;
}
.eecs-card-row-4 {
  width:25%;
}
.eecs-card-row-5 {
  width:20%;
}
.eecs-card-row-content:before {
  content: '';
  height: 8px;
  width: 73px;
  position: absolute;
  margin-top: -1.65rem;
  margin-left: 0.4rem;
}
.eecs-no-card .eecs-card-row-content:before {
  display:none;
}
.eecs-card-row-4 .eecs-card-row-content:before,
.eecs-card-row-5 .eecs-card-row-content:before {
  margin-top: -1.2rem;
}
.eecs-card-row-content.eecs-card-bar-00274C:before { background-color: var(--um-blue); }
.eecs-card-row-content.eecs-card-bar-FFCB05:before { background-color: var(--um-maize); }
.eecs-card-row-content.eecs-card-bar-9A3324:before { background-color: var(--tappan-red); }
.eecs-card-row-content.eecs-card-bar-D86018:before { background-color: var(--ross-orange); }
.eecs-card-row-content.eecs-card-bar-75988d:before { background-color: var(--rackham-green); }
.eecs-card-row-content.eecs-card-bar-A5A508:before { background-color: var(--wave-field-green); }
.eecs-card-row-content.eecs-card-bar-00B2A9:before { background-color: var(--taubman-teal); }
.eecs-card-row-content.eecs-card-bar-2F65A7:before { background-color: var(--arboretum-blue); }
.eecs-card-row-content.eecs-card-bar-702082:before { background-color: var(--a2-amethyst); }
.eecs-card-row-content.eecs-card-bar-575294:before { background-color: var(--matthaei-violet); }
.eecs-card-row-content.eecs-card-bar-CFC096:before { background-color: var(--umma-tan); }
.eecs-card-row-content.eecs-card-bar-9B9A6D:before { background-color: var(--burton-tower-beige); }
.eecs-card-row-content.eecs-card-bar-989C97:before { background-color: var(--angell-hall-ash); }
.eecs-card-row-content.eecs-card-bar-655A52:before { background-color: var(--law-quad-stone); }
.eecs-card-row-content.eecs-card-bar-131516:before { background-color: var(--puma-black); }
.eecs-card-row-content.eecs-card-bar-4A4A4A:before { background-color: var(--charcoal); }
.eecs-card-row-content.eecs-card-bar-7A121C:before { background-color: var(--claret); }
.eecs-card-row-content.eecs-card-bar-031B31:before { background-color: var(--dark-blue-grey); }
.eecs-card-row-content.eecs-card-bar-FAFAFA:before { background-color: var(--pale-grey); }
.eecs-card-row-content.eecs-card-bar-407EC9:before { background-color: var(--windows-blue); }
.eecs-card-row-content.eecs-card-bar-000000:before { background-color: var(--black); }
.eecs-card-row-content.eecs-card-bar-333333:before { background-color: var(--med-gray); }
.eecs-card-row-content {
  padding: 1.3rem 1.3rem 26px 1.3rem;
}
.eecs-card-row-4 .eecs-card-row-content,
.eecs-card-row-5 .eecs-card-row-content {
  padding: 15px;
}
.eecs-card-row-card img {
  margin-right: auto;
  margin-left: auto;
  display: block;
}
#eecs-main .eecs-card-row-content h2,
.eecs-card-row-content h2 {
  font-size: 25px;
  margin-bottom: 0.5em;
  color: #333;
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-semi-bold);
  line-height: 1.1;
}
#eecs-main .eecs-card-row-4 .eecs-card-row-content h2,
.eecs-card-row-4 .eecs-card-row-content h2,
#eecs-main .eecs-card-row-5 .eecs-card-row-content h2,
.eecs-card-row-5 .eecs-card-row-content h2 {
  font-size: 1.25em;
}
#eecs-main .eecs-card-row-content p,
.eecs-card-row-content p,
#eecs-main .eecs-card-row-content ul,
.eecs-card-row-content ul,
#eecs-main .eecs-card-row-content ol,
.eecs-card-row-content ol {
  font-size: 1rem;
  color: #00274C;
  margin-bottom: 20px;
  line-height: 1.25;
  font-family: "IBM Plex Sans", Arial, Verdana, sans-serif;
  word-break:break-word;
}
.eecs-card-row-content ul li,
.eecs-card-row-content ol li {
  font-size: 1rem;
  color: #00274C;
  line-height: 1.25;
  font-family: "IBM Plex Sans", Arial, Verdana, sans-serif;
}
.eecs-card-row-content a {
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  margin-top: 1rem;
  text-decoration: none;
  color: var(--claret);
  transition: color 0.15s ease-in-out;
}

.eecs-card-row-content div + div a {
  display: block;
}
.eecs-card-row-content div p:last-child {
  margin-bottom:0 ! important;
}
h2 + .eecs-card-row,
#eecs-main .eecs-card-row + h2,
#eecs-main .eecs-card-row + h3,
#eecs-main .eecs-card-row + p {
  margin-top: 1.5em;
}
.eecs-card-row-align-right + h1,
.eecs-card-row-align-right + h2,
.eecs-card-row-align-right + h3,
.eecs-card-row-align-left + h1,
.eecs-card-row-align-left + h2,
.eecs-card-row-align-left + h3 {
  margin-top:20px ! important;
}
.eecs-card-row + .eecs-card-row, 
.eecs-card-row + hr,
.eecs-card-row + .wp-block-heading,
.eecs-card-row + .wp-block-columns,
h1.wp-block-heading + .eecs-card-row,
#eecs-main p.eecs-pseudo-h1 + .eecs-card-row {
  margin-top:24px;
}

@media (max-width: 1200px) {
  #eecs-main .eecs-card-row-content h2,
  .eecs-card-row-content h2 {
    font-size:23px;
  }
}

@media (max-width: 1150px) {
  #eecs-main .eecs-card-row-content h2,
  .eecs-card-row-content h2 {
    font-size:20px;
  }
}

@media (max-width: 980px) {
  .eecs-card-row {
    flex-wrap:wrap;
  }
  .eecs-card-row-4,
  .eecs-card-row-2 {
    width:46% ! important;
    margin:2%;
  }
  .eecs-card-row-align-right,
  .eecs-card-row-align-left {
    width:50% ! important;
  }
}
@media (max-width:813px) {
  .eecs-card-row-5,
  .eecs-card-row-3 {
    width:46% ! important;
    margin:2%;
  }  
}
@media (max-width: 767px),
  only screen and (-webkit-min-device-pixel-ratio: 3.5) and (max-width:767px),
  only screen and (min--moz-device-pixel-ratio: 3.5) and (max-width:767px),
  only screen and (-o-min-device-pixel-ratio: 3.5/1) and (max-width:767px),
  only screen and (min-device-pixel-ratio: 3.5) and (max-width:767px) {
  .eecs-card-row-2,
  .eecs-card-row-3,
  .eecs-card-row-4,
  .eecs-card-row-5 {
    width:100% ! important;
  }  
  .eecs-card-row-align-right,
  .eecs-card-row-align-left {
    width:100% ! important;
    float:none ! important;
  }
}

/*----- EECS LANDING FIVE CARDS (eecs-landing-five-cards) -----*/
.eecs-landing-five-cards {
  padding-bottom: 2.75rem;
  position: relative;   
  font-family:"IBM Plex Sans", Arial, Verdana, sans-serif;
  width: 100% ! important;
  max-width: 100% ! important;
  z-index:0;
}
.eecs-landing-five-cards_background {
  min-height:494px;
  background-repeat:no-repeat;
  background-position:top center;
  background-size:cover;
  position:absolute;
  top:0;
  width:100%;
}
.eecs-landing-five-cards .container {
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 1180px;    
}
.eecs-landing-five-cards_main_wrapper {
  margin: 0 auto;
  max-width: 800px;    
}
.eecs-landing-five-cards_main_text {
  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;
}
.hb-float-right .eecs-landing-five-cards_main_text {
  float: right;
}
.hb-float-left .eecs-landing-five-cards_main_text {
  float: left;
}
.hb-no-float .eecs-landing-five-cards_main_text {
  float: none;
}
.hbt-right {
  text-align:right;
}
.hbt-left {
  text-align:left;
}
.hbt-center {
  text-align:center;
}
.eecs-landing-five-cards_border.hbt-left {
  float:left;
}
.eecs-landing-five-cards_border.hbt-right {
  float:right;
}
.eecs-landing-five-cards_border.hbt-center {
  margin-right:auto;
  margin-left:auto;
}
.eecs-landing-five-cards h1 {
  font-size:2.75rem ! important;
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-semi-bold);
  margin-bottom:1.25rem ! important;
  color: #FEFEFE ! important;
  line-height:1;
}
.eecs-landing-five-cards h1 a {
  font-size:2.75rem ! important;
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-semi-bold);
  color: #FEFEFE ! important;
  line-height:1;
  display:inline;
}
.eecs-landing-five-cards_body {
  margin-bottom:2rem;
  font-size:1.2rem;
}
.eecs-landing-five-cards_border {
  width: 285px;
  background-color: #ffcb05;
  height:2px;
}
.eecs-landing-five-cards_card_wrapper {
  display:grid;
  clear: both;
  grid-gap: 5px;
  grid-template-columns: 1fr 1fr 1fr;
  padding-top: 3.25rem;
  position:relative;
}
.eecs-landing-five-cards_card {
  flex: 1;
  margin: 0.625rem;
  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;
  transition: box-shadow 0.15s ease-in-out;
  z-index: 1;
  background-color:#fefefe;
  padding:1.4rem;
}
.eecs-landing-five-cards_card:first-child {
  grid-column: 1;
  grid-row: 1 / 3;
}
.eecs-landing-five-cards_card:before {
  content:'';
  height:8px;
  width:80px;
  position:absolute;
  margin-left:1.4rem;
}
.eecs-landing-five-cards_card:first-child:before {
  margin-top:-1.7rem;
  background-color:var(--tappan-red);
}
.eecs-landing-five-cards_card:nth-child(2):before {
  margin-top:-1.7rem;
  background-color:var(--windows-blue);
}
.eecs-landing-five-cards_card:nth-child(3):before {
  margin-top:-1.7rem;
  background-color:var(--claret);
}
.eecs-landing-five-cards_card:nth-child(4):before {
  margin-top:-1.7rem;
  background-color:#ffcb05;
}
.eecs-landing-five-cards_card:nth-child(5):before {
  margin-top:-1.7rem;
  background-color:#00274C;
}
.eecs-landing-five-cards_card_wrapper h2 {
  font-size: 1.45rem ! important;
  margin-bottom:1.5rem ! important;
  color: #00274C ! important;
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-semi-bold);
}
.eecs-landing-five-cards_card_wrapper h2 a {
  font-size: 1.45rem ! important;
  color: #00274C ! important;
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-semi-bold);
  text-decoration:underline;
  display:inline;
}
.eecs-landing-five-cards_card_content p,
.eecs-landing-five-cards_card_content ul,
.eecs-landing-five-cards_card_content ol,
.eecs-landing-five-cards_card_content li,
.eecs-landing-five-cards_main_card_body li {
  font-size:1rem;
  color: var(--puma-black);
  line-height:1.25 ! important;
  margin-bottom:1rem ! important;
}
.eecs-landing-five-cards_main_card_body p {
  font-size:1.125rem;
}
.eecs-landing-five-cards_card_content ul,
.eecs-landing-five-cards_main_card_body ul {
  margin-left:2rem;
  line-height:1.25;
  margin-bottom:1rem;
}
.eecs-landing-five-cards_card_content a {
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  color: var(--claret);
  display: block;
  margin-top: auto;
  text-decoration: none;
  margin-bottom:-10px;
  font-size:1rem;
  line-height:1.25;
}
p.eecs-landing-five-cards_card1body a, p.eecs-landing-five-cards_card2body a {
  padding-top:1rem;
}
h2 + p.eecs-landing-five-cards_card1body a:first-child,
h2 + p.eecs-landing-five-cards_card2body a:first-child {
  padding-top:0;
}
@media all and (max-width:1280px) {
  .eecs-landing-five-cards_background {
      min-height:300px;
  }
  .eecs-landing-five-cards_main_text {
      padding-top: 80px;
      padding-bottom:1rem;
  }
  .eecs-landing-five-cards_card_wrapper {
      padding-top:0;
  }
}
@media all and (max-width:980px) {
  .eecs-landing-five-cards_card_wrapper {
      grid-gap:0;
  }
  .eecs-landing-five-cards_card {
      margin:0.5rem;
  }
}
@media all and (max-width:959px) {
  .eecs-landing-five-cards_main_wrapper {
      padding-right:1rem;
      padding-left:1rem;
      max-width:96%;
  }
}
@media screen and (max-width:767px),
  only screen and (-webkit-min-device-pixel-ratio: 3.5) and (max-width:767px),
  only screen and (min--moz-device-pixel-ratio: 3.5) and (max-width:767px),
  only screen and (-o-min-device-pixel-ratio: 3.5/1) and (max-width:767px),
  only screen and (min-device-pixel-ratio: 3.5) and (max-width:767px) {
  .eecs-landing-five-cards h1 {
      font-size:2rem ! important;
  }
  .eecs-landing-five-cards h1 a {
      font-size:2rem ! important;
  }
  .eecs-landing-five-cards_body {
      font-size:1rem;
  }
  .eecs-landing-five-cards_card_wrapper {
      grid-template-columns: 1fr;
  }
}


/**********************************************************/
/****** ACF EECS VIDEO GALLERY (eecs-video-gallery) *******/
/**********************************************************/
.eecs-video-gallery {
  display:flex;
  width:100%;
  margin:2em auto;
  max-width:1310px;
}
.eecs-video-gallery-list {
  flex-basis: 35%;
  padding-left: 1px;
  background-color: #fafafa;
  padding: 1.25rem 0 1.25rem 1.25rem;
  align-items: center;
}
.eecs-video-gallery-label {
  display: inline-flex;
  background-color: #f4c400;
  width: auto;
  height: auto;
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 1em;
  justify-items: center;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: center;
  padding: 3px 2px 0 2px;
}
.eecs-video-gallery-label span {
  display:flex;
}
#eecs-main .eecs-video-gallery-list h2,
.eecs-video-gallery-list h2 {
  margin-bottom: 0.75em !important;
  cursor: pointer;
  color:#000000;
  padding-right:8px;
}
#eecs-main .eecs-video-gallery-list h2:after,
.eecs-video-gallery-list h2:after {
    border-bottom: 1px dashed #e6e6e6;
    content: '';
    display: block;
    width: 100.88%;
    padding-top: 0.5em;
}
#eecs-main .eecs-video-gallery-list h2.eecs-video-gallery-on,
.eecs-video-gallery-list h2.eecs-video-gallery-on {
  color: #0037a4 !important;
  cursor: auto;
  padding-right: 8px;
}
#eecs-main .eecs-video-gallery-list h2.eecs-video-gallery-on:after,
.eecs-video-gallery-list h2.eecs-video-gallery-on:after {
  border-bottom: 1px solid #f4c400;
  content: '';
  display: block;
  width: 100.88%;
  padding-top: 0.5em;
}
.eecs-video-gallery-list a {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  margin-top: 2.25em;
  font-size:16px;
}
.eecs-video-gallery-list a:hover {
  color: var(--um-blue);
  transition: color 0.15s ease-in-out;
}
.eecs-video-gallery-videos {
  flex-basis: 65%;
  border-left: 2px solid #ffcb05;
  display: flex;
  align-items: center;
}
.eecs-video-gallery-video {
  display:none;
}
.eecs-video-gallery-video.eecs-video-gallery-on {
  display:block;
}
.eecs-video-gallery-videos figure,
#eecs-main .eecs-video-gallery-videos figure {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  margin-top:0;
  margin-bottom:0;
}
.eecs-video-gallery-videos iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;  
}
.eecs-video-gallery-videos figure + figure {
  display: none;
}
@media (max-width: 980px) {
  .eecs-video-gallery {
    flex-direction: column-reverse;
    width:90%;
  }
}

/**********************************************************/
/********* ACF EECS VIDEO GRID (eecs-video-grid) **********/
/**********************************************************/
.eecs-video-grid {
  width:100%;
  margin:0 auto;
  max-width:100%;
  padding-bottom: 2rem;
  padding-top: 2rem;
}
.eecs-video-grid-wrapper {
  background: transparent;
  width: 96%;
  padding: 0;
  max-width: 1100px;
  margin: 10px auto;
  display: flex;
  justify-content:flex-start;
  align-items: stretch;
  gap: 2%;
  flex-wrap:wrap;
}
.eecs-video-grid h1 {
  text-align:center;
}
.eecs-video-grid figure {
  padding-bottom:30px;
}
.eecs-video-grid-50 figure {
  width:49%;
}
.eecs-video-grid-33 figure {
  width:32%;
}
.eecs-video-grid-25 figure {
  width:23%;
}
.eecs-video-grid-wrapper figure iframe {
  width:100%;
  aspect-ratio: 16/9;
}
.eecs-video-grid h2 {
  margin-bottom:8px ! important;
  margin-top:0 ! important;
}
@media (max-width: 980px) {
  .eecs-video-grid-25 figure {
    width:49%;
  }
}
@media (max-width: 767px) {
  .eecs-video-grid-50 figure {
    width:100%;
  }
  .eecs-video-grid-33 figure {
    width:100%;
  }
  .eecs-video-grid-25 figure {
    width:100%;
  }
}




/*----- EECS SUPER NEWS FEED (news-feed) -----*/

/*
.eecs-snf-wrapper.snf-1-col,
.eecs-snf-wrapper.snf-2-col {
}
*/
.eecs-snf-wrapper.snf-1-col-indent,
.eecs-snf-wrapper.snf-2-col-indent {
  max-width: 980px;
}
.eecs-snf-wrapper.snf-2-col,
.eecs-snf-wrapper.snf-2-col-indent {
  justify-content: space-between;
}
.eecs-snf-wrapper.snf-rev {
  flex-direction:column-reverse;
}
.eecs-snf-news-col {
  flex-basis:100%;
}
.eecs-snf-wrapper.snf-2-col .eecs-snf-news-col,
.eecs-snf-wrapper.snf-2-col-indent .eecs-snf-news-col {
  flex-basis: 58%;
}
.eecs-snf-second-col {
  flex-basis:40%;
}
a.eecs-snf-news-row {
  text-decoration: none;
  color: #000000;
  display: flex;
  width: 100%;
  margin-bottom: 4%;
}
a.eecs-snf-news-row:hover {
  transition: color 0.15s ease-in-out;
  text-decoration: none;
  color: #000000;
}
.eecs-snf-news-image {
  flex-basis: 29%;
  background-size: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  padding-top: 19.3%;
}
.eecs-snf-feed-text {
  -ms-flex-preferred-size: 59%;
  flex-basis: 59%;
  margin-left: 3%;
  margin-right: 9%;
}
.eecs-snf-feed-text h3 {
  font-size: 26.4px !important;
  color: #000000 !important;
  text-decoration: none;
  font-family: "IBM Plex Sans", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-semi-bold);
  line-height: 1.1 !important;
}
.eecs-snf-feed-more a {
  color: var(--claret);
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-size: 1rem;
  text-decoration: none;
}
/* Audio Icon - used by CBD People Blocks; put here because eventually the people blocks will be ACF */
.eecs_people_list_container .eecs-name-coach-icon {
  width: 36px;
  padding-left: 8px;
  display:inline-block;
}
.jm_wrapper .eecs-name-coach-icon {
  width: 24px;
  padding-left: 4px;
  display:inline-block;
}

/**********************************************************/
/*********** ACF EECS VIDEO WITH SIDEBAR BLOCK ************/
/**********************************************************/
.eecs-video-w-sidebar {
  padding: 0;
  background-color: var(--um-blue);
  margin: 0 auto;
  width: 100% !important;
  max-width: 100% !important;
}
.eecs-video-w-sidebar-wrapper {
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  background: transparent;
  width: 100%;
  padding: 0;
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.eecs-video-w-sidebar-legend {
  flex-basis: 18%;
  max-width: 223px;
  margin-left: 2rem;
  margin-right: 1rem;
  line-height: 1.33;
  padding-bottom: 1rem;
  margin-bottom: 20px;
  margin-top: 20px;
}
h2.eecs-video-w-sidebar-heading {
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-semi-bold);
  font-size: 1.5rem !important;
  margin-bottom: 0.5rem !important;
  color: var(--um-maize) !important;
  line-height: 1.33;
}
.eecs-video-w-sidebar-caption {
  font-family: "IBM Plex Sans", Arial, Verdana, sans-serif;
  font-size: 1.125rem;
  color: #ffffff;
  line-height: 1.5;
}
.eecs-video-w-sidebar-video-wrapper {
  flex-basis: 80%;
  max-width: 992px;
  margin-left: auto;
  margin-bottom: 0;
} 
figure.eecs-video-w-sidebar-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  margin-top:0;
  margin-bottom:0;
}
figure.eecs-video-w-sidebar-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;  
}
@media (max-width: 1100px) {
  .eecs-video-w-sidebar-wrapper {
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      padding: 1rem 1rem 2rem;
  }
  .eecs-video-w-sidebar-legend,
  .eecs-video-w-sidebar-video-wrapper {
    flex-basis: 100%;
    max-width: 100%;
    width:100%;
  }
  h2.eecs-video-w-sidebar-heading {
    margin-top:20px;
  } 
}

/**********************************************************/
/*************** ACF EECS PEOPLE GRID BLOCK ***************/
/**********************************************************/
.eecs_people_grid_wrapper {
  width:100%;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:stretch;
  align-content:flex-start;
  margin-bottom:20px;
}
.eecs_people_grid_wrapper a {
  color: var(--claret);
  text-decoration: none;
}
.eecs_cell_width_100 {
  width:98%;
}
.eecs_cell_width_50 {
  width:48%;
}
.eecs_cell_width_33 {
  width:31%;
}
.eecs_cell_width_25 {
  width:23%;
}
.eecs_cell_width_20 {
  width:18%;
}
.eecs_cell_width_16 {
  width:14%;
}
.eecs_people_grid_cell {
  margin-bottom:3%;
  line-height:1.1;
}
.eecs_people_grid_image {
  background-repeat: no-repeat !important;
  width: 100%;
  height: 0;
  padding-top: 100%;
  background-size: 100% 100% !important;
}
.eecs_people_grid_cell h1,
#eecs-main .eecs_people_grid_cell h1,
.eecs_people_grid_cell h2,
#eecs-main .eecs_people_grid_cell h2,
.eecs_people_grid_cell h3,
#eecs-main .eecs_people_grid_cell h3,
.eecs_people_grid_cell h4,
#eecs-main .eecs_people_grid_cell h4,
.eecs_people_grid_cell h5,
#eecs-main .eecs_people_grid_cell h5,
.eecs_people_grid_cell h6,
#eecs-main .eecs_people_grid_cell h6 {
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
}
.eecs_people_grid_cell h4,
#eecs-main .eecs_people_grid_cell h4 {
  margin-bottom:0.25rem;
  margin-top: 0.25em;
}
.eecs_people_grid_wrapper .eecs_cell_width_50:nth-child(1n+1) {
  margin-right: 2%;
}
.eecs_people_grid_wrapper .eecs_cell_width_33:nth-child(3n+1), 
.eecs_people_grid_wrapper .eecs_cell_width_33:nth-child(3n+2) {
  margin-right: 2%;
}
.eecs_people_grid_wrapper .eecs_cell_width_25:nth-child(4n+1), 
.eecs_people_grid_wrapper .eecs_cell_width_25:nth-child(4n+2), 
.eecs_people_grid_wrapper .eecs_cell_width_25:nth-child(4n+3) {
  margin-right: 2%;
}
.eecs_people_grid_wrapper .eecs_cell_width_20:nth-child(5n+1), 
.eecs_people_grid_wrapper .eecs_cell_width_20:nth-child(5n+2), 
.eecs_people_grid_wrapper .eecs_cell_width_20:nth-child(5n+3), 
.eecs_people_grid_wrapper .eecs_cell_width_20:nth-child(5n+4) {
  margin-right: 2%;
}
.eecs_people_grid_wrapper .eecs_cell_width_16:nth-child(6n+1), 
.eecs_people_grid_wrapper .eecs_cell_width_16:nth-child(6n+2), 
.eecs_people_grid_wrapper .eecs_cell_width_16:nth-child(6n+3), 
.eecs_people_grid_wrapper .eecs_cell_width_16:nth-child(6n+4), 
.eecs_people_grid_wrapper .eecs_cell_width_16:nth-child(6n+5) {
  margin-right: 2%;
}
a.eecs_people_grid_url,
a.eecs_people_grid_mentor_plan,
a.eecs_people_grid_email,
a.eecs_people_grid_program {
  display:block;
  margin-bottom:0.25rem;
}
.eecs_people_grid_wrapper .eecs-name-coach-icon {
  width: 24px;
  padding-left: 4px;
  display:inline-block;
}

@media (max-width: 980px) {
  .eecs_cell_width_25 {
    width:48%;
  }
  .eecs_cell_width_20 {
    width:31%;
    font-size:14px;
  }
  .eecs_cell_width_16 {
    width:31%;
    font-size:14px;
  }
}
@media (max-width: 767px) {
  .eecs_cell_width_100,
  .eecs_cell_width_50,
  .eecs_cell_width_33,
  .eecs_cell_width_25,
  .eecs_cell_width_20,
  .eecs_cell_width_16 {
    width:98%;
    font-size:14px;
  }
}

/**********************************************************/
/******************** ACF EVENTS - LISTS ******************/
/**********************************************************/
.eecs-event-block-list + .eecs-event-block-list {
  margin-top:30px;
}
.eecs-event-block-list:not(:has(h1.wp-block-heading)) {
  padding-top:3em;
  background-color: var(--white);
}
#eecs-main .eecs-event-block-list h1.wp-block-heading,
.eecs-event-block-list h1.wp-block-heading {
  font-size: 2.25em;
  margin-bottom: 0.5em;
  color: #333;
  font-weight: var(--eecs-semi-bold);
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  line-height: 1.1;
}
.eecs-event-block-list .eecs-event-list {
  display: flex;
  flex-direction:column;
  justify-content: space-between;
  padding-left: 0;
  padding-right: 0;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}
h2 + .eecs-event-list,
h2 + .eecs-event-block-list,
h1 + .eecs-event-block-list {
  padding-top:1rem ! important;
}
.eecs-upcoming-event-wrapper {
  display: flex;
  flex-direction: row;
}
.eecs-upcoming-event-wrapper a {
  flex-grow:1;
}
.eecs-event-block-item {
  display:flex;
  flex-direction:row;
  text-decoration: none;
  color:var(--black);
  margin-bottom:1rem;
  transition: all 0.15s ease-out;
  border: 1px solid #efefef;
}
.eecs-event-block-item:hover {
  box-shadow: 0 11px 22px rgba(0, 0, 0, 0.22);
  transition: all 0.15s ease-in;
}
.eecs-event-block-item .event-date {
  display:flex;
  flex-direction: column;
  font-family: "IBM Plex Sans", Arial, Verdana, sans-serif;
  justify-content: flex-start;
  padding: 0.75rem 1.25rem 0.25rem;
  text-align: center;
}
.eecs-upcoming-event-wrapper:nth-child(odd) .event-date,
.eecs-event-block-item:nth-child(odd) .event-date {
  background-color: var(--um-blue);
  color: var(--um-maize);
}
.eecs-upcoming-event-wrapper:nth-child(even) .event-date,
.eecs-event-block-item:nth-child(even) .event-date {
  background-color: var(--um-maize);
  color: var(--um-blue);
}
.eecs-event-block-item .event-date .event-month {
  font-size: 1.4rem;
  line-height: 1;  
}
.eecs-event-block-item .event-date .event-day {
  font-size: 3rem;
  line-height: 1;  
}
.eecs-event-block-item .event-title {
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-medium);
  font-size: 1rem;
  line-height: 1.125rem;
  margin-bottom: 0.25rem;
}
.eecs-event-block-item .eecs-event-block-speaker,
.eecs-event-block-item .event-details {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.25;
}
.eecs-event-block-item .event-description {
  background-color: #FEFEFE;
  padding: 0.75rem;  
}
.eecs-event-block-item .event-description .event-type {
  color: #00274C;
  font-size: 1rem;
  font-family: "IBM Plex Sans", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-bold);
  margin-bottom: 0.25rem;
  text-transform: uppercase; 
}
.eecs-upcoming-event-wrapper .event-gcal {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.25;
  display: flex;
  margin-right: 0.5rem;
  margin-left: 0.25rem;
  width: 175px;
  flex-grow:0;
  flex-shrink:0;
}
.eecs-upcoming-event-wrapper .event-gcal a {
  color: #4a4a4a;
  font-size: .7rem;
  text-transform: uppercase;  
}
.eecs-upcoming-event-wrapper .event-gcal a: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;
}
@media (max-width: 767px) {
  .eecs-upcoming-event-wrapper {
    margin-bottom: 0.25rem;
    flex-direction:column;
  }
  .eecs-upcoming-event-wrapper a {
    margin-bottom: 0.25rem;
  }
}

/**********************************************************/
/***************** ACF EVENTS - SHORT FEED ****************/
/**********************************************************/
/* Used by eecs-news-events-feed block (maybe others) */
/* Event portion styles are shared with the Event List block */
.eecs-acf-news-feed-block {
  width:100%;
  max-width:100%;
  display:flex;
  justify-content:center;
  padding-bottom: 3rem;
  padding-top: 3rem;
  background-color: #FAFAFA;
}
.eecs-acf-news-feed-block.two-column-indented {
  padding-left: 5rem;
  padding-right: 5rem;  
}
.eecs-acf-news-feed-block .eecs-acf-block-embed iframe {
  aspect-ratio: 3 / 1.7;
}
body:not(.page-template-default) .eecs-acf-news-feed-block {
  background-color:#ffffff;
}
#eecs-main h2.eecs-acf-news-feed-heading,
h2.eecs-acf-news-feed-heading {
  font-size: 3rem;
  font-weight: var(--eecs-bold);
  font-family: 'IBM Plex Sans', Arial, Verdana, sans-serif;
  margin-bottom: 2rem;
}
.eecs-acf-news-feed-wrapper {
  display:flex;
  max-width:980px;
  gap: 4%;
  width:100%;
}
.eecs-acf-news-feed-column-1 {
  flex-basis:40%;
}
.eecs-acf-news-feed-column-2 {
  flex-basis:58%;
}
/* News */
a.eecs-acf-news-feed-row,
a.eecs-acf-news-feed-home3-row {
  border-bottom: 1px solid #cccccc;
  color: #000;
  display: flex;
  flex-direction:row;
  gap:2rem;
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
  text-decoration: none;
}
a.eecs-acf-news-feed-row:hover,
a.eecs-acf-news-feed-row:hover h3,
a.eecs-acf-news-feed-home3-row:hover,
a.eecs-acf-news-feed-home3-row:hover h3 {
  color: var(--windows-blue) ! important;
}
#eecs-main a.eecs-acf-news-feed-row h3,
a.eecs-acf-news-feed-row h3,
#eecs-main a.eecs-acf-news-feed-home3-row h3,
a.eecs-acf-news-feed-home3-row h3 {
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-medium);
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  color: var(--puma-black);
  text-decoration: none; 
}
.eecs-acf-news-feed-text,
.eecs-acf-news-feed-home3-text {
  flex-basis:70%;
}
#eecs-main p.eecs-acf-news-feed-excerpt,
p.eecs-acf-news-feed-excerpt,
#eecs-main p.eecs-acf-news-feed-home3-excerpt,
p.eecs-acf-news-feed-home3-excerpt,
.eecs-acf-news-feed-block p {
  font-size: 1rem;
  line-height: 1.25;
}
.eecs-acf-news-feed-image,
.eecs-acf-news-feed-home3-image {
  flex-basis:30%;
  min-width:180px;
  background-size:100%;
  background-repeat:no-repeat;
}

.eecs-acf-news-feed-block a.event {
  color: #000;
  display: flex;
  margin-bottom: 1.25rem;
  text-decoration: none;
  transition: all 0.15s ease-out;
}
.eecs-acf-news-feed-block .event-date {
  display: flex;
  flex-direction: column;
  font-family: "IBM Plex Sans", Arial, Verdana, sans-serif;
  justify-content: flex-start;
  padding: 0.75rem 1.25rem 0.25rem;
  text-align: center;
}
.eecs-acf-news-feed-block .event:nth-child(odd) .event-date {
  background-color: #00274C;
  color: #ffcb05;
}
.eecs-acf-news-feed-block .event:nth-child(even) .event-date {
  background-color: #ffcb05;
  color: #00274C;
}
.eecs-acf-news-feed-block .event-month {
  font-size: 1.4rem;
  line-height: 1;
}
.eecs-acf-news-feed-block .event-day {
  font-size: 3rem;
  line-height: 1;
}
.eecs-acf-news-feed-block .event-description {
  background-color: #FEFEFE;
  border: 1px solid var(--pale-grey);
  padding: 0.75rem;
}
.eecs-acf-news-feed-more {
  text-align: left;
}
.eecs-acf-news-feed-more a,
.eecs-acf-events-feed-more a {
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-size:1rem;
  text-decoration:none;
  padding-right:20px;
}
.eecs-acf-news-feed-more a:hover,
.eecs-acf-events-feed-more a:hover {
  font-weight:bold;
  text-decoration:underline;
  color: var(--claret);
}
@media (max-width: 1280px) {
  .eecs-acf-news-feed-column-1 {
    flex-basis:49%;
  }
  .eecs-acf-news-feed-column-2 {
    flex-basis:49%;
  }  
}
@media (max-width: 767px) {
  .eecs-acf-news-feed-wrapper {
    flex-direction:column;
    align-items:center;
  }
  .eecs-acf-news-feed-column-1,
  .eecs-acf-news-feed-column-2 {
    width:96%;
    flex-basis:96%;
  }
}


/**********************************************************/
/******************** EECS COVER BLOCK ********************/
/**********************************************************/
.eecs-cover {
  text-shadow: 0 2px 4px #000;
  background-size: cover;
  min-height: 541px;
  width: 100% !important;
  max-width: 100% !important;
  display:flex;
  flex-wrap:wrap;
  flex-direction:column;
  padding:40px;
  margin-bottom:0;
}
.eecs-cover + h1,
.eecs-cover + h2,
.eecs-cover + h3,
.eecs-cover + h4,
.eecs-cover + h5,
.eecs-cover + h6,
.eecs-cover + p,
.eecs-cover + div {
  margin-top:2rem;
}
.eecs-cover h1,
.eecs-cover h2 {
  width:100%;
}
.eecs-cover h1 {
  font-size:2.5rem ! important;
}
.eecs-cover h2 {
  font-size:1.5rem ! important;
}
a.eecs-cover {
  text-decoration:none ! important;
}
.eecs-cover.align-center {
  justify-content:center;
  align-items:center;
  text-align:center;
}
.eecs-cover.align-center-bottom {
  justify-content:flex-end;
  align-items:center;
  text-align:center;
}
.eecs-cover.align-center-top {
  justify-content:flex-start;
  align-items:center;
  text-align:center;
}
.eecs-cover.align-left-bottom {
  justify-content:flex-end;
  align-items:flex-start;
  text-align:left;
}
.eecs-cover.align-left-center {
  justify-content:center;
  align-items:flex-start;
  text-align:left;
}
.eecs-cover.align-left-top {
  justify-content:flex-start;
  align-items:flex-start;
  text-align:left;
}
.eecs-cover.align-right-bottom {
  justify-content:flex-end;
  align-items:flex-end;
  text-align:right;
}
.eecs-cover.align-right-center {
  justify-content:center;
  align-items:flex-end;
  text-align:right;
}
.eecs-cover.align-right-top {
  justify-content:flex-start;
  align-items:flex-end;
  text-align:right;
}

/**********************************************************/
/****************** MC-->GETWID ACCORDION *****************/
/**********************************************************/
/* styling to make GetWid Accordion Blocks ook like MC Accordion blocks. MC Accordion blocks contain deprecated code and are compiled files, so updating the code is not practical, especially as there are other accordion blocks available. */
.wp-block-getwid-accordion.mc-style,
.wp-block-getwid-accordion.mc-style-indented {
	line-height: 1.5;
	margin-bottom: 1.5em;
	background: transparent;
	list-style-type: none;
	font-family: "IBM Plex Sans", Arial, Verdana, sans-serif;
	font-size: 1.1rem;
  width:auto;
}
.wp-block-getwid-accordion.mc-style:has(+ div.wp-block-getwid-accordion.mc-style) {
  margin-bottom:0.5em;
}
.wp-block-getwid-accordion.mc-style-indented {
	margin-left: 6rem ! important;
	margin-right: 6rem ! important;
}
.mc-style .wp-block-getwid-accordion__header-wrapper,
.mc-style-indented .wp-block-getwid-accordion__header-wrapper {
	background: #fefefe;
	transition: all 0.2s ease-in-out;
	margin-bottom: 0 ! important;
	margin-top: 0 ! important;
	font-family: "IBM Plex Sans", Arial, Verdana, sans-serif;
	font-size: 1.1rem;
	padding: 0;
	list-style-type: none;
}
.wp-block-getwid-accordion.mc-style .wp-block-getwid-accordion__header,
.wp-block-getwid-accordion.mc-style-indented .wp-block-getwid-accordion__header  {
  background: #fefefe !important;
  color: inherit;
  font-size: 1em;
  font-family: "IBM Plax Sans", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-semi-bold);
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  position: relative;
  display: block;
  padding: 1.25rem 1rem;
  color:#000000;
}
.wp-block-getwid-accordion.mc-style .wp-block-getwid-accordion__header a,
.wp-block-getwid-accordion.mc-style-indented .wp-block-getwid-accordion__header a {
  color:#000000;
}

/**********************************************************/
/************ ACF LAB LANDING THREE CARD BLOCK ************/
/**********************************************************/

.lab-landing-three-cards {
  position: relative;
  padding-top: 150px;
  padding-bottom: 3.25rem;
  font-family: "IBM Plex Sans", Arial, Verdana, sans-serif;
  width: 100% !important;
}
.lab-ltc-back {
  min-height: 530px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.lab-ltc-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;  
}
.lab-ltc-main-wrapper h1 {
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif; 
  font-weight: var(--eecs-medium);
  font-size: 2.75rem;
  color: #ffffff !important;
  line-height: 1.1;
  margin-bottom: 1rem; 
}
.lab-ltc-body {
  font-size: 1.1rem;
  line-height: 1.5;
}
.lab-ltc-card-wrapper {
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  background: transparent;
  width: 100%;
  max-width: 884px;
  padding-top: 3.6rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.lab-ltc-card,
a.lab-ltc-card {
  flex-basis: 32%;
  max-width: 432px;
  background-color: #ffffff;
  padding: 1.4rem 1.4rem 1.1rem 1.4rem;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  transition: box-shadow 0.15s ease-in-out;
  position: relative;
  text-decoration:none;
  color:var(--puma-black);
}
.lab-ltc-card:before {
  content: '';
  height: 10px;
  width: 80px;
  background-color: var(--um-blue);
  position: absolute;
  margin-top: -1.8rem;
  margin-left: 1.4rem;
}
.lab-ltc-card + .lab-ltc-card:before {
  background-color: var(--um-maize);
}
.lab-ltc-card + .lab-ltc-card + .lab-ltc-card:before {
  background-color: var(--claret);
}
.lab-ltc-card h3 {
  font-size: 2rem;
  margin-bottom: 1.25rem;
  color: #00274C;
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-semi-bold);
  line-height: 1.25;  
}
.lab-ltc-card p {
  font-size: 1rem;
  color: #131516;
  line-height: 1.25;
  margin-bottom: 1rem;
}
.lab-ltc-cta {
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  color: var(--claret) !important;
  display: block;
  margin-top: auto;
  margin-bottom: 0.25rem;
  text-decoration: none;
  font-size: 1rem; 
}
@media all and (max-width:980px) {
  .lab-ltc-card-wrapper {
    width:96%;
  }
}
@media all and (max-width:767px) {
  .lab-ltc-card-wrapper {
    flex-direction:column;
  }
  .lab-ltc-card,
  a.lab-ltc-card {
    flex-basis:100%;
    max-width:100%;
    margin-bottom:20px;
  }
}

/**********************************************************/
/********************* ACF COURSE LIST ********************/
/**********************************************************/
h1 + .course-list-wrapper {
  margin-top:1em;
}
h2.course-title {
  font-size: 1.35rem ! important;
  color: #333;
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-weight: var(--eecs-semi-bold);
}
.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 */
@media all and (max-width:767px) {
}

/*******************************************/
/* ACF by the Numbers block                */
/*******************************************/

.eecs-btn-block {
  padding-bottom: 3.75rem;
  padding-top: 3.75rem;
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  text-align: center;
  width: 100% !important;
  max-width: 100% !important;
}
.eecs-btn-block + h1,
.eecs-btn-block + h2,
.eecs-btn-block + h3,
.eecs-btn-block + h4,
.eecs-btn-block + h5,
.eecs-btn-block + h6 {
  margin-top:30px;
}
.eecs-btn-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1180px;
  padding:0;
}
#eecs-main h2.eecs-btn-title,
h2.eecs-btn-title {
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  font-size: 3rem !important;
  font-weight: var(--eecs-light) !important;
  padding-bottom: 1rem;
  padding-top: 1rem;
  text-transform: uppercase;
  margin-bottom:0;
}
.eecs-btn-infographics {
  display:flex;
  flex-wrap:wrap;
  width:100%
}
.eecs-btn-infographic {
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.eecs-btn-1 {
  width:100%;
  padding:3rem 4%;
}
.eecs-btn-2 {
  width:50%;
  padding:3rem 3%;
}
.eecs-btn-3 {
  width:33.33%;
  padding:3rem 2%;
}
.eecs-btn-4 {
  width:25%;
  padding:3rem 1.5%;
}
.eecs-btn-infographic + .eecs-btn-infographic {
  border-left-width: 1px;
  border-left-style: solid;
}
.eecs-btn-stat {
  font-size: 4.75rem;
  font-weight: var(--eecs-light);
}
.eecs-btn-label {
  font-size: 1.5rem;
}
#eecs-left-menu + #eecs-main .eecs-btn-block .eecs-btn-stat {
  font-size: 3.25rem;
}
#eecs-left-menu + #eecs-main .eecs-btn-block .eecs-btn-label {
  font-size: 1.25rem;
}
/* RESPONSIVE */
@media all and (max-width:1200px) {
  .eecs-btn-stat {
    font-size: 3.25rem;
  }
  .eecs-btn-label {
    font-size: 1.25rem;
  }
}
@media all and (max-width:1180px) {
  #eecs-left-menu + #eecs-main .eecs-btn-block .eecs-btn-4 {
    width:50%;
    padding:3%;
  }
  #eecs-left-menu + #eecs-main .eecs-btn-block .eecs-btn-4:nth-child(3) {
    border-left:none;
  }
}
@media all and (max-width:980px) {
  #eecs-left-menu + #eecs-main .eecs-btn-block .eecs-btn-3 {
    width:100%;
    padding:4%;
  }
  #eecs-left-menu + #eecs-main .eecs-btn-block .eecs-btn-3 {
    border-left:none;
  }
}
@media all and (max-width:767px) {
  .eecs-btn-4 {
    width:50%;
  }
  .eecs-btn-4:nth-child(odd) {
    border-left:none;
  }
}
@media all and (max-width:500px) {
  .eecs-btn-1, 
  .eecs-btn-2, 
  .eecs-btn-3, 
  .eecs-btn-4, 
  #eecs-left-menu + #eecs-main .eecs-btn-block .eecs-btn-4 {
    width:100%;
    padding:4%;
    border-left:none;
  }
}

/*******************************************/
/* EECS Awards block                       */
/*******************************************/

/* award list */
#eecs_award_list_wrapper > div,
#eecs_award_list_wrapper > div + div {
  display:flex;
}
.eecs-award-sort {
  cursor:pointer;
  text-decoration:underline;
  color:var(--claret);
}
#eecs_award_list_header {
  border-bottom:1px solid #cccccc;
  margin-bottom:12px;
}
#eecs_award_list_header div, 
.eecs-award-list-award div {
  padding:1%;
}
.eecs-award-year {
  width:60px;
  min-width:60px;
}
.eecs-award-winner {
  width:200px;
  min-width:200px;
}
.eecs-award-award,
.eecs-award-entity {
  width: calc(100% - 260px / 2);
}
/* faulty list */
#eecs_award_faculty_list_wrapper {
  display:flex;
  flex-wrap:wrap;
  margin-bottom:2em;
}
.eecs-faculty-list-item {
  width:30%;
  padding:1%;
}
.eecs-award-ae-mobile {
  display:none;
}
@media all and (max-width:980px) {
  .eecs-award-list-award {
    flex-direction:column;
    margin-bottom:20px;
  }
  .eecs-award-list-award div {
    padding:0;
  }
  .eecs-faculty-list-item {
    width:98%;
  }
  #eecs_award_list_header {
    justify-content:space-evenly;
  }
  #eecs_award_list_header div {
    width:auto;
    min-width:auto;
  }
  #eecs_award_list_header .eecs-award-year:before {
    content: 'Sort by: ';
    display:inline-block;
    width:100px;
    cursor:none;
    color:#000000;
    font-weight:bold;
  }
  .eecs-award-ae-mobile {
    display:block;
  }
  .eecs-award-list-award .eecs-award-award,
  .eecs-award-list-award .eecs-award-entity {
    display:none;
  }
  .eecs-awards-hide-on-mobile {
    display:none ! important;
  }
}

/**********************************************************/
/**************** PEOPLE/PERSONNEL TEMPLATE ***************/
/**********************************************************/
.eecs-template-personnel-wrapper {
  display: flex;
  margin-bottom: 3.5em; 
}
.eecs-template-personnel-wrapper .eecs-person-image {
  width: 32%;
  max-width: 256px;
}
.eecs-template-personnel-wrapper .eecs-person-copy {
  width: 66%;
  margin-left: 2%;
  padding-top: 0;
  padding-right: 0.5em;  
  font-family: "IBM Plex Sans Condensed", sans-serif;
}
/* used to be h4.enc_title */
.eecs-template-personnel-wrapper .eecs-person-copy h1 {
  line-height: 1.1;
  font-size: 2em !important;
  font-weight: 400 !important;
  color: #000000 !important;
  margin:0;
  padding:0;
}
.eecs-template-personnel-wrapper .eecs-person-copy a {
  text-decoration:none;
}
.eecs-person-titles {
  margin-bottom:0.5em;
}
.eecs-person-titles:last-child {
  margin-bottom: 1em;
}
.eecs-person-pronouns {
  font-style:italic;
  line-height:1.2;
  margin-bottom:1em;
}

/*******************************************/
/* CSE Report Announcement block           */
/*******************************************/

.cse-arb-ann-block {
  width:100% ! important;
  max-width:100% ! important;
  margin-bottom:0;
  aspect-ratio: 2.4/1;
  background-size: 100%;
  background-position: center;
  background-repeat:no-repeat;
}
a.cse-arb-ann-wrapper,
.cse-arb-ann-wrapper {
  width:100% ! important;
  max-width:100% ! important;
  height:100%;
  display:block;
  text-decoration:none;
}
.cse-arb-ann-content-wrapper {
  display:flex;
  flex-wrap:wrap;
  position:relative;
  max-width:1180px;
  width:100%;
  height:100%;
  padding:56px;
  margin-left:auto;
  margin-right:auto;
  align-content:flex-end;
  justify-content:flex-end;
}
.cse-arb-ann-content-wrapper.top-right,
.cse-arb-ann-content-wrapper.middle-right,
.cse-arb-ann-content-wrapper.bottom-right {
  justify-content:flex-end;
}
.cse-arb-ann-content-wrapper.top-left,
.cse-arb-ann-content-wrapper.middle-left,
.cse-arb-ann-content-wrapper.bottom-left {
  justify-content:flex-start;
}
.cse-arb-ann-content-wrapper.top-center,
.cse-arb-ann-content-wrapper.middle-center,
.cse-arb-ann-content-wrapper.bottom-center {
  justify-content:center;
}
.cse-arb-ann-content-wrapper.top-right,
.cse-arb-ann-content-wrapper.top-left,
.cse-arb-ann-content-wrapper.top-center {
  align-content:flex-start;
}
.cse-arb-ann-content-wrapper.middle-right,
.cse-arb-ann-content-wrapper.middle-left,
.cse-arb-ann-content-wrapper.middle-center {
  align-content:center;
}
.cse-arb-ann-content-wrapper.bottom-right,
.cse-arb-ann-content-wrapper.bottom-left,
.cse-arb-ann-content-wrapper.bottom-center {
  align-content:flex-end;
}
.cse-arb-ann-box {
  width:480px;
  background-color:rgba(256,256,256,0.8);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
  border: 2px solid var(--border-gray);
}
.cse-arb-ann-text {
  width: calc(100% - 58px);
}
#eecs-main .cse-arb-ann-text h1,
.cse-arb-ann-text h1 {
  color:var(--um-blue);
  font-size:48px;
  font-weight:800;
  margin-top:36px;
  margin-left:36px;
  margin-bottom:12px;
  font-weight: var(--eecs-medium);
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
}
a p.cse-arb-ann-sub-head,
p.cse-arb-ann-sub-head {
  margin-top:0;
  line-height: 1.1;
  font-size: 32px;
  font-weight: var(--eecs-bold);
  color: var(--puma-black) ! important;
  margin-left:36px;
  margin-bottom:36px;
  font-family: "IBM Plex Sans", Arial, Verdana, sans-serif;
}

/**** MOBILE ***/
@media (max-width: 767px) {
  .cse-arb-ann-block {
    background-size:cover;
  }
  .cse-arb-ann-content-wrapper {
    padding:56px;
    align-content:center;
    justify-content:center;
  }
  .cse-arb-ann-content-wrapper.top-right,
  .cse-arb-ann-content-wrapper.middle-right,
  .cse-arb-ann-content-wrapper.bottom-right,
  .cse-arb-ann-content-wrapper.top-left,
  .cse-arb-ann-content-wrapper.middle-left,
  .cse-arb-ann-content-wrapper.bottom-left,
  .cse-arb-ann-content-wrapper.top-center,
  .cse-arb-ann-content-wrapper.middle-center,
  .cse-arb-ann-content-wrapper.bottom-center {
    justify-content:center;
    align-content:center;
  }
  .cse-arb-ann-box {
    width:100%;
    max-height:none;
  }
}
@media (max-width: 667px) {
  .cse-arb-ann-content-wrapper {
    padding:26px;
  }
  #eecs-main .cse-arb-ann-text h1,
  .cse-arb-ann-text h1 {
    font-size:38px;
    margin-top:26px;
    margin-left:26px;
  }
  a p.cse-arb-ann-sub-head,
  p.cse-arb-ann-sub-head {
    font-size: 22px;
    margin-left:26px;
    margin-bottom:26px;
  }
}
@media (max-width: 450px) {
  .cse-arb-ann-block {
    aspect-ratio: 1.5/1;
  }
  .cse-arb-ann-content-wrapper {
    padding:16px;
  }
  #eecs-main .cse-arb-ann-text h1,
  .cse-arb-ann-text h1 {
    font-size:38px;
    margin-top:16px;
    margin-left:16px;
  }
  a p.cse-arb-ann-sub-head,
  p.cse-arb-ann-sub-head {
    font-size: 22px;
    margin-left:16px;
    margin-bottom:16px;
  }
}

/*******************************************/
/* Arrow buttons                           */
/*******************************************/
.cse-arrow {
  height:58px;
  width:58px;
  background-color:var(--um-maize);
  background-position: center;
  background-size: 40%;
  background-repeat: no-repeat;
}
.cse-arrow-down {
  background-image:url(../images/arrow-down-dark-blue.svg);
}
.cse-arrow-right {
  background-image:url(../images/arrow-right-dark-blue.svg);
}
.cse-arrow-left {
  background-image:url(../images/arrow-left-dark-blue.svg);
}
.cse-arrow-up {
  background-image:url(../images/arrow-up-dark-blue.svg);
}
.cse-arb-arrow a {
  width:100%;
  height:100%;
  display:block;
}

/*******************************************/
/* Altmetrics                              */
/*******************************************/
.wp-block-umcoecm-altmetrics img {
  margin-bottom:26px ! important;
}

/*******************************************/
/* Wordpress Block Fixes                   */
/*******************************************/

.eecs-media-text-13 {
  grid-template-columns: 13% auto ! important;
}

/*******************************************/
/* Temporary Block Fixes                   */
/*******************************************/

/* In the Media placeholder image appears cropped if content is too sparse, making div container too short; News Home Feed block; example page: https://multi-agent-learning.engin.umich.edu/news/ */
.newshome_feed.news_category a.newshome_feed_row {
  min-height:98px ! important;
}

/* accessibility stuff -- H-tag replacements */
#eecs-main p.eecs_person_name,
p.eecs_person_name {
  color: #333;
  font-weight: var(--eecs-semi-bold);
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  line-height: 1.1;
  font-size: 2em !important;
  font-weight: 400 !important;
  color: #000000 !important;
  margin-bottom: 0.25em !important;
}

#eecs-main .newshome_feed_text p.newshome_feed_title_h3,
p.newshome_feed_title_h3,
p.news_card_title {
  font-size: 1.5em !important;
  color: #000000 !important;
  text-decoration: none;
  font-family: "IBM Plex Sans", Arial, Verdana, sans-serif ! important;
  line-height: 1.1 !important;
  margin-bottom:0.5em;
}
#eecs-main .newshome_feed_text p.newshome_feed_title_h3,
p.newshome_feed_title_h3 {
  font-weight: var(--eecs-bold);
}
p.news_card_title {
  font-weight: var(--eecs-semi-bold);
}
#eecs-main p.eecs-people-grid-name,
p.eecs-people-grid-name {
  margin-bottom: 0.25rem;
  margin-top: 0.25em;
  font-family: "IBM Plex Sans Condensed", Arial, Verdana, sans-serif;
  color: #333;
  font-weight: var(--eecs-semi-bold);
  line-height: 1.1;
}
.news_card1body.i1cv2_card_body a {
  text-decoration:underline;
}
.single_person_video iframe {
  aspect-ratio:16 / 9;
}
#eecs-main p.eecs-event-category,
#eecs-main.eecs-event-single p.eecs-event-category {
  font-size: 1em ! important;
  margin-bottom: 0.75em ! important;
}