.dark-background *, .rutgers-bg-colors.color-black *, section.cc--enhanced-cards div.enhanced-cards div.color-black.enhanced-card *, section.cc--enhanced-cards div.color-black.enhanced-cards *, section.color-black.cc--enhanced-cards *, .rutgers-bg-colors.color-blue *, section.cc--enhanced-cards div.enhanced-cards div.color-blue.enhanced-card *, section.cc--enhanced-cards div.color-blue.enhanced-cards *, section.color-blue.cc--enhanced-cards *, .rutgers-bg-colors.color-red *, section.cc--enhanced-cards div.enhanced-cards div.color-red.enhanced-card *, section.cc--enhanced-cards div.color-red.enhanced-cards *, section.color-red.cc--enhanced-cards *, .rutgers-bg-colors.color-teal *, section.cc--enhanced-cards div.enhanced-cards div.color-teal.enhanced-card *, section.cc--enhanced-cards div.color-teal.enhanced-cards *, section.color-teal.cc--enhanced-cards *, .rutgers-bg-colors.color-dark-gray *, section.cc--enhanced-cards div.enhanced-cards div.color-dark-gray.enhanced-card *, section.cc--enhanced-cards div.color-dark-gray.enhanced-cards *, section.color-dark-gray.cc--enhanced-cards * {
  color: #FFF;
}
.dark-background p > a, .rutgers-bg-colors.color-black p > a, section.cc--enhanced-cards div.enhanced-cards div.color-black.enhanced-card p > a, section.cc--enhanced-cards div.color-black.enhanced-cards p > a, section.color-black.cc--enhanced-cards p > a, .rutgers-bg-colors.color-blue p > a, section.cc--enhanced-cards div.enhanced-cards div.color-blue.enhanced-card p > a, section.cc--enhanced-cards div.color-blue.enhanced-cards p > a, section.color-blue.cc--enhanced-cards p > a, .rutgers-bg-colors.color-red p > a, section.cc--enhanced-cards div.enhanced-cards div.color-red.enhanced-card p > a, section.cc--enhanced-cards div.color-red.enhanced-cards p > a, section.color-red.cc--enhanced-cards p > a, .rutgers-bg-colors.color-teal p > a, section.cc--enhanced-cards div.enhanced-cards div.color-teal.enhanced-card p > a, section.cc--enhanced-cards div.color-teal.enhanced-cards p > a, section.color-teal.cc--enhanced-cards p > a, .rutgers-bg-colors.color-dark-gray p > a, section.cc--enhanced-cards div.enhanced-cards div.color-dark-gray.enhanced-card p > a, section.cc--enhanced-cards div.color-dark-gray.enhanced-cards p > a, section.color-dark-gray.cc--enhanced-cards p > a {
  text-decoration: underline;
  -webkit-text-decoration-color: #FFF;
  text-decoration-color: #FFF;
}
.dark-background a.button, .rutgers-bg-colors.color-black a.button, section.cc--enhanced-cards div.enhanced-cards div.color-black.enhanced-card a.button, section.cc--enhanced-cards div.color-black.enhanced-cards a.button, section.color-black.cc--enhanced-cards a.button, .rutgers-bg-colors.color-blue a.button, section.cc--enhanced-cards div.enhanced-cards div.color-blue.enhanced-card a.button, section.cc--enhanced-cards div.color-blue.enhanced-cards a.button, section.color-blue.cc--enhanced-cards a.button, .rutgers-bg-colors.color-red a.button, section.cc--enhanced-cards div.enhanced-cards div.color-red.enhanced-card a.button, section.cc--enhanced-cards div.color-red.enhanced-cards a.button, section.color-red.cc--enhanced-cards a.button, .rutgers-bg-colors.color-teal a.button, section.cc--enhanced-cards div.enhanced-cards div.color-teal.enhanced-card a.button, section.cc--enhanced-cards div.color-teal.enhanced-cards a.button, section.color-teal.cc--enhanced-cards a.button, .rutgers-bg-colors.color-dark-gray a.button, section.cc--enhanced-cards div.enhanced-cards div.color-dark-gray.enhanced-card a.button, section.cc--enhanced-cards div.color-dark-gray.enhanced-cards a.button, section.color-dark-gray.cc--enhanced-cards a.button {
  border-color: #FFF;
  background-color: transparent;
  color: #FFF;
}
.dark-background a.button:hover, .rutgers-bg-colors.color-black a.button:hover, section.cc--enhanced-cards div.enhanced-cards div.color-black.enhanced-card a.button:hover, section.cc--enhanced-cards div.color-black.enhanced-cards a.button:hover, section.color-black.cc--enhanced-cards a.button:hover, .rutgers-bg-colors.color-blue a.button:hover, section.cc--enhanced-cards div.enhanced-cards div.color-blue.enhanced-card a.button:hover, section.cc--enhanced-cards div.color-blue.enhanced-cards a.button:hover, section.color-blue.cc--enhanced-cards a.button:hover, .rutgers-bg-colors.color-red a.button:hover, section.cc--enhanced-cards div.enhanced-cards div.color-red.enhanced-card a.button:hover, section.cc--enhanced-cards div.color-red.enhanced-cards a.button:hover, section.color-red.cc--enhanced-cards a.button:hover, .rutgers-bg-colors.color-teal a.button:hover, section.cc--enhanced-cards div.enhanced-cards div.color-teal.enhanced-card a.button:hover, section.cc--enhanced-cards div.color-teal.enhanced-cards a.button:hover, section.color-teal.cc--enhanced-cards a.button:hover, .rutgers-bg-colors.color-dark-gray a.button:hover, section.cc--enhanced-cards div.enhanced-cards div.color-dark-gray.enhanced-card a.button:hover, section.cc--enhanced-cards div.color-dark-gray.enhanced-cards a.button:hover, section.color-dark-gray.cc--enhanced-cards a.button:hover {
  color: #000;
  background-color: #FFF;
}

