/*
 Theme Name:     Outreach - PSUOutreachMarketing
 Theme URI:      https://www.outreach.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.6.1
*/

/* Header */
#masthead .psu-logo,
.header-wrapper, .page-template-level1-page .header-wrapper { /* Hides the PSU logo banner at the top of the site, used on American Airlines page */
  display: none;
}
#masthead .site-logo {
  margin-left: 0;
}
#masthead .site-logo img {
  border-left: 0;
  padding-left: 0;
}
.main-navigation li li a {
  min-width: 312px;
}
@media screen and (min-width: 580px) {
  #masthead #inner-header-wrapper.dual-logos > .utility {
    display: block;
  }
}

/* Homepage */
.home #primary {
  padding-top: 30px;
  margin-top: 0;
  margin-bottom: 20px;
}
#homepage-intro-sidebar .widget_rss h2.widget-title a {
  display: none;
}
#homepage-intro-sidebar .widget_rss .widget-title a {
  color: #0F192D;
}
#homepage-intro-sidebar .widget_rss h2.widget-title:after {
  content: "Outreach News";
  font-size: 1.125rem;
  font-weight: 600;
}
#homepage-intro-sidebar .widget_rss li a {
  display: block;
}
.home #homepage-widget-body-template #main section.homepage-body-widget .section-content {
  max-width: 100%;
}
.home .homepage-intro-content-wrapper {
  padding-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .home .homepage-intro-content-wrapper {
    padding-bottom: 20px;
  }
  .sidebar-right .homepage-intro-content-wrapper #homepage-intro-sidebar {
    max-width: 450px;
  }
  .sidebar-right .homepage-intro-content-wrapper.intro-sidebar-right .homepage-intro-content {
    max-width: calc(100% - 525px);
  }
}
@media screen and (max-width: 1023px) {
  #homepage-intro-sidebar {
    margin-top: 50px;
  }
}

.display-posts-listing li.listing-item a:visited {
  color: #376ADC;
}
/* Homepage */
@media screen and (min-width: 810px) {
  .homepage-intro-content-wrapper #homepage-intro-sidebar section.widget {
    margin-top: 58px
  }
}
.homepage-intro-content-wrapper #homepage-intro-sidebar section.widget {
  padding: 20px 20px 15px;
}

.home #homepage-widget-body-template #sidebar-body .widget_rss {
  padding-bottom: 0;
}
.home .widget_recent-posts-reorder-widget.homepage-body-widget h3 {
  font-size: 2rem;
}

/* Homepage Slider */
.home .slider-description h2 {
  font-size: 2.5rem;
  margin: 0.25em 0;
  line-height: 1.1;
}
.home .slider-description p {
  font-size: 1.375rem;
}

/* Instagram Homepage */
.home #homepage-widget-body-template .widget#text-5 {
  background-color: #f2f3f5;
  padding: 1px 0;
}
.home #homepage-widget-body-template .widget#text-5 .section-content {
  margin: 0 auto;
}
.home #homepage-widget-body-template .widget#text-5 h2 {
  text-align: center;
}

/* RSS Widget */
#sidebar-body .widget_rss h2.widget-title a{
  display: none;
}
#sidebar-body .widget_rss h2.widget-title:after {
  content: "Outreach News";
}

/* COVID-19 Response */
.psu-page-covid-19-response #sidebar-body .widget_rss h2.widget-title:after {
  content: "Penn State News";
}
.psu-page-covid-19-response #sidebar-body .widget_rss  {
  padding-bottom: 0;
}
.psu-page-covid-19-response #sidebar-body .widget_text p  {
  margin: 10px 0 0;
}

/* Make footer nav two columns */
.footer-navigation #nav-column-three {
  display: none;
}
@media screen and (min-width: 1024px) {
  .footer-navigation {
    float: right;
    max-width: 50%;
  }
  #footer-contact-info {
    width: calc(50% - 2rem);
  }
}
@media screen and (min-width: 640px) {
  .footer-navigation .nav-column {
    width: auto;
  }
  .footer-navigation #nav-column-two {
    margin-right: 0;
  }
}

/* Outreach Programs */
@media screen and (min-width: 580px) {
  .psu-page-programs .tile-nav .listing-item {
    min-height: 440px;
  }
}

