/*
Theme Name:         FoundationPress
Theme URI:          http://foundationpress.olefredrik.com
Github Theme URI:   https://github.com/olefredrik/FoundationPress
Description:        FoundationPress is a WordPress starter theme based on Foundation 6 by Zurb
Version:            2.10.4
Author:             Ole Fredrik Lie
Author URI:         http://olefredrik.com/

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/* ----------------------------------------------------------------------------

  Unfortunately WordPress will require a style.css file
  located in the theme's root folder for stuff to work.

  However, we will not be using vanilla CSS. We're using Sass.

  Sass is a superset of CSS that adds in amazing features
  such as variables, nested selectors and loops. It's also
  the easiest way to customize Foundation.

  All Sass files are located in the /assets/scss folder.
  Please note that none of your scss files will be compiled to /stylesheets/foundation.css before you run
  'npm run watch' or 'npm run build'.

  Please read the README.md file before getting started. More info on how
  to use Sass with Foundation can be found here:
  http://foundation.zurb.com/docs/sass.html

  If you for some reason would like to write plain css instead of using Sass,
  you could just enqueue this file (style.css) to the header and add your styles in this file

---------------------------------------------------------------------------- */

/* COMMON */

.icon-links a.icon-link:last-child
{
  margin-right: 0 !important;
}