.light-background *, .rutgers-bg-colors.color-white *, section.cc--enhanced-cards div.enhanced-cards div.color-white.enhanced-card *, section.cc--enhanced-cards div.color-white.enhanced-cards *, section.color-white.cc--enhanced-cards *, .rutgers-bg-colors.color-light-gray *, section.cc--enhanced-cards div.enhanced-cards div.color-light-gray.enhanced-card *, section.cc--enhanced-cards div.color-light-gray.enhanced-cards *, section.color-light-gray.cc--enhanced-cards * {
  color: #000;
}
.light-background p > a, .rutgers-bg-colors.color-white p > a, section.cc--enhanced-cards div.enhanced-cards div.color-white.enhanced-card p > a, section.cc--enhanced-cards div.color-white.enhanced-cards p > a, section.color-white.cc--enhanced-cards p > a, .rutgers-bg-colors.color-light-gray p > a, section.cc--enhanced-cards div.enhanced-cards div.color-light-gray.enhanced-card p > a, section.cc--enhanced-cards div.color-light-gray.enhanced-cards p > a, section.color-light-gray.cc--enhanced-cards p > a {
  text-decoration: underline;
  -webkit-text-decoration-color: #C03;
  text-decoration-color: #C03;
}
.light-background p > a:hover, .rutgers-bg-colors.color-white p > a:hover, section.cc--enhanced-cards div.enhanced-cards div.color-white.enhanced-card p > a:hover, section.cc--enhanced-cards div.color-white.enhanced-cards p > a:hover, section.color-white.cc--enhanced-cards p > a:hover, .rutgers-bg-colors.color-light-gray p > a:hover, section.cc--enhanced-cards div.enhanced-cards div.color-light-gray.enhanced-card p > a:hover, section.cc--enhanced-cards div.color-light-gray.enhanced-cards p > a:hover, section.color-light-gray.cc--enhanced-cards p > a:hover {
  color: #cc0033;
}
.light-background a.button, .rutgers-bg-colors.color-white a.button, section.cc--enhanced-cards div.enhanced-cards div.color-white.enhanced-card a.button, section.cc--enhanced-cards div.color-white.enhanced-cards a.button, section.color-white.cc--enhanced-cards a.button, .rutgers-bg-colors.color-light-gray a.button, section.cc--enhanced-cards div.enhanced-cards div.color-light-gray.enhanced-card a.button, section.cc--enhanced-cards div.color-light-gray.enhanced-cards a.button, section.color-light-gray.cc--enhanced-cards a.button {
  color: #000;
  border-color: #cc0033;
}
.light-background a.button:hover, .rutgers-bg-colors.color-white a.button:hover, section.cc--enhanced-cards div.enhanced-cards div.color-white.enhanced-card a.button:hover, section.cc--enhanced-cards div.color-white.enhanced-cards a.button:hover, section.color-white.cc--enhanced-cards a.button:hover, .rutgers-bg-colors.color-light-gray a.button:hover, section.cc--enhanced-cards div.enhanced-cards div.color-light-gray.enhanced-card a.button:hover, section.cc--enhanced-cards div.color-light-gray.enhanced-cards a.button:hover, section.color-light-gray.cc--enhanced-cards a.button:hover {
  color: #FFF;
  background-color: #cc0033;
  border-color: #cc0033;
}

