/*
Theme Name: Encompass
Theme URI: http://www.drivendevelopment.com/
Description: Custom WordPress theme for Encompass.
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);

/**
 * 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: 'Roboto Condensed', Arial, Verdana, Sans-Serif; font-size: 20px; line-height: 30px; font-weight: 300; color: #505050;}

form {margin: 0; padding: 0;}

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

td {vertical-align: top;}

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

a {transition: 0.25s ease; color: #4e84c4; text-decoration: none;}
a:hover {color: #000;}

h1,
.h1 {margin: 0 0 10px 0; font-size: 56px; line-height: 60px; color: #4e84c4; font-weight: 300;}
h2,
.h2 {margin: 0 0 40px 0; font-size: 46px; line-height: 50px; color: #505050; font-weight: 300;}
h3,
.h3 {margin: 0 0 10px 0; font-size: 23px; line-height: 27px;}

strong {font-weight: 700;}

/**
 * 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 {clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px;}

a#skip,
a#skip:hover,
a#skip:visited {position: absolute; left: 0px; top: -500px; width: 1px; height: 1px; overflow: hidden;}
a#skip:active,
a#skip:focus {position: static; width: auto; height: auto;}

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

/**
 * Layout
 */
#header > div {position: relative; height: 180px;}
#header a {text-decoration: none;}
#header .logo {position: absolute; top: 25px; left: 20px;}
#header .logo img {display: block;}
#header nav .primary {position: absolute; right: 260px; bottom: 21px; font-size: 18px; line-height: 22px; text-transform: uppercase; font-weight: bold; z-index: 10;}
#header nav .primary > li {float: left; margin: 0 0 0 20px; position: relative;}
#header nav .primary > li > a {display: block; padding: 0 0 1px 0; border-bottom: solid 1px transparent;}
#header nav .primary > li:hover > a,
#header nav .primary > li.current-menu-item > a,
#header nav .primary > li.current-page-ancestor > a,
body.single-program #header nav .primary > li#menu-item-121 > a,
body.single-profile #header nav .primary > li#menu-item-120 > a {border-bottom: solid 1px currentcolor;}
#header nav .primary ul {position: absolute; display: none; background: #fff; font-size: 16px; line-height: 20px; padding: 20px; text-transform: none; font-weight: normal; box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.2); min-width: 180px; left: -20px;}
#header nav .primary ul li + li {margin-top: 10px;}
#header nav .primary ul a:hover {text-decoration: underline;}
#header nav .secondary {position: absolute; right: 20px; top: 0; font-size: 20px; line-height: 56px; font-weight: 300;}
#header nav .secondary li {float: left; margin: 0 0 0 3px;}
#header nav .secondary a {display: block; padding: 0 40px 0 70px; background: #4e84c4; color: #fff; position: relative;}
#header nav .secondary a:before {width: 56px; height: 56px; content: ""; position: absolute; top: 0; left: 10px; background: url(images/icons/donate.svg) no-repeat center center;}
#header nav .secondary .donate a {background: #f78e1e;}
#header nav .secondary .donate a:focus,
#header nav .secondary .donate a:hover {background: #e1760d;}
#header nav .secondary .register a:before {background-image: url(images/icons/register-2.svg);}
#header nav .secondary .register a:focus,
#header nav .secondary .register a:hover {background: #3769a2;}
#header nav .secondary .make-a-payment a {background: #5e9732;}
#header nav .secondary .make-a-payment a:before {background-image: url(images/icons/payment.svg);}
#header nav .secondary .make-a-payment a:focus,
#header nav .secondary .make-a-payment a:hover {background: #497d22;}
#header nav .secondary .login a {background: #ab0634;}
#header nav .secondary .login a:before {background-image: url(images/icons/login-2.svg);}
#header nav .secondary .login a:focus,
#header nav .secondary .login a:hover {background: #8c062b;}
#header .social {position: absolute; right: 20px; bottom: 20px; margin: 0; padding: 0; list-style-type: none; font-size: 16px; line-height: 30px;}
#header .social li {float: left; margin: 0 0 0 9px;}
#header .social a {display: block; width: 30px; height: 30px; background: #4e84c4; border-radius: 15px; text-align: center; color: #fff;}
#header .social a:hover {background: #000;}
#header .tools {position: absolute; right: 40px; top: 80px; font-size: 17px; line-height: 21px; color: #858585; display: flex;}
#header .tools a {color: #858585;}
#header .tools .phone,
#header .tools .lang {border-left: solid 1px #dadada; padding: 0 0 0 25px; margin: 0 0 0 25px; position: relative;}
#header .tools .lang:before {width: 18px; height: 21px; display: inline-block; vertical-align: middle; content: ""; margin: 0 5px 0 0; background: url(images/icons/language.svg) no-repeat; background-size: 100% auto;}
#header .tools .lang ul {position: absolute; top: 30px; left: 15px; display: none; margin: 0; padding: 0; list-style-type: none; padding: 15px; font-size: 15px; background: #fff; box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.2); z-index: 10; min-width: 130px; border-top: solid 3px #858585;}
#header .tools .lang li + li {margin-top: 5px;}
#header .tools .lang ul:before {position: absolute; content: ""; top: -14px; left: 12px; border: solid 6px transparent; border-bottom-color: #858585;}
#header .tools .phone:before {font-family: 'Font Awesome 5 Pro'; content: "\f095"; margin: 0 5px 0 0; font-weight: 700;}
#header .search form {position: relative;}
#header .search form:before {font-family: 'Font Awesome 5 Pro'; content: "\f002"; width: 25px; display: inline-block;}
#header .search form:after {position: absolute; content: ""; bottom: -4px; left: 30px; width: 0; height: 1px; background: #858585; transition: width 0.5s ease;}
#header .search [type="text"] {border: 0; font-size: 17px; line-height: 21px; color: #858585; width: 60px; padding: 0; transition: width 0.5s ease; font-weight: 300;}
#header .search:hover [type="text"],
#header .search [type="text"]:focus {width: 120px;}
#header .search:hover form:after,
#header .search:focus-within form:after {width: 120px;}
#header .search [type="text"]::-webkit-input-placeholder {opacity: 1;}
#header .search [type="text"]:-moz-placeholder {opacity: 1;}
#header .search [type="text"]::-moz-placeholder {opacity: 1;}
#header .search [type="text"]:-ms-input-placeholder {opacity: 1;}
#header .search button {display: none;}
#header .toggle-menu {position: absolute; top: 46px; right: 20px; display: none;}

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

#footer {background: #4e84c4; border-top: solid 15px #7aa3d3; font-size: 16px; line-height: 22px; color: #fff; font-weight: 300;}
#footer > div {padding-top: 50px; padding-bottom: 50px; display: flex; flex-wrap: wrap;}
#footer a {color: #fff; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer strong {font-weight: bold;}
#footer nav {width: 50%; display: flex; flex-wrap: wrap; border-right: solid 1px #87a8d4;}
#footer nav > ul {width: 33.3333%; padding: 0 40px 0 0;}
#footer nav > ul > li {margin: 0 0 20px 0;}
#footer nav > ul > li > a {font-weight: bold; text-transform: uppercase;}
#footer .contact {width: 50%; display: flex; flex-wrap: wrap;}
#footer .contact > div {width: 33.3333%; padding: 0 0 0 40px;}
#footer .contact p:not(:last-child) {margin: 0 0 20px 0;}

/* watch-us-grow in footer */
.watch-us-grow {
    margin: 30px 0 50px;
    padding: 20px 0 50px;
    border-top: solid 1px #a9aaa5;
    border-bottom: solid 1px #a9aaa5;
    text-align: center;
}

.watch-us-grow h2 {
    margin: 30px 0;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 300;
}

.watch-us-grow .video-container {
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
}

#master-footer > div {padding-top: 20px; padding-bottom: 20px; font-size: 14px; line-height: 18px; color: #9f9f9f;}
#master-footer a {color: #9f9f9f; text-decoration: none;}
#master-footer a:hover {color: #000;}
#master-footer .content {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
#master-footer .right {display: flex; align-items: center;}
#master-footer .right ul {margin: 0 10px 0 0; padding: 0; list-style-type: none; font-size: 19px;}
#master-footer .right li {float: left; margin: 0 15px 0 0;}
#master-footer .right ul a {color: #4e84c4;}
#master-footer .right ul a:hover {color: #000;}

