/**
 * style.css
 *
 * Theme Name: CMHA National
 * Theme URI:   http://www.machine-agency.com
 * Author:      Machine
 * Author URI:  http://www.machine-agency.com
 * Description: Custom Theme for CMHA National
 * Version:     1.0
 * License:     GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags:        light
 * Text Domain: machine
 */


/* ==========================================================================
  Global
  ========================================================================== */

body {
  color: #000;
  background: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Noto Sans', sans-serif;
}


:root {
  --main-bg-color: #006363;
  --second-bg-color: #00b1b0;
  --text-color: #292929;
}

section{
  padding: 4rem 0;
  width: 100%;
}
 
section + section{
  padding-top: 0;
}

section > .grid-container,
.site-header > .grid-container,
.site-footer > .grid-container,
.sub-footer > .grid-container{
  padding-left: 2rem;
  padding-right: 2rem;
}

.grid-container{
  max-width: 80rem;
}

.grid-container.narrow{
  max-width: 60rem;
}

.no-padding-bottom{
  padding-bottom: 0;
}

.cell.end{
  margin-left: auto;
}

main > h1,
main > h2,
main > h3,
main > h4,
main > h5,
main > h6,
main > p,
main > ul,
main > ol,
main > blockquote,
main > iframe,
main > .wp-block-embed,
main > .wp-block-buttons{
	max-width: 80rem;
	margin: 1rem auto;
	padding: 0 2rem;
}

main > .wp-block-buttons{
  margin-top: 2rem;
  margin-bottom: 2rem;
}

main > .wp-block-image{
	max-width: 80rem;
	margin: 1rem auto;
	padding: 0 2rem;  
}