@media (max-width: 640px)
{
  .main-content section
  {
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .accordion .accordion-item .accordion-content,
  .accordion .accordion-item .accordion-title
  {
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .accordion .accordion-item .accordion-content table.col-4 td
  {
    display: block;
    width: 100%;
  }
}

@media (max-width: 480px)
{
  .accordion .accordion-item .accordion-content .quote
  {
    padding-left: 0;
    padding-right: 0;
  }
  
  .accordion .accordion-item .accordion-content table.col-3 td
  {
    display: block;
    width: 100%;
  }
}

/* HEADER */

header.site-header .top-bar-title img
{
  padding-right: 67px;
  height: 44px;
}

header.site-header .top-bar-title span
{
  color: #223b7d;
  font-size: 14px;
  white-space: nowrap;
  position: relative;
  top: 2px;
}

@media (max-width: 959px)
{
  header.site-header .top-bar-title img
  {
    padding-right: 20px;
  }
}

@media (max-width: 850px)
{
  header.site-header .top-bar
  {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }

  header.site-header .top-bar-left, header.site-header .top-bar-right
  {
    margin-left: 0;
    width: 100%;
  }

  header.site-header .top-bar-right
  {
    padding-top: 10px;
    padding-bottom: 5px;
    text-align: right;
  }
  
  header.site-header .top-bar-right a
  {
    float: left;
  }

  header.site-header .top-bar-title img
  {
    padding-right: 0;
  }
  
  header.site-header .top-bar-title a, header.site-header .top-bar-title span
  {
    display: block !important;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  
  header.site-header .top-bar-title img
  {
    margin-bottom: 5px;
  }
}

@media (max-width: 380px)
{
  header.site-header .top-bar
  {
    padding-left: 8px;
    padding-right: 8px;
  }
  
  header.site-header .top-bar .top-bar-right .separator
  {
    margin: 0 8px;
  }  
}

/* BANNER */

@media (max-width: 639px)
{
  section.banner
  {
    padding-bottom: 0 !important;
    height: 400px;
  }
  
  section.banner.small
  {
    height: auto;
  }
  
  body.page-home section.banner
  {
    height: 500px;
  }
}

@media (max-width: 1023px)
{
  .main-content section.banner .black-float h2
  {
    font-size: 40px;
    line-height: 52px;
  }
  .main-content section.banner .black-float p
  {
    font-size: 22px;
    line-height: 28px;
  }
}

@media (max-width: 420px)
{
  .main-content section.banner .black-float h2
  {
    font-size: 36px;
    line-height: 47px;
  }
  .main-content section.banner .black-float p
  {
    font-size: 18px;
    line-height: 23px;
  }
}

section.banner {
  margin-top: 0;
}

/* HOME: MISSION */

.main-content section.mission .section-content h2, .main-content section.vision .section-content h2
{
  opacity: 1;
  position: static;
  text-align: center;
  transform: none;
  -webkit-transform: none;
  -ms-transform: none;
}

.main-content section.mission .section-content
{
  padding-top: 60px;
}

/* HOME: VALUES */

@media (max-width: 1023px)
{
  section.values
  {
    background-image: none !important;
    text-align: center;
  }
  section.values h2
  {
    margin-right: 0 !important;
  }
}

/* HOME: FOCUS */

@media (max-width: 1023px)
{
  section.focus
  {
    text-align: center;
  }
  section.focus .focus-image
  {
    max-width: 320px;
    margin-bottom: 40px;
  }
}

/* HOME: INFORMATION */

@media (max-width: 1200px)
{
  section.information .icon-links a.icon-link .icon
  {
    width: 95px;
    height: 95px;
    background-size: 60px 60px;
  }
  section.information .icon-links a.icon-link .name
  {
    font-size: 17px;
  }
}

@media (max-width: 420px)
{
  section.information .icon-links a.icon-link .icon
  {
    width: 90px;
    height: 90px;
    background-size: 55px 55px;
  }
  section.information .icon-links a.icon-link .name
  {
    font-size: 16px;
  }
}

@media (max-width: 1023px)
{
  section.information
  {
    text-align: center;
  }
  
  section.information h2
  {
    margin-right: 0 !important;
  }
}

/* HOME: NEWS */

.main-content section.news h2
{
  margin-top: -12.5px;
  margin-bottom: 48px;
}

.main-content section.news .section-content div:first-child
{
  margin-top: 0;
  margin-bottom: 0;
}

/* HOME: STAY INFORMED */

@media (max-width: 768px)
{
  #stay-informed h2
  {
    line-height: 1.2em;
    position: relative;
    margin-top: 85px;
  }

  #stay-informed h2 .icon
  {
    position: absolute;
    top: -100px;
    margin-left: -35px;
    left: 50%;
  }
}

/* HOME: JOIN US */

@media (max-width: 1023px)
{
  section.join-us
  {
    background-image: none !important;
    text-align: center;
  }
  section.join-us h2
  {
    margin-right: 0 !important;
  }
}

@media (max-width: 1200px)
{
  section.join-us .icon-links a.icon-link .icon
  {
    width: 95px;
    height: 95px;
    background-size: 60px 60px;
  }
  section.join-us .icon-links a.icon-link .name
  {
    font-size: 17px;
  }
}

@media (max-width: 480px)
{
  section.join-us .icon-links
  {
    margin-left: -30px;
    margin-right: -30px;
  }

  section.join-us .icon-links a.icon-link
  {
    margin-right: 15px;
  }

  section.join-us .icon-links a.icon-link .icon
  {
    width: 85px;
    height: 85px;
    background-size: 50px 50px;
  }
  section.join-us .icon-links a.icon-link .name
  {
    font-size: 15px;
  }
}

/* ABOUT: VISION */

body.page-about .main-content section.vision .section-content
{
  padding-top: 60px;
}

/* ABOUT: EVOLUTION, WHERE WE WORK */

@media (max-width: 1023px)
{
  body.page-about section.where-we-work,
  body.page-about section.evolution .large-4,
  body.page-about section.core-principles .large-4,
  body.page-about section.join-our-team .large-4
  {
    text-align: center;
  }
  
  body.page-about section.evolution .accordion,
  body.page-about section.core-principles .accordion
  {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  
  body.page-about section.where-we-work h2
  {
    margin-top: 30px;
  }
}

/* ABOUT: JOIN US */

@media (max-width: 639px)
{
  body.page-about #financials .column-count-2
  {
    column-count: auto; 
  }
}

/* WHAT WE DO: SUMMARY */

@media (max-width: 1023px)
{
  body.page-what-we-do section.summary h2
  {
    margin-top: 25px;
    text-align: center;
  }
}

/* WHAT WE DO: SUCCESS, PARENTING, PRACTICES */

@media (max-width: 1023px)
{
  body.page-what-we-do section.success,
  body.page-what-we-do section.parenting,
  body.page-what-we-do section.practices
  {
    background-image: none !important;
    min-height: 0;  
  }
  
  body.page-what-we-do section.success h2,
  body.page-what-we-do section.parenting h2,
  body.page-what-we-do section.practices h2
  {
    text-align: center;
  }
}

/* RESOURCES */

body.post-type-archive-news_item section.summary, 
body.post-type-archive-opportunity section.summary, 
body.post-type-archive-resource section.summary,
body.post-type-archive-resource section.helper-text .section-content
{
  padding-left: 40px;
  padding-right: 40px;
}

@media (max-width: 640px)
{
  body.post-type-archive-news_item section.summary, 
  body.post-type-archive-opportunity section.summary, 
  body.post-type-archive-resource section.summary,
  body.post-type-archive-resource section.helper-text .section-content
  {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* SUPPORT: SUMMARY, GIVE, PARTNERS */

@media (max-width: 1023px)
{
  body.page-support section.summary .scrolling-page-nav
  {
    margin-top: 15px;
  }

  body.page-support section.give
  {
    background-image: none !important;
  }
  body.page-support section.summary,
  body.page-support section.give h2
  {
    text-align: center;
  }
}

@media (max-width: 639px)
{
  body.page-support section.give .column-count-2,
  body.page-support section.partners .column-count-3
  {
    column-count: auto; 
  }
}

/* SUPPORT: UNSUNG HEROS */

@media (max-width: 1023px)
{
  body.page-support .honoree
  {
    padding: 20px !important;
  }
}

@media (max-width: 630px)
{
  .off-canvas-content-container .honorees.column-count-3
  {
    column-count: 2;
    column-gap: 2rem;
  }
}

/* NEWS */

body.post-type-archive-news_item section.stay-informed .section-content
{
  padding-top: 80px;
}

section.news-item figure
{
  max-width: 100% !important;
}

@media (max-width: 640px)
{
  body.post-type-archive-news_item .section-content .box,
  .main-content section.news .box
  {
    padding: 20px;
  }
}

/* STAFF */
@media (max-width: 639px)
{
  body.single-staff .main-content section.staff-member .section-content .box .headshot
  {
    margin-bottom: 15px;
    width: 100%;
  }
  
  body.single-staff .main-content section.staff-member .section-content .box 
  {
    padding: 20px;
  }
}

/* FOOTER */

@media (max-width: 768px)
{  
  #menu-footer-navigation, #menu-footer-navigation li
  {
    display: block;
    text-align: center
  }
  footer.footer .footer-container #nav_menu-2
  {
    margin-bottom: 30px;
  }
}

/** Additions to original theme **/

/* header row */
.header-row-wrap {
  display: flex;
    justify-content: flex-end;
}

header.site-header .top-bar {
  position: relative;
}

header.site-header .top-bar .top-bar-right #hamburger,
header.site-header .top-bar .top-bar-right .separator {
  display: none;
}
.top-bar-title {
  margin-right: 0;
}
header.site-header .top-bar-title img {
  padding-right: 20px !important;
}
.top-bar ul {
  margin-left: 0;
}

.top-bar .menu a:hover:not(.button) {
  background: transparent;
}

@media screen and (max-width: 1186px) {
  #header-buttons {
    display: none !important;
  }
  header.site-header .top-bar .top-bar-right #hamburger {
  display: inline-block;
  }
  header.site-header .top-bar .top-bar-right {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 15px;
  }
  header.site-header .top-bar .top-bar-right #search-trigger,
  header.site-header .top-bar .top-bar-right #hamburger{
    font-size: 18px;
    padding: 0.7rem 0.5rem;
  }
  #header-search-menu {
    margin-left: 1rem;
  }
}

@media screen and (max-width: 850px) {
  header.site-header .top-bar .top-bar-right {
    padding-top: 0;
  }
}
@media screen and (max-width: 479px) {
  header.site-header .top-bar-title a, header.site-header .top-bar-title span {
    text-align: left !important;
  }
  #header-search-menu {
    position: absolute;
    top: -4rem;
    right: 0;
  }
  #menu-social-menu {
    position: absolute;
    top: -4rem;
    right: 5rem;
  }
  .header-row-wrap {
    width: 100%;
    display: block;
  }
  .mc4wp-form-fields {
    justify-content: center;
  }
}