#mobile-menu {width: 260px; position: fixed; right: -260px; top: 0; height: 100%; font-size: 14px; line-height: 18px; background: #fff; overflow: auto; border-left: solid 1px #eaeaea; transition: right 0.25s ease; z-index: 1000; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
#mobile-menu nav .primary {font-size: 18px; line-height: 22px; text-transform: uppercase; font-weight: bold; padding: 10px 0;}
#mobile-menu nav .primary a {color: #4e84c4; display: block; padding: 10px 20px; text-decoration: none;}
#mobile-menu nav .primary ul a {text-transform: none; padding: 5px 20px 5px 40px; font-size: 16px;}
#mobile-menu nav .secondary {font-size: 20px; line-height: 56px; font-weight: 300;}
#mobile-menu nav .secondary a {display: block; width: 100%; padding: 0 40px 0 70px; background: #4e84c4; color: #fff; position: relative; text-decoration: none;}
#mobile-menu nav .secondary a:before {width: 60px; height: 60px; content: ""; position: absolute; top: 0; left: 10px; background: url(images/icons/donate.svg) no-repeat center center;}
#mobile-menu nav .secondary .donate a {background: #f78e1e;}
#mobile-menu nav .secondary .donate a:hover {background: #e1760d;}
#mobile-menu nav .secondary .register a:hover {background: #3769a2;}
#mobile-menu nav .secondary .register a:before {background-image: url(images/icons/register-2.svg);}
#mobile-menu nav .secondary .make-a-payment a {background: #5e9732;}
#mobile-menu nav .secondary .make-a-payment a:hover {background: #497d22;}
#mobile-menu nav .secondary .make-a-payment a:before {background-image: url(images/icons/payment.svg);}
#mobile-menu nav .secondary .login a {background: #ab0634;}
#mobile-menu nav .secondary .login a:hover {background: #8c062b;}
#mobile-menu nav .secondary .login a:before {background-image: url(images/icons/login-2.svg);}
#mobile-menu .social {margin: 0; padding: 40px 20px; list-style-type: none; font-size: 16px; line-height: 30px;}
#mobile-menu .social li {float: left; margin: 0 6px 0 0;}
#mobile-menu .social a {display: block; width: 30px; height: 30px; background: #4e84c4; border-radius: 15px; text-align: center; color: #fff;}
#mobile-menu .social a:hover {background: #000;}
#mobile-menu .tools {font-size: 17px; line-height: 21px; color: #858585; padding: 0 20px 20px 20px;}
#mobile-menu .tools a {color: #858585; text-decoration: none;}
#mobile-menu .tools .phone {margin: 0 0 20px 0;}
#mobile-menu .tools .lang {margin: 0 0 15px 0;}
#mobile-menu .tools .lang:before {width: 18px; height: 21px; display: inline-block; vertical-align: middle; content: ""; margin: 0 5px 0 0; background: url(images/icons/language.svg) no-repeat; background-size: 100% auto;}
#mobile-menu .tools .lang ul {margin: 0 0 0 27px; padding: 0; list-style-type: none; display: none; font-size: 14px;}
#mobile-menu .tools .lang li {margin-top: 5px;}
#mobile-menu .tools .phone:before {font-family: 'Font Awesome 5 Pro'; content: "\f095"; margin: 0 5px 0 0;}
#mobile-menu .search form {position: relative; border-bottom: solid 1px #858585; padding: 0 0 0 25px;}
#mobile-menu .search form:before {font-family: 'Font Awesome 5 Pro'; content: "\f002"; width: 25px; position: absolute; top: 5px; left: 0;}
#mobile-menu .search [type="text"] {border: 0; font-size: 17px; line-height: 21px; color: #858585; width: 100%; padding: 5px 0;}
#mobile-menu .search button {display: none;}