.pale-background *, .rutgers-bg-colors.color-pale-teal *, section.cc--enhanced-cards div.enhanced-cards div.color-pale-teal.enhanced-card *, section.cc--enhanced-cards div.color-pale-teal.enhanced-cards *, section.color-pale-teal.cc--enhanced-cards *, .rutgers-bg-colors.color-pale-blue *, section.cc--enhanced-cards div.enhanced-cards div.color-pale-blue.enhanced-card *, section.cc--enhanced-cards div.color-pale-blue.enhanced-cards *, section.color-pale-blue.cc--enhanced-cards *, .rutgers-bg-colors.color-pale-yellow *, section.cc--enhanced-cards div.enhanced-cards div.color-pale-yellow.enhanced-card *, section.cc--enhanced-cards div.color-pale-yellow.enhanced-cards *, section.color-pale-yellow.cc--enhanced-cards *, .rutgers-bg-colors.color-pale-gray *, section.cc--enhanced-cards div.enhanced-cards div.color-pale-gray.enhanced-card *, section.cc--enhanced-cards div.color-pale-gray.enhanced-cards *, section.color-pale-gray.cc--enhanced-cards * {
  color: #000;
}
.pale-background p > a, .rutgers-bg-colors.color-pale-teal p > a, section.cc--enhanced-cards div.enhanced-cards div.color-pale-teal.enhanced-card p > a, section.cc--enhanced-cards div.color-pale-teal.enhanced-cards p > a, section.color-pale-teal.cc--enhanced-cards p > a, .rutgers-bg-colors.color-pale-blue p > a, section.cc--enhanced-cards div.enhanced-cards div.color-pale-blue.enhanced-card p > a, section.cc--enhanced-cards div.color-pale-blue.enhanced-cards p > a, section.color-pale-blue.cc--enhanced-cards p > a, .rutgers-bg-colors.color-pale-yellow p > a, section.cc--enhanced-cards div.enhanced-cards div.color-pale-yellow.enhanced-card p > a, section.cc--enhanced-cards div.color-pale-yellow.enhanced-cards p > a, section.color-pale-yellow.cc--enhanced-cards p > a, .rutgers-bg-colors.color-pale-gray p > a, section.cc--enhanced-cards div.enhanced-cards div.color-pale-gray.enhanced-card p > a, section.cc--enhanced-cards div.color-pale-gray.enhanced-cards p > a, section.color-pale-gray.cc--enhanced-cards p > a {
  text-decoration: underline;
  -webkit-text-decoration-color: #000;
  text-decoration-color: #000;
}
.pale-background a.button, .rutgers-bg-colors.color-pale-teal a.button, section.cc--enhanced-cards div.enhanced-cards div.color-pale-teal.enhanced-card a.button, section.cc--enhanced-cards div.color-pale-teal.enhanced-cards a.button, section.color-pale-teal.cc--enhanced-cards a.button, .rutgers-bg-colors.color-pale-blue a.button, section.cc--enhanced-cards div.enhanced-cards div.color-pale-blue.enhanced-card a.button, section.cc--enhanced-cards div.color-pale-blue.enhanced-cards a.button, section.color-pale-blue.cc--enhanced-cards a.button, .rutgers-bg-colors.color-pale-yellow a.button, section.cc--enhanced-cards div.enhanced-cards div.color-pale-yellow.enhanced-card a.button, section.cc--enhanced-cards div.color-pale-yellow.enhanced-cards a.button, section.color-pale-yellow.cc--enhanced-cards a.button, .rutgers-bg-colors.color-pale-gray a.button, section.cc--enhanced-cards div.enhanced-cards div.color-pale-gray.enhanced-card a.button, section.cc--enhanced-cards div.color-pale-gray.enhanced-cards a.button, section.color-pale-gray.cc--enhanced-cards a.button {
  color: #000;
  border-color: #000;
  background-color: transparent;
}
.pale-background a.button:hover, .rutgers-bg-colors.color-pale-teal a.button:hover, section.cc--enhanced-cards div.enhanced-cards div.color-pale-teal.enhanced-card a.button:hover, section.cc--enhanced-cards div.color-pale-teal.enhanced-cards a.button:hover, section.color-pale-teal.cc--enhanced-cards a.button:hover, .rutgers-bg-colors.color-pale-blue a.button:hover, section.cc--enhanced-cards div.enhanced-cards div.color-pale-blue.enhanced-card a.button:hover, section.cc--enhanced-cards div.color-pale-blue.enhanced-cards a.button:hover, section.color-pale-blue.cc--enhanced-cards a.button:hover, .rutgers-bg-colors.color-pale-yellow a.button:hover, section.cc--enhanced-cards div.enhanced-cards div.color-pale-yellow.enhanced-card a.button:hover, section.cc--enhanced-cards div.color-pale-yellow.enhanced-cards a.button:hover, section.color-pale-yellow.cc--enhanced-cards a.button:hover, .rutgers-bg-colors.color-pale-gray a.button:hover, section.cc--enhanced-cards div.enhanced-cards div.color-pale-gray.enhanced-card a.button:hover, section.cc--enhanced-cards div.color-pale-gray.enhanced-cards a.button:hover, section.color-pale-gray.cc--enhanced-cards a.button:hover {
  color: #000;
  background-color: #FFF;
  border-color: #FFF;
}