@media screen and (max-width: 400px) {
  #header-search-menu {
    position: absolute !important;
    top: -4rem !important;
    right: 0;
  }
  .mc4wp-form-fields [type='submit'] {
    margin-right: 0;
  }
}
@media screen and (max-width 930px) {
  .top-bar {
    display: block;
  }
  .top-bar .top-bar-left {
    position: absolute;
    left: 40px;
    top: 10px;
  }
  header.site-header .top-bar .top-bar-right {
    width: 100%;
  }
}
/* email signup*/
.mc4wp-form-fields {
  display: flex;
}

.mc4wp-form-fields input[type='email'] {
  border-radius: 13px;
  height: 26px;
  font-size: 14px;
}

.mc4wp-form-fields [type='submit'] {
  background-color: #F08A31;
  border-radius: 13px;
  height: 26px;
  border: none;
  color: #fff;
  font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
  text-transform: uppercase;
  margin-left: 14px;
  padding-left: 10px;
  padding-right: 10px;
}
/* social menu */
.top-bar, .top-bar ul {
    background-color: transparent;
      justify-content: flex-end;
}
.top-bar .menu li:not(:last-child) {
  border-right: none;
}
.top-bar .menu a {
  color: #F08A31;
}
#menu-social-menu {
      margin-right: -0.5rem;
}
.top-bar .menu > li:not(.menu-text) > a {
    padding: 1rem 0.5rem;
}
/* visible menu */
ul#menu-visible-main-menu {
  list-style: none;
  background-color: transparent;
}
ul#menu-visible-main-menu li {
  display: inline-block;
}
ul#menu-visible-main-menu li a {
  font-family: "Raleway", sans-serif;
    font-size: 18px;
    font-weight: 700;
}
/* #header-buttons {
  display: flex !important;
} */

