/*
 * Theme Name: School of Engineering
 * Description: Vanderbilt FutureVU Child Theme
 * Template: anchordown-futurevu
 * Version: 1.0
 * Author: Vanderbilt University Division of Communications, Digital Strategies Team
 * Author URI: https://web.vanderbilt.edu
 */
/* NOTE: This file is compiled from style.scss */
/* Basic */
[data-theme=light] {
  --engineering-accent: #842400;
}

[data-theme=tone] {
  --engineering-accent: #842400;
}

[data-theme=dark] {
  --engineering-accent: #842400;
}

:root {
  --c-accent: var(--engineering-accent);
  --c-text-link: var(--engineering-accent);
}

a,
.text-trio .text-trio__item-text a {
  color: var(--engineering-accent);
}

.button--standard,
a.button--standard {
  background-color: var(--c-btn-bg);
  border-color: var(--c-btn-bg);
  color: var(--engineering-accent);
}
.button--standard:focus, .button--standard:hover,
a.button--standard:focus,
a.button--standard:hover {
  background-color: var(--c-bg);
  border-color: var(--engineering-accent);
  color: var(--c-text);
}

.button--bold,
a.button--bold,
.resource-card .resource-card__cta a {
  background-color: var(--engineering-accent);
  border-color: var(--engineering-accent);
  color: var(--c-bg);
}
.button--bold:focus, .button--bold:hover,
a.button--bold:focus,
a.button--bold:hover,
.resource-card .resource-card__cta a:focus,
.resource-card .resource-card__cta a:hover {
  background-color: var(--c-bg);
  border-color: var(--engineering-accent);
  color: var(--engineering-accent);
}

.button--outline,
a.button--outline {
  background-color: transparent;
  border-color: var(--engineering-accent);
  color: var(--engineering-accent);
}
.button--outline:focus, .button--outline:hover,
a.button--outline:focus,
a.button--outline:hover {
  background-color: var(--engineering-accent);
  border-color: var(--engineering-accent);
  color: var(--c-bg);
}

h2 {
  scroll-margin-top: 140px;
}

.site-footer .site-footer__social a {
  background-color: var(--engineering-accent);
}

.wide-row {
  margin: 2em -8px;
  padding: 0 8px;
}
@media (min-width: 768px) {
  .wide-row {
    margin: 2em -10vw;
    padding: 1em 10vw;
    border-top: var(--engineering-accent) solid 1px;
    border-bottom: var(--engineering-accent) solid 1px;
  }
}
@media (min-width: 1440px) {
  .wide-row {
    margin: 4em -10vw;
    padding: 1em 10vw;
  }
}
@media (min-width: 1800px) {
  .wide-row {
    margin: 4em -15vw;
    padding: 1em 15vw;
  }
}
.wide-row.wide-row--with-bg {
  background-color: var(--c-card-border);
}
.wide-row.wide-row--departments {
  margin-top: 0;
  border-top: none;
  border-bottom: none;
}
.wide-row.wide-row--departments .features {
  margin-top: 0;
}
.wide-row.wide-row--departments .features .features__feature {
  margin-top: 0;
  padding-top: 2em;
  padding-bottom: 2em;
}
.wide-row.wide-row--departments .features .features__block {
  background: transparent;
}

.topper-background .topper-background__intro p {
  color: var(--c-text-strong);
}
.topper-background .topper-background__intro p a {
  color: var(--c-text);
}
.topper-background .topper-background__intro p a:hover, .topper-background .topper-background__intro p a:focus {
  color: var(--c-text-strong);
}

.features .features__feature .features__block .features__feature-cta a {
  background-color: var(--engineering-accent);
  border-color: var(--engineering-accent);
  color: var(--c-bg);
}
.features .features__feature .features__block .features__feature-cta a:focus, .features .features__feature .features__block .features__feature-cta a:hover {
  background-color: var(--c-bg);
  border-color: var(--engineering-accent);
  color: var(--engineering-accent);
}
.features .features__feature[data-theme=dark] .features__block .features__feature-title {
  color: var(--c-text-strong);
}
.features .features__feature[data-theme=dark] .features__block .features__feature-content {
  color: var(--c-text-strong);
}
.features .features__feature[data-theme=dark] .features__block .features__feature-content a {
  color: var(--c-text);
}
.features .features__feature[data-theme=dark] .features__block .features__feature-content a:hover, .features .features__feature[data-theme=dark] .features__block .features__feature-content a:focus {
  color: var(--c-text-strong);
}
.features .features__feature[data-theme=dark] .features__block .features__feature-cta a {
  background-color: var(--engineering-accent);
  border-color: var(--engineering-accent);
  color: var(--c-text-strong);
}
.features .features__feature[data-theme=dark] .features__block .features__feature-cta a:focus, .features .features__feature[data-theme=dark] .features__block .features__feature-cta a:hover {
  background-color: var(--c-text-strong);
  border-color: var(--engineering-accent);
  color: var(--engineering-accent);
}

