/*
 * Theme Name: Vanderbilt Families
 * 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 */
/* Helper Classes */
.alternate-h2 h2 {
  font-family: Staff;
  line-height: 1em;
  font-weight: 400;
  text-transform: none;
  font-size: 36px;
  padding-bottom: 5px;
  color: var(--c-text);
}
@media (min-width: 300px) and (max-width: 1069px) {
  .alternate-h2 h2 {
    font-size: calc(36px + 24 * (100vw - 300px) / 770);
  }
}
@media (min-width: 1070px) {
  .alternate-h2 h2 {
    font-size: 60px;
  }
}

html:not(.fl-builder-edit) .mobile-only {
  display: block;
}
@media (min-width: 480px) {
  html:not(.fl-builder-edit) .mobile-only {
    display: none;
  }
}
html:not(.fl-builder-edit) .desktop-only {
  display: none;
}
@media (min-width: 480px) {
  html:not(.fl-builder-edit) .desktop-only {
    display: block;
  }
}

/* Overrides */
.button--outline:focus,
.button--outline:hover,
a.button--outline:focus,
a.button--outline:hover {
  background-color: var(--c-btn-bg);
  border-color: var(--c-btn-bg);
  color: var(--c-text);
}

.button--outline:active,
a.button--outline:active {
  background-color: var(--c-text);
  border-color: var(--c-text);
  color: var(--c-bg);
}

/* Specific Elements and Modules */
#what-sets-us-apart--row {
  margin-top: 60px;
  margin-bottom: 60px;
  overflow: hidden;
}
@media (min-width: 1070px) {
  #what-sets-us-apart--row {
    margin-top: 120px;
    margin-bottom: 120px;
  }
}
#what-sets-us-apart--row .home-statements__heading {
  text-transform: none;
}
@media (min-width: 1070px) {
  #what-sets-us-apart--row .home-statements__heading {
    text-align: right;
  }
}
#what-sets-us-apart--row .home-statements__text {
  display: flex;
  align-items: center;
}
@media (min-width: 480px) {
  #what-sets-us-apart--row .home-statements__text {
    display: block;
  }
}
@media (min-width: 1070px) {
  #what-sets-us-apart--row .home-statements__text {
    padding-right: 0;
    padding-left: 25%;
  }
}
#what-sets-us-apart--row .home-statements__text .home-statements__description {
  display: none;
}
@media (min-width: 480px) {
  #what-sets-us-apart--row .home-statements__text .home-statements__description {
    display: block;
  }
}
@media (min-width: 1070px) {
  #what-sets-us-apart--row .home-statements__text .home-statements__description {
    display: none;
  }
}
@media (min-width: 1070px) {
  #what-sets-us-apart--row .home-statements__list .home-statements__list-item {
    text-align: right;
  }
  #what-sets-us-apart--row .home-statements__list .home-statements__list-item .home-statements__figure {
    left: 0;
  }
}
@media (min-width: 1070px) and (min-width: 1200px) {
  #what-sets-us-apart--row .home-statements__list .home-statements__list-item .home-statements__figure .home-statements__caption {
    position: absolute;
    left: 100%;
    top: 0;
    width: 250px;
    font-size: 24px;
    text-align: left;
    padding: 0 15px 15px 15px;
  }
}
@media (min-width: 1070px) {
  #what-sets-us-apart--row .home-statements__list .home-statements__list-item:first-child .home-statements__img {
    /* Begin by displaying the first image regardless of hover */
    opacity: 1;
    visibility: visible;
  }
}

#attend-events-row {
  margin-top: 60px;
}
#attend-events-row .alternate-h2 h2 {
  padding-top: 0;
}
#attend-events-row .image-layout {
  margin-top: 2em;
}
@media (min-width: 768px) {
  #attend-events-row .image-layout {
    margin-top: 0;
  }
}

#post-298 {
  margin-top: 0;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #post-298 .details-page__col-1 {
    display: none;
  }
  #post-298 .details-page__col-2 {
    width: 100%;
  }
}
@media (max-width: 479px) {
  #post-298 .story-tease__image {
    display: none;
  }
}