.rutgers-bg-colors.color-white, section.cc--enhanced-cards div.enhanced-cards div.color-white.enhanced-card, section.cc--enhanced-cards div.color-white.enhanced-cards, section.color-white.cc--enhanced-cards {
  background-color: #FFF;
}
.rutgers-bg-colors.color-black, section.cc--enhanced-cards div.enhanced-cards div.color-black.enhanced-card, section.cc--enhanced-cards div.color-black.enhanced-cards, section.color-black.cc--enhanced-cards {
  background-color: #000;
}
.rutgers-bg-colors.color-blue, section.cc--enhanced-cards div.enhanced-cards div.color-blue.enhanced-card, section.cc--enhanced-cards div.color-blue.enhanced-cards, section.color-blue.cc--enhanced-cards {
  background-color: #007FAC;
}
.rutgers-bg-colors.color-red, section.cc--enhanced-cards div.enhanced-cards div.color-red.enhanced-card, section.cc--enhanced-cards div.color-red.enhanced-cards, section.color-red.cc--enhanced-cards {
  background-color: #C03;
}
.rutgers-bg-colors.color-yellow, section.cc--enhanced-cards div.enhanced-cards div.color-yellow.enhanced-card, section.cc--enhanced-cards div.color-yellow.enhanced-cards, section.color-yellow.cc--enhanced-cards {
  background-color: #ebb600;
}
.rutgers-bg-colors.color-light-gray, section.cc--enhanced-cards div.enhanced-cards div.color-light-gray.enhanced-card, section.cc--enhanced-cards div.color-light-gray.enhanced-cards, section.color-light-gray.cc--enhanced-cards {
  background-color: #EFEFEF;
}
.rutgers-bg-colors.color-teal, section.cc--enhanced-cards div.enhanced-cards div.color-teal.enhanced-card, section.cc--enhanced-cards div.color-teal.enhanced-cards, section.color-teal.cc--enhanced-cards {
  background-color: #00626D;
}
.rutgers-bg-colors.color-pale-teal, section.cc--enhanced-cards div.enhanced-cards div.color-pale-teal.enhanced-card, section.cc--enhanced-cards div.color-pale-teal.enhanced-cards, section.color-pale-teal.cc--enhanced-cards {
  background-color: #87C3BE;
}
.rutgers-bg-colors.color-pale-yellow, section.cc--enhanced-cards div.enhanced-cards div.color-pale-yellow.enhanced-card, section.cc--enhanced-cards div.color-pale-yellow.enhanced-cards, section.color-pale-yellow.cc--enhanced-cards {
  background-color: #FCE488;
}
.rutgers-bg-colors.color-pale-blue, section.cc--enhanced-cards div.enhanced-cards div.color-pale-blue.enhanced-card, section.cc--enhanced-cards div.color-pale-blue.enhanced-cards, section.color-pale-blue.cc--enhanced-cards {
  background-color: #92D6E3;
}
.rutgers-bg-colors.color-dark-gray, section.cc--enhanced-cards div.enhanced-cards div.color-dark-gray.enhanced-card, section.cc--enhanced-cards div.color-dark-gray.enhanced-cards, section.color-dark-gray.cc--enhanced-cards {
  background-color: #222;
  color: #FFF;
}