main > .wp-block-image.alignleft,
main > .wp-block-image.alignright,
main > .wp-block-image.aligncenter,
.section--post-intro .wp-block-image{
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.single main > h1,
.single main > h2,
.single main > h3,
.single main > h4,
.single main > h5,
.single main > h6,
.single main > p,
.single main > ul,
.single main > ol,
.single main > blockquote,
.single main > iframe,
.single main > .wp-block-embed{
	max-width: 60rem;
}

.home main > h1,
.home main > h2,
.home main > h3,
.home main > h4,
.home main > h5,
.home main > h6,
.home main > p,
.home main > ul,
.home main > ol,
.home main > blockquote,
.home main > iframe,
.home main > .wp-block-embed{
	max-width: 60rem;
}

main > ul,
main > ol,
main hr{
  max-width:78rem;
}

main iframe{
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: block;
}

main > .wp-block-embed{
  display: block;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.single main > .wp-block-image{
	max-width: 60rem;
}

main > hr{
	max-width: 40rem;
	margin: 3rem auto;
	padding: 0 2rem;  
	border-bottom: 1px solid #005555;
}

.single main > hr{
  max-width: 40rem;
}

main > ul,
main > ol{
	padding-left: 3rem;
	max-width: 80rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.single main > ul,
.single main > ol{
	padding-left: 3rem;
	max-width: 60rem;
}

main > h1:last-child,
main > h2:last-child,
main > h3:last-child,
main > h4:last-child,
main > h5:last-child,
main > h6:last-child,
main > p:last-child,
main > ul:last-child,
main > ol:last-child,
main > .wp-block-image:last-child,
main iframe:last-child,
main > .wp-block-buttons:last-child{
	margin-bottom: 4rem;
}

.wp-block-image.alignwide {
  max-width: 80rem;
	margin: 1rem auto;
}

.wp-block-image.alignright,
.wp-block-image.alignleft{
	max-width: 60rem;
}

.wp-block-image .aligncenter {
    max-width: 60rem;
    padding: 0 1rem;
}

.wp-block-columns{
    max-width: 80rem;
    padding: 0 2rem; 
    margin: 0 auto;
}

@media only screen and (max-width: 640px) {
  section{
    padding: 2rem 0;
  }
  
}

@media only screen and (max-width: 640px){
  section > .grid-container,
  .site-header > .grid-container,
  .site-footer > .grid-container,
  .sub-footer > .grid-container{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  main > h1,
  main > h2,
  main > h3,
  main > h4,
  main > h5,
  main > h6,
  main > p,
  main > ul,
  main > ol,
  main > blockquote,
  main > iframe{
  	padding: 0 1rem;
  }
  
  main > ul, main > ol {
    padding-left: 2rem;
  }
}

/* ==========================================================================
  Typography
  ========================================================================== */

.section--impact h1{
  font-family: 'Poppins', sans-serif;
  color: #292929;
  font-weight: 700;
  font-size: 80px;
  line-height: 104px;
}

h1{
  font-family: 'Poppins', sans-serif;
  color: #292929;
  font-size: 50px;
  line-height: 60px;
  font-weight: 600;
  margin-bottom: 1rem;
}

h2{
  font-family: 'Poppins', sans-serif;
  color: #292929;
  font-size: 40px;
  line-height: 50px;
  font-weight: 600;
  margin-bottom: 1rem;
}

h3{
  font-family: 'Poppins', sans-serif;
  color: #292929;
  font-size: 29px;
  line-height: 40px;
  font-weight: 600;
  margin-bottom: 1rem;
}

h4{
  font-family: 'Poppins', sans-serif;
  color: #292929;
  margin-bottom: 1rem;
}

h5{
  font-family: 'Poppins', sans-serif;
  color: #292929;
  margin-bottom: 1rem;
}

h6{
  font-family: 'Poppins', sans-serif;
  color: #292929;
  margin-bottom: 1rem;
}

p{
  font-family: 'Noto Sans', sans-serif;
  color: var(--text-color);
}

main li{
  font-family: 'Noto Sans', sans-serif;
  color: var(--text-color);
}

main a{
  font-family: 'Noto Sans', sans-serif;
  color: #005555;
  font-weight: 600;
}

main a:hover,
main a:focus{
  color: #005555;
  text-decoration: underline;
}

.single main > .wp-block-image > figure:not(.alignright):not(.alignleft):after {
    content: "";
    display: block;
    clear: both;
}



@media only screen and (max-width: 1024px){
  
  .section--impact h1{
    font-size: 60px;
    line-height: 80px;
  }
  
  h1{
    font-size: 50px;
    line-height: 60px;
  }
  
  h2{
    font-size: 40px;
    line-height: 50px;
  }
  
  h3{
    font-size: 29px;
    line-height: 40px;
  }
  
}

@media only screen and (max-width: 640px){
  
  .section--impact h1{
    font-size: 45px;
    line-height: 50px;
  }
  
  h1{
    font-size: 40px;
    line-height: 48px;
  }
  
  h2{
    font-size: 30px;
    line-height: 40px;
  }
  
  h3{
    font-size: 25px;
    line-height: 32px;
  }
 
}

@media only screen and (max-width: 400px){
  
  .section--impact h1{
    font-size: 35px;
    line-height: 40px;
  }
  
}

/* ==========================================================================
  Header
  ========================================================================== */

.site-header{
	padding: 2rem 0 0 0;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
	background-color: #292929;
	transition: all 0.3s ease;
  position: relative;
  z-index: 100;
}

.header-flex-items > div{
  display: flex;
  align-items: space-between;
}

.site-header .menu{
	transition: all 0.3s ease;
	opacity: 0;
	height: 0;
}

.site-header .menu.loaded{
	opacity: 1;
	height: auto;
}

.site-header.is-scrolled{
	box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
}

.menu-wrapper-header{
  padding: 1rem 0 1rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.dropdown.menu > li.is-dropdown-submenu-parent:first-child > a{
  padding-left: 0!important;
}

.header-flex-items{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.header-flex-items a:not(.button){
    font-weight: 700;
    color: #fff;
}

.site-header .grid-container{
  position: relative;
}

.header-expanding-search{
  position: absolute;
  right: 1rem;
  bottom: 1rem;
}

.header-expanding-search .search-form{
  width: 0;
  position: absolute;
  right: -8px;
  bottom: -3px;
  transition: all 0.3s ease;
  overflow: hidden;
}

.header-expanding-search .search-form input[type="text"]{
  opacity: 0;
  padding: 5px;
  border: none;
  transition: all 0.3s ease;
  background-color: #5C5C5C;
  color: #fff;
  pointer-events: none;
}

.header-expanding-search.is-open .search-form input[type="text"]{
  opacity: 1;
  pointer-events: all;
}

.header-expanding-search .search-form button{
  padding: 0;
  pointer-events: none;
  border: none;
  background-color: transparent;
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  padding-right: 0.5rem;
}

.header-expanding-search.is-open .search-form button{
  pointer-events: all;
}

.header-expanding-search .search-form button i{
  display: none;
  color: #B2D235;
  font-size: 16px;
}

.header-expanding-search.is-open button i{
  display: block;
}

.header-expanding-search.is-open .search-form{
  width: 200px;
}

.header-expanding-search.is-open .expanding-search-button{
  display: none;
}

a.expanding-search-button{
  color: #fff;
  position: absolute;
  width: 100%;
  display: block;
  width: auto;
  bottom: 2px;
  right: 0;
  white-space: nowrap;
}

a.expanding-search-button i{
  color: #B2D235;
  margin-left: 0.5rem;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after{
    content: "\f078";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    border: none;
    height: 1rem;
    width: 1rem;
    margin: auto;
    top: 0;
    bottom: 0;
    color: #B2D235;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after{
    content: "\f054";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    border: none;
    height: 1rem;
    width: 1rem;
    margin: auto;
    top: 0;
    bottom: 0;
    color: #292929;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after{
    content: "\f053";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    border: none;
    height: 1rem;
    width: 1rem;
    margin: auto;
    top: 0;
    bottom: 0;
    color: #292929;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a{
  padding-left: 1.5rem;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a,
.dropdown.menu > li > a{
  font-family: 'Poppins', sans-serif;  
  font-weight: 500;
  color: #fff;
  padding-right: 2rem;
  font-size: 18px;
}

.site-header.fr .dropdown.menu > li.is-dropdown-submenu-parent > a,
.site-header.fr .dropdown.menu > li > a{
  font-family: 'Poppins', sans-serif;  
  font-weight: 500;
  color: #fff;
  padding-right: 2rem;
  font-size: 16px;
}

body .dropdown.menu > li.opens-right > .is-dropdown-submenu {
    top: 139%;
    right: auto;
    left: 0;
}

.is-dropdown-submenu {
    border: 1px solid #000000;
    background: #fff;
    padding: 1rem 0;
    min-width: 250px;
}

.is-dropdown-submenu > li > a{
  font-family: 'Poppins', sans-serif;  
  color: #292929;
  transition: all 0.3s ease;
  font-weight: 500;
}

.is-dropdown-submenu > li:last-child > a{
  border-bottom: none;
}

.is-dropdown-submenu > li > a:hover,
.is-dropdown-submenu > li > a:focus,
.is-dropdown-submenu > li.is-active > a{
  background-color: #B2D235;
  color: #292929;
}

.lang-switcher{
  font-weight: 700;
  letter-spacing: 1px;
  color: #292929;
  display: block;
  padding: 0 1rem;
  transition: all 0.3s ease;
}

.lang-switcher:hover{
  color: #292929;
  opacity: 0.5;
}

.site-header .lang-switcher:hover{
  color: #292929;
  opacity: 1;
}

.multi-site-select{
    margin: 0;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    height: auto;
    padding: 0.5rem;
    padding-right: 2rem;
    border: 1px solid #000000;
    border-radius: 0px;
    background-color: #fff;
    -webkit-box-shadow: none box-shadow: none;
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
    color: #0a0a0a;
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: 700;
    letter-spacing: 1px;
    color: #292929;
    background-image: url(img/chevron-down.svg);
    background-size: 10px;
    background-position: 111% center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.multi-site-select:focus,
.multi-site-select:hover{
  outline: none;
  border: 1px solid #292929;
  background-color: #ffff;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}

a.site-logo img{
  max-width: none;
}

.multi-site-select-mobile{
  display: none;
}

main{
  position: relative;
}

body.dropdown-open .dropdown-overlay{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /*background-color: rgba(0, 99, 99, 0.75);*/
  z-index: 90;
}

body.dropdown-open .dropdown.menu > .is-dropdown-submenu-parent:not(.is-active),
body.dropdown-open .site-header .dropdown.menu > li:not(.is-dropdown-submenu-parent):not(.is-active) > a{
  opacity: 0.5;
}

.nav__item--form{
  display: none;
}


.site-header .cell.large-7,
.site-header .cell.large-5{
  position: relative;
}

.find-cmha i{
  font-size: 1.15rem;
  margin-right: 0.25rem;
  transform: translateY(-2px);
}

.find-cmha:hover,
.find-cmha:focus{
    color: #292929;
}

.site-alert{
  padding: 1rem 0;
  position: relative;
  z-index: 999;
  width: 100%;
}

.site-alert p{
  margin: 0;
}

.alert-toggle-close{
  position: absolute;
  right: 1rem;
  top: 0;
  bottom: 0;
  height: 34px;
  margin: auto;
  cursor: pointer;
  padding: 0.5rem;
  font-size: 1.2rem;
}

.site-alert-open{
  position: absolute;
  top: 0;
  right: 1rem;
  line-height: 1;
  transform: translateY(-100%);
  padding: 0.25rem 1rem;
  cursor: pointer;
  z-index: 9999;
}

.site-alert.is-closed{
  transform: translateY(-100%);
  margin-bottom: -57px;
}

.site-alert-open{
  transition: all 0.3s ease;
}

.site-alert-open.is-closed{
  transform: translateY(0);
}

.site-alert .grid-container{
  padding-right: 3rem;
}

.site-alert a{
  text-decoration: underline;
}

.site-alert a:hover{
  text-decoration: none;
}


.logo-with-site-select{
  display: flex;
  align-items: center;
}

.logo-with-site-select > a.site-logo{
  margin-right: 1rem;
}

.is-dropdown-submenu{
  list-style: none;
  margin-left: 0;
}

.multi-site-select-drilldown{
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 1px;
    color: #fff;
    padding-right: 1rem;
    margin: 0;
}

.multi-site-select-drilldown i{
  margin-left: 0.25rem;
}

.multi-site-select--drilldown li{
  width: 100%;
}

.multisite-drilldown{
    position: absolute;
    top: 0;
    padding-top: 0;
    padding-bottom: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    transform: translateX(100%);
    z-index: 100;
    border-bottom: none;
    overflow: hidden; 
    max-width: 100%;
    width: 30rem;
    overflow: auto;
}

.multisite-drilldown{
  height: calc(100vh - 176px);
}

main.header-banner-active .multisite-drilldown{
  height: calc(100vh - 233px);
}

main{
  overflow: hidden;
}

.drilldown.multi-site-select--drilldown .is-drilldown-submenu-parent > a::after {
    content: "\f054";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    border: none;
    height: 1rem;
    width: 1rem;
    margin: auto;
    top: 0;
    bottom: 0;
    color: #292929;
}

.is-drilldown-submenu{
  margin-left: 0;
}

.drilldown .js-drilldown-back > a::before {
    content: "\f053";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    border: none;
    height: 1rem;
    width: 1rem;
    margin: auto;
    top: 0;
    bottom: 0;
    color: #292929;
    margin-right: 0.5rem;
    transform: translateY(-3px);
    /*margin-top: -3px;*/
}

body.multisite-drilldown-open{
  overflow: hidden;
}

body.multisite-drilldown-open .dropdown-overlay{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /*background-color: rgba(0, 99, 99, 0.75);*/
  z-index: 90;
  cursor: pointer;
}

@media only screen and (max-width: 640px){
  .multisite-drilldown{
    width: 100%;
  }
}

.multisite-drilldown.transition{
  transition: all 0.3s ease;
}

.multisite-drilldown.is-open{
   transform: translateX(0%);
}

.multisite-drilldown{
  padding: 0;
}

.multisite-drilldown--close{
  position: absolute;
  right: 1rem;
  top: 1rem;
  color: #292929;
  z-index: 10;
  cursor: pointer;
  font-size: 20px;
  padding: 0.5rem;
  transition: all 0.3s ease;
}

.multisite-drilldown--close:hover{
  opacity: 0.75;
}

.header-lang-button{
  padding: 0.5rem;
  border: 1px solid #fff;
  margin-left: 1rem;
  transition: all 0.3s ease;
}

.find-cmha{
  padding: 0.5rem;
  border: 1px solid #fff;
  margin-right: 1rem;
  font-size: 15px;
  transition: all 0.3s ease;
  font-weight: 600;
}

.site-header .donate-button{
  padding: 0.75rem 0.6rem;
  font-size: 16px;
  font-weight: 400;
}

.header-flex-items a.find-cmha:hover,
.header-flex-items a.header-lang-button:hover{
  background-color: #B2D235;
  border: 1px solid #B2D235;
  color: #292929;
}

.find-cmha i{
  margin-right: 0.25rem;
  color: #B2D235;
  transform: translateY(1px);
  transition: all 0.3s ease;
}

.find-cmha:hover i{
  color: #292929;
}

.dropdown .is-dropdown-submenu a{
  padding-right: 3rem;
  line-height: 26px;
}

/******************************** 
mobile header 
********************************/

.mobile-menu-toggle{
  display: none;
}

main{
  min-height: 20rem;
}

@media only screen and (max-width: 1395px){
  .site-header{
  	padding: 3rem 0 0 0;
  }
  
  .site-header.fr .dropdown.menu > li.is-dropdown-submenu-parent > a,
  .site-header.fr .dropdown.menu > li > a{
    padding-right: 1.25rem;
    font-size: 14px;
    letter-spacing: 0px;
  }
  
  .site-header.fr .dropdown.menu > li.is-dropdown-submenu-parent > a::after{
    font-size: 12px;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 10px;
  }
  
  .site-header.fr .find-cmha{
    font-size: 12px;
  }
  
  .site-header.fr .donate-button{
    font-size: 12px;
  }
  
  .site-header.fr .header-lang-button{
    font-size: 12px;
  }
  
}

@media only screen and (max-width: 1060px){
  ul.dropdown.menu > li > a,
  .dropdown.menu > li.is-dropdown-submenu-parent > a{
    letter-spacing: 0px;
    font-size: 13px;
  }
  
  .multi-site-select,
  .multi-site-select-drilldown,
  .lang-switcher{
    letter-spacing: 0px;
    font-size: 12px;
    white-space: nowrap;
  }
  
  .multi-site-select-drilldown i{
      margin-left: 0.15rem;
  }
  
  .dropdown.menu > li > a{
    padding: 0.7rem 0.5rem;
    padding-right: 0.8rem!important;
  }
  
  .is-dropdown-submenu > li > a{
    font-size: 14px;
  }
  
  .dropdown.menu > li.is-dropdown-submenu-parent > a::after{
    right: 0;
    width: 10px;
    height: 10px;
    font-size: 10px;
  }
  
   a.site-logo img{
    width: 200px;
    max-width: none;
  }
  
  body .dropdown.menu > li.opens-right > .is-dropdown-submenu {
    top: 144%;
  }
  
  .is-dropdown-submenu > li:first-child > a{
    font-size: 16px;
    line-height: 16px;
  }
  
}

.tablet-down-link{
  display: none;
}

.mobile-only-link{
  display: none;
}

@media only screen and (max-width: 980px){
  .site-header.fr .dropdown.menu > li.is-dropdown-submenu-parent > a, 
  .site-header.fr .dropdown.menu > li > a{
    font-size: 12px;
  }
}

@media only screen and (max-width: 850px){
  
  .site-header {
      padding: 1rem 0 0 0;
  }
  
  .header-flex-items .find-cmha{
    /*display: none;*/
    margin-right: 0;
    margin-bottom: 1rem;
  }
  
  .header-flex-items{
    flex-wrap: wrap;
  }
  
  .header-flex-items > div{
    width: 100%;
    text-align: right;
    justify-content: flex-end;
  }
  
  .tablet-down-link{
    display: block;
  }
  
  .header-expanding-search{
    right: 2rem;
  }
}


@media only screen and (max-width: 825px){
  .site-header.fr .grid-container{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  .site-header.fr .header-expanding-search{
    right: 1rem;
  }
  
}

@media only screen and (max-width: 780px){
  .multi-site-select{
    width: 150px;
    text-overflow: ellipsis;
  }
  .site-header.fr .dropdown.menu > li.is-dropdown-submenu-parent > a, .site-header.fr .dropdown.menu > li > a {
    font-size: 10px;
  }
  
}

@media only screen and (max-width: 725px){
  
  .search-form input[type="text"]{
    max-width: 125px;
  }
  .multi-site-select{
    margin-top: 1rem;
  }
  
  .menu-wrapper-header{
    display: block;
  }
  
  .multi-site-select.multi-site-select-mobile{
    display: inline-block;
    margin: 1rem 0 0 0;
    padding-right: 1.25rem;
    background-position: 113% center;
  }
  
  .multi-site-select{
    display: none;
  }
  
  body .dropdown.menu > li.opens-right > .is-dropdown-submenu {
    top: 144%;
  }
  
  .site-header{
    padding: 2rem 0 0 0;
  }
  
}

@media only screen and (max-width: 700px){
  .site-header.fr .dropdown.menu > li.is-dropdown-submenu-parent > a, .site-header.fr .dropdown.menu > li > a {
    font-size: 10px;
    padding-right: 0.25rem!important;
  }
  
  .site-header.fr .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    font-size: 10px;
    right: -7px;
  }
}

@media only screen and (max-width: 640px){
  
  .header-flex-items .find-cmha{
    display: none;
  }
  
  .mobile-only-link .search-form{
    margin-top: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

.menu .mobile-only{
  display: none;
}

.multi-site-select--dropdown.mobile{
  display: none;
}

.multi-site-select-drilldown.mobile{
   display: none;
}

.multisite-drilldown .drilldown a,
.multisite-drilldown .drilldown .is-drilldown-submenu a{
  padding: 1.5rem 1rem;
  background: #fff;
}

.multisite-drilldown .drilldown.menu > li.is-drilldown-submenu-parent > a,
.multisite-drilldown .drilldown.menu > li > a{
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 1px;
    color: #292929;
    border-bottom: 1px solid #000000;
    padding-right: 2rem;
}

.multisite-drilldown .is-drilldown-submenu > li > a {
  color: #292929;
  border-bottom: 1px solid #000000;
  transition: all 0.3s ease;
  font-weight: 600;
}

ul.menu.drilldown a:focus,
ul.menu.drilldown a:active{
  outline: none!important;
}

.drilldown .is-drilldown-submenu{
  -webkit-transition: -webkit-transform 0.4s ease!important;
  transition: -webkit-transform 0.4s ease!important;
  transition: transform 0.4s ease!important;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease!important;
}

.drilldown .is-drilldown-submenu.is-closing {
  transform: none!important;
}

.multisite-drilldown > .is-drilldown > .drilldown{
  margin-top: -1px;
}

.multisite-drilldown .is-drilldown-submenu{
  margin-top: 2px;
}

@media only screen and (max-width: 640px){
  
  .search-form input[type="text"]{
    max-width: 100%;
  }
  
  main {
    min-height: 40rem;
  }

  .multi-site-select-drilldown{
     display: none;
  }

  .multi-site-select--dropdown{
    display: none;
  }
  
  .multi-site-select--dropdown.mobile{
    display: inline-block;
  }
  
  .multi-site-select--dropdown.mobile .is-dropdown-submenu-parent{
    position: relative;
  }
  
  .menu .mobile-only{
    display: block;
  }
  .site-header .nav__item--form{
    display: block;
    margin-top: 2rem;
    margin-bottom: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
  }
  
  body.dropdown-open .dropdown-overlay{
    display: none;
  }
  
  .multi-site-select.header-select-mobile{
    margin: 0;
  }
  
  a.site-logo img{
    width: 200px;
    max-width: none;
  }
  
  .site-header{
    position: fixed;
    padding: 1rem 0 1rem 0;
  }
  
  .site-header:not(.header-banner-active){
    padding: 2rem 0 1rem 0;
  }
  
  .site-alert-open {
    position: fixed;
  }
  
  .multisite-drilldown {
    position: fixed;
  }
  
  .mobile-menu-toggle {
      display: block;
      float: right;
      font-size: 1.5rem;
      color: #fff;
      cursor: pointer;
  }
  
  .mobile-menu-toggle.is-open:before{
    content: "\f00d";
  }
  
  .menu-wrapper-header {
      position: fixed;
      top: 142px;
      padding-top: 0;
      padding-bottom: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: #fff;
      transform: translateX(100%);
      z-index: 100;
      border-bottom: none;
      overflow: hidden;
  }
  
  .menu-overflow {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    padding-bottom: 2rem;
  }
  
  .drilldown a,
  .drilldown .is-drilldown-submenu a{
    padding: 1.5rem 1rem;
    background: #fff;
  }
  
  .menu-wrapper-header.is-open {
     transform: translateX(0%); 
  }
  
  .menu-wrapper-header.transition{
    transition: all 0.3s ease;
  }
  
  .header-flex-items form{
    display: none;
  }
  
  ul.menu.drilldown{
    display: block;
  }
  
  ul.menu.drilldown a:focus,
  ul.menu.drilldown a:active{
    outline: none!important;
  }
  
  .is-dropdown-submenu-parent {
    position: static;
  }
  
  .drilldown.menu > li.is-drilldown-submenu-parent > a,
  .drilldown.menu > li > a{
      font-weight: 700;
      letter-spacing: 1px;
      color: #292929;
      border-bottom: 1px solid #000000;
      padding-right: 2rem;
  }
  
  .is-drilldown-submenu > li > a {
    color: #292929;
    border-bottom: 1px solid #000000;
    transition: all 0.3s ease;
    font-weight: 600;
  }
  
  .drilldown .is-drilldown-submenu-parent > a::after{
    content: "\f054";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    border: none;
    height: 1rem;
    width: 1rem;
    margin: auto;
    top: 0;
    bottom: 0;
    color: #292929;
  }
  
  .drilldown .js-drilldown-back > a::before{
    content: "\f053";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    border: none;
    height: 1rem;
    width: 1rem;
    margin: auto;
    top: 0;
    bottom: 0;
    color: #292929;
    margin-right: 0.5rem;
    transform: translateY(-3px);
  }
  
  .drilldown .is-drilldown-submenu{
    -webkit-transition: -webkit-transform 0.4s ease!important;
    transition: -webkit-transform 0.4s ease!important;
    transition: transform 0.4s ease!important;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease!important;
  }
  
  .drilldown .is-drilldown-submenu.is-closing {
    transform: none!important;
  }
  
  .is-drilldown {
    position: relative;
    overflow: visible!important;
    max-width: 100%!important;
  }
  
  .site-alert{
    position: fixed;
    left: 0;
    right: 0;
  }
  
  .alert-toggle-close{
    right: 0;
  }
  
  .mobile-menu-toggle{
    margin-top: 5px;
    transform: translateY(6px);
  }
  
  .multisite-drilldown .is-drilldown{
    overflow: hidden!important;
  }
  
  .multisite-drilldown--close{
    display: none;
  }
  
  .multisite-drilldown{
    padding: 0;
  }
  
}

@media only screen and (max-width: 515px){
  a.site-logo img{
    width: 200px;
    max-width: none;
  }
  
  .lang-switcher {
    padding: 0 0.5rem;
    transition: all 0.3s ease;
    font-size: 12px;
    letter-spacing: 0px;
  }
  
}

@media only screen and (max-width: 425px){
  
  .drilldown a,
  .drilldown .is-drilldown-submenu a{
    padding: 1rem 1rem;
    background: #fff;
  }
  
  
  
}

@media only screen and (max-width: 375px){
  
  .site-header .cell:last-child{
    padding-top: 0.5rem;
  }
  
  a.site-logo img{
    width: 175px;
    max-width: none;
  }
  
  .lang-switcher{
    padding: 0 0.5rem;
  }
}

@media only screen and (min-width: 641px){
  .menu-wrapper-header{
    top: 0px!important;
  }
  
  main{
    padding-top: 0px!important;
  }
  
  .site-header{
    margin-top: 0px!important;
  }
}

@media only screen and (max-width: 515px){
  .site-header .donate-button {
      padding: 0.5rem 0.25rem;
      font-size: 12px;
  }
  
  .header-lang-button{
    margin-left: 0.25rem;
    font-size: 12px;
  }
  
  .site-alert *, 
  .site-alert-open i{
    font-size: 12px;
  }
  
  .site-header .donate-button{
    display: flex;
    align-items: center;
  }
}

/* ==========================================================================
  Mobile Header End
  ========================================================================== */
 


/* ==========================================================================
  Footer
  ========================================================================== */

.social-nav{
	list-style: none;
	margin: 0;
	display: flex;
	justify-content: flex-end;
}

.social-nav li{
	max-width: 3rem;
	padding-left: 1rem;
}

.social-nav li i{
  font-size: 2rem;
  color: #fff;
  transition: all 0.3s ease;
}

.social-nav li i:hover{
  color: #292929;
}

.site-footer .social-nav li i:hover{
  color: #fff;
}

ul.menu.footer-menu {
    padding-bottom: 2rem;
    justify-content: space-between;
    width: 100%;
}

ul.menu.right{
	justify-content: flex-end;
}

.btn--menu{
	display: none;
}

.site-footer{
	padding: 0 0 4rem 0;
	background-color: #292929;
	clear: both;
}

.footer-menu-inner{
  padding-top: 4rem;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #B4B4B4;
}

ul.menu.footer-menu .menu{
  display: block;
}

ul.menu.footer-menu > li a{
  padding-left: 0;
  color: #fff;
  transition: all 0.3s ease;
  font-weight: 400;
}

ul.menu.footer-menu > li a:hover{
  opacity: 0.75;
}

ul.menu.footer-menu > li > a{
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 1px;
  color: #B2D235;
  padding-right: 2rem;
  line-height: 22px;
  pointer-events: none;
}

.site-footer p{
  color: #fff;
  font-weight: 300;
  letter-spacing: 1px;
}

.site-footer .footer-menu > .is-dropdown-submenu-parent > ul ul{
  display: none;
}

.footer-contact-info a{
  color: #fff;
  font-weight: 300;
  letter-spacing: 1px;
  transition: all 0.3s ease;
}

.footer-contact-info a:hover{
  opacity: 0.75;
}

.footer-contact-info{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #B4B4B4;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  padding-top: 2rem;
}

.footer-contact-info p i{
  margin-right: 1rem;
}

.footer-address{
  width: 70%;
}

ul.menu.footer-menu .menu .menu{
  display: none;
}

.footer-social h4{
  color: #B2D235;
  font-weight: 600;
  font-size: 20px;
}

.site-footer .social-nav li{
  padding-left: 0;
  padding-right: 1rem;
}

.footer-select{
  padding-left: 1rem;
}

.footer-select .button{
  width: 100%;
}

.footer-menu{
  padding-right: 1rem;
}

.footer-select .button:first-child{
  margin-bottom: 1rem;
}

@media only screen and (max-width: 1024px){
  .footer-menu > li{
    width: 50%;
  }
}

@media only screen and (max-width: 640px){
  .footer-menu > li{
    width: 100%;
  }
  
  .footer-menu > li{
    padding-bottom: 1rem;
  }
  
  .footer-menu > li:last-child{
    padding-bottom: 0;
  }
  
  .footer-contact-info{
    flex-wrap: wrap;
  }
  
  .footer-address {
    width: 100%;
  }
  
  .footer-select {
    width: 100%;
    justify-content: flex-end;
  }
  
  .site-footer p.copyright-text{
    text-align: center;
  }
  
  .site-footer .social-nav{
    justify-content: center;
  }
  
  .site-footer .social-nav li{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}



/* ==========================================================================
  Button styles
  ========================================================================== */

.button,
main .wp-block-button__link{
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-weight: 500;
  margin: 0;
  background-color: #292929;
  border: none;
  color: #fff;
  position: relative;
  padding: 1rem 2rem 1rem 2rem;
  border-radius: 0px;
  line-height: 1;
}

main .wp-block-buttons>.wp-block-button{
  margin-right: 1rem;
}

main .wp-block-buttons>.wp-block-button:last-child{
  margin-right: 0;
}

.button:hover, .button:focus,
main .wp-block-button__link:hover, main .wp-block-button__link:focus{
 background-color: #292929;
 color: #fff;
 text-decoration: none;
}

.button-group .button{
  font-size: 20px;
  font-weight: 500;
}

main .button-dark,
.button-dark{
  border: 1px solid #fff;
  padding-right: 2rem;
}

main .button-green,
.button-green{
  background-color: #B2D235;
  border: 1px solid #B2D235;
  color: #292929;
}

main .button-green:hover,
.button-green:hover{
  background-color: #292929;
  border: 1px solid #fff;
  color: #fff;
}

main .button,
main .wp-block-button__link{
  padding-right: 5rem;
}

main .button:after,
main .wp-block-button__link:after{
    content: "\f054";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    border: none;
    height: 1rem;
    width: 1rem;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    color: #292929;
    background-color: #B2D235;
    padding: 0.5rem 1rem;
    width: auto;
    transition: padding 0.3s ease;
}

main .button:hover,
main .wp-block-button__link:hover{
  /*padding: 0.5rem 0.5rem 0.75rem 1.5rem;*/
   background-color: #B2D235;
   color: #292929;
}

.button-alt{
  background-color: transparent;
  color: #292929;
  padding: 0;
  text-align: left;
  padding-right: 0!important;
}

main .button-alt:hover,
main .button-alt:focus{
  background-color: transparent;
  color: #292929;
}

main .button.button-alt:after{
  position: relative;
  position: relative;
  color: #B2D235;
  background: transparent;
  display: inline;
  transition: all 0.3s ease!important;
}

main .button-alt:hover,
main .button-alt:focus{
  opacity: 0.75;
}

.button-group{
  flex-wrap: wrap;
}

.button + .button-alt{
  margin-top: 1rem;
}

.button-alt + .button{
  margin-top: 1rem;
}

.input-group .button:after{
  content: none;
}
.input-group .button{
  padding-right: 2rem;
}

.section--find-cmha form{
  margin-top: 2rem;
}

/* ==========================================================================
  Forms
  ========================================================================== */


[type='text'], 
[type='password'], 
[type='date'], 
[type='datetime'], 
[type='datetime-local'], 
[type='month'], 
[type='week'], 
[type='email'], 
[type='number'], 
[type='search'], 
[type='tel'],
[type='time'], 
[type='url'], 
[type='color'], 
textarea,
.ginput_container select{
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0.5rem;
    border: 1px solid #000000;
    border-radius: 0px;
    background-color: #fff;
    -webkit-box-shadow: none
    box-shadow: none;
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
    color: #0a0a0a;
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.ginput_container select {
     padding: 0.5rem!important;
}

.ginput_container_select{
  position: relative;
}

.ginput_container_select::after{
    content: "\f078";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    border: none;
    height: 1rem;
    width: 1rem;
    margin: auto;
    top: 0;
    bottom: 0;
    color: #B2D235;
    position: absolute;
    right: 1rem;
    top: 0;
    bottom: 0;
    height: 23px;
    margin: auto;
}

[type='text']:focus, 
[type='password']:focus, 
[type='date']:focus, 
[type='datetime']:focus, 
[type='datetime-local']:focus, 
[type='month']:focus, 
[type='week']:focus, 
[type='email']:focus, 
[type='number']:focus, 
[type='search']:focus, 
[type='tel']:focus, 
[type='time']:focus, 
[type='url']:focus, 
[type='color']:focus, 
textarea:focus{
    outline: none;
    border: 1px solid #292929;
    background-color: #ffff;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}

/* ==========================================================================
  Sections
  ========================================================================== */

.parallax-bg{
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 z-index: 1;
 bottom: -30%;
}

.static-bg{
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 z-index: 1;
}

.section--impact{
  position: relative;
  overflow: hidden;
  padding: 12rem 0;
  margin-bottom: 4rem;
}

.section--impact .grid-x{
  position: relative;
  z-index: 10;
}

.section--impact h1,
.section--impact p{

}

.section--impact h1:last-child,
.section--impact p:last-child{
  margin-bottom: 0;
}

.impact-overlay{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity: 0.65;
	z-index: 2;
}

.section--impact p{
  font-weight: 400;
  font-size: 22px;
  line-height: 24px;
  letter-spacing: 2px;
}

.search-form .input-group{
  margin: 0;
}


/* callouts */
@media only screen and (max-width: 39.9375em) {
  .section--callouts .cell{
    padding-bottom: 2rem;
  }
}

.callout-image-wrapper{
  position: relative;
  padding: 6rem 1rem;
}

.callout-image-wrapper *{
  color: #fff;
}

.abs-link{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 15;
}

/* Slider */

.swipe-slider .swipe-slide h2,
.swipe-slider .swipe-slide p{
  color: #fff;
}

.swipe-slider .swipe-slide .cell{
  padding: 0;
}

i.slick-prev.slick-arrow {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    cursor: pointer;
    padding: 1rem;
    color: #292929;
    height: 4rem;
    font-size: 2rem;
    margin: auto;
    background-color: rgba(255,255,255,0.75);
}

i.slick-next.slick-arrow {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    cursor: pointer;
    padding: 1rem;
    color: #292929;
    height: 4rem;
    font-size: 2rem;
    margin: auto;
    background-color: rgba(255,255,255,0.75);
}

ul.slick-dots{
  list-style: none;
  display: flex;
  justify-content: center;
  margin-top: 2rem;
  margin-left: 0;
}

ul.slick-dots button{
  display: none;
}

ul.slick-dots :marker{
  content: none;
  display: none;
}

ul.slick-dots li{
  width: 10px;
  height: 10px;
  margin: 0 0.5rem;
  background-color: #292929;
  transition: all 0.3s ease;
  cursor: pointer;
  border-radius: 100%;
}

ul.slick-dots li.slick-active{
  background-color: #292929;
}

@media only screen and (max-width: 1100px){
  i.slick-prev.slick-arrow{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    left: -1rem;
  }
  
  i.slick-next.slick-arrow{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    right: -1rem;
  }
  
  .swipe-slider{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media only screen and (max-width: 640px){
  .swipe-slider{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.hero-feature-background-video{
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
}

@media only screen and (max-width: 1024px){
  .hero-feature-background-video{
  	min-width: 100%;
  	min-height: 100%;
  	width: auto;
  	height: auto;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%,-50%);
  }
}

.hero-feature-overlay{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 5;
}

@media only screen and (max-width: 40em){
  .hero-feature-background-video{
    display: none;
  }
}

.callout-image-wrapper{
  position: relative;
}

.callout-image-wrapper:hover .callout-overlay{
	background-color: rgba(0,0,0,0.3);
}

.callout-overlay{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 5;
  transition: all 0.3s ease;
}


.callout-image-wrapper h2,
.callout-image-wrapper p{
  position: relative;
  z-index: 10;
}

.callout-icon{
  margin-bottom: 1rem;
}

.swipe-slide.slick-slide img{
    display: block;
    margin: 0 auto;
}


.swipe-slide:focus {
    outline: none;
}

.swipe-slide img:focus,
.swipe-slide a:focus{
    outline: none;
}

.tweets-list ul{
  list-style: none;
  margin-left: 0;
  padding-right: 1rem;
}

.tweets-list ul li{
  padding-bottom: 1rem;
  border-bottom: 1px solid #ccc;
  margin-bottom: 1rem;
}

.tweets-list ul li:last-child{
  border-bottom: none;
  margin-bottom: 0;
}

.section--news h2{
  margin-bottom: 2rem;
}

.section--news {
    padding-top: 4rem;
}

.post-list .post{
  display: flex;
  align-items: center;
  padding-bottom: 2rem;
  border-bottom: 1px solid #ccc;
  margin-bottom: 2rem;
}

.post-list .post:last-child{
  border-bottom: none;
  margin-bottom: 0;
}

.post-list .post .post-left{
  width: 20%;
}

.post-list .post .post-right{
  width: 80%;
  padding-left: 2rem;
}

/*.section--events{*/
/*  padding-top: 4rem;*/
/*  background-color: #292929;*/
/*}*/

.section--events{
  padding-top: 4rem;
}

.section--events h2{
  /*color: #fff;*/
  margin-bottom: 2rem;
}

h2 i{
  margin-right: 1rem;
}

.section--events .post-list *{
  /*color: #fff;*/
}

.section--events .post-list .post{
  border-bottom: 1px solid #ccc;
}

.section--events .post-list .post:last-child{
  border-bottom: none;
}

.section--post-intro .grid-container{
  max-width: 60rem;
}

.section--post-intro{
  padding-bottom: 0;
}

.post-image{
  margin-bottom: 2rem;
}

p.post-date{
  color: #666;
}

.section--page-intro{
  padding-bottom: 0;
}

.single .section--page-intro .grid-container{
  max-width: 60rem;
}

.news-block{
  position: relative;
  padding-bottom: 2rem;
}

.news-block img{
  margin-bottom: 1rem;
}

.pagination{
  display: flex;
  justify-content: center;
}

.pagination a,
.pagination button{
  transition: all 0.3s ease;
}

.pagination .current{
  background: #000000;
}

.pagination a:hover, .pagination button:hover {
  background: #292929;
  color: #fff;
}

.button-group .button{
  margin-right: 0.5rem;
}

.aligncenter figcaption{
  text-align: center;
}

.section--news-archive h2{
  margin-bottom: 2rem;
}

.section--post-intro.event p{
  margin: 0;
}

.section.event-registration{
  padding-top: 0;
}

.section.event-registration .grid-container{
  max-width: 60rem;
}

.post-link{
  font-weight: 500;
}

.post-link:hover{
  text-decoration: none;
}

.post-link:after{
  content: "\f054";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-left: 0.5rem;
  transition: all 0.3s ease;
  transform: translateY(2px);
  color: #B2D235;
  display: inline-block;
}

.post-link:hover:after{
  margin-left: 1rem;
}

.section--post-intro + .section--staff{
  padding-top: 4rem;
}

.section--staff .cell{
  padding-bottom: 3rem;
}

.section.section--awards{
  padding-top: 4rem;
}

.tweets-list{
  padding-right: 2rem;
}

.callout-image{
  padding: 8rem 0;
  margin-bottom: 1rem;
}

.callout-content-outer{
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

.callout-content{
    flex: 1;
    padding: 1rem;
    display: flex;
    flex-direction: column;
}

.callout-content p {
    margin: 0;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.callout-content-outer .button{
  align-self: center;
}

.section--events .grid-container.narrow{
  max-width: 45rem;
}

.post{
  position: relative;
}

.post:hover .post-link:after {
    margin-left: 1rem;
}

.post-list,
.post{
  transition: opacity 0.3s ease;
}


.post-list:hover .post{
  opacity: 0.5!important;
}

.post-list:hover .post:hover{
  opacity: 1!important;
}

.callout-content-outer {
    border: 1px solid #e8e8e8;
    background-color: #f7f7f7;
    position: relative;
}

.callout-content-outer .button{
  margin-bottom: 2rem;
}

.callout-content-outer {
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.callout-content-outer:hover {
   box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.14);
}

.visuallyhidden{
  display: none;
}

p#breadcrumbs{
  color: #292929;
  font-weight: 600;
}

p#breadcrumbs a{
  font-weight: 600;
}

.section--page-intro + .section--staff{
  padding-top: 4rem;
}

.staff-grid{
  margin-top: 2rem;
}

.section--staff img{
  margin-bottom: 1rem;
}

.section--staff{
  padding-bottom: 1rem;
}

.image-wrap,
body .wp-block-image .alignleft{
    float: left;
    margin: 0 2rem 0.5rem 0;
}

.reveal{
  padding: 2rem;
}

.reveal h4{
  margin-bottom: 2rem;
}

.section--annual-reports .cell{
  padding-top: 2rem;
}

.section--annual-reports .cell > a{
  display: block;
  text-align: center;
}

.section--annual-reports{
  padding-top: 2rem;
}

.section--annual-reports .cell > a p{
  margin: 0;
  font-family: 'Poppins', sans-serif;
  color: #292929;
  font-weight: 600;
}

.section--annual-reports .cell > a img{
  margin-bottom: 2rem;
}

.section--brochures{
  padding-top: 2rem;
}

.section--brochures h2{
  padding-bottom: 2rem;
}

.post .button-group{
  position: relative;
  z-index: 20;
  display: inline-flex;
}

.home .post-list .post:last-child{
  padding-bottom: 0;
}

.section--impact.add-more-padding{
  padding: 16rem 0;
}

.section--impact .button-group{
  justify-content: center;
  margin-bottom: 0;
  margin-top: 2rem;
}

.section--impact .button-group .button{
  transition: all 0.3s ease;
  font-size: 18px;
  letter-spacing: 0.5px;
  margin-right: 1rem;
}

.section--impact .button-group .button:last-child{
  margin-right: 0;
}

.home .section--callouts + .section--callouts{
  margin-top: -2rem;
}

.featured-image--archive-bg{
  padding: 8rem 0;
  margin-bottom: 1rem;
  transition: all 0.3s ease;
}

.news-block:hover .featured-image--archive-bg{
  opacity: 0.5;
}

.news-block:hover h5{
  text-decoration: underline;
}

.sub-footer-menu li a{
  color: #fff;
  padding-top: 0;
  padding-bottom: 0;
}

.sub-footer p{
  margin: 0;
}

.sub-footer-menu li a:hover{
  text-decoration: underline;
}

.sub-footer-menu li:first-child a{
  padding-left: 0;
}

.blog-carousel .slick-slide{
  padding: 0 1rem;
}

.blog-carousel{
  padding: 0 3rem;
  margin: 0 -4rem!important;
  padding-top: 2rem;
}

.blog-carousel *:focus,
.blog-carousel *:active{
  outline: none!important;
}

.carousel-button{
  text-align: center;
  padding-top: 2rem;
}

@media only screen and (max-width: 1385px){
  .blog-carousel{
    padding: 0 3rem;
    margin: 0!important;
    padding-top: 2rem;
  }
}

.section--newsletter-signup {
    padding-top: 4rem;
}

.section--newsletter-signup .gform_footer{
  padding-bottom: 0!important;
}

.section--newsletter-signup .gform_wrapper{
  margin-bottom: 0;
}

.text-left .button-group{
  justify-content: flex-start;
}

.text-right .button-group{
  justify-content: flex-end;
}

body .gform_wrapper li.gfield.gfield_error, 
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: transparent!important;
  margin-bottom: 0px!important;
  border-top: none!important;
  border-bottom: none!important;
  padding-bottom: 0px!important;
  padding-top: 0px!important;
  box-sizing: border-box;
}

body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
  max-width: 100%!important;
}

.gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0!important;
}

body img.gform_ajax_spinner {
    /*display: none !important;*/
}

main > .section--impact:last-child{
  margin-bottom: 0;
}

.section--callouts .grid-container > h2{
  margin-bottom: 2rem;
}

.section--callouts .static-bg,
.section--callouts .parallax-bg{
  top: 25%;
}

.section--callouts{
  position: relative;
  overflow: hidden;
}

.section--callouts .grid-container{
  position: relative;
  z-index: 2;
}

.section--callouts .cell{
  padding-bottom: 2rem;
}

.button.see-all-news{
  margin-top: 2rem;
}

.section--text-with-image{
  background-color: #F0F0F0;
  padding: 0;
}

.section--text-with-image .grid-container{
  padding: 0;
}

.static-bg-img{
  height: 100%;
}

.text-with-image--inner .button-group{
  margin: 0;
  max-width: 400px;
}

.text-with-image--inner{
  min-height: 30rem;
  padding-right: 2rem;
  padding-left: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
}

.text-with-image--inner .button + .button-alt{
  margin-top: 2rem;
}

.text-with-image--inner .button-alt + .button{
  margin-top: 2rem;
}

.text-with-image--inner h2{
  margin-bottom: 2rem;
}

.section--newsletter-signup .cell > img{
  transform: translateX(1rem);
}

.section--find-cmha{
  padding: 4rem 0;
  position: relative;
  overflow: hidden;
}

.section--find-cmha .grid-container{
  position: relative;
  z-index: 2;
}

.section--newsletter-signup .gfield_label{
  font-family: 'Poppins', sans-serif;
  font-size: 29px!important;
  line-height: 40px!important;
  font-weight: 600!important;
}

.section--find-cmha .input-group{
  margin: 0;
}

.single .post-image{
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.wp-block-embed__wrapper{
  text-align: center;
}

.wp-block-embed__wrapper iframe{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-block-quote{
  color: #292929;
  max-width: 60rem;
}

blockquote, blockquote p{
  font-size: 22px;
  color: #292929;
}

.wp-block-quote {
    color: #292929;
    max-width: 76rem;
    padding-right: 25%;
    margin: 2rem auto;
    position: relative;
    border-left: 1px solid #292929;
}

.wp-block-quote > p:first-child:before{
  content: "\"";
}

.wp-block-quote > p:last-child:after{
  content: "\"";
}

.staff-block--inner{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.staff-block--inner .button{
  justify-self: center;
  align-self: center;
}

.section--gravity-form .gform_body{
  background-color: #f7f7f7;
  padding: 2rem;
}

body main .section--gravity-form ul.gform_fields,
body main .section--gravity-form .gform_legacy_markup_wrapper ul.gform_fields{
  display: flex!important;
  flex-wrap: wrap;
  margin-right: -1rem!important;
}

.section--gravity-form .gform_fields li{
  width: 100%;
  padding-right: 1rem;
}
.section--gravity-form .gform_wrapper ul.gform_fields li.gfield{
  padding-right: 1rem!important;
}

.section--gravity-form .gform_fields li.gf_half{
  width: 50%;
} 


.toolkit-inner{
  padding: 6rem 0;
  position: relative;
  background-color: #292929;
  border: 1px solid #292929;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}

.toolkit-inner h3{
  text-align: center;
  color: #B2D235;
  transition: all 0.3s ease;
  margin: 0;
}

.toolkit-inner h3.dark{
  color: #292929;
}

.toolkit-inner h3.light{
  color: #fff;
}

.toolkit-inner:hover{
  background-color: #fff!important;
}

.toolkit-inner:hover h3{
  color: #292929!important;
}

.toolkit-inner a{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.toolkits-grid{
  padding-top: 2rem;
}

.section--toolkits{
  padding-bottom: 2rem;
}

.section--toolkits .cell{
  padding-bottom: 2rem;
}

a.toolkit-download{
  font-family: 'Poppins', sans-serif;
  color: #292929;
  font-size: 29px;
  line-height: 40px;
  font-weight: 600;
  display: block;
  padding: 1rem;
  position: relative;
  background-color: #292929;
  border: 1px solid #292929;
  color: #B2D235;  
  margin-top: 2rem;
  transition: all 0.3s ease; 
}

a.toolkit-download:hover,
a.toolkit-download:focus{
  color: #292929;
  background-color: #fff;
  text-decoration: none;
}

.toolkits-disclaimer{
  padding-bottom: 2rem;
}

.toolkits-disclaimer p{
  margin: 0;
}

.timeline {
    margin: 1rem auto;
    padding: 1rem;
    position: relative;
    width: 100%;
    transition: all 0.3s ease;
}

.timeline .timeline-item {
    margin-bottom: 2rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.timeline .timeline-item .timeline-icon {
    background: #292929;
    border-radius: 50%;
    height: 50px;
    margin-left: -23px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.timeline .timeline-item .timeline-icon img {
    top: 14px;
}

.timeline .timeline-item .timeline-content {
    padding: 1rem;
    text-align: right;
    width: 45%;
    background: transparent;
    /*border: 1px solid #fff;*/
    transition: all 0.3s ease;
}

.timeline .timeline-item .timeline-content:hover{
  /*border: 1px solid #292929;*/
  opacity: 0.75;
}

.timeline .timeline-item .timeline-content.right {
    align-self: flex-end;
    text-align: left;
}

.timeline .timeline-item::after, .timeline .timeline-item::before {
    clear: both;
    content: '';
    display: block;
    width: 100%;
}

.timeline-title{
    font-family: 'Poppins', sans-serif;
    color: #292929;
    font-size: 29px;
    line-height: 40px;
    font-weight: 600;
    margin-bottom: 1rem;
}

.timeline-year{
  color: #292929;
  font-size: 23px;
  line-height: 30px;
}

.timeline .timeline-content{
  cursor: pointer;
}

.timeline::before {
    background: #292929;
    content: '';
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    width: 3px;
}

.timeline::after {
    clear: both;
    content: '';
    display: table;
    width: 100%;
}

p.timeline-text{
  font-size: 20px;
  line-height: 28px;
  margin: 0;
}


/* .batch-slide-up{ */
  /* opacity: 0; */
  /* transform: translateY(50px); */
/* } */

.section--impact .grid-container{
  position: relative;
  z-index: 10;
}

/* .simple-fade{ */
  /* opacity: 0; */
/* } */

.supporters-grid{
  margin-top: 2rem;
}

.supporters-grid-titles{
  margin-bottom: 2rem;
}

.supporters-grid .cell.medium-3 img,
.supporters-grid .cell.medium-2 img,
.supporters-grid .cell.medium-6 img{
  max-width: 80%;
  display: block;
  margin: 0 auto 2rem auto;
}

.supporters-grid .cell.medium-4 img{
  display: block;
  margin: 0 auto 2rem auto;
}

#wpsl-wrap{
  display: flex;
  flex-wrap: wrap;
}

#wpsl-gmap{
  width: 100%!important;
  float: none!important;
}

#wpsl-result-list{
  width: 100%!important;
  float: none!important;
  
}

.wpsl-search{
  width: 100%!important;
  float: none!important;
  margin: 0!important;
}

#wpsl-stores ul{
  display: flex;
  flex-wrap: wrap;
}

#wpsl-stores ul li{
  margin: 1rem!important;
  width: calc(33.333% - 2rem)!important;
}

#wpsl-stores ul li[data-store-id]{
  border: 1px solid #005555!important;
}

#wpsl-stores{
  padding-top: 1rem!important;
}

.wpsl-dropdown{
  width: 200px!important;
}

#wpsl-search-wrap form{
  display: flex;
  align-items: center;
  justify-content: center;
}

#wpsl-checkbox-filter.wpsl-checkbox-3-columns li, .wpsl-custom-checkboxes.wpsl-checkbox-3-columns li{
  padding: 0 2rem;
  width: auto!important;
}

#wpsl-search-btn, #wpsl-search-wrap div{
  margin: 0!important;
}

#wpsl-checkbox-filter, .wpsl-custom-checkboxes{
  margin: 0!important;
}

#wpsl-search-btn, #wpsl-search-wrap input{
  margin: 0 0.5rem 0 0;
}

#wpsl-search-wrap {
    width: 100%!important;
    max-width: 76rem!important;
    margin: 0 auto!important;
    display: block!important;
    float: none!important;
}

#wpsl-checkbox-filter, .wpsl-custom-checkboxes{
  display: flex!important;
  justify-content: center!important;
}

#wpsl-search-btn{
  
}


body main #wpsl-search-btn{
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-weight: 500;
  margin: 0;
  background: #292929!important;
  border: 1px solid #292929!important;
  border: none;
  color: #fff!important;
  position: relative;
  padding: 1rem 1rem 1rem 1rem;
  border-radius: 0px;
  line-height: 1;
  border-radius: 0px!important;
  box-shadow: none!important;
  transition: all 0.3s ease;
}

#wpsl-search-btn:hover, #wpsl-search-btn:focus{
 background: #fff!important;
 color: #292929!important;
 text-decoration: none;
}

#wpsl-wrap input[type="checkbox"], 
#wpsl-wrap input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    zoom: 2;
    vertical-align: bottom;
    margin-top: 5%;
}

main #wpsl-stores{
  height: 600px!important;
}


.ginput_container [type='file'], 
.ginput_container [type='checkbox'], 
.ginput_container [type='radio']{
  margin: 0;
}

.section--gravity-form .gform_footer{
  text-align: center;
}

.gform_fields h3{
  margin-top: 2rem;
}


.gform_fields > div:first-child h3{
  margin-top: 0;
}

.section--quiz input[type="radio"]{
  zoom: 2;
  cursor: pointer;
}

.results-text{
  padding-top: 2rem;
  display: none;
}

.section--download-brochure .toolkit-inner{
  padding: 3rem 0;
}

.section--download-brochure .grid-container{
  max-width: 60rem;
}


.parallax-bg{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  bottom: -200px; 
  background-repeat: no-repeat!important;
}

.section--impact .button-group{
  justify-content: flex-start;
}

.section--quiz .radio-grid:nth-child(odd){
  background: #f7f7f7;
}

.section--quiz .radio-grid{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.section--quiz .radio-grid *{
  margin: 0;
}

.quiz-footer{
  margin-top: 2rem;
}

.section--download-brochure{
  padding-top: 2rem;
}


.wpsl-locations-details{
  padding-left: 2rem;
  padding-right: 2rem;
  max-width: 60rem;
  margin: 4rem auto!important;
}

body table.wpsl-opening-hours{
  width: 100%!important;
  max-width: 56rem;
  margin: 0 auto 4rem auto!important;
}

body table.wpsl-opening-hours td{
  padding: 0.5rem;
}

.wpsl_stores-template-default .wpsl-gmap-canvas{
  margin-top: 2rem;
}

.accordion-content > img{
  display: block;
  margin: 0 auto;
}

.accordion-content > img + img{
  margin-top: 2rem;
}

.accordion-content--image{
  padding: 0;
}

.accordion-content{
  border: none;
  padding-left: 0;
  padding-right: 0;
  box-shadow: none;
}

.accordion-title{
  background-color: #292929;
  color: #fff;
  border: none;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 18px;
  padding-left: 2rem;
}

.accordion-item{
  margin-bottom: 1rem;
}

.accordion-item:last-child{
  margin-bottom: 0;
}

.accordion-item.is-active .accordion-title,
.accordion-title:hover, 
.accordion-title:focus {
    background-color: #B2D235;
    color: #292929;
    text-decoration: none;
}

.grid-x + ul.accordion{
  margin-top: 1rem;
}

.accordion-title::before{
  content: "\f078";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #292929;
  background-color: #B2D235;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.75rem;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  transition: all 0.3s ease;
}

.is-active > .accordion-title::before {
   content: "\f078";
   transform: rotate(180deg);
}

.accordion-item.no-content{
  pointer-events: none;
}

.accordion-item.no-content .accordion-title::before{
  content: none;
}

.accordion-impact-image{
  margin-bottom: 2rem;
}

:last-child > .accordion-content:last-child{
  border: none;
}

.accordion-content > p:last-child{
  margin-bottom: 0;
}

.accordion-title{
  overflow: hidden;
}


.staff-block--inner{
  padding: 1rem;
  border: 1px solid #292929;
}

.staff-block-content h3{
  font-size: 20px;
}

.staff-grid{
  margin-top: 3rem;
}

.staff-block--inner .button{
  padding: 0.5rem 1rem;
  padding-right: 4rem;
  font-size: 16px;
}

/* ==========================================================================
  Mobile
  ========================================================================== */

@media only screen and (max-width: 1024px){
  
}

@media only screen and (max-width: 640px){
  #wpsl-stores ul li {
    margin: 1rem!important;
    width: 100%!important;
    border: 1px solid #005555!important;
    padding: 1rem!important;
  }
  
  #wpsl-search-wrap form{
    display: block;
  }
  
  #wpsl-checkbox-filter.wpsl-checkbox-3-columns li, .wpsl-custom-checkboxes.wpsl-checkbox-3-columns li{
    padding-left: 0;
  }
  
  #wpsl-checkbox-filter, .wpsl-custom-checkboxes{
    padding: 1rem 0!important;
    justify-content: flex-start!important;
  }
  
  .section--gravity-form .gform_fields li.gf_half{
    width: 100%;
  } 
  
  .wp-block-quote {
    padding-right: 0;
  }
  
  .section--impact.add-more-padding{
    padding: 6rem 0;
  }
  
  ul.menu.sub-footer-menu{
    justify-content: center;
    padding-top: 1rem;
  }
  
  .section--impact {
    padding: 14rem 0 0 0;
  }
  
  .section--impact .grid-container{
    padding-bottom: 1rem;
    padding-top: 1rem;
    position: relative;
    z-index: 5;
    width: 200px;
    margin: 0;
  }
  
  .section--impact .grid-container h1{
    font-family: 'Poppins', sans-serif;
    font-size: 27px;
    line-height: 33px;
  }
  
  .section--newsletter-signup .cell > img{
    transform: none;
    margin-top: 1rem;
  }
  
  .section--find-cmha form{
    margin-top: 0;
  }
  
  .footer-menu-inner{
    flex-wrap: wrap;
  }
  
  .footer-select{
    padding-left: 0;
    margin-bottom: 2rem;
  }
  
  .section--newsletter-signup{
    padding-top: 2rem;
  }
  
  .section--find-cmha{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  
  .sub-footer-menu li a{
    padding-bottom: 1rem;
  }
  
  .footer-contact-info{
    display: block;
  }
  
  .footer-social {
    text-align: center;
  }
  
  .footer-menu-inner{
    padding-top: 2rem;
  }
  
  .site-footer {
    padding: 0 0 2rem 0;
  }
  
  .post-list .post .post-left{
    width: 100%;
  }
  
  .post-list .post .post-left img{
    display: block;
    margin: 0 auto 1rem auto;
  }
  
  .post-list .post .post-right{
    padding-left: 0;
    width: 100%;
    text-align: center;
  }
  
  .post-list .post{
    flex-wrap: wrap;
  }
  
  .post-list:hover .post{
    opacity: 1;
  }
  
  .section--news h2{
    text-align: center;
  }
  
  .section--news .cell.medium-9{
    text-align: center;
  }
  
  .text-with-image--inner{
    min-height: inherit;
    padding: 2rem 1rem;
    text-align: center;
    display: block;
  }
  
  .text-with-image--inner .button-group{
    max-width: 100%;
    display: block;
  }
  
  .text-with-image--inner .button-group{
    justify-content: center;
  }
  
  .section--newsletter-signup .cell{
    text-align: center;
  }
  
  .section--newsletter-signup .gform_footer{
    text-align: center;
    padding-bottom: 1rem!important;
  }
  
  .callout-image {
    padding: 5rem 0;
    margin-bottom: 0;
  }
  
  .callout-content-outer .button{
    margin-bottom: 1rem;
  }
  
  .callout-content h3{
    margin-bottom: 0;
  }
  
  .section--callouts .cell:last-child{
    padding-bottom: 0;
  }
  
  .section--news{
    padding-top: 2rem;
  }
  
  ul.menu.footer-menu > li a{
    text-align: center;
  }
  
  .wp-block-quote{
    margin-left: 1rem;
  }
  
  .timeline-title{
    font-size: 18px;
    line-height: 25px;
  }
  
  .reveal .close-button, 
  .reveal .close-button.medium {
    right: 1rem;
    top: 1.5rem;
  }
  
  .reveal img{
    margin-bottom: 1rem;
  }
  
}





@media only screen and (max-width: 800px){
  .expanding-search-button span{
    display: none;
  }
  
  .header-expanding-search.is-open .search-form {
    width: 161px;
  }
}



/* new mobile header designs */

.mobile-menu-toggle--wrapper .mobile-text{
  display: none;
}

.mobile-menu-toggle--wrapper .mobile-close-text{
  display: none;
}

.mobile-top-header{
  display: none;
}

.header-expanding-search.mobile{
  display: none;  
}

.mobile-header-buttons{
  display: none;
}

.mobile-header-footer{
  display: none;
}

.multisite-drilldown p{
  margin: 0;
  color: #B2D235;
  font-size: 18px;
  font-size: 20px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
}

.multi-site-select-drilldown.is-open i:before {
  content: "\f00d";
}

.multisite-drilldown{
  background-color: #292929;
}

.multisite-drilldown .drilldown.menu > li.is-drilldown-submenu-parent > a, 
.multisite-drilldown .drilldown.menu > li > a{
  background-color: #292929;
  color: #fff;
  padding: 1rem;
  border: none;
  font-size: 20px;
}

.current-site-wrapper{
  padding: 1rem;
}

.current-site-wrapper > a{
    color: #fff;
    padding: 0.5rem;
    margin: 1rem 0 2rem 0;
    border: 1px solid #fff;
    font-size: 20px;
    display: block;
    font-weight: 500;
    position: relative;
    font-family: 'Poppins', sans-serif;
}

.current-site-wrapper a:before{
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f00c";
    color: #B2D235;
    position: absolute;
    right: 1rem;
}

.current-site-wrapper > a:hover,
.current-site-wrapper > a:focus{
    color: #fff;
}

ul.menu.drilldown.multi-site-select--drilldown{
  padding-top: 0;
}

.drilldown.multi-site-select--drilldown .is-drilldown-submenu-parent > a::after{
  color: #B2D235;
}

.multisite-drilldown .drilldown a, 
.multisite-drilldown .drilldown .is-drilldown-submenu a{
  background-color: #292929;
  color: #fff;
}

.menu-wrapper-header.submenu-open .mobile-header-buttons,
.menu-wrapper-header.submenu-open .mobile-header-footer{
  display: none;
}

.multisite-drilldown .drilldown a, 
.multisite-drilldown .drilldown .is-drilldown-submenu a{
  border: none;
}

.mobile-menu-toggle--wrapper{
  cursor: pointer;
}

.slide-in-search{
  display: none;
}

.header-expanding-search.mobile.prevent-touch,
.multi-site-select-drilldown.mobile.prevent-touch,
.mobile-menu-toggle--wrapper.prevent-touch{
  opacity: 0.5;
  pointer-events: none;
}

main a.post-link{
  color: #292929;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
}

.multisite-drilldown .is-drilldown-submenu > li:not(.js-drilldown-back) > a {
    font-weight: 500;
    font-size: 20px;
  }
  
.drilldown .js-drilldown-back > a::before{
  color: #fff;
}

.multisite-drilldown .drilldown a, .multisite-drilldown .drilldown .is-drilldown-submenu a{
  padding: 1rem;
}

html[lang="fr-FR"] .wp-block-quote > p:first-child:before{
  content: none;
}


#wpsl-search-wrap div label,
#wpsl-search-wrap .wpsl-input label{
  white-space: nowrap;
}