/* Outreach Program Pages */
.parent-pageid-30 .widget.sidebar-menu .menu-item:not(.menu-item-has-children) a {
  padding-right: 16px;
}
@media screen and (min-width: 1024px) {
  .parent-pageid-30 #sidebar-body {
    max-width: 315px;
  }
  .parent-pageid-30 .site-main {
    max-width: calc(100% - 367px);
  }
}

/* Media Mentions Page */
.psu-page-media-mentions .display-posts-listing li.listing-item {
  width: 100%;
  margin: 10px 0;
}
.psu-page-media-mentions .display-posts-listing li.listing-item a {
  font-size: 1rem;
}
.psu-page-media-mentions .display-posts-listing li.listing-item .date {
  display: block;
}
.psu-page-media-mentions .display-posts-listing li.listing-item .excerpt {
  font-size: 1rem;
  margin: 0;
}
.psu-page-media-mentions #main a {
  text-decoration: none;
}
.psu-page-media-mentions #main a:hover {
  text-decoration: underline;
  border-bottom: none;
}

/* Mission, Vision, and Goals page */
.mission-box {
  background: rgb(30,64,124);
  background: linear-gradient(25deg, rgba(30,64,124,1) 0%, rgba(108,131,172,1) 68%, rgba(30,64,124,1) 100%);
}
.mission-box p {
  color: #ffffff;
  font-size: 1.625rem;
}
.mission-box h2, .mission-box h3 {
  color: #ffffff;
  font-size: 2.25rem;
  padding-bottom: 10px;
  border-bottom: 1px solid #6A81AB;
  text-align: center;
}
.mission-box blockquote, .mission-box blockquote p {
  margin-top: 8px;
  text-align: center;
}
.mission-box blockquote p::before, .mission-box blockquote p::after {
  color: #ffffff;
  display: none;
}
.mission-box blockquote p::before {
  left: 2px;
}
.mission-box blockquote.large {
  border-left: 0px solid #ffffff;
  padding-left: 0; 
}
.call-out-box.goals-box {
  max-width: 600px;
  background-color: #ebf4f9;
  margin: 60px auto;
}
.call-out-box.goals-box p {
  font-size: 1.125rem;
}
.call-out-box.goals-box h2 {
  font-size: 2.5rem;
  margin-bottom: 40px;
  padding-bottom: 10px;
  text-align: center;
  border-bottom: 1px solid #d1eef9;
}

/* American Airlines Page */
.psu-page-american-airlines #masthead .site-logo {
  display: none;
}
.psu-page-american-airlines #masthead .psu-logo {
  display: block;
}
.psu-page-american-airlines #masthead #inner-header-wrapper,
.psu-page-american-airlines #masthead #mobile-wrapper-sticky-wrapper,
.psu-page-american-airlines .breadcrumb-container,
.psu-page-american-airlines .breadcrumbs,
.psu-page-american-airlines footer #colophon,
.psu-page-american-airlines #emergency-announcement {
  display: none !important;
}
.psu-page-american-airlines .banner-wrapper img {
  width: 100%;
  object-fit: cover;
  object-position: 100% 0;
  max-height: 500px;
}
.psu-page-american-airlines .featured-image {
  margin-top: 0;
}
.psu-page-american-airlines h2 {
  font-size: 2rem;
  margin-top: 0;
}
.psu-page-american-airlines h3 {
  margin-top: 0;
}
.psu-page-american-airlines h4 {
  clear: none;
}
.psu-page-american-airlines ul {
  padding-left: 18px;
}
.psu-page-american-airlines .call-to-action a {
  padding: 20px 30px;
  border-radius: 35px;
  min-width: 200px;
}
@media screen and (min-width: 768px) {
  .psu-page-american-airlines .homepage-intro-content img,
  .psu-page-american-airlines #primary img {
    width: 37%;
    height: auto;
  }
  .psu-page-american-airlines .homepage-intro-content img {
    margin-bottom: 160px;
  }
  .psu-page-american-airlines img.alignright {
    margin-left: 40px;
    margin-top: 16px;
  }
}
.psu-page-american-airlines #legal-footer {
  background-color: #f2f3f4;
}
.psu-page-american-airlines #main {
  float: none;
}
.psu-page-american-airlines .header-wrapper {
  display: block;
}
.psu-page-american-airlines #header .parent-logo img {
  max-height: 60px;
}
.psu-page-american-airlines .content-area {
  max-width: 1232px;
}