.topper-home-split {
  margin-bottom: 2em;
}
.topper-home-split .topper-home-split__main-title-heading {
  font-size: 36px;
  margin-bottom: 0.5em;
}
@media (min-width: 300px) and (max-width: 1440px) {
  .topper-home-split .topper-home-split__main-title-heading {
    font-size: calc(36px + 124 * (100vw - 300px) / 1140);
  }
}
@media (min-width: 1440px) {
  .topper-home-split .topper-home-split__main-title-heading {
    font-size: 160px;
  }
}
.topper-home-split .topper-home-split__tagline p a {
  color: var(--engineering-accent);
  box-shadow: inset 0 -1px var(--c-border-light);
}
.topper-home-split .topper-home-split__tagline p a:hover, .topper-home-split .topper-home-split__tagline p a:active {
  box-shadow: inset 0 -1px var(--engineering-accent);
}
.topper-home-split .home-topper-split__news .home-topper-split__news-title {
  color: var(--engineering-accent);
}
.topper-home-split .home-topper-split__news .home-topper-split__news-col a {
  box-shadow: inset 0 -1px var(--c-border-light);
  transition: box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.topper-home-split .home-topper-split__news .home-topper-split__news-col a:hover, .topper-home-split .home-topper-split__news .home-topper-split__news-col a:focus {
  box-shadow: inset 0 -1px var(--engineering-accent);
}

#research-centers-and-institutes {
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
}
#research-centers-and-institutes h2 {
  text-align: center;
}

#meet-the-dean {
  max-width: 1070px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
  margin-bottom: 2em;
}
@media (min-width: 1440px) {
  #meet-the-dean {
    margin-top: 4em;
    margin-bottom: 4em;
  }
}
@media (min-width: 600px) {
  #meet-the-dean .resource-card__inner {
    display: flex;
    background-color: transparent;
  }
}
#meet-the-dean .resource-card__inner .resource-card__figure {
  float: none;
  margin: 0 0 8px 0;
  width: 100%;
}
@media (min-width: 600px) {
  #meet-the-dean .resource-card__inner .resource-card__figure {
    order: 1;
    float: left;
    margin: 0 18px 8px 0;
    width: 33.3333333333%;
  }
}
#meet-the-dean .resource-card__inner .resource-card__text {
  padding-left: 0;
}
@media (min-width: 600px) {
  #meet-the-dean .resource-card__inner .resource-card__text {
    order: 2;
    padding-left: 8.3333333333%;
  }
}
#meet-the-dean .resource-card__inner .resource-card__text .resource-card__title {
  font-size: 24px;
  font-weight: 300;
}
@media (min-width: 300px) and (max-width: 1440px) {
  #meet-the-dean .resource-card__inner .resource-card__text .resource-card__title {
    font-size: calc(24px + 31 * (100vw - 300px) / 1140);
  }
}
@media (min-width: 1440px) {
  #meet-the-dean .resource-card__inner .resource-card__text .resource-card__title {
    font-size: 55px;
  }
}
#meet-the-dean .resource-card__inner .resource-card__text .resource-card__description h3 {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 5px;
}
@media (min-width: 300px) and (max-width: 1440px) {
  #meet-the-dean .resource-card__inner .resource-card__text .resource-card__description h3 {
    font-size: calc(18px + 17 * (100vw - 300px) / 1140);
  }
}
@media (min-width: 1440px) {
  #meet-the-dean .resource-card__inner .resource-card__text .resource-card__description h3 {
    font-size: 35px;
  }
}

#quick-guide {
  margin-top: 2em;
  margin-bottom: 2em;
}
@media (min-width: 1440px) {
  #quick-guide {
    margin-top: 4em;
    margin-bottom: 4em;
  }
}
#quick-guide .quick-guide__tab-button {
  text-transform: uppercase;
}
#quick-guide .quick-guide__tab-button:hover, #quick-guide .quick-guide__tab-button:focus {
  box-shadow: inset 0 -2px var(--engineering-accent);
}
#quick-guide .quick-guide__tab-button[aria-selected=true] {
  box-shadow: inset 0 -2px var(--engineering-accent);
  color: var(--engineering-accent);
}
@media (min-width: 768px) {
  #quick-guide .quick-guide__grid .quick-guide__col:first-child {
    width: 25%;
  }
}
@media (min-width: 768px) {
  #quick-guide .quick-guide__grid .quick-guide__col:last-child {
    width: 75%;
  }
}
#quick-guide .quick-guide__grid .quick-guide__col .quick-guide__list {
  -moz-column-count: 1;
  column-count: 1;
  -moz-column-gap: 0;
  column-gap: 0;
}
@media (min-width: 768px) {
  #quick-guide .quick-guide__grid .quick-guide__col .quick-guide__list {
    -moz-column-count: 1;
    column-count: 1;
    -moz-column-gap: 0;
    column-gap: 0;
  }
}
#quick-guide .quick-guide__grid .quick-guide__col .quick-guide__list .quick-guide__list-item {
  text-transform: uppercase;
}
#quick-guide .quick-guide__grid .quick-guide__col .quick-guide__list .quick-guide__list-item a {
  color: var(--c-card-text-muted);
}
@media (min-width: 1070px) {
  #quick-guide .quick-guide__grid .quick-guide__cta-text {
    width: 60%;
  }
}
#quick-guide .quick-guide__grid .quick-guide__cta-text p a {
  color: var(--engineering-accent);
}
@media (min-width: 1070px) {
  #quick-guide .quick-guide__grid .quick-guide__cta-figure {
    width: 40%;
  }
}