@media only screen and (max-width: 1024px){
  #wpsl-search-wrap div label,
  #wpsl-search-wrap .wpsl-input label{
    white-space: normal;
    float: none;
  }
  
  #wpsl-search-wrap form{
    display: block;
  }
  
  #wpsl-checkbox-filter, .wpsl-custom-checkboxes{
    margin: 1rem 0 2rem 0!important;
  }
  
  
}

@media only screen and (max-width: 824px){
  #wpsl-search-wrap .wpsl-input{
    padding-bottom: 1rem;
  }
}


@media only screen and (max-width: 640px){
  
  .site-header{
    z-index: 999;
  }
  
  .multisite-drilldown{
    transform: translateX(0%) translateY(-150%);
    z-index: 103;
  }
  
  .multisite-drilldown.transition{
    transition: all 0.6s ease
  }
  
  .menu-wrapper-header{
    z-index: 102;
  }
  
  .multisite-drilldown.is-open {
    transform: translateX(0%) translateY(0%);
  }
  
  .drilldown .js-drilldown-back > a::before{
    color: #fff;
  }
  
  .drilldown a, .drilldown .is-drilldown-submenu a{
    border: none;
  }
  
  .mobile-menu-toggle--wrapper {
    display: flex;  
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 1rem;
    bottom: 0rem;
  }
  
  .mobile-menu-toggle--wrapper .mobile-text{
    color: #FFFFFF;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 16px;
    display: block;
    padding-right: 1rem;
  }
  
  .mobile-menu-toggle--wrapper .mobile-close-text{
    color: #FFFFFF;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 16px;
    padding-right: 1rem;
  }
  
  .mobile-menu-toggle--wrapper.is-open .mobile-text{
    display: none;
  }
  
  .mobile-menu-toggle--wrapper.is-open .mobile-close-text{
    display: block;
  }
  
  .mobile-menu-toggle{
    margin: 0;
    transform: none;
  }
  
  .mobile-top-header{
    display: flex;
    border-bottom: 1px solid #fff;
    padding-bottom: 0.5rem;
  }
  
  .header-flex-items{
    display: none;
  }
  
  .multi-site-select-drilldown.mobile{
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 16px;
  }
  
  .multi-site-select-drilldown.mobile i{
    color: #B2D235;
  }
  
  .bottom-header{
    padding-top: 1rem;
  }
  
  .header-expanding-search{
    display: none;
  }
  
  .header-expanding-search.mobile{
    display: block;
    right: 1rem;
    bottom: 3.25rem;
  }
  
  a.expanding-search-button span{
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 16px;
  }

  .section--impact {
      padding: 8rem 0 8rem 0;
  }  
  
  .menu-wrapper-header{
    background-color: #292929;
  }
  
  .drilldown a,
  .drilldown .is-drilldown-submenu a{
    background: #292929;
    color: #fff;
  }
  
  .drilldown.menu > li.is-drilldown-submenu-parent > a, 
  .drilldown.menu > li > a{
    color: #fff;
    border-bottom: none;
  }
  
  .drilldown .is-drilldown-submenu-parent > a::after{
    color: #B2D235;
  }
  
  .drilldown .is-drilldown-submenu{
    background: #292929;
  }
  
  .drilldown a, 
  .drilldown .is-drilldown-submenu li:not(.js-drilldown-back) a{
    padding: 1rem;
    font-size: 24px;
  }
  
  .drilldown .is-drilldown-submenu li.js-drilldown-back > a{
    padding: 1rem;
    font-size: 16px;
  }
  
  .drilldown .is-drilldown-submenu a{
    font-weight: 400;
  }
  
  .drilldown .is-drilldown-submenu > li:nth-child(2) > a{
    /*font-weight: 600;*/
  }
  
  ul.menu.drilldown{
    padding-top: 2rem;
  }
  
  .mobile-header-buttons{
    display: block;
  }
  
  .mobile-header-buttons{
    display: block;
    padding: 1rem;
  }
  
  .mobile-header-buttons a{
    display: block;
    margin-bottom: 1rem;
    text-align: center;
    font-weight: 500!important;
    width: 100%;
    font-size: 18px!important;
  }
  
  .mobile-header-buttons a i{
    margin-right: 0.5rem;
  }
  
  .mobile-header-buttons a:hover i,
  .mobile-header-buttons a:focus i{
    color: #B2D235;
  }
  
  .mobile-header-buttons a:last-child{
    margin-bottom: 0;
  }
  
  .mobile-header-buttons .donate-button{
    text-align: center;
    display: block;
  }
  
  .mobile-header-buttons .find-cmha{
    color: #fff;
  }
  
  .mobile-header-footer{
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 1rem;
  }
  
  .mobile-header-footer .social-nav li{
    padding-left: 0;
    padding-right: 1.5rem;
    max-width: 3.5rem;
  }
  
  .mobile-header-footer .header-lang-button{
    color: #fff;
    font-size: 18px;
    border: none;
    padding: 0;
    font-weight: 700;
    border-left: 1px solid #B2D235;
    padding-left: 1.5rem;
  }
  
  .mobile-header-footer .social-nav li i{
    color: #BFBFBF;
  }
  
  .mobile-header-footer .social-nav li i:hover,
  .mobile-header-footer .social-nav li i:focus{
    color: #BFBFBF;
  }
  
  /*.mobile-header-footer .social-after{*/
  /*  width: 1px;*/
  /*  background-color: #B2D235;*/
  /*}*/
  
  .multi-site-select-drilldown.is-open i:before {
    content: "\f077";
  }
  
  .expanding-search-button span{
    display: inline;
  }
  
  .slide-in-search button[type="reset"]{
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
  }
  
  .slide-in-search button[type="submit"]{
    background: #B2D235;
    color: #292929;
  }
  
  .slide-in-search{
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 101;
    background: red;
    width: 100%;
    padding: 1rem;
    text-align: center;
    transform: translateX(100%);
    display: block;
    background: #292929;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
  }
  
  .slide-in-search.is-active{
    transform: translateX(0%);
  }
  
  .search-form.slide-in .input-group{
    display: block;
  }
  
  .slide-in-search p{
    font-size: 25px;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    font-weight: 500;
    margin: 0;
  }
  
  .search-form.slide-in{
    margin-top: 1rem;
  }
  
  .search-form-buttons{
    padding-top: 1rem;
    display: flex;
    justify-content: space-between;
  }
  
  .search-form-buttons button:first-child{
    margin-right: 0.5rem;
  }
  
  .slide-in-search > div{
    width: 100%;
    padding: 1rem;
  }
  
  .slide-in-search input[type="text"]{
    background: #626262;
    color: #B2B2B2;
    text-align: center;
    padding: 1rem;
    height: auto;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
  }
  
  .header-expanding-search.mobile span.close{
    display: none;
  }
  
  .header-expanding-search.mobile.is-active span{
    display: none;
  }
  
  .header-expanding-search.mobile.is-active span.close{
    display: inline;
  }
  
  .header-expanding-search.mobile.is-active i{
    color: #fff;
  }
  
  .header-expanding-search.mobile.is-active i:before{
    content: "\f00d";
  }
  
  .multisite-drilldown {
    padding-bottom: 6rem;
  }
  
  .mobile-header-buttons .find-cmha{
    font-weight: 700!important;
  }
  
  .mobile-header-buttons .donate-button{
    padding: 1rem;
  }
  
  .drilldown.menu > li.is-drilldown-submenu-parent > a, 
  .drilldown.menu > li > a{
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
  }
  
  .drilldown .is-drilldown-submenu > li:nth-child(2) > a{
    /*font-weight: 500;*/
    /*font-family: 'Poppins', sans-serif;*/
  }
  
  .drilldown .is-drilldown-submenu a{
    font-family: 'Poppins', sans-serif;
  }
  
  .multi-site-select--drilldown .is-drilldown-submenu{
    padding-bottom: 3rem;
  }
  
  /* .mobile-swipe-slider .batch-slide-up{ */
    /* opacity: 1!important; */
    /* visibility: visible!important; */
  /* } */
  
  .section--callouts ul.slick-dots li{
    border: 1px solid #292929;
    background-color: transparent;
  }
  
  .section--callouts ul.slick-dots li.slick-active{
    background-color: #292929;
  }
  
  .mobile-swipe-slider .slick-track{
    display: flex!important;
  }
  
  .callout-content-outer{
    padding-bottom: 2rem;
    margin: 0 1rem;
  }
  
  .callout-content p{
    font-size: 18px;
    margin-top: 1rem;
  }
  
  .callout-content {
    flex: initial;
  }
  
  .mobile-swipe-slider ul.slick-dots{
    margin-top: 0;
  }
  
  .mobile-swipe-slider ul.slick-dots li{
    width: 10px;
    height: 10px;
  }
  
  .multisite-drilldown .is-drilldown-submenu > li:not(.js-drilldown-back) > a {
    font-weight: 500;
    font-size: 20px;
  }
  
  .multi-site-select--drilldown .is-drilldown-submenu {
    min-height: 100%!important;
  }
  
  .home .section--news *{
    text-align: left!important;
  }
  
  /*font-family: 'Poppins', sans-serif;*/
  
  .section--text-with-image .static-bg-img{
    padding: 6rem 0;
  }
  
  .section--text-with-image .text-with-image--inner *{
    text-align: left;
  }
  
  .section--newsletter-signup *{
    text-align: left;
  }
  
  .section--newsletter-signup .gform_footer{
    text-align: left!important;
  }
  
  .section--newsletter-signup img{
    margin-left: -1rem;
    margin-right: -1rem;
    max-width: calc(100% + 2rem);
  }
  
  .site-footer .footer-select{
    display: none;
  }
  
  .footer-menu-inner{
    border: none;
  }
  
  .footer-menu > li{
    width: 50%;
  }
  
  .footer-menu > li a{
    text-align: left;
  }
  
  ul.menu.footer-menu > li a{
    text-align: left!important;
  }
  
  .footer-social{
    display: none;
  }
  
  .footer-contact-info{
    border-bottom: none;
    margin-bottom: 1rem;
  }
  
  ul.menu.footer-menu{
    padding-bottom: 0;
  }
  
  .sub-footer *{
    text-align: left!important;
    color: #A8A8A8!important;
  }
  
  ul.menu.sub-footer-menu{
    justify-content: flex-start;
  }
  
  .sub-footer-menu li a{
    padding-left: 0;
  }
  
  .search-form.fr{
    
  }
  
  .site-header.fr .header-lang-button{
    font-size: 18px;
  }
  
  .slide-in-search .search-form.en .search-form-buttons button[type="reset"]{
    width: 28%;
    margin-right: 2%;
  }
  
  .slide-in-search .search-form.en .search-form-buttons button[type="submit"]{
    width: 70%;
  }
  
  .slide-in-search .search-form.fr .search-form-buttons button[type="reset"]{
    width: 48%;
    margin-right: 2%;
  }
  
  .slide-in-search .search-form.fr .search-form-buttons button[type="submit"]{
    width: 48%;
  }
}



