/*
Theme Name:     Division of Biology and Biomedical Sciences
Theme URI:      https://dbbs.wustl.edu/
Description:    Child theme for the WashU Web Theme.
Author:         WashU Medicine Marketing & Communications
Author URI:     https://marcomm.med.wustl.edu
Template:       wutheme_chauvenet
Version:        1.0.2
*/

/* GLOBAL STYLE CHANGES */

#page {
  overflow-x: hidden;
}

#twitter-widget-0 {
  max-height: 660px;
}

ul.eo-events-shortcode {
    list-style: none;
    padding-left: 0px;
}

/* FRONT PAGE STYLE CHANGES */

/* .header-alt is the CSS class for the condensed header style - allows for use of full container width for main navigation */

.header-alt .washu-main-menu-wrapper {
  float: left;
  width: 100%;
  margin: 0;
}

/* remove transparent background of navigation container */

.header-alt.has-featured-image .sticky-wrapper {
    background: #3d3d3d;
}

/* places navigation menu underneath the site title */

.header-alt .site-header > .container {
  display: block;
}

/* left aligns the navigation when using Spotlight header  */

.header-alt .washu-main-menu-wrapper .washu-main-menu-content {
  text-align: left;
}

.header-alt .washu-main-menu-wrapper .washu-main-menu-list { 
margin-left: -10px;
 }

/* styles the affiliation text before the site title */

.site-title::before {
  content: "ROY AND DIANA VAGELOS";
  padding-bottom: .3em;
  letter-spacing: .02em;
  font-weight: 600;
  clear: both;
  font-size: 16px;
  display: block;
  font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
}

@media screen and (min-width: 56.25em) {
  .header-alt .site-header .site-title {
    padding-top: 2rem;
    width: 75%;
  }
}

@media screen and (max-width: 899px) {
.header-alt .washu-main-menu-content {
    overflow: hidden;
}
}

.header-alt .is-sticky .washu-main-menu-content {
    overflow: hidden;
}

.home .header-alt .page-thumbnail-feature {
  height: auto;
}

/* adjusts the banner image on extra wide screens */

@media screen and (min-width: 85em) {
    .home .header-alt .page-thumbnail-feature {
    height: 800px;
}
}

/* adjusts the featured text in relation to the banner image */

.feature-text {
 margin-top: 28rem;
  max-width: 90%;
  background: none;
}

.feature-text .heading {
  font-size: 2.8rem;
  font-family: "Libre Baskerville","Times New Roman",Times,sans-serif;
  text-shadow: 2px 2px 4px rgb(0 0 0);
}

@media screen and (max-width: 85em) {
    .feature-text {
    margin-top: 20rem;
    }
    .feature-text .heading {
    font-size: 2rem;
    }
}

@media screen and (max-width: 50em) {
    .feature--text {
    margin-top: 12rem;
    }
    .feature-text .heading {
    font-size: 1.75rem;
  }
}

/* FULL WIDTH BLOCKS */

.frontpage-extraordinary {
    margin: -2.5rem -9999rem 0;
    padding: 2rem 9999rem 4rem;
    background: #172752;
}

@media screen and (max-width: 50em) {
    .frontpage-extraordinary {
    padding-top: 3rem;
    }
}

.frontpage-extraordinary h3.extraordinary {
    color: white;
}

.frontpage-extraordinary p.extraordinary {
    color: white;
}

.frontpage-extraordinary hr.extraordinary {
    background: white;
    height: 4px;
    width: 75%;
    margin-top: -.2rem;
}

.frontpage-elite-research {
    margin: -3rem -9999rem 0rem;
    padding: 5rem 9999rem 2rem;
    background: #C8C8C8;
}

.frontpage-elite-research figure.washu-card__image {
    border: 0px;
}

.frontpage-elite-research .wp-block-washu-card.washu-card {
    background: #EEEEEE;
}

.frontpage-join {
    margin: -2rem 0rem 0rem;
    padding: 3rem 10rem 3rem;
    background: #67C8C7;
    position: relative;
    z-index: 10;
}

@media screen and (max-width: 50em) {
    .frontpage-join {
    padding: 3rem 4rem 3rem;
}
}

.frontpage-application {
    margin: -2rem 0rem 4rem;
    padding: 3rem 6rem 3rem;
    position: relative;
    z-index: 10;
}

@media screen and (max-width: 50em) {
    .frontpage-application {
    padding: 3rem 4rem 3rem;
}
}

.frontpage-mission {
    margin: 0rem -9999rem -4rem;
    padding: 3rem 9999rem 3rem;
    background: #EEEEEE;
}

/* EdR - last updated 2023-02-03 */