/*
Theme Name: Last Mile Health
Theme URI: http://www.drivendevelopment.com/
Description: Custom WordPress theme for Last Mile Health.
Author: <a href="http://www.drivendevelopment.com/" target="_blank">Driven Development</a> on behalf of <a href="http://www.the-medium.net" target="_blank">The Medium</a>
Version: 1.0
*/

@import url(default.css?a);

/**
 * Defaults and Resets
 */
*,
*:before,
*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

html {font-size: 62.5%; -webkit-text-size-adjust: none;}

html, body {margin: 0; padding: 0; background: #fff;}

body {font-family: 'Lato', Arial, Verdana, Sans-Serif; font-size: 18px; line-height: 26px; color: #193946;}

form {margin: 0; padding: 0;}

img {border: 0; max-width: 100%; height: auto;}

td {vertical-align: top;}

h1 {margin: 0 0 20px 0; font-size: 72px; line-height: 74px; font-weight: 900;}
h2 {margin: 0 0 20px 0; font-size: 40px; line-height: 44px; font-weight: 900; letter-spacing: 1px;}

p {margin: 0 0 30px 0;}
p:last-child {margin: 0;}

a {transition: 0.25s ease; color: #4bb7d6; text-decoration: none;}
a:focus,
a:hover {color: #4bb7d6; text-decoration: underline;}

/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 0; line-height: 0; display: block;}
.clearfix {zoom: 1;}
.clearfix:after {content: ""; display: block; height: 0; font-size: 0; line-height: 0; clear: both; visibility: hidden;}
.hidden {height: 1px; left: -10000px; overflow: hidden; position: absolute; top: auto; width: 1px;}
.screen-reader-text,
.visually-hidden {border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;}

a#skip,
a#skip:hover,
a#skip:visited {position: absolute; left: 0px; top: -500px; width: 1px; height: 1px; overflow: hidden; padding: 10px; background: #3f3f3f; display: block; color: #fff;}
a#skip:active,
a#skip:focus {position: fixed; width: auto; height: auto; top: 10px; left: 10px; z-index: 10000;}

nav ul {margin: 0; padding: 0; list-style-type: none;}

/**
 * Layout
 */
#header {position: fixed; top: 0; right: 0; left: 0; transition: 0.5s ease; z-index: 10;}
#header .section > div {max-width: 100%;}
#header .upper {background: #193946; font-size: 13px; line-height: 40px; color: #e5e5e5; font-weight: 400;}
#header .upper > div {height: 40px;}
#header .upper form {display: flex; float: right;}
#header .upper form p {align-self: center; margin: 0 15px 0 0;}
#header .upper form [type="email"] {background: #e5e5e5; border: none; font-size: 13px; line-height: 20px; color: #434343; padding: 10px;}
#header .upper form [type="submit"] {background: #8e3168; font-size: 12px; line-height: 40px; padding: 0 15px; text-transform: uppercase; margin: 0; border: none; cursor: pointer; font-weight: 900; letter-spacing: 1px; color: #fff; transition: 0.25s ease;}
#header .upper form [type="submit"]:focus,
#header .upper form [type="submit"]:hover {background: #00394a;}
#header .lower > div {height: 120px; background: #fff; position: relative;}
#header .logo {position: absolute; top: 20px; left: 40px; transition: 0.5s ease;}
#header .logo img {display: block; transition: 0.5s ease;}
#header .primary-nav {position: absolute; bottom: 20px; right: 40px; font-size: 16px; line-height: 20px; font-weight: 400; transition: 0.5s ease;}
#header .primary-nav a {color: #00394a; text-decoration: none;}
#header .primary-nav > ul > li {float: left; margin-left: 5px; position: relative;}
#header .primary-nav > ul > li > a {display: block; position: relative; font-size: 15px; line-height: 20px; padding: 13px 45px 13px 20px; text-transform: uppercase; letter-spacing: 1px; transition: 0.5s ease; font-weight: 900;}
#header .primary-nav > ul > li > a:before {position: absolute; content: ""; left: 0; right: 0; top: -10px; height: 10px; background: #4BB7D6; opacity: 0; transition: 0.5s ease;}
#header .primary-nav > ul > li.menu-item-has-children > a:after {position: absolute; font-family: 'Font Awesome 5 Pro'; content: "\f078"; color: #4BB7D6; top: 13px; right: 20px;}
#header .primary-nav > ul > li > ul {position: absolute; background: #e5e5e5; padding: 10px 20px 30px 20px; left: 0; right: 0; opacity: 0; pointer-events: none; transition: 0.5s ease;}
#header .primary-nav > ul > li > ul ul {padding: 10px 0 0 20px; font-size: 15px;}
#header .primary-nav > ul > li > ul ul a {display: block; position: relative; padding: 0 10px 0 0;}
#header .primary-nav > ul > li > ul ul a:before {position: absolute; content: ""; background: #69AA55; top: 7px; left: -12px; width: 6px; height: 6px;}
#header .primary-nav > ul > li > ul ul a:after {position: absolute; font-family: 'Font Awesome 5 Pro'; content: "\f054"; color: #69AA55; top: calc(50% - 10px); right: 0; transition: 0.25s ease;}
#header .primary-nav > ul > li > ul ul a:focus,
#header .primary-nav > ul > li > ul ul a:hover {text-decoration: underline;}
#header .primary-nav > ul > li > ul ul a:focus:after,
#header .primary-nav > ul > li > ul ul a:hover:after {right: -5px;}
#header .primary-nav > ul > li > ul ul li + li {margin-top: 10px;}
#header .primary-nav > ul > li.active > a {background: #e5e5e5;}
#header .primary-nav > ul > li.active > a:before {opacity: 1;}
#header .primary-nav > ul > li.active > a:after {content: "\f054";}
#header .primary-nav > ul > li.active > ul {opacity: 1; pointer-events: all;}
#header .primary-nav > ul > li.what-we-do > a:before {background: #69AA55;}
#header .primary-nav > ul > li.what-we-do > a:after {color: #69AA55;}
#header .primary-nav > ul > li.what-we-do > ul > li > a:after {color: #69AA55;}
#header .primary-nav > ul > li.where-we-work > a:before {background: #8E3168;}
#header .primary-nav > ul > li.where-we-work > a:after {color: #8E3168;}
#header .primary-nav > ul > li.where-we-work > ul > li > a:after {color: #8E3168;}
#header .primary-nav > ul > li.join-our-team > a:before {background: #EDC01E;}
#header .primary-nav > ul > li.join-our-team > a:after {color: #EDC01E;}
#header .primary-nav > ul > li.join-our-team > ul > li > a:after {color: #EDC01E;}
#header .primary-nav > ul > li.about-us > ul,
#header .primary-nav > ul > li.what-we-do > ul {width: 230px;}
#header .primary-nav > ul > li > ul > li > a {position: relative; display: block; padding: 0 40px 0 0;}
#header .primary-nav > ul > li > ul > li > a:after {position: absolute; font-family: 'Font Awesome 5 Pro'; content: "\f054"; color: #4BB7D6; top: calc(50% - 10px); right: 0; transition: 0.25s ease;}
#header .primary-nav > ul > li > ul > li > a:focus,
#header .primary-nav > ul > li > ul > li > a:hover {text-decoration: underline;}
#header .primary-nav > ul > li > ul > li > a:focus:after,
#header .primary-nav > ul > li > ul > li > a:hover:after {right: -5px;}
#header .primary-nav > ul > li > ul > li + li {margin-top: 10px;}
#header .primary-nav > ul > li.donate {margin-left: 20px;}
#header .primary-nav > ul > li.donate > a {background: #4bb7d6; color: #fff; border-top-color: #fff; padding-right: 20px;}
#header .primary-nav > ul > li.donate > a:before,
#header .primary-nav > ul > li.donate > a:after {display: none;}
#header .primary-nav > ul > li.donate > a:focus,
#header .primary-nav > ul > li.donate > a:hover {background: #00394a;}
#header .secondary-nav {position: absolute; top: 15px; right: 40px; font-size: 13px; line-height: 20px; color: #434343; font-weight: 400; transition: 0.5s ease;}
#header .secondary-nav > ul > li {float: left;}
#header .secondary-nav > ul > li + li {border-left: solid 1px #cbcbcb;}
#header .secondary-nav > ul > li > a {margin: 0 15px; color: #434343; text-decoration: none;}
#header .secondary-nav > ul > li > a:focus,
#header .secondary-nav > ul > li > a:hover {text-decoration: underline;}
#header .secondary-nav > ul > li.search > a:before {font-family: 'Font Awesome 5 Pro'; content: "\f002"; display: inline-block; vertical-align: middle; margin-right: 7px; font-size: 15px; margin-top: -2px;}
#header .secondary-nav > ul > li.alert {border-left: none; position: relative; top: -4px;}
#header .secondary-nav > ul > li.alert > a {background: #edc01e; padding: 0 15px; line-height: 30px; font-weight: 900; display: block; margin: 0;}
#header .toggle-menu {position: absolute; bottom: 15px; right: 20px; display: none;}
#header .search-form {position: absolute; top: 10px; right: 40px; width: 300px; opacity: 0; pointer-events: none; transition: 0.5s ease;}
#header .search-form [type="text"] {display: block; width: 100%; padding: 5px 30px 5px 0; border: none; border-bottom: solid 1px #434343; font-size: 13px; line-height: 20px;}
#header .search-form [type="submit"] {position: absolute; top: 5px; right: 0; font-size: 15px; line-height: 19px; background: none; padding: 0; margin: 0; border: none; width: 20px; text-align: center;}
#header .search-form .close {position: absolute; left: -20px; top: 5px; font-size: 15px; padding: 0; margin: 0; border: none; font-weight: 300; background: none;}
#header.search-active .search-form {opacity: 1; pointer-events: all;}
#header.search-active .secondary-nav {opacity: 0; pointer-events: none;}
body.admin-bar #header {top: 32px;}

/*
.js body.page-fade {opacity: 0; transition: opacity 400ms ease-in;}
.js body.page-fade.loaded {opacity: 1;}
*/

#search-form {display: none;}

#page {min-width: 320px; transition: 0.5s ease; position: relative; right: 0; padding-top: 160px; overflow: hidden;}

#footer {border-top: solid 10px #69aa55; font-size: 16px; line-height: 20px;}
#footer .headline {margin: 0 0 15px 0; color: #434343; text-transform: uppercase; letter-spacing: 1px; font-weight: 900;}
#footer .upper {background: #e5e5e5;}
#footer .upper > div {padding-top: 60px; padding-bottom: 80px;}
#footer .upper a {color: #193946; text-decoration: none;}
#footer .upper a:focus,
#footer .upper a:hover {text-decoration: underline;}
#footer .upper .container {display: flex; flex-wrap: wrap; flex-direction: row-reverse;}
#footer .upper .left {width: 28%; padding: 0 60px 0 0;}
#footer .upper .right {width: 72%; display: flex; flex-wrap: wrap;}
#footer .upper .right > div {width: 25%; padding: 0 40px 0 0;}
#footer .upper .links {margin: 0; padding: 0; list-style-type: none;}
#footer .upper .links > li + li {margin-top: 10px;}
#footer .upper .links > li > a {font-weight: 900; text-transform: uppercase; letter-spacing: 1px;}
#footer .upper .links > li > ul {margin: 5px 0 30px 0; padding: 0; list-style-type: none;}
#footer .upper .links > li > ul > li + li {margin-top: 5px;}
#footer .upper .links > li > ul ul {margin: 0; padding: 0 0 0 20px; list-style-type: none;}
#footer .upper .links > li > ul ul li {margin-top: 5px;}
#footer .lower {font-size: 14px; line-height: 16px; color: #898989;}
#footer .lower > div {padding-top: 20px; padding-bottom: 20px;}
#footer .lower ul {margin: 0 0 0 15px; padding: 0; list-style-type: none; display: inline-block;}
#footer .lower li {border-left: solid 1px #898989; padding: 0 15px; display: inline-block;}
#footer .lower a {color: #898989; text-decoration: none;}
#footer .lower a:focus,
#footer .lower a:hover {text-decoration: underline;}
#footer .newsletter {margin: 0 0 50px 0;}
#footer .newsletter form {background: #fff; padding: 6px; position: relative;}
#footer .newsletter input {width: calc(100% - 30px); font-size: 16px; line-height: 20px; padding: 5px 0; border: none;}
#footer .newsletter button {position: absolute; top: 6px; right: 6px; display: block; width: 30px; height: 30px; color: #fff; background: #8E3168; margin: 0; padding: 0; border: none; cursor: pointer;}
#footer .newsletter button:focus,
#footer .newsletter button:hover {background: #4bb7d6;}
#footer .newsletter .headline {color: #8E3168;}
#footer .social-links a:focus,
#footer .social-links a:hover {color: #4BB7D6;}

#mobile-menu {width: 260px; position: fixed; right: -260px; top: 0; height: 100%; font-size: 14px; line-height: 18px; background: #fff; overflow: auto; transition: right 0.25s ease; z-index: 1000; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
#mobile-menu .nav {font-size: 15px; line-height: 20px; padding: 50px 30px;}
#mobile-menu .nav a {color: #00394a; text-decoration: none;}
#mobile-menu .nav a:focus,
#mobile-menu .nav a:hover {text-decoration: underline;}
#mobile-menu .close {position: absolute; top: 20px; right: 20px; background: url(images/close.png) no-repeat; border: none; margin: 0; padding: 0; cursor: pointer; width: 24px; height: 24px;}
#mobile-menu .primary-nav {margin: 0 0 20px 0;}
#mobile-menu .primary-nav > ul > li > a {text-transform: uppercase;}
#mobile-menu .primary-nav > ul > li + li {margin-top: 20px;}
#mobile-menu .primary-nav > ul ul {padding: 0 0 0 20px;}
#mobile-menu .primary-nav > ul ul li {margin-top: 5px;}
#mobile-menu .secondary-nav {font-size: 13px; line-height: 17px; margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: solid 1px #ccc;}
/*
#mobile-menu .secondary-nav > ul {display: flex;}
#mobile-menu .secondary-nav > ul > li + li {border-left: solid 1px #434343;}
#mobile-menu .secondary-nav > ul > li > a {margin: 0 15px;}
*/
#mobile-menu .secondary-nav > ul > li + li {margin-top: 10px;}
#mobile-menu .secondary-nav .search {display: none;}
#mobile-menu .secondary-nav .alert a {background: #edc01e; padding: 0 15px; line-height: 30px; font-weight: 900; display: block;}
#mobile-menu .search {position: relative; padding: 0 30px 30px 30px;}
#mobile-menu .search [type="text"] {display: block; width: 100%; padding: 5px 30px 5px 0; border: none; border-bottom: solid 1px #ddd;}
#mobile-menu .search button {position: absolute; top: 2px; right: 30px; background: none; border: none; padding: 0; margin: 0; font-size: 18px; line-height: 22px; font-weight: 300;}

.section > div {max-width: 1470px; margin: 0 auto; padding: 0 40px; position: relative;}
.section.grey {background: #e5e5e5;}
.section.blue {background: #4bb7d6;}
.section.gutter > div {padding-top: 60px; padding-bottom: 60px;}
.section.medium-gutter > div {padding-top: 80px; padding-bottom: 80px;}
.section.large-gutter > div {padding-top: 100px; padding-bottom: 100px;}
.section.extra-large-gutter > div {padding-top: 120px; padding-bottom: 120px;}

.section-header {text-align: center; margin: 0 auto 70px auto;}
.section-header h2 {margin: 0; font-size: 40px; line-height: 44px; text-transform: uppercase; letter-spacing: 1px; font-weight: 900;}
.section-header.small {margin: 0 0 30px 0;}
.section-header.small h2 {font-size: 26px; line-height: 30px;}
.section-header.large {font-size: 26px; line-height: 36px; font-weight: 300;}
.section-header.left {text-align: left;}
.section-header.medium-width {max-width: 1050px;}
.section.blue .section-header {color: #fff;}
.section.blue a {color: #fff; text-decoration: underline;}
.section.blue a:focus,
.section.blue a:hover {color: #00394a;}
.section-footer {margin: 60px 0 0 0; color: #525151;}
.section-footer.split {display: flex; flex-wrap: wrap; justify-content: space-between;}
.section-footer.top-border {border-top: solid 1px #dadada; padding: 40px 0 0 0;}
.inner-section.large-gutter {padding: 100px 0 150px 0;}

/**
 * Miscellaneous
 */
.toggle-menu {color: #00394a; font-size: 18px; line-height: 20px; font-weight: 600;}
.toggle-menu > div {display: inline-block; width: 32px; height: 26px;}
.toggle-menu > div span {display: block; width: 32px; height: 4px; margin-bottom: 6px; background: #00394a; transition: .3s ease;}
.toggle-menu.active {color: #00394a;}
.toggle-menu.active > div {-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.toggle-menu.active > div span {background: #00394a;}
.toggle-menu.active > div span:nth-child(1) {-webkit-transform: translateY(7px); -ms-transform: translateY(7px); transform: translateY(7px);}
.toggle-menu.active > div span:nth-child(2) {opacity: 0;}
.toggle-menu.active > div span:nth-child(3) {-webkit-transform: rotate(-90deg) translateX(13px); -ms-transform: rotate(-90deg) translateX(13px); transform: rotate(-90deg) translateX(13px);}

.flexslider {touch-action: pan-y !important; -ms-touch-action: pan-y !important;}
.flexslider ul {margin: 0; padding: 0; list-style-type: none;}

.large-text {font-size: 28px; line-height: 32px; font-weight: 300;}

.social-links {margin: 0; padding: 0; list-style-type: none; font-size: 34px; line-height: 34px;}
.social-links li {display: inline-block; margin: 0 10px;}
.social-links a {color: #434343; text-decoration: none; position: relative; top: 0;}
.social-links a:focus,
.social-links a:hover {color: #4BB7D6; top: -5px;}

.action-link,
#et-boc .et-l .action-link {font-size: 16px; line-height: 20px; font-weight: 900; padding-right: 20px; position: relative; display: inline-block; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; color: #193946;}
#et-boc .et-l .action-link {text-transform: uppercase !important; font-weight: 900 !important;}
.action-link:after,
#et-boc .et-l .action-link:after {font-family: 'Font Awesome 5 Pro'; content: "\f054"; top: 0; right: 0; transition: 0.25s ease; position: absolute;}
.action-link.green {color: #69AA55;}
.action-link.blue {color: #4BB7D6;}
.action-link.white {color: #fff;}
.action-link:focus,
.action-link:hover,
.action-link.white:focus,
.action-link.white:hover,
.action-link.green:focus,
.action-link.green:hover,
#et-boc .et-l .action-link:focus,
#et-boc .et-l .action-link:hover {color: #4bb7d6; text-decoration: none;}
.action-link.blue:focus,
.action-link.blue:hover,
#et-boc .et-l .action-link.blue:focus,
#et-boc .et-l .action-link.blue:hover {color: #00394a;}
.action-link:focus:after,
.action-link:hover:after,
#et-boc .et-l .action-link:focus:after,
#et-boc .et-l .action-link:hover:after {right: -5px;}

.btn {display: inline-block; padding: 13px 25px; font-size: 14px; line-height: 18px; background: #8e3168; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; border: none; color: #fff;}
.btn:focus,
.btn:hover {background: #4bb7d6; text-decoration: none; color: #fff;}

hr {border: none; font-size: 0px; line-height: 0px; margin: 40px 0;}

.pagination {margin: 40px 0 0 0;}
.pagination .page-numbers {display: inline-block; min-width: 25px; text-align: center; text-decoration: none; color: #434343; background: #fff; font-size: 14px; line-height: 25px; padding: 0 5px; margin-right: 10px;}
.pagination .page-numbers.current {background: #8e3168; color: #fff;}
.pagination .page-numbers.dots {background: none; margin: 0 0 0 -10px;}
.pagination a:focus,
.pagination a:hover {background: #4bb7d6; color: #fff;}

.breadcrumbs {font-size: 14px; line-height: 18px; color: #7b7b7b; margin: 0 0 40px 0;}
.breadcrumbs a {color: #4bb7d6; text-decoration: none; font-weight: bold;}
.breadcrumbs a:focus,
.breadcrumbs a:hover {text-decoration: underline;}

.search-results-container {max-width: 900px; margin: 0 auto;}
.search-results-container > div + div {margin-top: 40px; padding-top: 40px; border-top: solid 1px #e3e3e3;}
.search-results-container h2 a {color: #193946; text-decoration: none;}
.search-results-container h2 a:focus,
.search-results-container h2 a:hover {text-decoration: underline;}

.wp-caption {font-size: 14px; line-height: 18px; color: #7b7b7b; font-style: italic; margin-bottom: 30px;}
.wp-caption img {display: block; margin: 0 0 10px 0; width: auto;}
.wp-caption.aligncenter {text-align: center;}

.callout-text {font-size: 21px; line-height: 28px; color: #8e3168; font-style: italic; font-weight: 300;}

.dialog {background: #fff; padding: 50px; max-width: 1070px; position: relative; margin: 0 auto;}

button.mfp-close {background: url(images/close.png) no-repeat center center; text-indent: -10000px;}

.credits {font-size: 13px; line-height: 17px; color: #acacac;}

iframe[src*="oembed"] {width: 100%; height: auto;}

.video-container {display: inline-block; position: relative; padding-bottom: 60%; width: 100%;}
.video-container iframe {height: 100% !important; position: absolute; top: 0; left: 0; width: 100% !important;}

.sup {font-size: 12px; position: relative; top: -6px; margin-left: 2px;}

.wp-caption.aligncenter {width: 100% !important;}
.wp-caption.aligncenter img {margin: 0 auto 10px auto;}

/**
 * Home
 */
#hero {background: url(images/hero.jpg) no-repeat center center; background-size: cover;}
#hero strong {font-size: 72px; line-height: 72px; color: #fff; font-weight: 900; text-transform: uppercase;}
#hero hr {margin: 30px 0; height: 10px; background: #4bb7d6;}
#hero a:not(.action-link) {color: #fff; text-decoration: none;}
#hero .content {padding: 150px 0 300px 0; max-width: 675px;}

.hero-feature {padding: 80px; background: #fff; display: flex; flex-wrap: wrap; align-items: center; position: relative; top: -165px; margin-bottom: -165px;}
.hero-feature h2 {margin: 0 0 10px 0; font-size: 40px; line-height: 42px; text-transform: uppercase; font-weight: 900;}
.hero-feature hr {margin: 30px 0; height: 10px; background: #69AA55; width: 80px;}
.hero-feature .photo {width: 50%;}
.hero-feature .photo img {display: block; width: 100%;}
.hero-feature .content {width: 50%; padding: 0 0 0 80px;}

.impact-section {padding: 80px 0 60px 0;}

.impact-tiles {display: flex; flex-wrap: wrap; margin: 0 -30px -60px -30px;}
.impact-tiles > div {width: 33.3333%; padding: 0 30px 60px 30px; display: flex;}
.impact-tiles > div > div {background: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,0.1); width: 100%;}
.impact-tiles > div:nth-child(2) em {color: #EDC01E; background-image: url(images/icon-learners.png);}
.impact-tiles > div:nth-child(2) .photo img {border-color: #EDC01E;}
.impact-tiles > div:nth-child(3) em {color: #8E3168; background-image: url(images/icon-children.png);}
.impact-tiles > div:nth-child(3) .photo img {border-color: #8E3168;}
.impact-tiles em {display: block; margin: 0 0 10px 0; font-weight: 900; font-size: 56px; line-height: 60px; color: #4BB7D6; text-transform: uppercase; letter-spacing: 1px; padding: 120px 0 0 0; font-style: normal; background: url(images/icon-home-visits.png) no-repeat center top;}
.impact-tiles .photo img {display: block; width: 100%; border-bottom: solid 10px #4BB7D6;}
.impact-tiles .content {padding: 40px 50px; text-align: center;}

.join-team-banner > div {padding-top: 130px; padding-bottom: 50px;}

.join-team-section {position: relative; padding: 20px 0 0 0;}
.join-team-section h2 {margin: 0 0 10px 0; font-size: 40px; line-height: 44px; text-transform: uppercase; letter-spacing: 1px; font-weight: 900;}
.join-team-section h3 {margin: 0 0 20px 0; font-size: 16px; line-height: 20px;}
.join-team-section .container {position: relative; z-index: 1;}
.join-team-section .content {max-width: 400px;}
.join-team-section .position-cards {max-width: 680px; margin-bottom: 20px;}
.join-team-section .slider {position: absolute; top: 0; bottom: 0; right: 0; width: calc(100% - 480px); z-index: 0;}
.join-team-section .slide {width: 100%; height: 100%; background: no-repeat center center; background-size: cover;}
.join-team-section .slick-list,
.join-team-section .slick-track {width: 100%; height: 100%;}
.join-team-section .slick-dots {margin: 15px 0 0 0; padding: 0; list-style-type: none; text-align: right;}
.join-team-section .slick-dots li {display: inline-block; vertical-align: middle; margin-left: 10px; font-size: 0px; line-height: 0px;}
.join-team-section .slick-dots li.slick-active button {background: #69aa55;}
.join-team-section .slick-dots button {display: inline-block; vertical-align: middle; width: 17px; height: 17px; cursor: pointer; background: #e5e5e5; text-indent: -10000px; margin: 0; padding: 0; border: none;}

.position-cards {display: flex; flex-wrap: wrap; margin: 0 -5px -20px -5px; font-size: 16px; line-height: 20px;}
.position-cards > div {width: 33.3333%; padding: 0 5px 20px 5px; display: flex;}
.position-cards > div > div {background: #193946; color: #fff; padding: 20px 20px 90px 20px; position: relative; box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); width: 100%;}
.position-cards a {color: #fff;}
.position-cards .title {font-weight: bold; margin: 0;}
.position-cards .action {margin: 0; position: absolute; left: 20px; bottom: 20px;}
.position-cards .action:before {position: absolute; content: ""; width: 70px; height: 10px; background: #edc01e; top: -30px;}
.position-cards .action-link:focus,
.position-cards .action-link:hover {color: #edc01e;}

.news-banner {position: relative; overflow: hidden;}
.news-banner:before {position: absolute; content: ""; top: 300px; right: -10000px; bottom: 0; left: -10000px; background: #4bb7d6;}
.news-banner > div {padding-top: 50px; padding-bottom: 50px;}
.news-banner .action-link.white:focus,
.news-banner .action-link.white:hover {color: #00394a;}

#page .news-tiles,
#et-boc .et-l .news-tiles {display: flex; flex-wrap: wrap; margin: 0 -15px -60px -15px;}
#page .news-tiles > div,
#et-boc .et-l .news-tiles > div {width: 25%; padding: 0 15px 60px 15px; display: flex;}
#page .news-tiles > div > div,
#et-boc .et-l .news-tiles > div > div {background: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,0.1); width: 100%; display: flex; flex-direction: column;}
#page .news-tiles .category,
#et-boc .et-l .news-tiles .category {margin: 0; padding: 0; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; color: #8E3168 !important;}
#page .news-tiles .photo a,
#page .news-tiles .photo > div,
#et-boc .et-l .news-tiles .photo a,
#et-boc .et-l .news-tiles .photo > div {display: block; background: no-repeat center center; background-size: cover; padding-bottom: 68% !important; border-bottom: solid 10px #8E3168;}
#page .news-tiles .photo img,
#et-boc .et-l .news-tiles .photo img {display: none; width: 100%;}
#page .news-tiles .content,
#et-boc .et-l .news-tiles .content {padding: 30px 30px 80px 30px; position: relative; font-weight: bold; flex-grow: 1;}
#page .news-tiles .content ul {margin: 0; padding: 0; list-style-type: none;}
#page .news-tiles .content ul li + li {margin-top: 5px;}
#page .news-tiles .action,
#et-boc .et-l .news-tiles .action {position: absolute; left: 30px; bottom: 30px;}
#page .news-tiles .logo {margin: 0 0 15px 0;}
#page .news-tiles .logo img {display: block;}
#page .news-tiles .no-action-link .content {padding: 30px;}
#page .news-tiles.no-cropping .photo a,
#page .news-tiles.no-cropping .photo > div {padding: 0 !important;}
#page .news-tiles.no-cropping .photo img {display: block; width: 100%;}

.video-banner {background: url(images/bg-footer-video-poster.jpg) no-repeat center center; background-size: cover; position: relative; overflow: hidden;}
.video-banner .video > div {position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px;}
.video-banner .video > div:after {position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg,rgba(25,57,72,.36),rgba(25,57,72,.36));}
.video-banner .video video,
.video-banner .video canvas {position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.video-banner .content {padding: 200px 40px; max-width: 760px; margin: 0 auto; font-size: 40px; line-height: 44px; color: #fff; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; text-align: center; position: relative;}
.video-banner .content strong {display: block; color: #4bb7d6; font-weight: 900;}

/**
 * What We Do
 */
#page-intro {background: url(images/doctor-treating-child.jpg) no-repeat center center; background-size: cover; font-size: 21px; line-height: 28px; color: #fff; position: relative;}
#page-intro h1 {margin: 0 0 40px 0; padding: 0 0 40px 0; position: relative; font-size: 72px; line-height: 72px; color: #fff; font-weight: 700; text-transform: uppercase;}
#page-intro h1:after {position: absolute; content: ""; left: 0; bottom: 0; width: 80px; height: 10px; background: #69aa55;}
#page-intro a {color: #fff; text-decoration: none;}
#page-intro a:focus,
#page-intro a:hover {text-decoration: underline;}
#page-intro .content {padding: 150px 0 300px 0; max-width: 555px;}
#page-intro.masked:before {position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background: -moz-linear-gradient(left,  rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);background: linear-gradient(to right,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);;}

.intro-callouts-box {padding: 50px 70px 80px 70px; background: #fff; position: relative; top: -200px; margin-bottom: -200px; box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);}
.intro-callouts-box header {margin: 0 auto 60px auto; font-size: 26px; line-height: 32px; text-align: center; max-width: 900px;}
.intro-callouts-box footer {margin: 60px auto 0 auto; max-width: 900px;}

.callout-boxes {display: flex; flex-wrap: wrap; margin: 0 -25px -50px -25px; font-size: 40px; line-height: 44px; text-transform: uppercase; text-align: center; font-weight: 900; justify-content: center;}
.callout-boxes > div {display: flex; width: 33.3333%; padding: 0 25px 50px 25px;}
.callout-boxes > div > a {display: flex; width: 100%; align-items: center; background: no-repeat center center; background-size: cover; position: relative; border-bottom: solid 10px #4bb7d6; color: #fff; text-decoration: none; min-height: 300px; padding: 20px;}
.callout-boxes > div > a:before {position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,86,126,0.60); transition: 0.25s ease;}
.callout-boxes > div > a:focus:before,
.callout-boxes > div > a:hover:before {background: #4bb7d6;}
.callout-boxes > div:nth-child(2) > a {border-bottom-color: #69aa55;}
.callout-boxes > div:nth-child(2) > a:before {background: rgba(41,90,26,0.6);}
.callout-boxes > div:nth-child(2) > a:focus:before,
.callout-boxes > div:nth-child(2) > a:hover:before {background: #69aa55;}
.callout-boxes > div:nth-child(3) > a {border-bottom-color: #8e3168;}
.callout-boxes > div:nth-child(3) > a:before {background: rgba(82,17,55,0.6);}
.callout-boxes > div:nth-child(3) > a:focus:before,
.callout-boxes > div:nth-child(3) > a:hover:before {background: #8e3168;}
.callout-boxes span {width: 100%; position: relative;}
.callout-boxes.work > div > a {border-bottom-color: #193946;}
.callout-boxes.work > div > a:before {background: rgba(25,57,70,0.6);}
.callout-boxes.work > div > a:focus:before,
.callout-boxes.work > div > a:hover:before {background: #193946;}

#et-boc .divi-callout-boxes a {font-size: 40px; line-height: 44px; text-transform: uppercase !important; text-align: center; font-weight: 900 !important; display: flex; width: 100%; align-items: center; background: no-repeat center center !important; background-size: cover !important; position: relative; border-bottom: solid 10px #4bb7d6 !important; color: #fff !important; text-decoration: none; min-height: 300px; padding: 20px;}
#et-boc .divi-callout-boxes a:before {position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,86,126,0.60); transition: 0.25s ease; z-index: -1;}
#et-boc .divi-callout-boxes a:focus:before,
#et-boc .divi-callout-boxes a:hover:before {background: #4bb7d6;}
#et-boc .divi-callout-boxes > div,
#et-boc .divi-callout-boxes > div > div,
#et-boc .divi-callout-boxes > div > div > div,
#et-boc .divi-callout-boxes > div > div > div > p,
#et-boc .divi-callout-boxes > div > div > div > p > a {display: flex; width: 100%; justify-content: center;}
#et-boc .divi-callout-boxes > div:nth-child(2) a {border-bottom-color: #69aa55 !important;}
#et-boc .divi-callout-boxes > div:nth-child(2) a:before {background: rgba(41,90,26,0.6);}
#et-boc .divi-callout-boxes > div:nth-child(2) a:focus:before,
#et-boc .divi-callout-boxes > div:nth-child(2) a:hover:before {background: #69aa55 !important;}
#et-boc .divi-callout-boxes > div:nth-child(3) a {border-bottom-color: #8e3168 !important;}
#et-boc .divi-callout-boxes > div:nth-child(3) a:before {background: rgba(82,17,55,0.6);}
#et-boc .divi-callout-boxes > div:nth-child(3) a:focus:before,
#et-boc .divi-callout-boxes > div:nth-child(3) a:hover:before {background: #8e3168 !important;}

.callout-tiles {display: flex; flex-wrap: wrap; margin: 0 -20px -40px -20px; font-size: 21px; line-height: 25px; text-transform: uppercase; letter-spacing: 1px; font-weight: 900;}
.callout-tiles > div {width: 25%; padding: 0 20px 40px 20px; display: flex;}
.callout-tiles > div > a {width: 100%; color: #69aa55; text-decoration: none; background: #fff; display: flex; flex-direction: column; box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);}
.callout-tiles > div > a:focus,
.callout-tiles > div > a:hover {background: #69aa55; color: #fff;}
.callout-tiles > div:nth-child(2) > a {color: #193946;}
.callout-tiles > div:nth-child(2) > a:focus,
.callout-tiles > div:nth-child(2) > a:hover {background: #193946; color: #fff;}
.callout-tiles > div:nth-child(2) .content {border-top-color: #193946;}
.callout-tiles > div:nth-child(3) > a {color: #4bb7d6;}
.callout-tiles > div:nth-child(3) > a:focus,
.callout-tiles > div:nth-child(3) > a:hover {background: #4bb7d6; color: #fff;}
.callout-tiles > div:nth-child(3) .content {border-top-color: #4bb7d6;}
.callout-tiles > div:nth-child(4) > a {color: #edc01e;}
.callout-tiles > div:nth-child(4) > a:focus,
.callout-tiles > div:nth-child(4) > a:hover {background: #edc01e; color: #fff;}
.callout-tiles > div:nth-child(4) .content {border-top-color: #edc01e;}
.callout-tiles img {display: block; width: 100%;}
.callout-tiles .content {display: block; padding: 20px 40px 20px 30px; position: relative; border-top: solid 10px #69aa55; display: flex; align-items: center; flex-grow: 1;}
.callout-tiles .content:after {position: absolute; font-family: 'Font Awesome 5 Pro'; content: "\f054"; top: calc(50% - 13px); right: 20px; line-height: 26px; height: 26px;}

.footer-callout-banner {background: url(images/bg-footer-callout.jpg) no-repeat center center; background-size: cover;}
.footer-callout-banner > div {padding-top: 90px; padding-bottom: 90px;}
.footer-callout-banner hr {margin: 30px auto 20px auto; background: #4bb7d6; width: 130px; height: 10px;}
.footer-callout-banner a:focus,
.footer-callout-banner a:hover {color: #4bb7d6;}
.footer-callout-banner .content {max-width: 760px; margin: 0 auto; font-size: 40px; line-height: 44px; color: #fff; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; text-align: center; position: relative;}
.footer-callout-banner .content strong {display: block; color: #4bb7d6; font-weight: 900;}

/**
 * Blog
 */
#page-intro .blog-header-content {padding: 100px 0 140px 0;}
#page-intro .blog-header-content h1 {margin: 0 0 90px 0;}
#page-intro .blog-header-content h1:after {background: #edc01e;}

.blog-filters {display: flex; flex-wrap: wrap; justify-content: space-between;}
.blog-filters > .filters {display: flex; flex-wrap: wrap; margin: 0 0 20px 0;}
.blog-filters > .filters > .filter {margin-right: 15px;}
.blog-filters .actions {display: flex; flex-wrap: wrap; align-items: center;}
.blog-filters .actions .action-link {margin-left: 30px; font-size: 14px;}
.blog-filters .search form {position: relative; background: #e5e5e5; border-radius: 5px; padding: 0 50px 0 20px;}
.blog-filters .search form [type="text"] {width: 100%; padding: 11px 0; background: none; border: none;}
.blog-filters .search form button {position: absolute; top: 0; right: 0; bottom: 0; width: 50px; font-size: 16px; line-height: 44px; border: none; background: none; margin: 0; padding: 0; color: #6b6b6b;}
.blog-filters select {width: 300px;}

.featured-posts {position: relative; top: -100px; margin-bottom: -100px; box-shadow: 0 0 20px 0 rgba(0,0,0,0.1); padding: 80px; background: #fff; font-size: 16px; line-height: 24px;}
.featured-posts article {display: flex; flex-wrap: wrap;}
.featured-posts article > .thumb {width: 55%; padding: 0 80px 0 0;}
.featured-posts article > .thumb img {display: block; width: 100%;}
.featured-posts article > .content {width: 45%; padding: 0 0 40px 0; position: relative;}
.featured-posts article h2 {margin: 0 0 10px 0; font-size: 34px; line-height: 40px; color: #193946; font-weight: bold;}
.featured-posts article h2 a {color: #193946; text-decoration: none;}
.featured-posts article h2 a:focus,
.featured-posts article h2 a:hover {text-decoration: underline;}
.featured-posts article .date {color: #8e3168; margin: 0 0 20px 0; font-size: 16px; text-transform: uppercase; font-weight: 900; letter-spacing: 2px;}
.featured-posts article .categories {position: absolute; left: 0; bottom: 0; font-size: 14px; line-height: 18px; font-weight: bold; color: #b9b9b9; font-weight: 300;}
.featured-posts article .categories a {color: #4bb7d6; text-decoration: none; font-weight: bold;}
.featured-posts article .categories a:focus,
.featured-posts article .categories a:hover {text-decoration: underline;}
.featured-posts article + article {margin-top: 80px; padding-top: 80px; border-top: solid 1px #e3e3e3;}

.posts-grid {margin: 0 -20px; display: flex; flex-wrap: wrap;}
.posts-grid > div {width: 25%; padding: 0 20px 60px 20px; display: flex;}
.posts-grid > div > article {background: #fff; width: 100%; box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); position: relative;}
.posts-grid h3 {margin: 0 0 10px 0; font-size: 16px; line-height: 24px; color: #193946; font-weight: bold;}
.posts-grid h3 a {color: #193946; text-decoration: none;}
.posts-grid h3 a:focus,
.posts-grid h3 a:hover {text-decoration: underline;}
.posts-grid .content {padding: 20px 20px 60px 20px;}
.posts-grid .date {color: #8e3168; margin: 0 0 5px 0; font-size: 14px; text-transform: uppercase; font-weight: 900;}
.posts-grid .categories {position: absolute; left: 20px; bottom: 20px; right: 20px; font-size: 14px; line-height: 18px; font-weight: bold; color: #b9b9b9; font-weight: 300;}
.posts-grid .categories a {color: #4bb7d6; text-decoration: none; font-weight: bold;}
.posts-grid .categories a:focus,
.posts-grid .categories a:hover {text-decoration: underline;}
/*
.posts-grid .thumb img {display: block; width: 100%; border-bottom: solid 10px #8e3168;}
*/
.posts-grid .thumb a,
.posts-grid .thumb > div {display: block; background: no-repeat center center; background-size: cover; padding-bottom: 68%; border-bottom: solid 10px #8E3168;}
.posts-grid .thumb img {display: none; width: 100%;}

#page-intro .post-header-content {max-width: 800px; padding: 300px 0 270px 0;}
#page-intro .post-header-content h1 {margin: 0; padding: 0; font-size: 50px; line-height: 54px; color: #fff; text-transform: none;}
#page-intro .post-header-content h1:after {display: none;}
#page-intro .post-header-content .date {font-size: 19px; line-height: 23px; color: #edc01e; font-weight: 900; text-transform: uppercase; margin: 0 0 10px 0; letter-spacing: 2px;}

.main-content-box {padding: 80px; background: #fff; position: relative; top: -215px; margin-bottom: -215px; box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);}
.main-content-box.with-top-border {border-top: solid 10px #8e3168;}

.sidebar-layout {display: flex; flex-wrap: wrap;}
.sidebar-layout > .content {width: 75%; padding: 0 80px 0 0;}
.sidebar-layout > aside {width: 25%;}

.article-content {font-size: 16px; line-height: 24px;}
.article-content h2 {text-transform: uppercase; font-size: 26px; line-height: 30px; margin: 0 0 20px 0; letter-spacing: normal;}
.article-content a {color: #4bb7d6; text-decoration: none;}
.article-content a:focus,
.article-content a:hover {text-decoration: underline;}

.widget {margin: 0 0 40px 0;}

.widget-title {margin: 0 0 10px 0; font-size: 16px; line-height: 20px; color: #434343; text-transform: uppercase; letter-spacing: 1px; font-weight: bold;}

.newsletter-widget {padding: 30px; background: #193946; font-size: 16px; line-height: 20px; color: #fff; font-weight: 300;}
.newsletter-widget .widget-title {color: #edc01e; margin: 0 0 5px 0;}
.newsletter-widget .fields {background: #fff; padding: 6px; position: relative;}
.newsletter-widget .fields [type="email"] {width: calc(100% - 30px); font-size: 14px; padding: 5px; border: none;}
.newsletter-widget .fields button {position: absolute; top: 6px; right: 6px; width: 30px; height: 30px; font-size: 15px; line-height: 30px; color: #fff; background: #8e3168; border: none; margin: 0; padding: 0; text-align: center;}
.newsletter-widget .fields button:focus,
.newsletter-widget .fields button:hover {background: #000;}

.post-footer {margin-top: 30px; padding-top: 30px; border-top: solid 1px #e3e3e3;}

.generic-content-sections > .item + .item {margin-top: 80px;}

/**
 * Country pages
 */
#page-intro.country-page-intro h1:after {background: #4bb7d6;}
body.page-id-7591 #page-intro.country-page-intro h1:after {background: #edc01e;}
body.page-id-6116 #page-intro.country-page-intro h1:after {background: #8e3168;}
body.page-id-7598 #page-intro.country-page-intro h1:after {background: #8e3168;}

.country-snapshot-box {position: relative; top: -210px; margin-bottom: -210px;}

.country-snapshot {display: flex; flex-wrap: wrap; align-items: center; font-size: 19px;}
.country-snapshot > .content {width: 55%; padding: 0 60px 0 0;}
.country-snapshot > .map {width: 45%;}
.country-snapshot > .map img {display: block; margin: 0 auto;}
.country-snapshot h2 {margin: 0 0 10px 0; font-size: 40px; line-height: 44px; text-transform: uppercase; font-weight: 900;}

.country-stats {border-top: solid 1px #bcbcbc; margin-top: 40px; padding-top: 40px;}

.stats {display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -30px 0 -30px; font-size: 16px; line-height: 18px; font-weight: bold; text-transform: uppercase; color: #4bb7d6; text-align: center;}
.stats > div {width: 16.666%; padding: 0 30px 60px 30px;}
.stats img {display: block; margin: 0 auto 20px auto;}
.stats h3 {margin: 0 0 10px 0; font-size: 16px; line-height: 18px; font-weight: 900; color: #193946;}
.stats h3 .line {display: block;}
.stats strong {display: block; font-size: 56px; line-height: 56px; font-weight: 900;}
.stats em {display: block; font-style: normal; font-size: 22px; line-height: 26px;}
.stats .green {color: #69aa55;}
.stats .purple {color: #8e3168;}
.stats .yellow {color: #edc01e;}

.citations {text-align: center; font-size: 14px; line-height: 18px; color: #737373;}

.text-with-photo {margin: 0 -40px; display: flex; flex-wrap: wrap; align-items: center;}
.text-with-photo > div {width: 50%; padding: 0 40px;}
.text-with-photo h2 {margin: 0 0 20px 0; font-size: 40px; line-height: 44px; text-transform: uppercase; letter-spacing: 1px; font-weight: 900;}
.text-with-photo > .photo img {display: block; width: 100%;}
.text-with-photo.map > .content {position: relative;}
.text-with-photo.map > .content > div {position: relative;}
.text-with-photo.map > .content:before {position: absolute; content: ""; z-index: 0; top: -80px; right: -100px; bottom: -80px; left: -100px; background: url(images/dotted-map.png) no-repeat center center; background-size: contain;}
.text-with-photo.swap {flex-direction: row-reverse;}

.approach-boxes {display: flex; flex-wrap: wrap; margin: 0 -20px; justify-content: center;}
.approach-boxes > div {width: 33.3333%; padding: 0 20px; display: flex;}
.approach-boxes > div > div {position: relative; padding: 40px; background: #4bb7d6; color: #fff; min-height: 280px; margin: 0 0 40px 0; width: 100%;}
.approach-boxes h3 {margin: 0 0 5px 0; font-size: 28px; line-height: 32px; text-transform: uppercase; font-weight: 900;}
.approach-boxes .number {position: absolute; top: 40px; left: 30px; font-size: 56px; line-height: 56px; font-weight: 900;}
.approach-boxes .purple {background: #8e3168;}
.approach-boxes .green {background: #69aa55;}
.approach-boxes .big-stone {background: #193946;}

.patnerships-banner ul {margin: 0; padding: 0; list-style-type: none; font-weight: bold; font-size: 21px; line-height: 26px;}
.patnerships-banner ul ul {margin: 20px 0 0 0;}
.patnerships-banner li {padding: 0 0 0 15px; text-indent: -15px;}
.patnerships-banner li + li {margin-top: 15px;}

.cols {display: flex; flex-wrap: wrap; margin: 0 -20px -40px -20px;}
.cols > div {width: 50%; padding: 0 20px 40px 20px;}
.cols.cols-3 > div {width: 33.3333%;}
.cols.cols-4 > div {width: 25%;}
.cols.cols-5 > div {width: 20%;}

/**
 * News page
 */
#page-intro.news-page-intro h1:after {background: #4bb7d6;}
#page-intro.news-page-intro.archive .content {padding: 100px 0;}
body.post-type-archive-press_release #page-intro.news-page-intro.archive .content {max-width: 100%;}

.link-filters {margin: 0; padding: 0; list-style-type: none; font-size: 16px; line-height: 20px; color: #fff; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; display: flex;}
.link-filters li + li:before {content: "|"; margin: 0 20px;}

.featured-story {display: flex; flex-wrap: wrap; font-size: 26px; line-height: 32px;}
.featured-story > .photo {width: 50%;}
.featured-story > .photo img {width: 100%; display: block;}
.featured-story > .content {width: 50%; padding: 0 0 80px 80px; position: relative;}
.featured-story h2 {margin: 0 0 20px 0; font-size: 16px; line-height: 20px; color: #8e3168; letter-spacing: 2px; text-transform: uppercase; font-weight: 900;}
.featured-story h3 {margin: 0; font-size: 38px; line-height: 44px; font-weight: 900;}
.featured-story h3 a {color: #193946; text-decoration: none;}
.featured-story h3 a:focus,
.featured-story h3 a:hover {text-decoration: underline;}
.featured-story .footer {position: absolute; left: 80px; right: 0; bottom: 0; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; flex-direction: row-reverse;}
.featured-story .footer > .right {padding: 0 0 0 40px;}

.video-tiles {display: flex; flex-wrap: wrap; margin: 0 -20px -40px -20px; font-size: 16px; line-height: 20px;}
.video-tiles > div {width: 50%; padding: 0 20px 40px 20px;}
.video-tiles > div > div {background: #fff; padding: 30px; box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);}
.video-tiles img {display: block; width: 100%; margin: 0 0 20px 0;}
.video-tiles h3 {margin: 0 0 5px 0; font-size: 16px; line-height: 20px; font-weight: 900;}
.video-tiles h3 a {color: #193946;}
.video-tiles h3 a:focus,
.video-tiles h3 a:hover {color: #4bb7d6;}
.video-tiles .thumb a {display: block; position: relative;}
.video-tiles .thumb a:before {position: absolute; content: ""; background: rgba(0,0,0,0.6); top: 0; right: 0; bottom: 0; left: 0; opacity: 0; transition: 0.25s ease;}
.video-tiles .thumb a:after {position: absolute; content: "\f04b"; font-family: 'Font Awesome 5 Pro'; width: 50px; height: 50px; left: calc(50% - 25px); top: calc(50% - 25px); color: #fff; font-size: 30px; line-height: 50px; text-align: center; opacity: 0; transition: 0.25s ease; font-weight: bold;}
.video-tiles .thumb a:focus:before,
.video-tiles .thumb a:focus:after,
.video-tiles .thumb a:hover:before,
.video-tiles .thumb a:hover:after {opacity: 1;}

.press-releases {display: flex; flex-wrap: wrap; margin: 0 -50px -40px -50px;}
.press-releases > div {width: 50%; padding: 0 50px 40px 50px;}
.press-releases h3 {margin: 0; font-size: 16px; line-height: 24px; font-weight: 900;}
.press-releases h3 a {color: #193946; text-decoration: none;}
.press-releases h3 a:focus,
.press-releases h3 a:hover {text-decoration: underline;}
.press-releases .date {margin: 0 0 5px 0; font-size: 14px; line-height: 18px; color: #8e3168; letter-spacing: 1px; text-transform: uppercase; font-weight: 900;}

/**
 * About
 */
#page-intro.about-page-intro h1:after {background: #4bb7d6;}

.mission-vision-box {top: -200px; margin-bottom: -200px; font-size: 26px; line-height: 32px; font-weight: 300; text-align: center;}
.mission-vision-box > .content {display: flex; flex-wrap: wrap;}
.mission-vision-box > .content > div {width: 50%; padding: 40px 80px;}
.mission-vision-box > .content > div:nth-child(2) {border-left: solid 1px #bcbcbc;}
.mission-vision-box > .content > div:nth-child(2) h2 {color: #8e3168;}
.mission-vision-box h2 {margin: 0 0 20px 0; font-size: 40px; line-height: 44px; color: #69aa55; font-weight: 900; text-transform: uppercase; letter-spacing: 1px;}

.timeline {display: flex; flex-wrap: wrap; position: relative; margin: 0 -65px; font-size: 16px; line-height: 24px;}
.timeline:before {position: absolute; content: ""; top: 0; left: 50%; bottom: 0; width: 1px; background: #bcbcbc;}
.timeline > div {width: 50%; padding: 0 65px;}
.timeline > div.left > .box.right {border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal;}
.timeline > div.right {padding-top: 160px;}
.timeline .box {position: relative;}
.timeline .box h3,
.timeline .box h4 {margin: 0 0 5px 0; font-size: 24px; line-height: 28px; font-weight: 900; text-transform: uppercase; color: #69aa55;}
.timeline .box h3.year {position: absolute; top: 60px; width: 130px; right: -130px; padding: 5px 0; margin: 0; background: #e5e5e5; text-align: center;}
.timeline .box h3.year:before {position: absolute; content: ""; border: solid 20px transparent; border-width: 10px 15px; border-left-color: #fff; left: 0; top: 5px;}
.timeline .box h3.year small {display: block; font-size: 12px; line-height: 12px;}
.timeline .box.label-middle h3.year {top: calc(50% - 14px);}
.timeline .box > div {background: #fff; padding: 50px;}
.timeline .box + .box {margin-top: 60px;}
.timeline .box.right h3.year {right: auto; left: -130px;}
.timeline .box.right h3.year:before {border-left-color: transparent; border-right-color: #fff; left: auto; right: 0;}
.timeline .photo img {display: block; width: 100%; margin: 0 0 20px 0;}
.timeline .box.purple h3,
.timeline .box.purple h4 {color: #8e3168;}
.timeline .box.dark-blue h3,
.timeline .box.dark-blue h4 {color: #193946;}
.timeline .box.blue h3,
.timeline .box.blue h4 {color: #4bb7d6;}
.timeline .box.yellow h3,
.timeline .box.yellow h4 {color: #edc01e;}

/**
 * Team
 */
#page-intro.team-page-intro h1:after {background: #4bb7d6;}
#page-intro.team-page-intro .content {max-width: 620px;}

.profiles {display: flex; flex-wrap: wrap; margin: 0 -25px -50px -25px; font-size: 16px; line-height: 20px;}
.profiles > div {width: 25%; padding: 0 25px 50px 25px;}
.profiles h3 {margin: 0 0 5px 0; font-size: 21px; line-height: 25px; color: #4bb7d6; text-transform: uppercase; font-weight: 900;}
.profiles .photo img {display: block; width: 100%; margin: 0 0 20px 0;}
.profiles .more {margin: 20px 0 0 0;}
.profiles .nav {display: none;}

#profile-dialog {font-size: 18px; line-height: 28px;}
#profile-dialog h3 {margin: 0 0 5px 0; font-size: 21px; line-height: 25px; color: #4bb7d6; text-transform: uppercase; font-weight: 900;}
#profile-dialog .container {display: flex; flex-wrap: wrap;}
#profile-dialog .photo {width: 35%;}
#profile-dialog .photo img {display: block; margin: 0 0 20px 0; width: 100%;}
#profile-dialog .photo > a {cursor: default; pointer-events: none;}
#profile-dialog .content {width: 65%; padding: 0 0 0 50px;}
#profile-dialog .title {margin: 0 0 10px 0; font-size: 20px; line-height: 24px;}
#profile-dialog .nav {margin: 0; padding: 0; list-style-type: none; float: left;}
#profile-dialog .nav li {float: left; margin: 0 6px 0 0;}
#profile-dialog .nav a {width: 32px; height: 32px; font-size: 20px; line-height: 32px; text-align: center; display: block; border: solid 2px #000; text-decoration: none; overflow: hidden; color: #000;}
#profile-dialog .nav a:focus,
#profile-dialog .nav a:hover {color: #4bb7d6; border-color: #4bb7d6;}
#profile-dialog .nav .fa {font-size: 34px; position: relative; top: -3px; font-weight: 300;}
/*
#profile-dialog .social-links {margin: 0; padding: 0; list-style-type: none; float: right; font-size: 26px; line-height: 32px;}
#profile-dialog .social-links li {float: left; margin: 0 0 0 10px;}
#profile-dialog .social-links a {text-decoration: none; color: #000;}
*/
#profile-dialog .more {display: none;}
#profile-dialog .mfp-close {top: 10px; right: 10px;}

/**
 * Where We Work page
 */
#page-intro.where-we-work-page-intro h1:after {background: #8e3168;}
#page-intro.where-we-work-page-intro .content {max-width: 650px;}

#map-banner {background: #e5e5e5; padding: 80px 0;}
#map-banner .map {max-width: 1600px; margin: 0 auto 40px auto; padding: 0 20px;}

.map-key {display: flex; flex-wrap: wrap; font-size: 16px; line-height: 24px; max-width: 1300px; margin: 0 auto;}
.map-key > div {width: 50%; padding: 0 50px;}
.map-key > div:nth-child(1) > div:nth-child(2):before {background: #8e3168;}
.map-key > div:nth-child(2) > div:nth-child(1):before {background: #4bb7d6;}
.map-key > div:nth-child(2) > div:nth-child(2):before {background: #69aa55;}
.map-key > div > div {padding: 0 0 30px 40px; position: relative;}
.map-key > div > div:before {position: absolute; content: ""; width: 16px; height: 16px; background: #edc01e; top: 5px; left: 0;}
.map-key h3 {margin: 0 0 5px 0; font-size: 24px; line-height: 28px; text-transform: uppercase; font-weight: 900;}
.map-key p:not(:last-child) {margin: 0 0 15px 0;}

/**
 * Research page
 */
#page-intro.research-page-intro h1:after {background: #edc01e;}
#page-intro.research-page-intro .content {max-width: 650px;}

.intro-headline {margin: 0 0 20px 0; font-size: 16px; line-height: 20px; letter-spacing: 2px; text-transform: uppercase; color: #8e3168; font-weight: 900;}

.featured-publications {font-size: 16px; line-height: 24px;}
.featured-publications > div {display: flex; flex-wrap: wrap; flex-direction: row-reverse; align-items: center;}
.featured-publications > div + div {margin-top: 50px; padding-top: 50px; border-top: solid 1px #e3e3e3;}
.featured-publications h2 {margin: 0 0 20px 0; font-weight: 900; font-size: 26px; line-height: 32px;}
.featured-publications h2 a {text-decoration: none; color: #193946;}
.featured-publications h2 a:focus,
.featured-publications h2 a:hover {text-decoration: underline;}
.featured-publications .photo {width: 35%;}
.featured-publications .photo img {display: block; width: 100%;}
.featured-publications .content {width: 65%; padding: 0 100px 0 0;}
.featured-publications .source {margin: 0 0 5px 0; font-size: 18px;}
.featured-publications .excerpt {margin: 0 0 20px 0;}

.publications {display: flex; flex-wrap: wrap; margin: 0 -30px -60px -30px; font-size: 18px; line-height: 26px;}
.publications > div {width: 50%; padding: 0 30px 60px 30px;}
.publications > div > div {display: flex; flex-wrap: wrap;}
.publications h3 {margin: 0; font-size: 26px; line-height: 30px; font-weight: 900;}
.publications h3 a {text-decoration: none; color: #193946;}
.publications h3 a:focus,
.publications h3 a:hover {text-decoration: underline;}
.publications .photo {width: 25%;}
.publications .photo img {display: block; width: 100%; box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);}
.publications .content {width: 75%; padding: 0 0 0 30px;}
.publications .source {margin: 0 0 5px 0;}

.research-banner {text-align: center; color: #fff; font-size: 26px; line-height: 32px;}
.research-banner > div {max-width: 1100px;}
.research-banner h2 {margin: 0 0 20px 0; font-size: 40px; line-height: 44px; text-transform: uppercase; font-weight: 900;}

/**
 * Partners page
 */
.logos {display: flex; flex-wrap: wrap; margin: 0 -40px -80px -40px; align-items: center; justify-content: center;}
.logos > div {width: 25%; padding: 0 40px 80px 40px;}
.logos img {display: block; margin: 0 auto; max-height: 80px; width: auto;}

/**
 * Join Our Team page
 */
#page-intro.join-team-page-intro h1:after {background: #edc01e;}
#page-intro.join-team-page-intro .content {max-width: 600px; padding-bottom: 180px;}

.join-team-intro-box {margin-bottom: -100px; top: -100px;}
.join-team-intro-box > .content {display: flex; flex-wrap: wrap; margin: 0 -15px -30px -15px;}
.join-team-intro-box > .content > div {width: 33.3333%; padding: 0 15px 30px 15px;}
.join-team-intro-box > .content > div:last-child {align-self: center;}
.join-team-intro-box .tile-callout {margin-left: 85px;}

.icon-block {position: relative; padding: 0 0 0 85px; font-size: 16px; line-height: 24px;}
.icon-block h3 {margin: 0 0 5px 0; font-size: 26px; line-height: 30px; text-transform: uppercase; font-weight: 900; color: #193946;}
.icon-block .icon {position: absolute; top: 0; left: 0; width: 65px;}
.icon-block.blue h3,
.icon-block.blue a {color: #4bb7d6;}
.icon-block.green h3,
.icon-block.green a {color: #69aa55;}
.icon-block.purple h3,
.icon-block.purple a {color: #8e3168;}
.icon-block.yellow h3,
.icon-block.yellow a {color: #edc01e;}
.icon-block + .icon-block {margin-top: 30px;}

.tile-callout {padding: 20px 40px; background: #193946;}
.tile-callout h3 {color: #fff; margin: 0 0 5px 0; font-size: 26px; line-height: 30px; font-weight: 900; text-transform: uppercase;}
.tile-callout a {color: #edc01e;}
.tile-callout a:focus,
.tile-callout a:hover {color: #fff;}

.testimonials-slider {margin: 0 -30px; padding: 0 0 50px 0; position: relative;}
.testimonials-slider .slide {display: flex; flex-wrap: wrap; font-size: 19px; line-height: 26px; color: #fff; padding: 0 30px;}
.testimonials-slider .slide > .photo {width: 33.3333%;}
.testimonials-slider .slide > .content {width: 66.6666%; padding: 0 0 0 40px;}
.testimonials-slider .slide .quote {font-style: italic; margin: 0 0 20px 0;}
.testimonials-slider .slide .name {text-transform: uppercase; font-weight: bold;}
.testimonials-slider .slide .title {font-size: 16px; line-height: 19px;}
.testimonials-slider .slick-arrow {position: absolute; bottom: 0; right: 30px; width: 30px; height: 30px; display: block; background: #193946; cursor: pointer; border: none; padding: 0; margin: 0; text-align: center; font-size: 16px; line-height: 30px; color: #fff;}
.testimonials-slider .slick-arrow.slick-prev {right: 70px; background: rgba(25,57,70,0.3);}

.national-service-banner > div {padding-top: 60px; padding-bottom: 60px;}
.national-service-banner h2 {margin: 0 0 20px 0; font-size: 19px; line-height: 23px; text-transform: uppercase; font-weight: 900;}
.national-service-banner .container {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.national-service-banner .content {width: calc(100% - 370px);}
.national-service-banner .badges {width: 300px; display: flex; justify-content: flex-end; align-items: center;}

.faqs-banner {background: url(images/bg-team-faqs.jpg) no-repeat center center; background-size: cover;}
.faqs-banner > div {padding-top: 110px; padding-bottom: 80px;}
.faqs-banner .action {margin: 100px 0 0 0; text-align: center;}
.faqs-banner .action h2 {margin: 0 0 30px 0; padding: 0 0 40px 0; font-size: 40px; line-height: 44px; color: #edc01e; text-transform: uppercase; font-weight: 900; letter-spacing: 1px; position: relative;}
.faqs-banner .action h2:before {position: absolute; content: ""; width: 130px; height: 10px; background: #edc01e; left: calc(50% - 65px); bottom: 0;}
.faqs-banner .action .action-link:focus,
.faqs-banner .action .action-link:hover {color: #fff;}

.faqs-box {padding: 50px 70px; background: #fff; border-top: solid 10px #8e3168;}

.faqs {font-size: 18px; line-height: 26px;}
.faqs h3 {margin: 0 0 20px 0; font-size: 21px; line-height: 32px; color: #193946; font-weight: 900;}
.faqs h3 button {margin: 0; padding: 0; text-align: left; background: none; border: none; cursor: pointer; transition: 0.25s ease; font-size: 21px; line-height: 32px; color: #193946; font-weight: bold; padding: 0 0 0 50px; background: url(images/faq-collapsed.svg) no-repeat left center;}
.faqs h3 button:focus,
.faqs h3 button:hover {text-decoration: underline;}
.faqs h3 button[aria-expanded="true"] {background-image: url(images/faq-expanded.svg);}
.faqs .answer {margin: 0 0 20px 50px; padding: 0 0 30px 0; border-bottom: solid 1px #e5e5e5;}
.faqs .answer:not([aria-hidden="false"]) {clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;}
.faqs .answer:last-child {border-bottom: none; padding: 0;}

.misc-box {padding: 50px 70px; background: #fff; border-top: solid 10px #4bb7d4;}

/**
 * Reports and Financials page
 */
#page-intro.reports-and-financials-page-intro h1:after {background: #4bb7d6;}
#page-intro.reports-and-financials-page-intro .content {padding: 100px 0;}

.button-grid {display: flex; flex-wrap: wrap; margin: 0 -20px;}
.button-grid > div {padding: 0 20px 40px 20px; width: 25%; display: flex;}
.button-grid .btn {display: block; text-align: center; width: 100%; display: flex; align-items: center; justify-content: center;}

/**
 * Impact page
 */
#page-intro.impact-page-intro h1:after {background: #8e3168;}

.impact-upper-banner {position: relative; background: #4bb7d6;}
.impact-upper-banner:before {position: absolute; content: ""; top: 0; left: 0; bottom: 400px; right: 0; background: #e5e5e5;}
.impact-upper-banner .stats-v2 {margin-bottom: -60px;}

.impact-lower-banner .section-header {max-width: 900px;}
.impact-lower-banner .subsection-header {text-align: center; margin: 0 0 60px 0;}
.impact-lower-banner .subsection-header h3 {margin: 0; font-size: 26px; line-height: 30px; font-weight: 900;}

.stats-v2 {display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -30px 0 -30px; font-size: 18px; line-height: 26px; text-align: center;}
.stats-v2 > div {width: 33.3333%; padding: 0 30px 60px 30px;}
.stats-v2 img {display: block; margin: 0 auto 20px auto;}
.stats-v2 strong {display: block; font-size: 56px; line-height: 56px; font-weight: 900; margin: 0 0 10px 0;}
.stats-v2 em {display: block; font-style: normal; font-size: 22px; line-height: 26px;}
.stats-v2 > div:nth-child(5n+1) strong {color: #4bb7d6;}
.stats-v2 > div:nth-child(5n+2) strong {color: #edc01e;}
.stats-v2 > div:nth-child(5n+3) strong {color: #8e3168;}
.stats-v2 > div:nth-child(5n+4) strong {color: #69aa55;}
.stats-v2 > div:nth-child(5n+5) strong {color: #193946;}
.stats-v2.x4 > div {width: 25%;}
.stats-v2.x4 > div:nth-child(4n+1) strong {color: #4bb7d6;}
.stats-v2.x4 > div:nth-child(4n+2) strong {color: #8e3168;}
.stats-v2.x4 > div:nth-child(4n+3) strong {color: #69aa55;}
.stats-v2.x4 > div:nth-child(4n+4) strong {color: #edc01e;}

.stats-v3 {display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -30px -60px -30px; font-size: 18px; line-height: 26px;}
.stats-v3 > div {width: 33.3333%; padding: 0 30px 60px 30px;}
.stats-v3 > div > div {position: relative; padding: 0 0 0 140px;}
.stats-v3 > div:nth-child(3n+2) p > strong:first-child {color: #4bb7d6; border-color: #4bb7d6;}
.stats-v3 > div:nth-child(3n+2) p > strong:first-child:before {border-left-color: #4bb7d6;}
.stats-v3 > div:nth-child(3n+3) p > strong:first-child {color: #8e3168; border-color: #8e3168;}
.stats-v3 > div:nth-child(3n+3) p > strong:first-child:before {border-left-color: #8e3168;}
.stats-v3 p > strong:first-child {position: absolute; display: block; top: 5px; left: 0; width: 110px; border: solid 3px #69aa55; border-radius: 5px; font-size: 36px; line-height: 40px; font-weight: 900; text-align: center; padding: 15px 0; color: #69aa55;}
.stats-v3 p > strong:first-child:before,
.stats-v3 p > strong:first-child:after {position: absolute; content: ""; border: solid 18px transparent; border-left-color: #69aa55; top: calc(50% - 18px); width: 40px; height: 36px; right: -41px;}
.stats-v3 p > strong:first-child:after {border-left-color: #fff; right: -37px;}

.stat-tiles {display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -25px -60px -25px; font-size: 18px; line-height: 26px; text-align: center;}
.stat-tiles > div {width: 33.3333%; padding: 0 25px 60px 25px; display: flex;}
.stat-tiles > div > div {background: #fff; width: 100%;}
.stat-tiles strong {display: block; font-size: 56px; line-height: 56px; font-weight: 900; margin: 0 0 20px 0; color: #8e3168; text-transform: uppercase;}
.stat-tiles em {display: block; font-style: normal; font-size: 18px; line-height: 22px; margin: 5px 0 0 0;}
.stat-tiles .photo {background: no-repeat center center; background-size: cover; padding-bottom: 75%; border-bottom: solid 10px #8e3168;}
.stat-tiles .photo img {display: none; width: 100%;}
.stat-tiles .content {padding: 30px;}
.stat-tiles > div:nth-child(5n+2) strong {color: #193946;}
.stat-tiles > div:nth-child(5n+2) .photo {border-bottom-color: #193946;}
.stat-tiles > div:nth-child(5n+3) strong {color: #69aa55;}
.stat-tiles > div:nth-child(5n+3) .photo {border-bottom-color: #69aa55;}
.stat-tiles > div:nth-child(5n+4) strong {color: #edc01e;}
.stat-tiles > div:nth-child(5n+4) .photo {border-bottom-color: #edc01e;}
.stat-tiles > div:nth-child(5n+5) strong {color: #4bb7d6;}
.stat-tiles > div:nth-child(5n+5) .photo {border-bottom-color: #4bb7d6;}

.stat-tiles-v2 {display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -25px -60px -25px; font-size: 18px; line-height: 26px; text-align: center; color: #fff;}
.stat-tiles-v2 > div {width: 33.3333%; padding: 0 25px 60px 25px; display: flex;}
.stat-tiles-v2 > div:nth-child(3n+1) > div {background: #4bb7d6;}
.stat-tiles-v2 > div:nth-child(3n+2) > div {background: #69aa54;}
.stat-tiles-v2 > div:nth-child(3n+2) .photo:before {background: rgba(105,170,84,0.5);}
.stat-tiles-v2 > div:nth-child(3n+3) > div {background: #8e3068;}
.stat-tiles-v2 > div:nth-child(3n+3) .photo:before {background: rgba(142,48,104,0.5);}
.stat-tiles-v2 .photo {background: no-repeat center center; background-size: cover; padding-bottom: 75%; position: relative;}
.stat-tiles-v2 .photo:before {position: absolute; content: ""; left: 0; bottom: 0; right: 0; height: 15px; background: rgba(75,183,214,0.5);}
.stat-tiles-v2 .photo img {display: none; width: 100%;}
.stat-tiles-v2 .content {padding: 30px 20px;}
.stat-tiles-v2 .content strong {text-transform: uppercase; display: block; font-size: 21px;}
.stat-tiles-v2 .content strong em {display: block; font-size: 40px; line-height: 44px; font-weight: 900; font-style: normal;}

.cite-list {margin: 0; padding: 0 30px; list-style-type: none; font-size: 14px; line-height: 18px; color: #5d5d5d; font-style: italic;}
.cite-list li + li {margin-top: 5px;}
.cite-list ul {margin: 0; padding: 0; list-style-type: none; padding: 5px 0 0 30px;}
.section.blue .cite-list {color: #fff;}

sup {position: relative;}

.impact-box-section > div {padding-top: 80px; padding-bottom: 80px;}
.impact-box-section + .impact-box-section > div {padding-top: 0;}

.impact-box {background: #fff;}
.impact-box > header {background: #4bb7d6 no-repeat 20px center; padding: 40px 20px 30px 200px; font-size: 26px; line-height: 33px; color: #fff;}
.impact-box > header h2 {font-size: 72px; line-height: 72px; margin: 0; text-transform: uppercase;}
.impact-box > .photo img {display: block; width: 100%; margin: 0 0 50px 0;}
.impact-box .section-header {max-width: 880px; margin: 40px auto; font-size: 21px; line-height: 28px; padding: 0 20px;}
.impact-box .section-header h3 {font-size: 60px; line-height: 60px; text-transform: uppercase; color: #4bb7d6; font-weight: 900; margin: 0 0 5px 0;}
.impact-box .charts {max-width: 1250px; margin: auto; padding: 0 100px;}
.impact-box .charts .description {max-width: 670px; margin: 40px auto 20px auto; text-align: center;}
.impact-box .charts .description h4 {text-transform: uppercase; font-size: 28px; line-height: 32px; margin: 0 0 5px 0; font-weight: 900;}
.impact-box .charts .slider {position: relative;}
.impact-box .charts .slider .slick-arrow {position: absolute; left: -100px; height: 40px; font-size: 40px; line-height: 40px; color: #193946; top: calc(50% - 20px); text-align: left; background: none; border: none;}
.impact-box .charts .slider .slick-arrow.slick-next {left: auto; right: -100px; text-align: right;}
.impact-box .charts + .charts {padding-top: 60px; margin-top: 60px; border-top: solid 1px #afafaf;}
.impact-box .chart-nav {margin: 0 -2px; padding: 0; list-style-type: none; display: flex;}
.impact-box .chart-nav li {flex-grow: 1; flex-basis: 0; display: flex; padding: 0 2px 2px 2px;}
.impact-box .chart-nav li a {display: flex; align-items: center; width: 100%; min-height: 80px; background: #e5e5e5; font-size: 16px; line-height: 22px; color: #193946; text-decoration: none; text-align: center; font-weight: 900; justify-content: center; text-transform: uppercase;}
.impact-box .chart-nav li.active a {background: #193946; color: #fff;}
.impact-box .footnotes {background: #4bb7d6; color: #fff; text-align: left;}
.impact-box .footnotes > button {display: block; width: 100%; padding: 20px 20px 20px 70px; background: none; color: #fff; text-transform: uppercase; font-weight: bold; border: none; position: relative; font-size: 21px; line-height: 25px; text-align: left;}
.impact-box .footnotes > button:before {position: absolute; font-family: 'FontAwesome'; content: "\f105"; top: 20px; left: 45px; width: 100%;}
.impact-box .footnotes > button[aria-expanded="true"]:before {content: "\f107";}
.impact-box .footnotes > button[aria-expanded="true"] + .content {max-height: 5000px;}
.impact-box .footnotes .content {max-height: 0px; overflow: hidden; transition: 0.5s ease; font-size: 15px; line-height: 19px;}
.impact-box .footnotes .content > div {padding: 20px 40px;}
.impact-box .footnotes .content p:not(:last-child) {margin-bottom: 10px;}
.impact-box .cols {margin: 40px auto; position: relative; display: flex; text-align: center;}
.impact-box .cols > div:nth-child(1) {padding-right: 50px;}
.impact-box .cols > div:nth-child(2) {padding-left: 50px; border-left: solid 1px #afafaf;}
.impact-box .cols h3 {font-size: 60px; line-height: 64px; color: #4bb7d6; text-transform: uppercase; margin: 0 0 10px 0;}
.impact-box .cols p {max-width: 450px; margin-left: auto; margin-right: auto;}
.impact-box.green > header,
.impact-box.green .footnotes {background-color: #69aa55;}
.impact-box.green .cols h3 {color: #69aa55;}
.impact-box.purple > header,
.impact-box.purple .footnotes {background-color: #8e3168;}
.impact-box.purple .cols h3 {color: #8e3168;}

.country-stats-v2 {margin: 40px auto -60px auto; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; font-size: 21px; line-height: 25px; text-align: left; justify-content: center;}
.country-stats-v2 li {display: flex; align-items: center; min-height: 125px; background: url(images/icon-malawi.png) no-repeat left center; padding-left: 55px; margin-bottom: 20px;}
.country-stats-v2 li + li {margin-left: 30px;}
.country-stats-v2 li.liberia {background-image: url(images/icon-liberia.png); padding-left: 80px;}
.country-stats-v2 li.ethiopia {background-image: url(images/icon-ethiopia.png); padding-left: 100px;}
.country-stats-v2 li.uganda {background-image: url(images/icon-uganda.svg); padding-left: 110px;}
.country-stats-v2 li.sierra-leone {background-image: url(images/icon-sierra-leone.svg); padding-left: 90px;}
.country-stats-v2 strong {font-weight: 900; display: block; font-size: 34px; line-height: 34px;}

/**
 * Forms
 */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="color"],
select,
textarea {font-family: 'Lato', Arial, Verdana, Sans-Serif; font-size: 16px; line-height: 20px; padding: 11px;}

input[type="submit"] {cursor: pointer; border-radius: 0;}

button {cursor: pointer;}

select {display: block; font-size: 16px; line-height: 20px; color: #193946; background: #fff url(images/select-arrow.png) no-repeat calc(100% - 10px) center; border: none; border-radius: 5px; padding: 11px 20px; -moz-appearance: none; -webkit-appearance: none; appearance: none;}

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

    .stats > div {width: 33.3333%;}
    .stats h3 .line {display: inline;}

}

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

    .approach-boxes > div {width: 50%;}

}

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

    body.mobile-menu #mobile-menu {right: 0;}

    #header {top: -95px; box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); padding: 40px 0 0 0;}
    #header .upper {display: none;}
    #header .logo {top: 61px;}
    #header .logo img {width: 80px;}
    #header .primary-nav {display: none;}
    #header .secondary-nav {visibility: hidden; pointer-events: none;}
    #header .toggle-menu {display: block;}

    #page {padding-top: 65px;}

    #footer .upper .left,
    #footer .upper .right {width: 100%; padding: 0;}
    #footer .upper .right {margin: 0 0 40px 0; display: none;}

    .hero-feature .photo,
    .hero-feature .content {width: 100%; padding: 0;}
    .hero-feature .photo {margin: 0 0 40px 0;}

    .impact-tiles {margin: 0 -15px -60px -15px;}
    .impact-tiles > div {padding: 0 15px 60px 15px;}
    .impact-tiles em {font-size: 30px; line-height: 30px; background-size: 80px auto; padding-top: 90px;}
    .impact-tiles .content {padding: 30px;}

    .join-team-section .slider {position: static; width: 100%; margin: 40px 0 0 0;}
    .join-team-section .slide {padding-bottom: 20%;}

    #page .news-tiles > div,
    #et-boc .et-l .news-tiles > div {width: 50%;}

    .callout-boxes > div {width: 100%;}

    .callout-tiles > div {width: 50%;}

    .featured-posts {padding: 50px;}
    .featured-posts article > .thumb {padding-right: 50px;}

    .blog-filters .actions {width: 100%; margin: 20px 0 0 0;}

    .posts-grid > div {width: 50%;}

    .main-content-box {padding: 50px;}

    .sidebar-layout > .content,
    .sidebar-layout > aside {width: 100%; padding: 0;}
    .sidebar-layout > aside {margin-top: 30px; padding-top: 30px; border-top: solid 1px #e3e3e3;}

    .map-key {max-width: 800px;}
    .map-key > div {width: 100%; padding: 0;}

    .logos > div {width: 33.3333%;}

    .join-team-intro-box > .content > div {width: 50%;}

    .button-grid > div {width: 33.3333%;}

    .stats-v2 > div {width: 50%;}

    .stat-tiles > div {width: 50%;}

    .stats-v2.x4 > div {width: 50%;}

    .stats-v3 > div {width: 100%; min-height: 140px;}

    .stat-tiles-v2 > div {width: 100%;}

    .impact-box .chart-nav {display: none;}

    .impact-box .charts .slider .slick-arrow {left: -80px;}
    .impact-box .charts .slider .slick-arrow.slick-next {right: -80px;}

    body.page-template-template-impact-v2 #page-intro {background-position: calc(100% + 200px) center;}

}

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

    .cols.cols-3 > div,
    .cols.cols-4 > div,
    .cols.cols-5 > div {width: 100%;}

}

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

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

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

    #footer .upper .right {margin-bottom: -20px;}
    #footer .upper .right > div {width: 50%; padding-bottom: 20px;}

    .impact-tiles > div {width: 100%;}

    .section-footer.split {display: block; text-align: center;}
    .section-footer.split > div + div {margin-top: 20px;}

    .featured-posts article > .thumb,
    .featured-posts article > .content {width: 100%; padding: 0;}
    .featured-posts article > .thumb {margin: 0 0 30px 0;}
    .featured-posts article + article {margin-top: 40px; padding-top: 40px;}

    .stats > div {width: 50%;}

    .country-snapshot > .content,
    .country-snapshot > .map {width: 100%; padding: 0;}
    .country-snapshot > .content {margin: 0 0 40px 0;}

    .text-with-photo > div {width: 100%;}
    .text-with-photo > .photo {margin: 0 0 40px 0;}
    .text-with-photo .content + .photo {margin: 40px 0 0 0;}

    .approach-boxes > div {width: 100%;}

    .featured-story > .content,
    .featured-story > .photo {width: 100%; padding: 0;}
    .featured-story > .photo {margin: 0 0 20px 0;}
    .featured-story .footer {position: static; left: auto; bottom: auto;}

    .mission-vision-box > .content > div {width: 100%;}
    .mission-vision-box > .content > div:nth-child(2) {border-left: none; border-top: solid 1px #bcbcbc;}

    .timeline {margin: 0;}
    .timeline > div {width: 100%; padding: 0;}
    .timeline > div.left > .box.right {clip: auto; clip-path: none; position: relative; width: auto; height: auto; overflow: auto; margin: 60px 0 0 0;}
    .timeline > div.right {display: none;}
    .timeline .box h3.year {position: static; left: auto; right: auto; top: auto; width: 100%; margin: 0 0 20px 0;}
    .timeline .box h3.year:before {display: none;}

    .profiles > div {width: 33.3333%;}

    .join-team-intro-box > .content > div {width: 100%;}

    .cols > div {width: 100%;}

    .button-grid > div {width: 50%;}

    .publications > div {width: 100%;}

    .featured-publications .photo,
    .featured-publications .content {width: 100%; padding: 0;}
    .featured-publications .photo {margin: 0 0 40px 0;}

    body.single-post #page-intro .post-header-content {
        padding-top: 100px;
    }

    .impact-box > header {text-align: center; background-position: center 20px; background-size: auto 80px; padding: 110px 20px 20px 20px; font-size: 18px; line-height: 22px;}
    .impact-box > header h2 {font-size: 50px; line-height: 54px;}
    .impact-box .cols > div:nth-child(1) {padding-right: 20px;}
    .impact-box .cols > div:nth-child(2) {padding-left: 20px;}
    .impact-box .cols > div:nth-child(2) {border-left: none;}
    .impact-box .section-header h3 {font-size: 40px; line-height: 44px;}
    .impact-box .charts .description h4 {font-size: 18px; line-height: 22px;}

    .impact-box .charts {padding: 0 20px 70px 20px;}
    .impact-box .charts .slider .slick-arrow {bottom: -50px; left: calc(50% - 30px); top: auto;}
    .impact-box .charts .slider .slick-arrow.slick-next {left: calc(50% + 30px); right: auto;}

}

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

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

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

    #page .news-tiles > div,
    #et-boc .et-l .news-tiles > div {width: 100%;}
    #page .news-tiles > div > div,
    #et-boc .et-l .news-tiles > div > div {display: block;}

    .callout-tiles {font-size: 16px; line-height: 20px;}
    .callout-tiles > div {width: 100%;}

    .intro-callouts-box {padding: 50px 30px;}

    .intro-callouts-box header {font-size: 22px; line-height: 26px;}

    .blog-filters > .filters {width: 100%;}
    .blog-filters > .filters > .filter {width: 100%; margin: 0;}
    .blog-filters > .filters > .filter + .filter {margin-top: 10px;}
    .blog-filters select {width: 100%;}

    .posts-grid > div {width: 100%;}

    .video-tiles > div {width: 100%;}

    .press-releases > div {width: 100%;}

    .profiles > div {width: 50%;}

    #profile-dialog .photo,
    #profile-dialog .content {width: 100%; padding: 0;}
    #profile-dialog .photo {margin: 0 0 40px 0;}
    #profile-dialog .photo img {width: auto;}

    .logos > div {width: 50%;}

    .stats-v2 > div {width: 100%;}

    .stat-tiles > div {width: 100%;}

    .stats-v2.x4 > div {width: 100%;}
}

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

    .position-cards > div {width: 100%;}

}

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

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

    #footer .upper .right > div {width: 100%;}

    h1,
    #hero strong,
    #page-intro h1,
    #page-intro .post-header-content h1 {font-size: 40px; line-height: 44px;}

    #hero {background-position: right center;}
    #hero .content {padding: 250px 0 200px 0;}

    .hero-feature {padding: 20px;}
    h2,
    .hero-feature h2,
    .section-header h2,
    .mission-vision-box h2,
    .text-with-photo h2,
    .featured-story h3,
    .callout-boxes,
    .footer-callout-banner .content {font-size: 24px; line-height: 28px;}

    #et-boc .divi-callout-boxes a {font-size: 24px !important; line-height: 28px !important;}

    .large-text,
    .publications h3 {font-size: 20px; line-height: 24px;}

    .callout-boxes > div > a {min-height: 200px;}

    .featured-posts {padding: 30px;}

    .main-content-box {padding: 30px;}

    .stats > div {width: 100%;}

    .featured-story {font-size: 20px; line-height: 26px;}
    .featured-story .footer {display: block;}
    .featured-story .footer > .right {margin: 0 0 20px 0; display: block; padding: 0;}

    .link-filters {display: block;}
    .link-filters li + li {margin-top: 10px;}
    .link-filters li + li:before {margin: 0; content: "";}

    .mission-vision-box {font-size: 20px; line-height: 24px;}
    .mission-vision-box > .content > div {padding: 40px 0;}

    .timeline .box > div {padding: 30px;}

    .profiles > div {width: 100%;}

    .alignleft,
    img.alignleft,
    .alightright,
    img.alightright {max-width: 100%; width: 100% !important; float: none;}

    .logos > div {width: 100%;}

    .button-grid > div {width: 100%;}

    .impact-box > header h2 {font-size: 30px; line-height: 34px;}
    .impact-box.green .cols h3 {font-size: 30px; line-height: 34px;}

    .country-stats-v2 strong {font-size: 28px; line-height: 32px;}

    .stat-tiles-v2 .content strong {font-size: 17px; line-height: 21px;}
    .stat-tiles-v2 .content strong em {font-size: 30px; line-height: 34px;}

}

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

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

    .testimonials-slider .slide > .photo {width: 100%;}
    .testimonials-slider .slide > .content {width: 100%; padding: 20px 0 0 0;}

    .icon-block {padding: 85px 0 0 0;}
    .icon-block .icon {left: calc(50% - 32px);}

    .join-team-intro-box .tile-callout {margin-left: 0;}

    .approach-boxes h3 {font-size: 20px; line-height: 24px;}
}

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

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

    h1,
    #hero strong,
    #page-intro h1,
    #page-intro .post-header-content h1 {font-size: 30px; line-height: 34px;}

}

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

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

@media only screen and (min-width: 1101px) {

    body.slim-header #header {top: -95px; box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);}
    body.slim-header #header .logo {top: 61px;}
    body.slim-header #header .logo img {width: 80px;}
    body.slim-header #header .primary-nav {bottom: 10px;}
    body.slim-header #page {padding-top: 65px;}
    body.slim-header.admin-bar #header {top: -63px;}

}