.section > div {max-width: 1240px; margin: 0 auto; padding: 0 20px; position: relative;}
.section.gutter > div {padding-top: 50px; padding-bottom: 50px;}
.section.large-gutter > div {padding-top: 75px; padding-bottom: 75px;}
.section.grey {background-color: #f2f3f6;}
.section.narrow > div > div {max-width: 800px;}

/**
 * Miscellaneous
 */
.toggle-menu {color: #858585; 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: #858585; transition: .3s ease;}
.toggle-menu.active {color: #858585;}
.toggle-menu.active > div {-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.toggle-menu.active > div span {background: #858585;}
.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);}

.slick-slide,
.slick-slide a,
.slick-dots button {outline: none;}

.wicked-popup-mask {z-index: 1000;}

.wicked-popup h2 {font-size: 30px; line-height: 34px; margin: 0 0 20px 0;}

.green-text {color: #5e9732;}

hr {height: 1px; background: #ccc; border: none; margin: 40px 0;}

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

section header {text-align: center;}
section header h1 {margin: 0 0 40px 0;}
section footer {text-align: center;}

.general-content-popup .mfp-content {max-width: 80%; margin: 0 auto;}

.circles {position: relative; display: block; color: #4e84c4;}
.circles a {color: #4e84c4; text-decoration: none;}
.circles a strong {color: #505050;}
.circles:before,
.circles:after {position: absolute; content: ""; display: block; width: 130px; height: 130px; background: #5e9732; border-radius: 50%; left: -35px; bottom: 10px;}
.circles:after {background: rgba(78,132,196,0.9); width: 80px; height: 80px; left: 50px; bottom: 0;}
.circles > div:after {position: absolute; content: ""; display: block; top: 0; right: 0; bottom: 0; left: 0; border: solid 20px rgba(255,255,255,0.3); border-radius: 50%;}
.circles.therapy,
.circles.therapy a,
.circles.orange,
.circles.orange a {color: #f78e1e;}
.circles.therapy:before,
.circles.orange:before {background: #f78e1e; width: 110px; height: 110px; left: auto; right: 10px; bottom: 0;}
.circles.therapy:after {display: none;}
.circles.family,
.circles.family a,
.circles.olive,
.circles.olive a {color: #5e9732;}
.circles.family:before,
.circles.olive:before {background: #c0ae00; width: 110px; height: 110px; left: auto; right: -15px; bottom: auto; top: -10px;}
.circles.family:after,
.circles.olive:after {background: rgba(94,151,50,0.9); width: 70px; height: 70px; top: 70px; right: -25px; left: auto; bottom: auto;}
.circles img {display: block; position: relative; width: 100%; border-radius: 50%;}
.circles.with-text {max-width: 350px; margin: 0 auto;}
.circles.with-text > div {position: relative; padding-bottom: 100%;}
.circles.with-text > div > div {position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; background: #fff; border-radius: 50%; display: flex; align-items: center;}
.circles.with-text > div > div > div {font-size: 24px; line-height: 32px; font-weight: 300; text-align: center; padding: 20px; width: 100%; position: relative; z-index: 1;}
.circles strong {color: #505050; display: block; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-size: 19px;}
.circles.program:before {background: #4e84c4;}
.circles.program:after {background: rgba(171,6,52,0.9);}
.circles.program > div > div:before,
.circles.program > div > div:after {position: absolute; content: ""; display: block; width: 130px; height: 130px; background: #5e9732; border-radius: 50%; right: -10px; top: 5px;}
.circles.program > div > div:after {background: rgba(247,142,30,0.9); width: 80px; height: 80px; top: 65px; right: -35px; z-index: 5;}

.bordered-circle {display: inline-block; position: relative;}
.bordered-circle img {display: block; border-radius: 50%;}
.bordered-circle:after {position: absolute; content: ""; display: block; top: 0; right: 0; bottom: 0; left: 0; border: solid 10px rgba(255,255,255,0.3); border-radius: 50%;}

.circle-grid {display: flex; flex-wrap: wrap; font-size: 16px; line-height: 22px; margin: 40px 0 0 0;}
.circle-grid > div {width: 50%; padding: 0 40px 30px 0; display: flex; align-items: center;}
.circle-grid h2 {margin: 0; font-size: 22px; line-height: 26px; font-weight: 300;}
.circle-grid .thumb {width: 40%; max-width: 155px;}
.circle-grid .content {width: 60%; padding: 0 0 0 30px;}

.btn {-webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; font-size: 15px; line-height: 19px; font-weight: bold; letter-spacing: 1px; color: #fff; text-decoration: none; text-transform: uppercase; background: #4e84c4; padding: 13px 30px; cursor: pointer; border: none; font-family: 'Roboto Condensed', Arial, Verdana, Sans-Serif;}
.btn:focus,
.btn:hover {color: #fff; background: #3769a2;}
.btn:after {content: ">"; margin-left: 5px;}
.btn.green,
.btn.learing {background: #5e9732;}
.btn.green:focus,
.btn.green:hover,
.btn.learing:focus,
.btn.learing:hover {background: #497d22;}
.btn.therapy,
.btn.orange {background: #f78e1e;}
.btn.therapy:focus,
.btn.therapy:hover,
.btn.orange:focus,
.btn.orange:hover {background: #e1760d;}
.btn.family,
.btn.light-green,
.btn.olive {background: #c0ae00;}
.btn.family:focus,
.btn.family:hover,
.btn.light-green:focus,
.btn.light-green:hover,
.btn.olive:focus,
.btn.olive:hover {background: #a09100;}
.btn.about,
.btn.red {background: #ab0634;}
.btn.about:focus,
.btn.about:hover,
.btn.red:focus,
.btn.red:hover {background: #8c062b;}
.btn.dark-green {background: #43761c;}
.btn.grey {background: #e5e6e9; color: #505050;}
.btn.grey:focus,
.btn.grey:hover {background: #cecfd1;}
.btn.no-arrow:after {display: none;}

.start-callout {background: #4e84c4; padding: 40px; border: solid 15px #7aa3d3; font-size: 20px; line-height: 26px; color: #fff; font-weight: 300; display: flex; flex-wrap: wrap; margin: 0 0 50px 0;}
.start-callout h2 {margin: 0 0 10px 0; font-size: 40px; line-height: 44px; font-weight: 300; color: #fff;}
.start-callout a {color: #fff;}
.start-callout strong {font-weight: bold;}
.start-callout .left {width: 48%; padding: 0 80px 0 0;}
.start-callout .right {width: 52%;}
.start-callout .fields {display: flex; margin: 0 0 20px 0;}
.start-callout .fields > div {margin: 0 0 0 10px; width: 35%;}
.start-callout .fields > div:first-child {margin: 0; width: 30%;}
.start-callout .fields > div > label {font-size: 15px; line-height: 19px; font-weight: bold; letter-spacing: 1px; display: block; text-transform: uppercase; margin: 0 0 10px 0;}
.start-callout .disclaimer {font-size: 12px; line-height: 15px; margin-top: -10px;}
.start-callout form .footer {display: flex; align-items: center; flex-direction: row-reverse; font-size: 16px; line-height: 20px; font-weight: 300; justify-content: space-between;}
.start-callout form .footer .action {min-width: 280px;}
.start-callout form .footer .btn {border: solid 1px #fff; float: right;}

.custom-select {position: relative;}
.custom-select label {display: block; font-size: 19px; line-height: 23px; padding: 7px 40px 7px 15px; color: #505050; background: #fff; font-weight: normal; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.custom-select label:after {position: absolute; top: 8px; right: 15px; font-family: 'Font Awesome 5 Pro'; content: "\f0d7"; color: #858585; font-weight: bold;}
.custom-select select {width: 100%; height: 100%; background: transparent; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; -moz-appearance: none; -webkit-appearance: none;}

.mission-callout {text-align: center; font-size: 32px; line-height: 38px; font-weight: 300;}
.mission-callout h4 {margin: 0 0 20px 0; font-size: 22px; line-height: 26px; color: #ab0634; text-transform: uppercase; letter-spacing: 1px; font-weight: bold;}

.events-section > h2 {text-align: center;}
.events-section .body {display: flex; flex-wrap: wrap;}
.events-section .featured-event {width: 35%;}
.events-section .upcoming {width: 40%; padding: 0 40px;}
.events-section .calendar {width: 25%;}
.events-section .calendar .btn {text-align: center; display: block;}
.events-section.no-feature .upcoming {width: 75%; padding: 0 40px 0 0;}
.events-section .wicked-calendar-shortcode {background: #fff; padding: 23px; font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 16px;}
.events-section .wicked-calendar-shortcode .wicked-header {padding: 0 4px 5px 4px; margin: 0 0 5px 0; position: relative;}
.events-section .wicked-calendar-shortcode .wicked-header:after {position: absolute; content: ""; left: 4px; right: 4px; height: 1px; bottom: 0; background: #ccc;}
.events-section .wicked-calendar-shortcode .wicked-month-date {font-size: 14px; line-height: 20px; text-transform: uppercase; letter-spacing: 1px; font-weight: 900;}
.events-section .wicked-calendar-shortcode .wicked-mini-calendar th {background: none; border: solid 4px #fff;}
.events-section .wicked-calendar-shortcode .wicked-mini-calendar td {background: #f3f4f7; border: solid 4px #fff;}
.events-section .wicked-calendar-shortcode .wicked-adjacent-month {visibility: hidden;}
.events-section .wicked-calendar-shortcode .wicked-has-events {color: #4e84c4;}
.events-section .wicked-calendar-shortcode .wicked-has-events:hover {color: #000;}
.events-section .wicked-calendar-shortcode .wicked-events-indicator {display: none;}

.featured-event {position: relative; font-size: 16px; line-height: 22px; font-weight: 300; color: #fff; background: #4e84c4;}
.featured-event a {color: #fff; text-decoration: underline;}
.featured-event h2 {margin: 0 0 10px 0; font-size: 26px; line-height: 30px; font-weight: 300; color: #fff;}
.featured-event h2 a {text-decoration: none;}
.featured-event p:not(:last-child) {margin: 0 0 15px 0;}
.featured-event .thumb {position: relative;}
.featured-event .thumb:after {position: absolute; content: ""; background: rgba(78,132,196,0.7); bottom: 0; left: 0; right: 0; height: 15px;}
.featured-event .thumb img {display: block; width: 100%;}
.featured-event .content {padding: 25px;}
.featured-event .date {font-weight: bold;}

.upcoming-events {margin: 0; padding: 0; list-style-type: none; font-size: 16px; line-height: 22px; font-weight: 300;}
.upcoming-events li {display: flex; position: relative;}
.upcoming-events li + li {margin-top: 20px;}
.upcoming-events h2 {margin: 0 0 5px 0; font-size: 22px; line-height: 26px; font-weight: 300;}
.upcoming-events h2 a {text-decoration: none;}
.upcoming-events .date,
.upcoming-events .time {font-weight: bold;}
.upcoming-events .thumb {width: 53%; padding: 0 30px 0 0; flex: none;}
.upcoming-events .thumb img {display: block;}
.upcoming-events.grid {margin: 0 -20px; display: flex; flex-wrap: wrap;}
.upcoming-events.grid li {width: 50%; padding: 0 20px 30px 20px; margin: 0 0 20px 0;}
.upcoming-events.grid .mini-date {left: 30px;}

.mini-date {position: absolute; top: 0; left: 10px; background: #4e84c4; font-weight: bold; text-transform: uppercase; color: #fff; text-align: center; padding: 5px 10px; font-size: 11px; line-height: 15px; z-index: 1;}
.mini-date .day {font-size: 22px; line-height: 22px; display: block;}

.blog-section > h2 {text-align: center;}
.blog-section .body {display: flex;}
.blog-section .body .posts {width: 100%;}
.blog-section .facebook {width: 310px; padding: 0 0 0 30px;}
.blog-section .facebook .widget-header {position: relative; margin: 0 0 1px 0; background: #4e84c4; font-size: 15px; line-height: 19px; font-weight: 300; color: #fff; padding: 20px 10px 20px 70px; display: block; text-decoration: none;}
.blog-section .facebook .widget-header h3 {margin: 0; font-size: 26px; line-height: 30px; font-weight: 300; color: #fff;}
.blog-section .facebook .widget-header:before {position: absolute; content: ""; top: 25px; left: 15px; width: 44px; height: 44px; border-radius: 22px; background: #fff;}
.blog-section .facebook .widget-header:after {position: absolute; font-family: 'Font Awesome 5 Brands'; content: "\f39e"; top: 25px; left: 15px; font-size: 26px; line-height: 44px; color: #4e84c4; width: 44px; text-align: center;}

.featured-post {font-size: 18px; line-height: 26px; font-weight: 300; margin: 0 0 40px 0; display: flex; flex-wrap: wrap;}
.featured-post h2 {margin: 0 0 10px 0; font-size: 26px; line-height: 32px; font-weight: 300;}
.featured-post h2 a {text-decoration: none;}
.featured-post .thumb {width: 53%; padding: 0 40px 0 0;}
.featured-post .thumb img {display: block;}
.featured-post .content {width: 47%;}
.featured-post .meta {font-size: 16px; line-height: 20px; font-weight: bold; margin: 0 0 20px 0; padding: 0 0 15px 0; border-bottom: solid 1px #505050;}

.recent-posts {margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; margin: 0 -15px;}
.recent-posts > li {padding: 0 15px 40px 15px; width: 33.3333%;}
.recent-posts .thumb img {display: block; margin: 0 0 20px 0;}
.recent-posts h2 {margin: 0; font-size: 26px; line-height: 32px; font-weight: 300;}
.recent-posts h2 a {text-decoration: none;}

.connect-section {display: flex; flex-wrap: wrap;}
.connect-section h2 {margin: 0 50px 30px 0; font-size: 32px; line-height: 36px; font-weight: 300;}
.connect-section .newsletter-signup {width: 50%; padding: 0 50px 0 0;}
.connect-section .instagram {width: 50%; padding: 0 0 0 50px; position: relative;}
.connect-section .instagram .link {position: absolute; top: 5px; right: 0; width: 32px;}
.connect-section .instagram .feed {margin: 0 -5px;}
/*
.connect-section .instagram .feed ul {margin: 0 -8px; padding: 0; list-style-type: none; font-size: 0;}
.connect-section .instagram .feed li {display: inline-block; vertical-align: middle; position: relative; padding: 0 8px 20% 8px; overflow: hidden; width: 20%;}
.connect-section .instagram .feed li a {position: absolute; top: 0; left: 5px; right: 5px;}
*/
.connect-section .instagram #sb_instagram #sbi_images {display: flex;}
.connect-section .instagram #sb_instagram #sbi_images .sbi_item {padding: 0 5px;}
.connect-section .instagram #sb_instagram.sbi_col_4 #sbi_images .sbi_item {padding: 0 5px !important;}

.connect-section + .partners-section {margin-top: 50px; padding-top: 50px; border-top: solid 1px #a9aaa5;}

.newsletter-signup .row {display: flex; flex-wrap: wrap; margin: 0 0 15px 0;}
.newsletter-signup .row > div {width: 50%;}
.newsletter-signup .row > div:first-child {padding-right: 5px;}
.newsletter-signup .row > div:last-child {padding-left: 5px;}
.newsletter-signup .row.email > div:first-child {width: calc(100% - 165px);}
.newsletter-signup .row.email > div:last-child {width: 165px;}
.newsletter-signup input {width: 100%; display: block; height: 100%;}
.newsletter-signup input[type="text"],
.newsletter-signup input[type="email"] {border: none;}
.newsletter-signup .btn {width: 100%; display: block;}
.newsletter-signup .btn:hover {color: #000;}

#cc-signup-form p {margin: 0; height: 100%;}
#cc-signup-form .ctct-form label[for^="first_name"],
#cc-signup-form .ctct-form label[for^="last_name"],
#cc-signup-form .ctct-form label[for^="email"],
#cc-signup-form .ctct-disclosure {display: none;}
#cc-signup-form .ctct-form-wrapper input[type="text"]:required:valid,
#cc-signup-form .ctct-form-wrapper input[type="email"]:required:valid {padding-left: 10px; padding-right: 40px; background-position: calc(100% - 8px) 50%;}
#cc-signup-form .ctct-form-wrapper p.success,
#cc-signup-form .ctct-form-wrapper p.named_error {border-width: 0 0 0 6px; padding: 10px; margin: 0 0 15px 0; background: none;}
#cc-signup-form .ctct-form-wrapper p.named_error {border-color: #f00;}

.partners-section h2 {margin: 0 0 30px 0; font-size: 32px; line-height: 36px; font-weight: 300; text-align: center;}
.partners-section ul {display: flex; margin: 0 -20px; align-items: center; margin: 0; padding: 0; list-style-type: none; justify-content: center;}
.partners-section ul > li {padding: 0 20px;}
.partners-section ul img {display: block;}

#page-header {background: no-repeat center center; background-size: cover; padding: 255px 0 0 0; font-size: 32px; line-height: 40px; font-weight: 300; color: #fff; text-align: center; position: relative; min-height: 500px; display: flex; flex-direction: column; justify-content: flex-end;}
#page-header > div {background: rgba(247,142,30,0.85); position: relative;}
#page-header > div:before {position: absolute; content: ""; height: 10px; top: -10px; left: 0; right: 0; background: rgba(247,142,30,0.5);}
#page-header > div > div {padding-top: 30px; padding-bottom: 30px; max-width: 1000px;}
#page-header > img {display: none; width: 100%;}
#page-header.green > div {background: rgba(94,151,50,0.85);}
#page-header.green > div:before {background: rgba(94,151,50,0.5);}
#page-header.blue > div {background: rgba(78,132,196,0.85);}
#page-header.blue > div:before {background: rgba(78,132,196,0.5);}
#page-header.olive > div {background: rgba(192,174,0,0.85);}
#page-header.olive > div:before {background: rgba(192,174,0,0.5);}

body.page-id-14442 #page-header:before {position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.05);}

.sidebar-layout {display: flex; flex-wrap: wrap;}
.sidebar-layout > .content {width: 76%; padding: 0 70px 0 0; border-right: solid 1px #a8a8a9;}
.sidebar-layout > .content ul:not(.highlights):not(.faq-list):not(.double-spaced):not(.three-columns) {margin: 20px 0; padding: 0 0 0 20px;}
/*
.sidebar-layout > .content ul:not(.highlights):not(.faq-list):not(.double-spaced) li + li {margin-top: 20px;}
*/
.sidebar-layout > aside {width: 24%; padding: 0 0 0 40px;}
.sidebar-layout > aside h2 {margin: 0 0 10px 0; font-size: 32px; line-height: 36px; color: #4e84c4; font-weight: normal;}
.sidebar-layout.alt > .content {border-right: none; padding: 0 30px 0 0;}
.sidebar-layout.alt > aside {padding: 0;}
.sidebar-layout h4 {margin: 0 0 15px 0; font-size: 18px; line-height: 22px; color: #f78e1e; font-weight: 700; text-transform: uppercase;}
.sidebar-layout.wide > .content {width: 70%;}
.sidebar-layout.wide > aside {width: 30%;}

.sidebar-callout {padding: 30px 25px; background: #f2f3f6; text-align: center;}

.left-sidebar-layout {display: flex; flex-wrap: wrap; flex-direction: row-reverse;}
.left-sidebar-layout > .content {width: 66.6666%; padding: 0 0 0 30px;}
.left-sidebar-layout > aside {width: 33.3333%;}

ul.double-spaced {margin: 20px 0; padding: 0 0 0 20px;}
ul.double-spaced li + li {margin-top: 20px;}

ul.highlights {margin: 0 0 20px 0; padding: 0; list-style-type: none; font-size: 19px; line-height: 23px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; color: #505050;}
ul.highlights li {display: inline-block; vertical-align: middle; position: relative; padding: 0 0 5px 0;}
ul.highlights li:not(:last-child) {padding-right: 15px; margin-right: 5px;}
ul.highlights li:not(:last-child):before {position: absolute; content: ""; width: 6px; height: 6px; border-radius: 50%; background: #505050; top: 8px; right: 0;}

ul.link-list {margin: 0; padding: 0; list-style-type: none; font-size: 18px; line-height: 22px;}
ul.link-list li + li {margin-top: 10px;}
ul.link-list + h2 {margin-top: 70px;}

.two-column-block {display: flex; flex-wrap: wrap; margin: 40px -20px;}
.two-column-block > div {width: 50%; padding: 0 20px;}

.cards {display: flex; flex-wrap: wrap; justify-content: space-between;}
.cards > div {width: 47%;}

.card {font-size: 20px; line-height: 30px; color: #505050; position: relative; padding: 0 0 0 115px; min-height: 90px;}
.card:before {position: absolute; content: ""; top: 0; left: 0; width: 90px; height: 90px; border-radius: 50%; background: #ab0634 url(images/icons/mission.svg) no-repeat center center;}
.card h4 {margin: 0 0 5px 0; font-size: 19px; line-height: 23px; color: #ab0634; text-transform: uppercase; font-weight: bold; letter-spacing: 1px;}
.card strong {font-weight: 700;}
.card small {font-size: 16px; line-height: 22px;}
.card a {color: #ab0634; text-decoration: none;}
.card.orange h4,
.card.orange a {color: #f78e1e;}
.card.orange:before {background-color: #f78e1e;}
.card.vision:before {background-image: url(images/icons/vision.svg);}

.section-title {margin: 0 0 10px 0; font-size: 32px; line-height: 36px; color: #4e84c4; font-weight: 300;}

.subnav {margin: 0; padding: 0; list-style-type: none; font-size: 18px; line-height: 22px; font-weight: 300;}
.subnav > li > a {font-size: 32px; line-height: 36px;}
.subnav a {text-decoration: none;}
.subnav ul {margin: 5px 0 0 0; padding: 0; list-style-type: none;}
.subnav ul li {padding: 0 0 5px 20px; position: relative;}
.subnav ul li.current-menu-item > a {font-weight: 700;}
.subnav ul li.current-menu-item:before {position: absolute; content: ""; width: 6px; height: 6px; border-radius: 50%; background: #505050; top: 8px; left: 0;}
.subnav ul ul ul {display: none;}
.subnav ul ul .current-menu-item ul,
.subnav ul ul .current-menu-ancestor ul {display: block;}

.circles-banner {background: url(images/bg-flower-children.jpg) no-repeat center center; background-size: cover;}
.circles-banner > div {padding-top: 50px; padding-bottom: 90px;}
.circles-banner h2 {color: #fff;}
.circles-banner ul {margin: 0 -30px -40px -30px; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; justify-content: center;}
.circles-banner li {width: 33.3333%; padding: 0 30px 40px 30px;}

.paint-buckets {margin: 0 -20px -40px -20px; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; font-size: 20px; line-height: 26px; color: #505050; font-weight: 300; justify-content: center;}
.paint-buckets li {padding: 0 20px 40px 20px;}

.paint-bucket {width: 200px; padding: 200px 0 0 0; position: relative; text-align: center; display: block; color: #505050;}
.paint-bucket .stat {position: absolute; top: 0; left: 50%; transition: 0.25s ease; margin-left: -90px; width: 180px; height: 180px; padding: 70px 0 0 0; display: block; background: #c0ae00; border: solid 12px #ccbd30; border-radius: 50%; text-align: center; font-size: 52px; line-height: 52px; font-weight: normal; color: #fff;}
.paint-bucket .stat:before {position: absolute; content: ""; display: block; top: 30px; left: 0; right: 0; height: 30px; background: url(images/icons/team.svg) no-repeat center center; background-size: auto 30px;}
.paint-bucket a {color: #505050;}
.paint-bucket strong {font-weight: 700;}
.paint-bucket:focus .stat,
.paint-bucket:hover .stat {background: #a09100; border-color: #b2a630;}
.paint-bucket.green .stat {background: #5e9732; border-color: #7cab59;}
.paint-bucket.green:focus .stat,
.paint-bucket.green:hover .stat {background: #497d22; border-color: #6b954c;}
.paint-bucket.red .stat {background: #ab0634; border-color: #bb355a;}
.paint-bucket.red:focus .stat,
.paint-bucket.red:hover .stat {background: #8c062b; border-color: #a23553;}
.paint-bucket.blue .stat {background: #4e84c4; border-color: #6f9bcf;}
.paint-bucket.blue:focus .stat,
.paint-bucket.blue:hover .stat {background: #3769a2; border-color: #5d85b4;}
.paint-bucket.orange .stat {background: #f78e1e; border-color: #f9a348;}
.paint-bucket.orange:focus .stat,
.paint-bucket.orange:hover .stat {background: #e1760d; border-color: #e7903b;}
.paint-bucket.pie .stat:before {background-image: url(images/icons/pie-chart.svg);}
.paint-bucket.cake .stat:before {background-image: url(images/icons/cake.svg);}
.paint-bucket.heart .stat:before {background-image: url(images/icons/heart.svg);}
.paint-bucket.programs-icon .stat:before {background-image: url(images/icons/programs.svg);}
.paint-bucket.search .stat:before {background-image: url(images/icons/contact/services_locator.svg);}
.paint-bucket.faq .stat:before {background-image: url(images/icons/contact/FAQ.svg);}
.paint-bucket.books .stat:before {background-image: url(images/icons/contact/resources.svg);}
.paint-bucket.directory .stat:before {background-image: url(images/icons/contact/directory.svg);}
.paint-bucket.tech .stat:before {background-image: url(images/icons/contact/technical_support.svg);}
.paint-bucket.link .stat {font-size: 20px; line-height: 22px; text-transform: uppercase; font-weight: 700;}


.callout-banner.olive .btn {background: #a09100;}
.callout-banner.orange .btn {background: #d5670c;}
.callout-banner.blue .btn {background: #2e5a8c;}
.callout-banner.green .btn {background: #43761c;}


.quotes-banner > div {padding-top: 80px; padding-bottom: 80px;}

.quote-slider {font-size: 40px; line-height: 52px; font-style: italic; color: #4e84c4; text-align: center; max-width: 875px; margin: 0 auto; padding: 0 0 60px 0; position: relative;}
.quote-slider p:not(:last-child) {margin: 0 0 20px 0;}
.quote-slider .author {font-size: 18px; line-height: 22px; font-weight: bold; font-style: normal;}
.quote-slider .slick-dots {position: absolute; left: 0; right: 0; bottom: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; font-size: 0px; line-height: 18px;}
.quote-slider .slick-dots li {display: inline-block; vertical-align: middle; margin: 0 7px 7px 7px;}
.quote-slider .slick-dots button {width: 18px; height: 18px; border: none; background: #d5d5d5; border-radius: 9px; display: block; cursor: pointer; text-indent: -100000px; font-size: 0; line-height: 0;}
.quote-slider .slick-dots .slick-active button {background: #4e84c4;}
.quote-slider .slick-track {display: flex; align-items: center;}

.program-tiles {display: flex; flex-wrap: wrap; margin: 40px -20px -40px -20px; font-size: 16px; line-height: 22px;}
.program-tiles > div {display: flex; width: 50%; padding: 0 20px 40px 20px;}
.program-tiles h2 {margin: 0; font-size: 22px; line-height: 26px;}
.program-tiles .thumb {width: 45%; max-width: 190px;}
.program-tiles .thumb img {display: block;}
.program-tiles .content {width: 55%; padding: 0 0 0 30px;}

.callout-banner {background: #5e9732; border-top: solid 15px #86b165; font-size: 20px; line-height: 26px; color: #fff; text-align: center;}
.callout-banner > div {padding-top: 30px; padding-bottom: 30px; max-width: 1040px;}
.callout-banner h2 {margin: 0 0 10px 0; font-size: 32px; line-height: 36px; color: #fff; font-weight: 300;}
.callout-banner a {color: #fff;}
.callout-banner .btn {background: #43761c;}
.callout-banner.orange {background: #f78e1e; border-top-color: #f9aa56;}
.callout-banner.blue {background: #4e84c4; border-top-color: #7aa3d3;}
.callout-banner.olive {background: #c0ae00; border-top-color: #d0c240;}
.callout-banner.olive .btn {background: #a09100;}
.callout-banner.olive .btn:focus,
.callout-banner.olive .btn:hover {background: #8d8000;}
.callout-banner.orange .btn {background: #e1760d;}
.callout-banner.orange .btn:focus,
.callout-banner.orange .btn:hover {background: #d5670c;}
.callout-banner.blue .btn {background: #3769a2;}
.callout-banner.blue .btn:focus,
.callout-banner.blue .btn:hover {background: #2e5a8c;}
.callout-banner.green .btn {background: #497d22;}
.callout-banner.green .btn:focus,
.callout-banner.green .btn:hover {background: #406e1c;}

.staff-grid {margin: 0 -15px; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; font-size: 16px; line-height: 22px; text-align: center; justify-content: center;}
.staff-grid li {width: 14.2857%; padding: 0 15px 40px 15px;}
.staff-grid a {color: #505050;}
.staff-grid a:hover {text-decoration: underline;}
.staff-grid strong {display: block;}
.staff-grid .thumb {display: block; position: relative; margin: 0 auto 20px auto; max-width: 140px;}
.staff-grid .thumb:after {position: absolute; content: ""; display: block; top: 0; right: 0; bottom: 0; left: 0; border: solid 8px rgba(255,255,255,0.3); border-radius: 50%;}
.staff-grid .thumb img {display: block; position: relative; width: 100%; border-radius: 50%;}

.gallery-slider {position: relative; padding: 0 70px; margin: 0 0 40px 0;}
.gallery-slider img {display: block; width: 100%;}
.gallery-slider .slide {padding: 0 8px;}
.gallery-slider .slick-arrow {position: absolute; top: 50%; text-indent: -2px; left: 0; margin-top: -20px; width: 40px; height: 40px; background: #ddd; color: #fff; text-align: center; font-size: 30px; line-height: 42px; border-radius: 50%;}
.gallery-slider .slick-arrow.next {left: auto; right: 0; text-indent: 2px;}

.awards-slider {position: relative; padding: 0 70px; margin: 0 0 40px 0; text-align: center;}
.awards-slider .slide {padding: 0 20px; max-width: 340px; margin: 0 auto;}
.awards-slider .slick-arrow {position: absolute; top: 50%; text-indent: -2px; left: 0; margin-top: -20px; width: 40px; height: 40px; background: #ddd; color: #fff; text-align: center; font-size: 30px; line-height: 42px; border-radius: 50%;}
.awards-slider .slick-arrow.next {left: auto; right: 0; text-indent: 2px;}
.awards-slider .logo {display: flex; min-height: 160px; align-items: center; margin: 0 0 20px 0;}
.awards-slider .logo > div {width: 100%;}
.awards-slider .logo img {margin: 0 auto; display: block;}

.awards {margin: 40px -20px; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center;}
.awards li {width: 33.3333%; max-width: 340px; padding: 0 20px;}
.awards .logo {display: flex; min-height: 160px; align-items: center;}
.awards .logo > div {width: 100%;}
.awards .logo img {margin: 0 auto; display: block;}

.program-intro h1 {margin: 0 0 40px 0;}
.program-intro > .content > h2 {color: #5e9732; margin: 0 0 30px 0; font-size: 40px; line-height: 44px;}
/*
.program-intro .program-intro-inner {display: flex; flex-wrap: wrap; align-items: center;}
.program-intro .program-intro-inner > .content {width: 60%; padding: 0 40px 0 0;}
.program-intro .program-intro-inner > .photo {width: 40%;}
*/
.program-intro .program-intro-inner > .photo {float: right; width: 42%; margin: 0 0 20px 40px;}

.releated-programs > h2 {font-size: 32px; line-height: 36px; color: #4e84c4;}

.block {padding: 25px; background: #fff;}
.block h3 {margin: 0 0 20px 0; padding: 0 0 20px 0; font-size: 26px; line-height: 30px; color: #4e84c4; font-weight: 300; border-bottom: solid 1px #a9aaa5;}

a.back-to-top {width: 50px; height: 50px; text-align: center; color: #CCC; position: fixed; bottom: 45px; right: 50px; background-color: #333333; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; z-index: 999999; opacity: 0; display: block; cursor: pointer; pointer-events: none}
a.back-to-top span {display: none;}
a.back-to-top:before,
a.back-to-top:after {font-family: 'Font Awesome 5 Pro'; content: '\f106'; font-size: 20px; position: absolute; left: 50%; margin-left: -10px; top: calc(100% + 20px); margin-top: -10px; opacity: 1; line-height: 20px; height: 20px; width: 20px; transition: all 0.3s ease-in-out; opacity: 0;}
a.back-to-top:after {top: 50%; opacity: 1;}
a.back-to-top:hover:before {top: 50%; opacity: 1;}
a.back-to-top:hover:after {top: -20px; opacity: 0;}
.show-back-top-top a.back-to-top {opacity: 1; pointer-events: all;}

div.search-results h2 {margin: 0; font-size: 30px; line-height: 34px;}
div.search-results > div {margin: 0 0 40px 0; padding: 0 0 40px 0; border-bottom: solid 1px #ccc;}

.pagination {font-size: 14px; line-height: 24px; color: #505050; font-weight: bold; text-transform: uppercase;}
.pagination a,
.pagination .page-numbers {display: inline-block; color: #505050; text-decoration: none; min-width: 24px; margin: 0 5px 0 0; background: #f2f3f6; text-align: center;}
.pagination a.previous,
.pagination a.next {background: none;}
.pagination .current {background: #f78e1e; color: #fff;}
.pagination .dots {background: none; min-width: 1px;}

iframe[align="right"] {margin: 0 0 20px 20px; max-width: 50%;}
iframe[align="left"] {margin: 0 20px 20px 0; max-width: 50%;}

blockquote {margin: 40px 0; padding: 40px; font-size: 22px; line-height: 28px; border: solid 1px #a8a8a9;}

.faqs h3 {margin: 0 0 10px 0; font-size: 32px; line-height: 36px; font-weight: 300;}
.faqs h3 a {text-decoration: none; position: relative; padding: 0 0 0 40px; display: inline-block;}
.faqs h3 a:before {position: absolute; font-family: 'Font Awesome 5 Pro'; content: "\f105"; font-weight: 300; top: 0; left: 0;}
.faqs h4 {margin: 0; font-size: 19px; line-height: 23px; text-transform: uppercase;}
.faqs h4 a {color: #505050; text-decoration: none; display: inline-block; position: relative; padding: 0 0 0 25px;}
.faqs h4 a:before {position: absolute; font-family: 'Font Awesome 5 Pro'; content: "\f0fe"; font-weight: 300; top: -1; left: 0; font-size: 16px;}
.faqs li.expanded h4 a:before {content: "\f146";}
.faqs.expanded h3 a:before {content: "\f107";}
.faqs > ul {display: none;}
.faqs > ul {margin: 0 0 40px 0; padding: 0 0 0 40px; list-style-type: none;}
.faqs > ul > li > div {padding: 5px 0 5px 25px;}
.faqs > ul > li > div {display: none;}
.faqs > ul > li + li {margin-top: 10px;}

ul.plain {margin: 20px 0; padding: 0; list-style-type: none;}

ul.two-columns {column-count: 2; column-gap: 40px;}
ul.three-columns {column-count: 3; column-gap: 40px;}

.wp-caption.alignnone {margin: 0 0 20px 0; width: auto !important;}

.wp-caption-text {font-size: 14px; line-height: 20px; font-style: italic;}

/**
 * Team
 */
.team-intro-banner aside {font-size: 16px; line-height: 21px; font-weight: normal;}
.team-intro-banner aside a {color: #f78e1e;}
.team-intro-banner aside p:not(:last-child) {margin-bottom: 15px;}

ul.tabs {margin: 0 0 40px 0; padding: 0; list-style-type: none; border-bottom: solid 1px #a3a3a3; font-size: 18px; line-height: 22px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;}
ul.tabs li {float: left; margin: 0 0 0 10px;}
ul.tabs a {display: block; padding: 10px 20px; color: #4e84c4;}
ul.tabs .on a {background: #4e84c4; color: #f6f6f6;}

ul.emeritus-members {margin: 0; padding: 0; list-style-type: none; columns: 3; column-gap: 40px;}

.team {display: flex; flex-wrap: wrap; margin: 0 -20px;}
.team > div {padding: 0 20px 50px 20px; display: flex; width: 100%; width: 33.3333%;}

.profile-tile {padding: 15px; box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.2); font-size: 14px; line-height: 17px; width: 100%;}
.profile-tile h3 {margin: 0 0 5px 0; font-size: 26px; line-height: 26px; color: #4e84c4; font-weight: 300;}
.profile-tile .upper {display: flex; flex-wrap: wrap; padding: 5px 0 15px 0; border-bottom: solid 1px #a7a7a7;}
.profile-tile .thumb {width: 36%;}
.profile-tile .thumb img {display: block; width: 100%;}
.profile-tile .details {width: 64%; position: relative; padding: 0 0 30px 20px;}
.profile-tile .details .more {position: absolute; left: 20px; bottom: 0; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700;}
.profile-tile .title {font-weight: normal; text-transform: uppercase;}
.profile-tile .lower {padding: 15px 0 0 0;}
.profile-tile .email {display: inline-block; position: relative; padding: 0 0 0 20px; color: #505050; font-weight: normal; font-size: 15px; word-break: break-all;}
.profile-tile .email:before {position: absolute; top: 0; left: 0; font-family: 'Font Awesome 5 Pro'; content: "\f0e0"; color: #4e84c4;}
.profile-tile .email:hover {color: #4e84c4;}

.profile-details {display: flex; flex-wrap: wrap;}
.profile-details header {text-align: left; margin: 0 0 20px 0;}
.profile-details h2 {margin: 0 0 5px 0;}
.profile-details > .photo {width: 33%;}
.profile-details > .content {padding: 0 0 0 40px; width: 67%;}
.profile-details .title {font-weight: normal; text-transform: uppercase;}
.profile-details .email a {display: inline-block; position: relative; padding: 0 0 0 25px; font-weight: normal;}
.profile-details .email a:before {position: absolute; top: 0; left: 0; font-family: 'Font Awesome 5 Pro'; content: "\f0e0";}

.profile-search {display: flex; justify-content: center; margin: 0 0 30px 0;}
.profile-search [type="text"] {margin: 0 10px 0 0; max-width: 250px; width: 100%;}

/**
 * Resources
 */
.resource-search {background: #f2f3f6; margin: 0 0 30px 0; padding: 30px; font-size: 19px; line-height: 23px;}
.resource-search h4 {margin: 0 0 20px 0; font-size: 32px; line-height: 36px; font-weight: 300;}
.resource-search h4 + .filters {margin-top: -10px;}
.resource-search [type="text"] {margin: 10px 0; display: block; width: 100%; border: none; padding: 10px;}
.resource-search .filters {margin: 0; padding: 0; list-style-type: none; margin: 0 0 20px 0;}
.resource-search .filters ul {margin: 0; padding: 0 0 10px 0; list-style-type: none; display: none;}
.resource-search .filters ul li {padding: 5px 0;}
.resource-search .filters > li {border-bottom: solid 1px #cacdcc;}
.resource-search .filters > li > a {position: relative; font-weight: 700; color: #505050; text-transform: uppercase; padding: 10px 0 10px 20px; display: block;}
.resource-search .filters > li > a:after {position: absolute; font-family: 'Font Awesome 5 Pro'; content: "\f054"; top: 10px; left: 0; font-size: 15px;}
.resource-search .filters > li.expanded > a:after {content: "\f078";}
.resource-search .btn {margin-top: 10px;}

ul.resources {margin: 0; padding: 0; list-style-type: none; font-size: 20px; line-height: 25px;}
ul.resources > li {display: flex; flex-wrap: wrap; margin: 0 0 40px 0; align-items: flex-start;}
ul.resources h3 {margin: 0 0 5px 0; font-size: 32px; line-height: 36px; font-weight: 300;}
ul.resources .thumb {width: 25%; padding: 4px; border: solid 1px #dcdcdc;}
ul.resources .thumb img {display: block; width: 100%;}
ul.resources .content {width: 75%; padding: 0 0 0 20px;}
ul.resources .meta {margin: 0 0 5px 0; font-weight: 700; text-transform: uppercase; color: #858585; font-size: 14px; line-height: 18px;}

.resource-contacts h2 {color: #f78e1e;}

.resource-sources {display: flex; flex-wrap: wrap; margin: 0 -20px; font-size: 16px; line-height: 22px;}
.resource-sources > div {padding: 0 20px; width: 33.3333%;}
.resource-sources h3 {margin: 0 0 10px 0; font-size: 22px; line-height: 26px; color: #f78e1e; font-weight: 300;}
.resource-sources h4 {margin: 0; font-size: 16px; line-height: 22px; font-weight: 700;}

.resource-block {background: #fff; padding: 40px 30px; font-size: 16px; line-height: 22px;}
.resource-block h4 {margin: 0; font-size: 16px; line-height: 22px; font-weight: 700;}
.resource-block .logo img {display: block; margin: 0 auto 25px auto;}
.resource-block .contact {padding: 20px 0; text-align: center; border-top: solid 1px #cacdcc; border-bottom: solid 1px #cacdcc; font-size: 22px; line-height: 28px;}
.resource-block .points {margin: 20px 0; padding: 0 0 20px 0; list-style-type: none; font-size: 22px; line-height: 24px; color: #f78e1e; border-bottom: solid 1px #cacdcc;}
.resource-block .points li {position: relative; padding: 0 0 0 35px;}
.resource-block .points li:before {position: absolute; top: 0; left: 0; font-family: 'Font Awesome 5 Pro'; content: "\f00c"; border: solid 1px #f78e1e; border-radius: 50%; text-align: center; font-size: 12px; line-height: 23px; width: 24px; height: 24px;}
.resource-block .points li + li {margin-top: 10px;}
.resource-block .contacts {margin: 0; padding: 0; list-style-type: none;}
.resource-block .contacts > li {display: flex; flex-wrap: wrap;}
.resource-block .contacts > li + li {margin-top: 30px;}
.resource-block .contacts .thumb {width: 25%; max-width: 80px;}
.resource-block .contacts .thumb img {display: block; border-radius: 50%;}
.resource-block .contacts .content {width: 75%; padding: 0 0 0 15px;}
.resource-block .contacts .content a {word-break: break-all; display: inline-block;}

/**
 * Page color themes
 */
.theme-green .intro h1 {color: #5e9732;}
.theme-green .program-intro h1,
.theme-orange .program-intro h1,
.theme-blue .program-intro h1 {color: #505050;}

/**
 * Calendar
 */
.calendar-actions {display: flex; flex-wrap: wrap; justify-content: space-between;}

.calendar-filters {display: flex;}
.calendar-filters > div {width: 150px; margin-left: 20px;}
.calendar-filters .custom-select label {background: #eee;}

/**
 * Front page
 */
#hero {position: relative;}
#hero .slide {height: 500px; background: no-repeat center center; background-size: cover; position: relative;}
#hero .slide a {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
#hero .slick-arrow {position: absolute; color: #fff; opacity: 0.8; top: 50%; left: 50px; margin-top: -80px; font-size: 120px; line-height: 120px; z-index: 1;}
#hero .slick-arrow.next {left: auto; right: 50px;}
#hero .alert {background: rgba(192,174,0,0.9); padding: 15px 0; text-align: center; font-size: 20px; line-height: 24px; position: absolute; left: 0; right: 0; bottom: 0; color: #fff;}
#hero .alert > div {position: relative; padding: 0 90px;}
#hero .alert a {color: #fff; text-decoration: underline; text-decoration: underline;}
#hero .alert p:last-of-type {margin: 0;}
#hero .alert .close {position: absolute; right: 20px; font-size: 16px; line-height: 20px; font-weight: bold; text-transform: lowercase; top: 50%; margin-top: -10px; text-decoration: none;}
#hero .slide {display: none;}
#hero .slider:not(.slick-initialized) {min-height: 500px; background: url(images/loading.gif) no-repeat center calc(50% - 27px);}
#hero .slick-initialized .slide {display: block;}

.features {display: flex; flex-wrap: wrap; margin: 50px -30px 60px -30px; font-size: 20px; line-height: 26px; font-weight: 300; color: #505050; text-align: center;}
.features > div {width: 33.3333%; padding: 0 30px;}
.features h2 {margin: 0 0 20px 0; font-size: 40px; line-height: 44px; font-weight: 300; color: #5e9732;}
.features .circles {margin: 0 auto 30px auto;}
.features .content {max-width: 300px; margin: 0 auto;}
.features .therapy h2,
.features .orange h2 {color: #f78e1e;}
.features .family h2,
.features .olive h2 {color: #c0ae00;}

/**
 * Blog
 */
#blog-header > div {min-height: 160px; display: flex; align-items: center; text-align: center; justify-content: center;}
#blog-header h1 {margin: 0; font-size: 56px; line-height: 60px; color: #fff;}
#blog-header h1 a {color: #fff;}

article.single header {text-align: left; margin: 0 0 20px 0;}
article.single header h1 {margin: 0 0 10px 0;}
article.single .meta {font-size: 14px; line-height: 18px; color: #858585; font-weight: bold;}

.blog-layout {display: flex; flex-wrap: wrap; align-items: flex-start;}
.blog-layout > .content {width: 75%; padding: 0 50px 0 0;}
.blog-layout > aside {width: 25%; background: #f2f3f6;}

.blog-featured-post {padding: 0 0 30px 0; margin: 0 0 30px 0; border-bottom: solid 1px #a7a7a7;}
.blog-featured-post h2 {margin: 0 0 5px 0; font-size: 26px; line-height: 30px;}
.blog-featured-post header {position: relative; margin: 0 0 20px 0; text-align: left;}
.blog-featured-post .thumb img {display: block; width: 100%; margin: 0 0 30px 0;}
.blog-featured-post .meta {font-size: 14px; line-height: 18px; color: #858585; font-weight: bold;}
.blog-featured-post .meta a {color: #858585;}
.blog-featured-post .meta a:hover {text-decoration: underline;}

.posts article {padding: 0 0 30px 0; margin: 0 0 30px 0; border-bottom: solid 1px #a7a7a7; display: flex; flex-wrap: wrap;}
.posts article h2 {margin: 0 0 5px 0; font-size: 26px; line-height: 30px;}
.posts article header {position: relative; margin: 0 0 10px 0; text-align: left;}
.posts article .meta {font-size: 14px; line-height: 18px; color: #858585; font-weight: bold;}
.posts article .meta a {color: #858585;}
.posts article .meta a:hover {text-decoration: underline;}
.posts article .thumb {width: 47%;}
.posts article .thumb img {display: bock; width: 100%;}
.posts article .right {width: 53%; padding: 0 0 0 40px;}

.widget {padding: 20px; font-size: 14px; line-height: 20px; color: #505050;}
.widget + .widget {border-top: solid 1px #d8d8d8;}
.widget h4 {margin: 0 0 10px 0; font-size: 16px; line-height: 20px; color: #505050; text-transform: uppercase;}
.widget select {width: 100%;}
.widget p:not(:last-child) {margin: 0 0 15px 0;}
.widget_categories ul {margin: 0; padding: 0; list-style-type: none; font-size: 16px; line-height: 24px;}
.widget_categories ul ul {margin: 0 0 0 15px;}

.widget_search [type="text"] {width: 100%; display: block; margin: 0 0 10px 0;}
.widget_search .btn {float: right;}

body:not(.single-post):not(.archive) .sidebar .widget_text:first-child {display: none;}

.post-author {padding: 30px; background: #f2f3f6; display: flex; flex-wrap: wrap; font-size: 18px; line-height: 26px; color: #505050; margin: 0 0 40px 0;}
.post-author h4 {margin: 0 0 10px 0; font-size: 23px; line-height: 27px; font-weight: bold;}
.post-author small {font-size: 16px;}
.post-author .photo {width: 150px;}
.post-author .photo img {width: 100%;}
.post-author .bio {padding: 10px 0 0 30px; width: calc(100% - 150px);}

.share-post {margin: 0 0 40px 0;}

/**
 * Contact
 */
.contact-intro {font-size: 32px; line-height: 36px;}
.contact-intro h1 {margin: 0 0 10px 0; font-size: 56px; line-height: 60px; color: #505050;}

.locations {margin: 40px 0 0 0; padding: 0; list-style-type: none;}
.locations > li {display: flex; flex-wrap: wrap; align-items: center; margin: 20px 0;}
.locations h2 {margin: 0 0 10px 0; font-size: 32px; line-height: 36px; color: #f78e1e;}
.locations a {color: #f78e1e; text-decoration: none;}
.locations a:hover {text-decoration: underline;}
.locations .content {width: 70%; padding: 0 70px 0 0;}
.locations .content > div {border-top: solid 1px #858585; padding: 60px 0;}
.locations .contact {display: flex; flex-wrap: wrap;}
.locations .contact > div {min-width: 300px;}
.locations .address {padding: 0 0 0 50px; position: relative; background: url(images/icons/contact/orange_pin.svg) no-repeat left 5px;}
.locations .numbers {padding: 0 0 0 50px; position: relative; background: url(images/icons/contact/orange_phone.svg) no-repeat left 10px;}
.locations .numbers a {color: #505050; text-decoration: none;}
.locations .photo {width: 30%;}
.locations li.blue h2,
.locations li.blue a {color: #4e84c4;}
.locations li.blue .address {background-image: url(images/icons/contact/blue_pin.svg);}
.locations li.blue .numbers {background-image: url(images/icons/contact/blue_phone.svg);}
.locations li.blue .numbers a {color: #505050;}
.locations li.olive h2,
.locations li.olive a {color: #c0ae00;}
.locations li.olive .address {background-image: url(images/icons/contact/green_pin.svg);}
.locations li.olive .numbers {background-image: url(images/icons/contact/green_phone.svg);}
.locations li.olive .numbers a {color: #505050;}

/**
 * Events
 */
.wicked-event-detail:after {content: ""; display: block; height: 0; font-size: 0; line-height: 0; clear: both; visibility: hidden;}
.wicked-event-detail .wicked-venue {float: left; width: calc(50% - 20px);}
.wicked-event-detail .wicked-map-container {float: right; width: calc(50% - 20px); margin: 0; padding-bottom: 25%;}
.wicked-event-detail .wicked-website {clear: both;}
.wicked-event-detail .upcoming-dates ul {margin: 0; padding: 0; list-style-type: none;}

/**
 * Campaigns
 */
.full-width-quote-slider {color: #fff; position: relative;}
.full-width-quote-slider > div {max-width: 1240px; margin: 0 auto;}
.full-width-quote-slider h2 {margin: 0 0 60px 0; font-size: 46px; line-height: 50px; color: #fff; font-weight: 300; text-align: center;}
.full-width-quote-slider .slick-list {overflow: visible;}
.full-width-quote-slider .slick-track {display: flex;}
.full-width-quote-slider .slick-track:before,
.full-width-quote-slider .slick-track:after {display: none;}
.full-width-quote-slider .slide {opacity: 0.3; transition: opacity .5s ease; padding: 60px 100px 100px 100px; display: none; float: none; height: auto;}
.full-width-quote-slider .slide.slick-active {opacity: 1;}
.full-width-quote-slider .slide.blue {background: #4e84c4;}
.full-width-quote-slider .slide.green {background: #5e9732;}
.full-width-quote-slider .slide.red {background: #ab0634;}
.full-width-quote-slider .content {display: flex; flex-wrap: wrap; flex-direction: row-reverse; align-items: center;}
.full-width-quote-slider .content > .photo {width: 33.3333%;}
.full-width-quote-slider .content > .photo img {display: block; border-radius: 50%;}
.full-width-quote-slider .content > .quote {width: 66.6666%; padding: 0 80px 0 0;}
.full-width-quote-slider .quote {font-size: 30px; line-height: 45px; font-style: italic;}
.full-width-quote-slider .quote .author {font-size: 24px; line-height: 28px; font-weight: bold; text-align: right; font-style: normal;}
.full-width-quote-slider .slick-dots {margin: 0; padding: 0; list-style-type: none; position: absolute; left: 0; right: 0; bottom: 40px; text-align: center; font-size: 0; line-height: 18px;}
.full-width-quote-slider .slick-dots li {display: inline-block; vertical-align: middle; margin: 0 4px;}
.full-width-quote-slider .slick-dots button {display: inline-block; vertical-align: middle; border: none; cursor: pointer; font-size: 0; line-height: 0; text-indent: -100000px; width: 18px; height: 18px; border-radius: 9px; background: #fff; opacity: 0.2;}
.full-width-quote-slider .slick-dots .slick-active button {opacity: 1;}
.full-width-quote-slider .slick-initialized .slide {display: block;}

.page-template-template-campaign aside h2 {margin: 0 0 20px 0; font-size: 25px; line-height: 29px; color: #0c3252; font-weight: 300; text-align: center;}
.page-template-template-campaign aside .thermometer {margin: 0 0 30px 0;}
.page-template-template-campaign aside .thermometer svg {display: block; margin: 0 auto; float: none !important;}

.thermometer .therm_target,
.thermometer .therm_raised,
.thermometer .therm_legend {font-family: 'Roboto Condensed', Arial, Verdana, Sans-Serif; font-size: 12px;}
.thermometer .therm_percent {font-family: 'Roboto Condensed', Arial, Verdana, Sans-Serif;}

/**
 * Webcam
 */
.video-container iframe {
    width: 100%;
}

.webcam-header {
    font-size: 26px;
    color: #4e84c4;
    font-weight: 300;
}

/**
 * Tweaks
 */
body.page-id-14442 h3 + hr {margin-top: 5px;}
body.page-id-14442 ul.plain li {padding-left: 20px; text-indent: -20px;}

body.page-id-17535 h3 + hr {margin-top: 5px;}
body.page-id-17535 ul.plain li {padding-left: 20px; text-indent: -20px;}

#menu-item-13749:not(.current-menu-item):not(.current-page-ancestor) ul {display: none;}

/**
 * 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: 'Roboto Condensed', Arial, Verdana, Sans-Serif; font-size: 19px; line-height: 23px; color: #505050; font-weight: normal; background: #fff; padding: 10px; border: solid 1px #ccc; margin: 0;}

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

button {cursor: pointer;}

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

    #header nav .primary {right: 20px;}
    #header nav .secondary a {padding: 0 20px 0 70px;}
    #header nav .secondary a:before {width: 50px;}
    #header .tools {right: 270px;}
    #header .social {bottom: 74px;}

}

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

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

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

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

    .mobile-menu #page {right: 260px;}
    .mobile-menu #mobile-menu {right: 0;}

    #header > div {height: 120px;}
    #header nav,
    #header .search,
    #header .social {display: none;}
    #header .toggle-menu {display: block;}
    #header .tools {top: 49px; right: 100px;}
    #header .tools .lang {border-left: none;}
    #header .logo {top: 15px; width: 150px;}

    #footer nav,
    #footer .contact {width: 100%; padding: 0;}
    #footer nav {border-right: none; border-bottom: solid 1px #87a8d4; margin: 0 0 40px 0; padding: 0 0 20px 0;}
    #footer .contact > div {padding: 0 40px 0 0;}

    .start-callout {display: block;}
    .start-callout .left,
    .start-callout .right {width: 100%; padding: 0;}
    .start-callout .left {margin: 0 0 40px 0;}

    .events-section .featured-event {width: 100%; margin: 0 0 40px 0;}
    .events-section .upcoming {width: 70%; padding: 0 60px 0 0;}
    .events-section .calendar {width: 30%;}
    .events-section.no-feature .upcoming {width: 100%;}
    .events-section.no-feature .calendar {width: 100%;}

    .blog-section .body {flex-wrap: wrap;}
    .blog-section .facebook {width: 100%; margin: 20px 0 0 0; padding: 0;}

    .connect-section .newsletter-signup,
    .connect-section .instagram {width: 100%; padding: 0;}
    .connect-section .newsletter-signup {margin: 0 0 40px 0;}

    .partners-section ul {flex-wrap: wrap;}
    .partners-section ul > li {padding-bottom: 20px;}

    .sidebar-layout > .content,
    .sidebar-layout > aside,
    .sidebar-layout.wide > .content,
    .sidebar-layout.wide > aside {width: 100%; padding: 0; border: none;}
    .sidebar-layout > .content {margin: 0 0 40px 0; padding: 0 0 40px 0; border-bottom: solid 1px #a8a8a9;}
    .sidebar-layout.alt > .content {border: none; padding: 0;}

    .left-sidebar-layout > .content,
    .left-sidebar-layout > aside {width: 100%; padding: 0;}
    .left-sidebar-layout > .content {margin: 0 0 40px 0;}

    .blog-layout > .content,
    .blog-layout > aside {width: 100%; padding: 0;}
    .blog-layout > .content {margin: 0 0 40px 0;}

    .circles-banner li {width: 50%;}

    .staff-grid li {width: 20%;}

    ul.tabs {letter-spacing: normal;}

    ul.emeritus-members {columns: 2;}

    .team > div {width: 50%;}

    .locations .content,
    .locations .photo {width: 100%; padding: 0;}
    .locations .photo {max-width: 340px; margin: 0 auto;}
    .locations .content > div {padding-bottom: 0;}
    .locations .photo {padding: 40px 0 60px 0;}

    ul.three-columns {column-count: 2;}

    .full-width-quote-slider .quote {font-size: 22px; line-height: 36px;}
    .full-width-quote-slider .quote .author {font-size: 18px; line-height: 22px;}

}

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

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

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

    a.back-to-top {right: 30px;}

    #master-footer .content {display: block; text-align: center;}
    #master-footer .right {justify-content: center; margin: 20px 0 0 0;}
    #master-footer .translate {width: 160px; margin: 20px auto 0 auto;}

    .features > div {width: 100%;}
    .features > div + div {margin-top: 60px;}
    .features .circles {max-width: 350px;}

    .program-intro .program-intro-inner {display: block;}
    /*
    .program-intro .program-intro-inner > .content,
    .program-intro .program-intro-inner > .photo {width: 100%; padding: 0;}
    */
    .program-intro .program-intro-inner > .photo {max-width: 380px; margin: 40px auto; float: none;}

}

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

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

    #header > div {height: 70px;}
    #header .logo {top: 5px; width: 100px;}
    #header .tools {top: 26px;}
    #header .toggle-menu {top: 23px;}

    #page-header {padding-top: 0; background: none !important; min-height: 1px;}
    #page-header > img {display: block;}

    .start-callout form .footer {display: block;}
    .start-callout form .footer .action {text-align: center;}
    .start-callout form .footer .btn {float: none;}
    .start-callout form .footer .contact {margin: 20px 0 0 0; text-align: center;}

    #hero .slide {height: 400px;}
    #hero .slick-arrow {margin-top: -110px;}
    #hero .slider:not(.slick-initialized) {min-height: 400px;}

    .events-section .upcoming {width: 100%; margin: 0 0 40px 0; padding: 0;}
    .events-section .calendar {width: 100%;}

    .upcoming-events.grid li {width: 100%;}

    .recent-posts > li {width: 50%;}
    .recent-posts h2 {font-size: 18px; line-height: 24px;}

    .circles-banner li {width: 100%;}

    .cards > div {width: 100%;}
    .cards > div + div {margin-top: 20px;}

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

    .program-intro .program-intro-inner > .photo {width: 80%;}

    .staff-grid li {width: 33.3333%;}

    .awards {display: block; max-width: 340px; margin: 0 auto;}
    .awards li {width: 100%;}

    .team > div {width: 100%;}

    .resource-sources > div {width: 100%;}

    ul.two-columns,
    ul.three-columns {column-count: 1; column-gap: 0;}

    .wicked-event-detail .wicked-venue,
    .wicked-event-detail .wicked-map-container {float: none; width: 100%;}
    .wicked-event-detail .wicked-map-container {margin: 30px 0; padding-bottom: 40%;}

    .awards-slider .logo {min-height: 130px;}

    .circle-grid > div {width: 100%; padding: 0 0 30px 0;}

    .calendar-actions {display: block;}
    .calendar-filters {justify-content: center; margin: 20px 0 0 0;}

    .posts article .thumb {width: 30%;}
    .posts article .right {width: 70%; padding: 0 0 0 20px;}

    .full-width-quote-slider .content > .photo,
    .full-width-quote-slider .content > .quote {width: 100%; padding: 0;}
    .full-width-quote-slider .content > .photo {max-width: 300px; margin: 0 auto 20px auto;}
}

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

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

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

    #header .lang {display: none;}
    #header .tools {right: 80px;}
    #header .tools .phone {border-left: none;}

    #footer nav > ul {width: 100%; text-align: center; padding: 0;}
    #footer .contact > div {width: 100%; text-align: center; padding: 0;}
    #footer .contact > div + div {margin-top: 40px;}

    #master-footer .right {flex-wrap: wrap;}
    #master-footer .logo {width: 100%; margin: 20px 0 0 0;}

    #page-header {font-size: 24px; line-height: 32px;}
    #page-header > div > div {padding-top: 20px; padding-bottom: 20px;}

    h1 {font-size: 50px; line-height: 54px;}

    .start-callout .fields {display: block;}
    .start-callout .fields > div,
    .start-callout .fields > div:first-child {width: 100%; padding: 0; margin: 0;}
    .start-callout .fields > div + div {margin-top: 20px;}
    .start-callout form .footer .action {min-width: 1px;}

    .featured-post .thumb {width: 100%; padding: 0; margin: 0 0 20px 0;}
    .featured-post .content {width: 100%;}

    .staff-grid {justify-content: space-around;}
    .staff-grid li {width: 50%;}

    .profile-tile {font-size: 13px; line-height: 16px;}
    .profile-tile h3 {font-size: 23px; line-height: 23px;}

    .profile-details > .photo {width: 100%;}
    .profile-details > .content {width: 100%; padding: 20px 0 0 0;}

    ul.tabs li {float: none; margin: 0 0 10px 0;}

    ul.emeritus-members {columns: 1;}

    iframe[align="left"],
    iframe[align="right"] {max-width: 100%; margin: 0;}

    .post-author .photo,
    .post-author .bio {width: 100%; padding: 0;}
    .post-author .photo {margin:  0 0 20px 0;}

    .wp-caption {float: none; margin: 0 0 20px 0; width: auto !important;}

    .full-width-quote-slider .slide {padding-left: 50px; padding-right: 50px;}

    .two-column-block > div {width: 100%;}
    .two-column-block > .left {margin: 0 0 20px 0;}

}

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

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

    #hero .slide {height: 300px;}
    #hero .alert > div {padding: 0 40px;}
    #hero .alert .close {display: block; position: static; margin: 20px 0 0 0;}
    #hero .slick-arrow {left: 20px; font-size: 60px;}
    #hero .slick-arrow.next {right: 20px;}
    #hero .slider:not(.slick-initialized) {min-height: 300px;}

    .newsletter-signup .row.email > div:first-child,
    .newsletter-signup .row.email > div:last-child {width: 100%; padding: 0;}
    .newsletter-signup .row.email > div:first-child {margin: 0 0 15px 0;}

    .circles.with-text > div > div > div {font-size: 20px; line-height: 26px;}

    .awards-slider {font-size: 14px; line-height: 20px;}
    .awards-slider .logo {min-height: 80px;}

    .circle-grid {text-align: center;}
    .circle-grid > div {display: block; padding: 0 0 50px 0;}
    .circle-grid .thumb {margin: 0 auto 5px auto;}
    .circle-grid .content {width: 100%; padding: 0;}

    .posts article .thumb {width: 100%;}
    .posts article .right {width: 100%; padding: 20px 0 0 0;}

}

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

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

    #header .tools .phone:before {display: none;}

    .staff-grid li {width: 100%;}

    .circles > div:after {border-width: 10px;}

}

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

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