/*
 Theme Name:     Extended Learning - PSUOutreachMarketing
 Theme URI:      https://extendedlearning.psu.edu
 Description:    Child theme using the PSUOutreachMarketing parent theme
 Author:         Penn State Outreach and Online Education
 Author URI:     https://www.outreach.psu.edu
 Template:       PSUOutreachMarketing
 Version:        1.3.1
*/

/* Header site name */
#masthead .site-logo a {
  display: block;
  color: #1e407c;
  font-weight: normal;
}

/* Masthead Logo */
#masthead .site-logo img {
  max-width: 300px;
}
#masthead .site-logo .site-title a {
  font-weight: 600;
  line-height: 1.2;
}
@media screen and (min-width: 480px) {
  #masthead .site-logo img {
    margin-top: -11px;
    max-width: 350px;
  }
  #masthead .dual-logos .site-logo {
    margin-top: -5px;
  }
  #masthead .dual-logos .site-logo a {
    border-left: 1px solid #E4E5E7;
    padding: 10px 0 10px 32px;
  }
}
@media screen and (min-width: 580px) {
  #masthead .site-logo img {
    margin-top: -15px;
  }
}

/* Hide left column */
@media screen and (min-width: 1024px) {
  .psu-page-meet-our-team #main ,
  .parent-pageid-113 #main {
    float: none;
    max-width: 896px;
  }
  .psu-page-meet-our-team #sidebar-body,
  .parent-pageid-113 #sidebar-body {
    display: none;
  }
}

/* Staff pages under Meet Our Team - Float image right */
@media screen and (min-width: 768px) {
  .parent-pageid-113 .featured-image {
    float: right;
    max-width: 350px;
    margin: 0 0 32px 32px;
  }
}

/* Homepage */
@media screen and (min-width: 810px) {
  h3.slider-title {
    font-size: 2.25rem;
    max-width: 740px;
    text-shadow: none;
    background: rgba(0, 30, 68, 0.7);
    padding: 8px 16px;
  }
}
.home .tile-nav div.display-posts-listing {
  margin: 0;
}

/* Homepage stats - using bullets widget for stats */
.home .widget_homepage-bullets-widget .section-content h2 {
  text-align: center;
}
.home #content .widget_homepage-bullets-widget .section-content {
    padding: 40px 16px 0px;
}
.home .widget_homepage-bullets-widget ul {
    margin: 0;
}
.home .widget_homepage-bullets-widget .homepage-bullet strong {
  font-size: 3rem;
  font-weight: normal;
}
.home .widget_homepage-bullets-widget li div {
  margin: 0;
}
.home .widget_homepage-bullets-widget li i {
  display: none;
}
.home #content .widget_homepage-bullets-widget li {
  text-align: center;
  display: inline-block;
  width: 100%;
  min-height: 200px;
  margin: 0;
  max-width: 350px;
}
.home .widget_homepage-bullets-widget ul {
  columns: auto;
  text-align: center;
}
@media screen and (min-width: 880px) {
  .home #content .widget_homepage-bullets-widget li {
    margin: 0 2%;
    max-width: none;
    width: 29%;
  }
}

/* Homepage Details Block */
.home #details .widget ul {
  padding: 8px 0 0 20px;
  margin: 0;
  list-style-type: disc;
}
.home #details .widget ul li {
  display: list-item;
}

/* Homepage Testimonials */
.home #testimonials {
  background-color: #f2f3f4;
}
.home #testimonials .section-content {
    margin: 0 auto;
    padding: 40px 16px;
}
.home #testimonials blockquote {
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .home #testimonials .textwidget.custom-html-widget {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;                   
  }
  .home #testimonials blockquote {
    width: 100%;
    margin: 0 !important;
  }
}

/* Get Started Page */
#college-reps div {
  padding: 20px 0;
}
@media screen and (min-width: 880px) {
  #college-reps div {
    display: inline-block;
    width: 46%;
    vertical-align: top;
  }
  #college-reps div:nth-child(odd) {
    margin-right: 2%;
  }
  #college-reps div:nth-child(even) {
    margin-left: 2%;
  }
}

/* Soliloquy */
.soliloquy-container .soliloquy-caption-inside a {
  color: #005FA9 !important;
}

@media print {
  .home #content .widget_homepage-bullets-widget li {
    padding: 0;
  }
  blockquote cite {
    font-size: 11px;
  }
  .display-posts-listing {
    margin-top: 0;
  }
}