/* LAST UPDATED: 06.28.2024 - SM */
/* THIS IS A WORK IN PROGRESS AS OF 06.18.2024 */

/* Associated with typography, but not quite: these are styled headings with named classes for pages and sections */

.hero__text {
  margin-bottom: 0;
  margin-top: 15px;
}

.hero--rust .hero__text {
  color: var(--primary-accent);
}

.hero--dark-blue .hero__text {
  color: var(--primary-dark);
}

.hero--blue .hero__text {
  color: var(--primary-color);
}

.hero--carlo-blue .hero__text {
  color: var(--primary-accent-shade);
  /* Carlo blue wasn't a part of the original EVMS brand colors, and we have no equivalent yet. */
}

.lede {
  color: var(--primary-dark);
  font-family: var(--secondary-font-family);
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 30px;
}

.heading--section {
  align-items: center;
  display: flex;
  color: var(--primary-dark);
  font-family: var(--secondary-font-family);
  font-weight: 700;
  justify-content: center;
  margin-bottom: 30px;
  text-align: center;
  width: 100%;
}

.heading--section::before,
.heading--section::after {
  background: linear-gradient(270deg, var(--primary-neutral-light), var(--primary-accent));
  background: -webkit-gradient(linear, right top, left top, from(var(--primary-neutral-light)), to(var(--primary-accent)));
  content: "";
  display: inline-block;
  height: 1px;
  margin: .6rem 1rem;
  width: 20%;
}

.heading--section::before {
  background: linear-gradient(-270deg, var(--primary-neutral-light), var(--primary-accent));
  background: -webkit-gradient(linear, left top, right top, from(var(--primary-neutral-light)), to(var(--primary-accent)));
}


.module h2 {
  margin-bottom: 30px;
}

.module p {
  margin-bottom: 0;
  margin-top: 30px;
}

.general-content h3 {
  margin-top: 15px;
}

.font-serif {
  font-family: var(--secondary-font-family);
}

.page-header {
  color: var(--primary-neutral-light);
  margin: 0;
  padding: 25px 0 30px 0;
}

.page-header-light-blue {
  background-color: var(--primary-accent-shade);
}

.page-header-dark-blue {
  background-color: var(--primary-dark);
}

.page-header-rust {
  background-color: var(--primary-accent);
}

.page-header-evms-blue {
  background-color: var(--primary-color);
}

/* Added to account for extra spacing/padding below page title header when new colors and fonts were added */
.page-title {
  margin-bottom: 0;
}



.page-content p,
.card-body p {
  margin-bottom: 1.75em;
}

.section-container h2,
.faculty-list h2,
.CommunityFacultyList h2,
.page-content h2,
h2.heading--yearbook {
  font-size: 2em;
}

.page-content h3,
.image-with-caption-interior h3 {
  font-size: 1.25em; /* Originally 1.75em, changed on 06.21.2024 because of lengthy headers on Pathology & Anatomy page. May not be permanent change. */
}

.section-container h3,
.page-content h4 {
  font-size: 1.5em;
}

.emphasis p {
  color: var(--primary-dark);
  font-family: var(--primary-font-family);
  font-size: 1.66em;
  font-weight: 400;
  line-height: 1.25em;
  font-variation-settings: "wdth" 75;
}

/* Community Faculty listings are in divs, not list or paragraph format,
Same with some text on curriculum pages - text is in divs, not lists or paragraphs */
.CommunityFacultyList .col-md-4,
.container.page-content div {
  font-family: var(--primary-font-family);
  font-size: var(--base-font-size);
  font-weight: 400;
}

/* Paragraphs in tabbed content like /explore_evms are appearing in rows, not columns. This adds some space between the links. */
.tab-content p:not(.lib-resource p) {
  margin: 1em;
}

/* For lists inside of expanded accordion cards */
.expanded-card-row ul {
  font-size: 1em;
  margin-left: 2em;
  margin-top: 1em;
}

/* For headings in HP sliders */
.content-title {
  color: var(--primary-dark);
}



@media screen and (min-width: 700px) {
  .hero__text {
    max-width: 45em;
  }
}

@media screen and (min-width: 768px) {
  .page-header {
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: auto 100%;
    color: var(--primary-neutral-light);
  }
  
  
  .page-header-light-blue {
    background-color: var(--primary-accent-shade);
    /* background-image: url(/media/evms_public/content/style_assets/refresh_2018_style_assets/images/page-header-light-blue-evms-lines.svg);*/
  }

  .page-header-dark-blue {
    background-color: var(--primary-dark);
    /*background-image: url(/media/evms_public/content/style_assets/refresh_2018_style_assets/images/page-header-dark-blue-evms-lines.svg);*/
  }

  .page-header-rust {
    background-color: var(--primary-accent);
    /*background-image: url(/media/evms_public/content/style_assets/refresh_2018_style_assets/images/page-header-rust-evms-lines.svg);*/
  }

  .page-header-evms-blue {
    background-color: var(--primary-color);
    /*background-image: url(/media/evms_public/content/style_assets/refresh_2018_style_assets/images/page-header-evms-blue-evms-lines.svg);*/
  }
}