/* GivingTuesday slider */
.home #hero-feature-5671 a.slider-sliderbutton {
  color: #ffffff;
  background-color: #EB1B30 !important;
  box-shadow: none;
  border: 1px solid #ffffff;
}
.home #hero-feature-5671 a.slider-sliderbutton:hover {
  background-color: #ffffff !important;
  color: #EB1B30;
  border: 1px solid #ffffff;
}
.home #hero-feature-5671 .slider-description p {
  text-shadow: none !important;
}
@media screen and (min-width: 810px) {
  .home #hero-feature-5671 .slider-description {
    background-color: transparent !important;
    padding: 0;
    margin: 0;
  }
  .home #hero-feature-5671 .slider-description p {
    text-shadow: none;
  }
  .home #hero-feature-5671 .slider-content {
    background-color: rgba(51, 71, 125, .96);
    padding: 130px 24px 24px;
    max-width: 600px;
    display: block;
    margin-top: 0px;
    border-radius: 0px;
    height: 100%;
  }
}

/* Imagination Summit */
@media screen and (min-width: 768px) {
  .page-id-3224 .left-column.large-column {
    width: 72%;
  }
  .page-id-3224 .right-column.small-column {
    width: 24%;
    text-align: right;
  }
}

/* PA Dignity Day */
.page-id-3311 .gallery-item img {
  border: 1px solid #e3e3e8;
}
.page-id-3311 #gallery-1,
.page-id-3311 #gallery-1 .gallery-item {
  margin-top: 0;
}

/* News section */
.category-news aside #rss-9,
.single-post aside #rss-9{
  padding-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .category-news #main,
  .single-post #main {
    float: left;
  }
  .category-news aside,
.single-post aside {
    float: right;
  }
}

/* used to remove padding on the invisible recaptcha, which has a hidden label */
.gform_wrapper .gform_body li.hidden_label {
  padding: 0;
}

/* Two column list of programs for Display Posts shortcode */
@media screen and (min-width: 768px) {
  .basic-list.two-columns .display-posts-listing {
    column-count: 2;
    column-gap: 50px;
  }
  .basic-list.two-columns ul.display-posts-listing li.listing-item {
    margin: 0 !important;
    padding: 0.5rem 0;
  }
}

/* Level 1 landing page */
@media screen and (min-width: 1024px) {
  .page-template-level1-page .level1-title .entry-header {
    max-width: 810px;
  }
}

/* Outreach Media Contact on Posts (custom field) */
.outreach-media-contact {
  border-top: 1px solid #E4E5E7;
  margin: 3rem 0 0;
  padding-top: 4px;
  color: #666666;
}
.outreach-media-contact .media-contact-label {
  font-weight: 600;
}

/* Community Impact Map User Guide */
.page-id-4228 .ooe-accordion-wrap img {
  border: 1px solid #e3e3e8; 
}

/* About Us */
.page-id-11.page-template-level1-page .banner-wrapper img {
  object-position: 100% center;
}

/* Our Team page */
.page-id-38 h3.ooe-accordion-heading {
  clear: none;
}
.page-id-38 .call-out-box .ooe-accordion-wrap .ooe-accordion-button {
  padding-left: 30px;
  width: auto;
}
.page-id-38 .call-out-box .ooe-accordion-wrap {
  border: 0;
}
.page-id-38 .call-out-box .ooe-accordion-wrap .ooe-accordion-body {
  padding: 0 16px 0 30px;
}

/* Priorities page */
.page-id-34 .icon-block i {
  font-size: 4rem;
}
.page-id-34 .icon-block {
  padding-left: 6.5rem;
}

/* Giving Box on Outreach Programs */
.call-out-box.giving-box {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.call-out-box.giving-box:before {
  content: "\f004";
  font-family: "FontAwesome";
  position: absolute;
  right: -20px;
  left: unset;
  top: -30px;
  font-size: 300px;
  transform: translateY(0);
  line-height: 1;
  color: #1e407c;
  opacity: .1;
  z-index: -1;
  background-image: none;
}

/* Max and Shirley Kogan Museum Fund */
.page-id-5456.page-template-level1-page .banner-wrapper img {
  object-position: bottom;
}