/*calendar*/

.fc-toolbar h2{
  font-size: 16px;
  margin-bottom: 0;
}

.fc-toolbar button {
    position: relative;
    background: transparent;
    border: none;
    padding: 0;
    box-shadow: none;
    margin-top: 0.5rem;
}

.fc-event, 
.fc-event-dot {
    background-color: #B2D235;
    color: #292929;
}

.fc-event:hover, 
.fc-event-dot:hover,
.fc-event:focus, 
.fc-event-dot:focus{
    background-color: #B2D235;
    color: #292929;
}

.fc-event {
    border: 1px solid #B2D235;
    color: #292929;
}

.fc-unthemed td.fc-today {
    background: #f7f7f7;
}

.fc-view-container thead{
  background: transparent;
}

.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-helper-skeleton td {
    background: none;
    border-color: #ddd;
}

.fc-row:first-child table{
  margin: 0;
}

.fc-toolbar.fc-header-toolbar{
  margin-bottom: 0;
}

.fc-view thead, tbody, tfoot{
  border: none;
}

.section--search h1{
  margin-bottom: 2rem;
}

.section--search .news-block{
  border-bottom: 1px solid #005555;
  margin-bottom: 2rem;
}


.search-map-location-loading{
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(255,255,255,0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  font-family: 'Poppins', sans-serif;
  color: #292929;
  font-size: 40px;
  line-height: 50px;
  font-weight: 600;
}

.ginput_container[id^="gf_coupons"] {
  display: flex;
}

.addthis_inline_share_toolbox_r6ce.addthis_tool,
.addthis_inline_share_toolbox.addthis_tool {
    max-width: 60rem;
    margin: 1rem auto;
    padding: 2rem;
    text-align: left;
}

main > .at-below-post:last-child{
  padding-bottom: 4rem;
}
.newShareIcon{
    font-family: 'simple-line-icons';
    speak: none;
    font-style: normal;
    font-weight: 900;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.newShareIcon:before{
content:"\e05b";
}
.newFacebookIcon{
    font-family: 'simple-line-icons';
    speak: none;
    font-style: normal;
    font-weight: 900;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.newFacebookIcon:before{
content:"\e087";
}
.baackgroundgray
{
	background-color:#f7f7f7;
}

/*Custom CSS gForm*/
.gform-col #gform_wrapper_23{
  display: block !important;
}