.visible-navigation {
  display: inherit;
}

/* News to posts migration */

body.blog section.summary .section-content p {
    font-size: 16px;
    line-height: 22px;
}

body.blog section.summary {
    padding-left: 40px;
    padding-right: 40px;
}

body.blog section.summary .section-content {
padding-top: 40px;
padding-bottom: 40px;
}

body.blog section.summary {
    background-color: #E9E9E9;
    padding: 40px 0 20px 0;
    text-align: center;
}

.blog .main-content section.news .section-content {
  padding-top: 0;
}

.main-content section.news .box {
  margin-bottom: 20px;
}

.single-post .pagination {
  display: none;
}

/* default page template */

body.page-template-template-regpage .off-canvas-content .main-container .main-grid .main-content {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  padding-bottom: 60px;
}

@media screen and (max-width: 1160px) {
  body.page-template-template-regpage .off-canvas-content .main-container .main-grid .main-content {
    margin-left: 60px;
    margin-right: 60px;
  }
}

.logos-wrap {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

/* designed to fail page */
.page-id-42720 h1.entry-title,
.page-id-42703 h1.entry-title{
    text-align: center;
    font-size: 38px;
    line-height: 38px;
  margin-bottom: 20px;
}

.page-id-42720 h2,
.page-id-42703 h2{
    text-align: center;
    font-size: 28px;
    line-height: 28px;
  margin: 0 auto 20px;
  max-width: 600px;
}

.page-id-42703 ul,
.page-id-42720 ul {
  list-style: none;
  margin-left: 0;
}

#designed-to-fail {
  background-color: #F08A31;
}

/* media center */
.main-content section.media-content {
  background-color: #E9E9E9;
}

.main-content section.media-content .section-content .box {
    background: #FFFFFF;
    padding: 30px;
}

.page-template-template-mediacenter .main-content section.stay-informed {
  background-color: #fff;
}

.main-content section.media-content .section-content .box h1 {
    color: #223B7D;
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 5px;
}

.main-content section.media-content .section-content .box p {
    color: #505050;
    font-size: 15px;
    line-height: 20px;
}

.main-content section.media-content .section-content .box h2 {
    color: #223B7D;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 20px;
}

.main-content section.media-content .section-content {
    padding: 40px 0;
}

.spokespeople {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.spokespeople .person-wrap {
  width: calc(50% - 20px);
}

.main-content section.media-content .section-content .box .spokespeople .person-wrap h2 {
      color: #223B7D;
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 5px;
  font-family: "Roboto", sans-serif;
  text-align: center;
  margin-top: 10px;
}

.spokespeople .person-wrap h3 {
      color: #223B7D;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 20px;
  text-align: center;
}
.spokespeople .person-wrap .headshot {
  width: 250px;
  height: 250px;
  display: block;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media screen and (max-width: 640px) {
  .spokespeople .person-wrap {
    width: 100%;
  }
}

#dafdirectdiv {
    width: 300px !important;
    margin: 0 auto;
}

.off-canvas-content-container a {
  color: white;
}

.off-canvas.off-canvas-give .cell a {
  color: #0066BE;
}