section.cc--enhanced-cards {
  container: inline-size;
}
section.cc--enhanced-cards h3 {
  font-size: 30px;
}
section.cc--enhanced-cards h1, section.cc--enhanced-cards h2, section.cc--enhanced-cards h3, section.cc--enhanced-cards h4, section.cc--enhanced-cards h5, section.cc--enhanced-cards h6 {
  margin-bottom: 12px;
}
section.cc--enhanced-cards div.has-background-image div.enhanced-cards div.title-description * {
  color: white;
}
section.cc--enhanced-cards div.enhanced-cards {
  display: grid;
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 3.5%;
  padding-right: 3.5%;
  padding-top: 64px;
  padding-bottom: 64px;
  /* -------------------------------------------------------------------------------
  *
  *  II. Individual Cards
  *  @section Enhanced Cards: Individual Card Styling
  *
  ------------------------------------------------------------------------------- */
}
@container (min-width: 1024px) and (max-width: 1300px) {
  section.cc--enhanced-cards div.enhanced-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@container (min-width: 640px) and (max-width: 1024px) {
  section.cc--enhanced-cards div.enhanced-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@container (max-width: 640px) {
  section.cc--enhanced-cards div.enhanced-cards {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (min-width: 1024px) and (max-width: 1300px) {
  section.cc--enhanced-cards div.enhanced-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (min-width: 640px) and (max-width: 1024px) {
  section.cc--enhanced-cards div.enhanced-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px) {
  section.cc--enhanced-cards div.enhanced-cards {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
section.cc--enhanced-cards div.enhanced-cards div.title-description {
  grid-column: 1/-1;
}
section.cc--enhanced-cards div.enhanced-cards div.title-description h2 {
  margin-bottom: 20px;
}
section.cc--enhanced-cards div.enhanced-cards div.button-container {
  grid-column: 1/-1;
  text-align: center;
  margin-top: 16px;
  margin-bottom: 8px;
}
section.cc--enhanced-cards div.enhanced-cards div.enhanced-card {
  padding: 32px;
  display: flex;
  flex-direction: column;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  justify-content: space-between;
  background-color: white;
  position: relative;
}
section.cc--enhanced-cards div.enhanced-cards div.enhanced-card.box-shadow {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
section.cc--enhanced-cards div.enhanced-cards div.enhanced-card.text-align-left {
  text-align: left;
}
section.cc--enhanced-cards div.enhanced-cards div.enhanced-card.text-align-center {
  text-align: center;
}
section.cc--enhanced-cards div.enhanced-cards div.enhanced-card.text-align-center ul {
  margin: 0 0 12px 16px;
  padding: 0;
}
section.cc--enhanced-cards div.enhanced-cards div.enhanced-card.text-align-right {
  text-align: right;
}
section.cc--enhanced-cards div.enhanced-cards div.enhanced-card.visual-content-youtube {
  padding: 0;
}
section.cc--enhanced-cards div.enhanced-cards div.enhanced-card.visual-content-youtube div.youtube-container {
  margin-top: 0;
}
section.cc--enhanced-cards div.enhanced-cards div.enhanced-card div.title-container {
  justify-content: center;
  gap: 16px;
  display: flex;
}
section.cc--enhanced-cards div.enhanced-cards div.enhanced-card div.title-container a {
  text-decoration: none;
}
section.cc--enhanced-cards div.enhanced-cards div.enhanced-card div.title-container h3 {
  display: flex;
  align-items: flex-start;
  z-index: 1;
  line-height: 1.2;
}
section.cc--enhanced-cards div.enhanced-cards div.enhanced-card div.title-container h3 a {
  text-decoration: none;
}
section.cc--enhanced-cards div.enhanced-cards div.enhanced-card div.title-container h3 a:hover {
  text-decoration: underline;
}
section.cc--enhanced-cards div.enhanced-cards div.enhanced-card i.medium {
  font-size: 2em;
  margin-bottom: 8px;
}
section.cc--enhanced-cards div.enhanced-cards div.enhanced-card i.medium.after-title {
  margin-top: 8px;
}
section.cc--enhanced-cards div.enhanced-cards div.enhanced-card i.large {
  font-size: 3em;
  margin-bottom: 16px;
}
section.cc--enhanced-cards div.enhanced-cards div.enhanced-card i.large.after-title {
  margin-top: 16px;
}
section.cc--enhanced-cards div.enhanced-cards div.enhanced-card i.xlarge {
  font-size: 5em;
}
section.cc--enhanced-cards div.enhanced-cards div.enhanced-card img.card-img {
  z-index: 1;
  margin-bottom: 12px;
}
section.cc--enhanced-cards div.enhanced-cards div.enhanced-card img.card-img.small {
  width: 50px;
}
section.cc--enhanced-cards div.enhanced-cards div.enhanced-card img.card-img.medium {
  width: 125px;
}
section.cc--enhanced-cards div.enhanced-cards div.enhanced-card img.card-img.large {
  width: 100%;
}
section.cc--enhanced-cards div.enhanced-cards div.enhanced-card div.youtube-container {
  margin-top: 8px;
  width: 100%;
}
section.cc--enhanced-cards div.enhanced-cards div.enhanced-card video.background {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
section.cc--enhanced-cards div.enhanced-cards div.enhanced-card p {
  z-index: 1;
}
section.cc--enhanced-cards div.enhanced-cards div.enhanced-card a.button {
  word-break: break-word;
  margin: 30px 0 0;
}
section.cc--enhanced-cards div.enhanced-cards div.enhanced-card ul, section.cc--enhanced-cards div.enhanced-cards div.enhanced-card ol {
  margin-left: 0;
  padding-left: 2rem;
}
section.cc--enhanced-cards div.enhanced-cards div.enhanced-card li {
  font-size: 1rem;
  line-height: 1.75;
}
@media screen and (min-width: 768px) {
  section.cc--enhanced-cards div.enhanced-cards div.enhanced-card li {
    font-size: 1.125rem;
    line-height: 1.7778;
  }
}

/*# sourceMappingURL=enhanced-cards.css.map */