.highlight-flex-row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
}
.highlight-flex-row a, .highlight-flex-no-link {
  background-color: white;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
  box-sizing: border-box;
  margin: 1em .9375em;
  padding: 25px;
  font-size: 18px;
  width: 100%;
}.program-highlights-border .highlight-flex-row a {padding:0;}
.program-highlights-flex h2 {
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 28px;
  margin-top: 10px;
}
.program-highlights-flex h2 span {
  display: block;
  font-family: "Inter-Italic", sans-serif;
  font-size: 18px;
  color: #343642;
  font-weight: 500;
  margin-top: 10px;
}
.highlight-flex-row a {text-decoration: none !important;}
.highlight-flex-row a:hover p, .highlight-flex-row a:focus p  {text-decoration: underline !important;}
.program-highlights-border a .highlight-flex-image p {text-decoration:none!important;}
h3.highlight-flex-summary {
  color: #00448D !important;
  font-family: "Oswald", sans-serif !important;
  font-size: 22px !important;
  pointer-events: none;
  text-decoration: none !important;
}
/* border colors */
.highlight-flex-row a:nth-child(5n + 1), .highlight-flex-row .highlight-flex-no-link:nth-child(5n + 1) {border: 5px solid #00448d !important;}
.highlight-flex-row a:nth-child(5n + 2), .highlight-flex-row .highlight-flex-no-link:nth-child(5n + 2) {border: 5px solid #fb2d37 !important;}
.highlight-flex-row a:nth-child(5n + 3), .highlight-flex-row .highlight-flex-no-link:nth-child(5n + 3) {border: 5px solid #fcaf16 !important;}
.highlight-flex-row a:nth-child(5n + 4), .highlight-flex-row .highlight-flex-no-link:nth-child(5n + 4) {border: 5px solid #00e4e1 !important;} 
.highlight-flex-row a:nth-child(5n + 5), .highlight-flex-row .highlight-flex-no-link:nth-child(5n + 5) {border: 5px solid #a20a3a !important;}
/* image variant */
@media (hover: hover) {
  .highlight-flex-image {
    position: relative;
    padding: 0;
  }
  .highlight-overlay-layer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    color: #000;
    visibility: hidden;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .2s, visibility .2s;
  }
  .highlight-flex-image a p, .highlight-flex-image a:hover p, .highlight-flex-image a:focus p {
    color: #000;
    text-decoration: none !important;
  }
  .highlight-flex-image:hover .highlight-overlay-layer, .highlight-flex-image a:focus .highlight-overlay-layer, .highlight-flex-image:focus .highlight-overlay-layer, .program-highlights-border a:focus .highlight-overlay-layer {
    visibility: visible;
    opacity: 1;
  }
  .highlight-flex-image:hover .highlight-overlay-text {
    transition: .2s;
    transform: translateY(1em);
  }
  .highlight-flex-image:hover .highlight-overlay-text, .highlight-flex-image a:focus .highlight-overlay-text {transform: translateY(0);}
  .highlight-flex-image img {width: 100%;}
  .highlight-flex-figure {margin: 0;}
  .highlight-flex-image .highlight-flex-summary {
    margin: 10px 15px;
    padding-bottom: 15px;
  }
  .highlight-overlay-text {
    padding: 1em;
    font-size: 18px;
    font-weight: 700;
  }
}
@media(hover: none) {
  .highlight-flex-image {padding: 0}
  .highlight-flex-img {width: 100%;}
  .highlight-flex-image figure {margin: 0;}
  .highlight-flex-image h3, .highlight-overlay-layer {padding: 5px 10px 0;}
}
/* dark-bg variant */
.program-highlights-dark .highlight-flex-row a,.program-highlights-dark .highlight-flex-no-link {
  border: none !important;
  background-color: #182038;
  padding: 15px 20px;
}
.program-highlights-dark .highlight-flex-row a h3,.program-highlights-dark .highlight-flex-no-link h3 {
  color: #ffb217 !important;
  text-transform: uppercase;
  margin: .2em 0 0 0;
  font-size: 18px !important;
}
.program-highlights-dark .highlight-flex-row a p,.program-highlights-dark .highlight-flex-no-link p {
  color: #ffffff;
  line-height: 1.7;
  font-size: 1rem;
}
.program-highlights-dark .highlight-flex-row a:hover p,.program-highlights-dark .highlight-flex-no-link:hover p {text-decoration: none !important;}
.program-highlights-dark .highlight-flex-row a:hover,.program-highlights-dark .highlight-flex-no-link:hover {background: rgba(24, 32, 56, .90) !important;}
.highlight-flex-summary {
  color: #00448D !important;
  font-family: "Oswald", sans-serif !important;
  font-size: 22px !important;
  pointer-events: none;
  text-decoration: none !important;
}
.backpage .program-listing-flex.bg-grey {background-color: transparent;}
.program-listing-flex.backpage {padding:0}
.program-listing-flex h2 {margin-bottom:0;}	
.program-highlights-dark a p.highlight-flex-summary {color: #ffb217 !important}
.program-listing-flex a p.highlight-flex-summary {
  margin-bottom: 0;
  font-size: 1em !important;
}
.program-listing-flex.backpage a, .backpage .program-listing-flex.backpage a {padding:5px 10px!important;}	
.program-listing-flex a {margin: 15px;}
.backpage .program-listing-flex.backpage a {margin: 10px;}

/* faculty listings */ 
.listings.border-cards .highlight-flex-summary {margin:0}
.listings.border-cards.highlight-flex-summary {
  margin-bottom:0!important;
    font-size: 1em !important;
}
.listings.border-cards .highlight-flex-row a {padding:5px 10px !important;}
.listings.border-cards p.highlight-flex-summary {font-size:1em!important;}
.listings.border-cards .highlight-flex-row a {margin:10px;}
.listings.border-cards .highlight-flex-row {margin:0}
/* media queries */
@media only screen and (min-width: 768px) {
  .program-listing-flex a, .highlight-flex-row a, .highlight-flex-row .highlight-flex-no-link  {width: calc(50% - 1.875em);}
  .backpage .program-listing-flex a  {
    width: calc(50% - 1.875em);
    max-width: 380px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .program-listing-flex a, .highlight-flex-row a, .highlight-flex-row .highlight-flex-no-link  {
    width: calc(33% - 1.875em);
    max-width: 380px !important;
  }
  .backpage .program-listing-flex a {
    width: calc(33% - 1.875em);
    max-width: 380px !important;
  }
}