.topper-background .topper-background__text-inner {
  min-height: 100vh;
  padding-bottom: 60px;
}
@media (min-width: 768px) {
  .topper-background .topper-background__text-inner {
    min-height: 56.25vw;
  }
}
@media (min-width: 1200px) {
  .topper-background .topper-background__text-inner {
    padding-left: 5%;
    padding-right: 45%;
  }
  .topper-background .topper-background__text-inner .topper-background__title,
  .topper-background .topper-background__text-inner .topper-background__intro {
    text-align: left;
    margin-left: 0;
    max-width: 500px;
  }
}

#get-involved {
  margin-top: 2em;
}
#get-involved .announcement-tease__heading {
  font-family: Staff;
  line-height: 1em;
  font-weight: 400;
  text-transform: none;
  font-size: 36px;
  padding-bottom: 5px;
  color: var(--c-text);
}
@media (min-width: 300px) and (max-width: 1069px) {
  #get-involved .announcement-tease__heading {
    font-size: calc(36px + 24 * (100vw - 300px) / 770);
  }
}
@media (min-width: 1070px) {
  #get-involved .announcement-tease__heading {
    font-size: 60px;
  }
}

@media (max-width: 599px) {
  #start-planning-now,
  #see-highlights {
    padding-top: 48px;
    padding-bottom: 0;
  }
}
@media (min-width: 600px) {
  #start-planning-now .story-tease__text-main,
  #see-highlights .story-tease__text-main {
    margin: auto 0;
  }
}
@media (min-width: 768px) {
  #start-planning-now .story-tease__text-main .story-tease__title,
  #see-highlights .story-tease__text-main .story-tease__title {
    font-size: 60px;
  }
}

#weekend-introduction {
  text-align: center;
}
@media (max-width: 479px) {
  #weekend-introduction .dropcap::first-letter {
    color: inherit;
    float: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: inherit;
    padding: inherit;
  }
}

@media (min-width: 768px) {
  #weekend-information {
    border-top: var(--c-accent) solid 1px;
    border-bottom: var(--c-accent) solid 1px;
  }
}
@media (min-width: 300px) {
  #weekend-information .rich-text {
    font-size: 17px;
  }
}
#weekend-information .rich-text .story-tease__heading {
  font-size: 18px;
  font-weight: 500;
  padding: 5px 0 5px 34px;
  background-repeat: no-repeat;
  margin: 1em 0 10px 0;
  background-position: left center;
}
#weekend-information .rich-text a {
  font-family: Theinhardt, system-ui, sans-serif;
}
#weekend-information .rich-text#hotels .story-tease__heading {
  background-image: url(https://web.vanderbilt.edu/files/hotels-icon.png);
}
#weekend-information .rich-text#registration .story-tease__heading {
  background-image: url(https://web.vanderbilt.edu/files/registration-icon.png);
}
#weekend-information .rich-text#football .story-tease__heading {
  background-image: url(https://web.vanderbilt.edu/files/football-icon.png);
}
#weekend-information .rich-text#visiting-nashville .story-tease__heading {
  background-image: url(https://web.vanderbilt.edu/files/nashville-icon.png);
}

@media (min-width: 768px) {
  #contact-us-row .rich-text {
    padding-top: 48px;
  }
}
@media (min-width: 1070px) {
  #contact-us-row .rich-text {
    padding-top: 72px;
  }
}
#contact-us-row .rich-text .story-tease__heading {
  font-family: Academica, georgia, serif;
  font-size: 28px;
  line-height: 1em;
  font-weight: 300;
  margin-bottom: 8px;
  margin-top: 0;
}
@media (min-width: 768px) {
  #contact-us-row .rich-text .story-tease__heading {
    font-size: 60px;
  }
}
#contact-us-row .image-layout--two-symmetric .image-layout__inner {
  align-items: flex-end;
}

#parent-quote {
  margin-bottom: 60px;
}
@media (min-width: 1070px) {
  #parent-quote {
    margin-bottom: 120px;
  }
}
#parent-quote .pull-quote__inner::before {
  left: calc(50% - 100px);
  padding: 0;
  width: 200px;
  text-align: center;
}
#parent-quote .pull-quote__inner::after {
  display: none;
}
#parent-quote .pull-quote__inner .pull-quote__text {
  text-align: center;
}
#parent-quote .pull-quote__inner .pull-quote__cite span {
  margin: 0 auto;
  text-align: center;
}