/* --- general --- */


.section__title {
  font-weight: var(--fw-medium);
}

/* --- splash --- */

.splash__block {
  display: flex;
}

.splash__block.primary, .splash__block.secondary {
  margin-bottom: var(--line-height-em);
}

.splash__block__left {
  padding: var(--line-height-em);
  width: 30%;
}

.splash__block__right {
  background: var(--white);
  padding: var(--line-height-em);
  width: 70%;
}

.splash__block__left__title {
  color: var(--white);
  font-family: 'BentonSans Condensed';
  font-size: 1.3125em;
  line-height: calc( var(--line-height) / 1.3125 );
  margin-bottom: 0;
}

.splash__block__right__title {
  margin-top: 0;
}

.primary .splash__block__left {
  background: var(--burnt-orange);
}

.secondary .splash__block__left {
  background: var(--navy-blue);
}

.tertiary .splash__block__left {
  background: var(--grass-green);
}

.splash__block__first-link {
  display: inline-block;
  margin-bottom: calc(var(--line-height-em)/2);
}


.no-announcements {
  padding-left: var(--line-height-em);
}

.no-announcements__prompt {
  color: var(--white);
}

@media screen and (max-width:639px) {
  .splash__block.secondary {
    margin-bottom: var(--line-height-em);
  }
}

/* ----- */

.contacts {
  border-top: 1px solid transparent;
  margin-top: calc(var(--line-height-em)*2);
  margin-bottom: calc(var(--line-height-em)*2);
}

/* ------ */
.resources-section {
  border-top: 1px solid transparent;
  margin-top: calc(var(--line-height-em)*2);
  margin-bottom: calc(var(--line-height-em)*2);
}


.resources {
  column-count: 3;
  margin-bottom: calc(var(--line-height-em)*2 );
}

@media screen and (max-width:849px) {
  .resources {
    column-count: 2;
  }
}

@media screen and (max-width:579px) {
  .resources {
    column-count: 1;
  }
}


.resource {
  margin-top: 5px;
  -webkit-column-break-inside: avoid;
            page-break-inside: avoid;
                 break-inside: avoid;
  display: block;
  font-size: var(--fs-small);
  background-color: var(--white);
  padding: var(--line-height-em) calc(var(--line-height-em)*1.5) 0 calc(var(--line-height-em)*1.5);
  margin-bottom: var(--line-height-em);
  text-decoration: none;
}

.resource:hover {
  box-shadow: 0 0 3px 1px rgba(var(--burnt-orange-decimal), 0.2);
  transition: 300ms ease box-shadow;
  background-image: url('/static/components/assets/external.png');
  background-repeat: no-repeat;
  background-position: calc(100% - 1em) 1em;
  background-size: 1em;
}

.resource__eyebrow {
  font-size: var(--fs-small);
  font-weight: var(--fw-book);
  text-transform: uppercase;
  white-space: nowrap;
}

.resource__eyebrow.oden {
  color: var(--burnt-orange);
}

.resource__eyebrow.graduate {
  color: var(--navy-blue);
}

.resource__eyebrow.human {
  color: var(--muted);
}

.resource__eyebrow.registration {
  color: var(--teal-blue);
}

.resource__eyebrow.global {
  color: var(--lime);
}

/* ---- */


/* ----  */