@media (min-width: 768px) {
  #top-resources {
    padding-top: 4em;
    padding-bottom: 4em;
  }
}
#top-resources .text-trio__list {
  padding-bottom: 0;
}
@media (min-width: 600px) {
  #top-resources .text-trio__list {
    justify-content: space-between;
  }
}
@media (min-width: 1440px) {
  #top-resources .text-trio__list .text-trio__item {
    width: 22%;
  }
}
@media (min-width: 600px) {
  #top-resources .text-trio__list .text-trio__item .text-trio__item-text {
    padding-right: 12px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    min-height: 200px;
  }
}
#top-resources .text-trio__list .text-trio__item h3.text-trio__item-heading {
  padding: 5px 0 0 40px;
  margin: 5px 0;
  background-image: url(https://web.vanderbilt.edu/files/department-icon.png);
  background-repeat: no-repeat;
  background-size: contain;
}
#top-resources .text-trio__list .text-trio__item:first-child h3.text-trio__item-heading {
  background-image: url(https://web.vanderbilt.edu/files/degree-icon.png);
}
#top-resources .text-trio__list .text-trio__item:last-child h3.text-trio__item-heading {
  background-image: url(https://web.vanderbilt.edu/files/give-icon.png);
}

#spotlight-on-research {
  max-width: 1070px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
  margin-bottom: 0;
}
@media (min-width: 1440px) {
  #spotlight-on-research {
    margin-top: 4em;
    margin-bottom: 0;
  }
}
@media (min-width: 600px) {
  #spotlight-on-research .story-tease__inner {
    flex-wrap: wrap;
  }
}
#spotlight-on-research .story-tease__inner .story-tease__image {
  order: 1;
}
@media (min-width: 600px) {
  #spotlight-on-research .story-tease__inner .story-tease__image {
    width: 100%;
  }
}
#spotlight-on-research .story-tease__inner .story-tease__text {
  order: 2;
}
@media (min-width: 600px) {
  #spotlight-on-research .story-tease__inner .story-tease__text {
    width: 100%;
  }
}

#spotlight-on-research--button {
  max-width: 1070px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 2em;
}
@media (min-width: 1440px) {
  #spotlight-on-research--button {
    margin-top: 0;
    margin-bottom: 4em;
  }
}

#join-us {
  max-width: 1070px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
  margin-bottom: 0;
  padding-bottom: 18px;
}
@media (min-width: 1440px) {
  #join-us {
    margin-top: 4em;
    margin-bottom: 0;
  }
}

#join-us--button {
  max-width: 1070px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 2em;
}
@media (min-width: 1440px) {
  #join-us--button {
    margin-top: 0;
    margin-bottom: 4em;
  }
}

#engineering-news {
  margin-top: 2em;
  margin-bottom: 2em;
}
@media (min-width: 1440px) {
  #engineering-news {
    margin-top: 4em;
    margin-bottom: 4em;
  }
}

#connect-with-us {
  margin-top: 2em;
  margin-bottom: 2em;
}
@media (min-width: 1440px) {
  #connect-with-us {
    margin-top: 4em;
    margin-bottom: 4em;
  }
}
#connect-with-us .news-grid__heading {
  font-size: 28px;
  font-family: Theinhardt, system-ui, sans-serif;
  font-weight: 300;
  line-height: 1.2;
  margin-top: 24px;
  padding: 24px 0 5px;
  color: var(--c-text-strong);
  text-transform: none;
}
@media (min-width: 300px) and (max-width: 1499px) {
  #connect-with-us .news-grid__heading {
    font-size: calc(28px + 8 * (100vw - 300px) / 1200);
  }
}
@media (min-width: 1500px) {
  #connect-with-us .news-grid__heading {
    font-size: 36px;
  }
}
@media (min-width: 768px) {
  #connect-with-us .story-list-mini__list-item {
    padding-left: 2vw;
    padding-right: 2vw;
  }
}/*# sourceMappingURL=style.css.map */