/*
Theme Name:     Department of Neurology
Theme URI:      https://neurology.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.11
*/

/* GLOBAL STYLES */

/* prevents horizontal scrolling when there are full-width sections */

#page {
overflow-x: hidden;
}

/* reduces space between columns that contain infographics */

.wp-block-columns.infographics-columns {
    margin-bottom: 0;
    gap: 1em;
}

/* limits the height of the twitter widget */

#twitter-widget-0 {
max-height: 800px
}

/* HEADER AND MAIN NAV STYLES */

/* dark gray transparent background for site title and navigation area */

.header-alt .site-header {
      background: rgba(61,61,61,.9);
}

/* reduces the padding around the site title on smaller screens */

@media screen and (min-width: 56.25em) {
.header-alt .site-header .site-title {
padding: 0;
}
}

/* allows for use of full container width for main navigation */

.header-alt .washu-main-menu-wrapper {
  float: left;
  width: 100%;
  margin: 0;
}

/* places navigation menu underneath the site title */

.header-alt .site-header > .container {
  display: block;
}

/* left aligns the navigation  */

.header-alt .washu-main-menu-wrapper .washu-main-menu-content {
text-align: left;
}

/* left justifies the navigation with the site title */

.header-alt .washu-main-menu-wrapper .washu-main-menu-list {
margin-left: -10px;
 }

 /* styles the affiliation text */

.site-title::before {
  content: "Department of";
  font-size: 1rem;
  font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
  text-transform: uppercase;
  display: inline-block;
  width: 100%;
  font-weight: 600;
  letter-spacing: 0.02em;
}

/* adjusts the banner image for various screen sizes */

.home .header-alt .page-thumbnail-feature {
  height: auto;
}

@media screen and (max-width: 56.25em) {
    .home .header-alt .page-thumbnail-feature {
    height: 50%;
}
}

/* feature text styling */

.feature-text.bg-dark-gray {
    letter-spacing: .02em;
    margin-top: 10rem;
    text-align: center;
    font-size: 2rem;
    background: transparent;
    width: 42em;
}

.feature-text.bg-dark-gray h2 {
    font-size: 2.44rem;
    color: #FFFFFF;
    text-shadow: 4px 4px 8px #000000;
}

@media screen and (max-width: 56.25em) {
    .feature-text.bg-dark-gray {
        margin-top: 10rem;
        margin-right: 2rem;
        width: 20em;
    }
    .feature-text.bg-dark-gray h2.heading {
        font-size: 2rem;
    }
}

.feature-text.bg-dark-gray p.subheading {
    text-transform: none;
    font-weight: 300;
    position: absolute;
    right: 2rem;
    bottom: 2rem;
}

.feature-text.bg-dark-gray p.subheading a {
    color: white;
    text-decoration: none;
}

.feature-text.bg-dark-gray p.subheading a:hover {
    text-decoration: underline;
}

/*  HOME PAGE MODIFICATIONS */

.home .wp-block-cover .wp-block-buttons {
    text-align: center;
}

.home .wp-block-columns .wp-block-buttons {
    text-align: left;
}

/*  FULL WIDTH CONTENT */

.frontpage-makeappointment {
    margin: -2.5rem -9999rem 0rem;
    padding: 1rem 9999rem;
}

@media screen and (max-width: 37rem) {
    .frontpage-makeappointment {
    margin-top: -1.25rem;
}
}

/* research */

.frontpage-research {
    margin: 0rem -9999rem 0;
    padding: 0rem 9999rem;
    background-image: url("/wp-content/uploads/2022/12/diagonal-lines_white.png");
    background-color: #53565A;
}

.frontpage-research h2.research {
    color: white;
}

.frontpage-research .wp-block-cover.is-light {
    background-color: rgba(0,0,0,.5);
    margin-bottom: 0;
}

.washu-billboard.frontpage-research .wp-block-button__link {
    color: white;
    text-decoration: none;
    border-color: white;
}

.frontpage-research .wp-block-columns {
    margin-bottom: 0;
}

.washu-billboard.frontpage-research p, .frontpage-research a {
    color: white;
}

/* education */

.frontpage-education {
    margin: 0 -9999rem;
    padding: 1.5rem 9999rem 0;
    background-image: url("/wp-content/uploads/2022/12/NeurologyHomeEducation_Schindlerv3_1774x900.jpg");
    background-repeat: no-repeat;
    background-color: #2D837E;
    background-position: top;
    background-size: contain;
    height: 479px;
}

.frontpage-education h2.education {
    margin-top: 12rem;
    color: white;
    text-shadow: 2px 2px 6px #000000;
}

@media screen and (max-width: 56.25em) {
    .frontpage-education h2.education {
    font-size: 2rem;
    }
}

@media screen and (max-width: 37.5em) {
    .frontpage-education h2.education {
        margin-top: 8rem;
    }
}

.frontpage-education h6.education {
    color: white;
    text-shadow: 2px 2px 6px #000000;
}

.washu-billboard.frontpage-education .wp-block-button__link {
    color: white;
    text-decoration: none;
    border-color: white;
}

.washu-billboard.frontpage-education p {
    color: white;
    text-shadow: 2px 2px 6px #000000;
}

/* patient care */

.frontpage-patient-care {
    margin: 0 -9999rem 0;
    padding: 4rem 9999rem 2rem;
}

.frontpage-patient-care ul {
    margin-left: -8rem;
    margin-bottom: 1rem;
}

/* INNER PAGES */

.wp-block-washu-billboard h4.title-standout {
    font-family: "Libre Baskerville","Times New Roman",Times,Serif;
    font-size: 2.2rem;
    letter-spacing: .02em;
}

@media screen and (max-width: 56.25rem) {
    .infographics-columns figure.wp-block-image {
        max-width: 256px;
    }
}

.wp-block-columns.infographics-columns h3.washu-card__title.washu-card__color-gray-dark {
    font-size: 1.2rem;
    text-transform: uppercase;
}

p.bodytext-small {
    font-size: 1rem;
    font-weight: 300;
}

/* last updated by edelrosario@wustl.edu 2023-02-13 */