/* ---------------------------------------------------------------------------------------------------------------------
    WordPress Core Classes
--------------------------------------------------------------------------------------------------------------------- */
.alignnone {
    margin: 0 1em 1em 0;
}

.alignright {
    float: right;
    margin: 0 0 1em 1em;
}

.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption.alignnone {
    margin: 0 1em 1em 0;
}

.wp-caption.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}

.wp-caption.alignright {
    float: right;
    margin: 0 0 1em 1em;
}

/* Stick Admin Bar To The Top */
body.admin-bar {
    margin-top: 32px !important;
}

@media screen and ( max-width: 782px ) {
    body.admin-bar {
        margin-top: 46px !important;
    }
}

@media screen and ( max-width: 600px ) {
    body.admin-bar {
        margin-top: 46px !important;
    }
}

img.aligncenter {
    margin-top: 35px;
    margin-bottom: 35px;
}


/* ---------------------------------------------------------------------------------------------------------------------
    General fixes
--------------------------------------------------------------------------------------------------------------------- */
body {
    -webkit-font-smoothing: antialiased;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=button] {
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Placeholder Styling */
::-webkit-input-placeholder {
    color: #b2b2b2;
}

::-moz-placeholder {
    color: #b2b2b2;
}

::-o-placeholder {
    color: #b2b2b2;
}

:-ms-input-placeholder {
    color: #b2b2b2;
}

input:-moz-placeholder {
    color: #b2b2b2;
}

embed, iframe, object {
    max-width: 100%;
}

.column  + .column:last-child,
.columns + .column:last-child,
.column  + .columns:last-child,
.columns + .columns:last-child {
    float: left;
}

div.text-center {
    width: 100%;
}

.sticky-container {
    z-index: 1000;
}




/* ---------------------------------------------------------------------------------------------------------------------
    Typography
--------------------------------------------------------------------------------------------------------------------- */
a:focus {
    outline: none;
}

p:empty {
    display: none;
}

body, h1, h2, h3, h4, h5, h6, p, a, li {
    font-family: 'Josefin Sans', sans-serif;
    transition: color .3s ease;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

img.alignright {
    float: right;
    margin: 0 0 1em 1em;
}

img.alignleft {
    float: left;
    margin: 0 40px 25px 0;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

a {
    color: #ec1757;
    transition: color .2s ease;
}

a:hover,
a:focus {
    color: #ec1757;
    transition: color .2s ease;
}


/* ---------------------------------------------------------------------------------------------------------------------
    Clearfix
--------------------------------------------------------------------------------------------------------------------- */
.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}


/* ---------------------------------------------------------------------------------------------------------------------
    Basic Styles
--------------------------------------------------------------------------------------------------------------------- */
.grid-container {
    max-width: 1300px;
}

.grid-padding-x > .cell {
    position: relative;
}

.btn {
    display: inline-block;
    padding: 12px 40px;
    font-size: 14px;
    letter-spacing: 0.4px;
    text-decoration: none;
    text-align: center;
    border-radius: 50px;

    transition: all .2s linear;
}

.btn:hover {
    text-decoration: none;
    transition: all .2s linear;
}

.btn > svg {
    margin-left: 3px;
    position: relative;
    top: 1px;
}

.btn svg.fa-long-arrow-alt-right,
.btn svg.fa-long-arrow-right {
    position: relative;
    left: 0;
    transition: left .15s linear;
}

.btn:hover svg.fa-long-arrow-alt-right,
.btn:hover svg.fa-long-arrow-right {
    left: 5px;
    transition: left .15s linear .15s;
}

.btn-transparent,
.btn-transparent:focus {
    border: 1px solid #ec1757;
    color: #ec1757;
}

.btn-transparent:hover {
    background-color: #ec1757;
    color: #fff;
}

.btn.white-text {
    color: #fff;
}

.btn.white-text:hover {
    color: #222;
}

.btn-green,
.btn-green:focus {
    background-color: #73bf44;
    color: #fff;
    font-weight: 800;
    /*box-shadow: 3px 6px 25px rgba(115, 191, 68, 0.78);*/
}

.btn-green em {
    font-weight: 400;
}

.btn-green:hover {
    background-color: #ec1857;
    color: #fff;
    /*box-shadow: 3px 6px 25px rgba(236, 24, 87, 0.78);*/
}

.btn-blue,
.btn-blue:focus {
    background-color: #043e5e;
    color: #fff;
    font-weight: 800;
}

.btn-blue:hover {
    background-color: #27b4e8;
    color: #fff;
}

.btn-pink,
.btn-pink:focus {
    background-color: #ec1757;
    color: #fff;
    font-weight: 800;
}

.btn-pink:hover {
    background-color: #ff0018;
    color: #fff;
}



/* ---------------------------------------------------------------------------------------------------------------------
    Animate CSS
--------------------------------------------------------------------------------------------------------------------- */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-2s {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-3s {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-75px);
        -ms-transform: translateX(-75px);
        transform: translateX(-75px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-75px);
        -ms-transform: translateX(-75px);
        transform: translateX(-75px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(75px);
        -ms-transform: translateX(75px);
        transform: translateX(75px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(75px);
        -ms-transform: translateX(75px);
        transform: translateX(75px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}


@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 150px, 0);
        transform: translate3d(0, 100px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 150px, 0);
        transform: translate3d(0, 100px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}


/* ---------------------------------------------------------------------------------------------------------------------
    Social | Media Networks
--------------------------------------------------------------------------------------------------------------------- */
.soc-media {
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
}

.soc-media .sm-item {
    display: inline-block;
    margin: 1px;
}

.soc-media .sm-item > svg {
    width: 25px;
    height: 25px;
    line-height: 25px;
    color: #a16f17;
    background-color: transparent;
    text-align: center;
    border-radius: 50%;
    padding: 5px;
    transition: background-color .2s ease;
}

.soc-media .sm-item:hover > svg {
    color: #fff !important;
    cursor: pointer;
    transition: background-color .2s ease;
}

.soc-media .sm-item:before {
    display: none;
}

.soc-media .sm-item:hover .fa-vk {
    background: #45668e;
}

.soc-media .sm-item:hover .fa-facebook-f {
    background: #3b5998;
}

.soc-media .sm-item:hover .fa-twitter {
    background: #00aced;
}

.soc-media .sm-item:hover .fa-google-plus-g {
    background: #dd4b39;
}

.soc-media .sm-item:hover .fa-linkedin-in {
    background: #0177B5;
}

.soc-media .sm-item:hover .fa-youtube {
    background: #bb0000;
}

.soc-media .sm-item:hover .fa-vimeo-v {
    background: #45bbff;
}

.soc-media .sm-item:hover .fa-instagram {
    background: #517fa4;
}

.soc-media .sm-item:hover .fa-pinterest-p {
    background: #CB2027;
}

.soc-media .sm-item:hover .fa-dribbble {
    background: #F26798;
}

.soc-media .sm-item:hover .fa-yelp {
    background: #BE2F25;
}

.soc-media .sm-item:hover .fa-flickr {
    background: #0063DB;
}

.soc-media .sm-item:hover .fa-vine {
    background: #00BF8F;
}

.soc-media .sm-item:hover .fa-rss {
    background: #e6c400;
}


/* ---------------------------------------------------------------------------------------------------------------------
    GF: Reset
--------------------------------------------------------------------------------------------------------------------- */
body .gform_wrapper {
    overflow: inherit;
    margin: 10px 0 20px 0;
    max-width: 100%;
    position: relative;
}

body .gform_wrapper .top_label div.ginput_container {
    margin-top: 0 !important;
}

body .gform_wrapper .top_label div.ginput_container.ginput_recaptcha {
    padding-bottom: 20px !important;
}

body .gform_wrapper .top_label div.ginput_container.ginput_recaptcha + .validation_message {
    position: absolute;
    left: 0;
    bottom: 0;
}

body .gform_wrapper .gform_body {
    width: 100% !important;
}

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

body .gform_wrapper ul li.gfield {
    margin-top: 0 !important;
}

body .gform_wrapper li.gfield:not( .with-label ) .gfield_label {
    display: none;
}

body .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0;
    position: relative;
}

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

body .gform_wrapper .field_description_below .gfield_description {
    padding-top: 0;
}

body .gform_wrapper .field_description_below .gfield_description:not( .validation_message ) {
    padding-top: 0;
    position: relative;
    top: -15px;
    color: #989898;
    font-style: italic;
}

input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"],
input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"],
input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
    margin: 0 0 20px 0;
}

body .gform_wrapper .gform_footer {
    padding: 0;
    margin: 0;
    text-align: center;

    width: calc( 100% - 320px );

    position: absolute;
    right: 0;
    bottom: 22px;
}

body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type=submit],
body .gform_wrapper .gform_page_footer input.button,
body .gform_wrapper .gform_page_footer input[type=submit] {
    margin: 0;
}

body .gform_wrapper .gform_ajax_spinner {
    position: absolute;
    top: 28px;
    left: calc( 100% - 30px) ;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 0;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.65);
}


/* ---------------------------------------------------------------------------------------------------------------------
    GF :: Customization
--------------------------------------------------------------------------------------------------------------------- */
body .gform_wrapper div.validation_error {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.25;
    border: none;
    border-radius: 3px;
    background-color: #ec1757;
    padding: 16px 10px;
    width: 100%;
}

body .gform_confirmation_wrapper {
    background-color: #31a26b;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    color: #fff;
    text-align: center;
    padding: 25px 10px;
    border-radius: 3px;
}

input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"],
input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"],
input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea,
body .gform_wrapper ul.gform_fields li.gfield select {
    border-color: #b2b2b2;
    height: 52px;
    box-shadow: none;
    font-size: 14px;
    padding: 5px 28px 5px 20px;
    box-shadow: none !important;
}

body .gform_wrapper ul.gform_fields li.gfield select {
    margin-top: 0 !important;
    margin-left: 0 !important;
}

body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    padding: 5px 20px;
}

body .gform_wrapper textarea.large {
    height: 172px;
    width: 100%;
    padding: 20px 20px;
}

body .gform_wrapper ul.gform_fields li.gfield.half-left {
    width: 50%;
    float: left;
    padding-right: 8px;
    clear: none;
}

body .gform_wrapper ul.gform_fields li.gfield.half-right {
    width: 50%;
    float: right;
    padding-left: 8px;
    clear: none;
}

body .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
body .gform_wrapper li.gfield_error textarea {
    border: 1px solid #ec1757;
}

body .gform_wrapper .validation_message {
    color: #ec1757;
    font-weight: 500;
    font-size: 11px;
}

body .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-top: 0;
}

body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
body .gform_wrapper textarea.large {
    background-color: #fcfcfc;
    font-size: 14px;
    border-radius: 5px;
}

input:not([type]):focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus,
input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus,
input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus,
input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
    background: #fff !important;
    border-color: #ec1757;
    outline: none;
}

body #page-content.content-contact-us .gform_wrapper {
    padding-right: 20px;
}

body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type=submit],
body .gform_wrapper .gform_page_footer input.button,
body .gform_wrapper .gform_page_footer input[type=submit] {
    background-color: transparent;
    border-color: #ec1757;
    border-width: 1px;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    color: #ec1757;
    border-radius: 50px;
    padding: 15px 15px;
    min-height: 76px;
    transition: all .2s linear;
}

body .gform_wrapper .gform_footer input.button:hover,
body .gform_wrapper .gform_footer input[type=submit]:hover,
body .gform_wrapper .gform_page_footer input.button:hover,
body .gform_wrapper .gform_page_footer input[type=submit]:hover {
    background-color: #ec1757;
    color: #fff;
    transition: all .2s linear;
}

.hidden-field {
    display: none !important;
}

body .gform_wrapper .top_label li ul.gfield_checkbox {
    width: 100%;
    margin: 0 0 24px 0;
}

body .gform_wrapper .gfield_checkbox li input[type=checkbox] {
    display: none;
}

body .gform_wrapper .gfield_checkbox li input[type=checkbox] + label {
    display: block;
    font-weight: 400;
    color: #a2a2a2;
    transition: color .2s linear;
    width: 100%;
    max-width: 100%;
}

body .gform_wrapper .gfield_checkbox li input[type=checkbox]:checked + label {
    color: #222;
    font-weight: 400 !important;
    transition: color .2s linear;
    position: relative;
}

body .gform_wrapper .gfield_checkbox li input[type=checkbox] + label:before {
    display: inline-block;
    content: "";
    width: 44px;
    height: 24px;
    border: 1px solid #b2b2b2;
    border-radius: 25px;
    margin-right: 7px;
    position: relative;
    top: 7px;
    left: 0;
    transition: all .2s linear;
}

body .gform_wrapper .gfield_checkbox li input[type=checkbox] + label:after {
    display: block;
    background-color: #b2b2b2;
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 2px;
    transition: all .2s linear;
}

body .gform_wrapper .gfield_checkbox li input[type=checkbox]:checked + label:before {
    border: 1px solid #73bf44;
}

body .gform_wrapper .gfield_checkbox li input[type=checkbox]:checked + label:after {
    background-color: #73bf44;
    left: 22px;
}

body .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
    display: none;
}

body .gform_wrapper .ginput_complex.ginput_container_address span.ginput_right + span.ginput_left.address_zip {
    margin-right: 0;
    padding-right: 0 !important;
    width: 100%;
}

body .gform_wrapper ul.gform_fields li.gfield.horizontal .gfield_checkbox {
    font-size: 0;
}

body .gform_wrapper ul.gform_fields li.gfield.horizontal .gfield_checkbox > li,
body .gform_wrapper ul.gform_fields li.gfield.horizontal .gfield_radio > li {
    display: inline-block;
    width: 48%;
    margin-bottom: 7px;
    font-size: 16px;
}

body .gform_wrapper ul.gform_fields li.gfield.horizontal .gfield_checkbox > li:nth-child( 2n ) {
    margin-left: 4% !important;
}

body .gform_wrapper ul.gform_fields li.gfield.horizontal .validation_message {
    position: relative;
    top: -10px;
}

body .gform_wrapper .gfield_date_dropdown_day,
body .gform_wrapper .gfield_date_dropdown_month,
body .gform_wrapper .gfield_date_dropdown_year {
    width: 32%;
    margin-right: 2%;
}

body .gform_wrapper .gfield_date_dropdown_year {
    margin-right: 0;
}

body .gform_wrapper .top_label .gfield_label {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 600;
    color: #043e5e;
    margin: 5px 0 6px;
    padding-top: 5px;
}










/* ---------------------------------------------------------------------------------------------------------------------
    WP Comments Styles
--------------------------------------------------------------------------------------------------------------------- */
section.comments {
    margin-bottom: 10px;
}

.comments-wrap {
    background-color: #fff;
    border-radius: 7px;
    padding: 70px 65px 65px;
    margin: 0 0 50px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

.comments-wrap .comment {
    padding-bottom: 15px;
    margin-bottom: 32px;
    border-bottom: 1px solid #e5e5e5;
}

.comments-wrap .children {
    margin-left: 0;
}

.comments-wrap .children .comment {
    padding-left: 55px;
}

.comments-wrap h3#comments {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
    color: #292929;
    margin: 0 0 25px 0;
}

.comments-wrap ol.commentlist {
    margin: 0 0 30px 0;
    list-style: none;
}

.comment-author-user-pic {
    display: inline-block;
    border: 1px solid #dedede;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    margin-right: 15px;
}

.comment-author {
    margin-bottom: 15px;
}

.comment-author-meta {
    padding-top: 4px;
}

.comment-author-meta .name {
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    line-height: 1.6;
    color: #27282d;
    margin: 0;
}

.comment-author-meta .comment-reply-link {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
    color: #27b4e8;
    margin: 0;
}

.comment-author-meta .comment-meta.commentmetadata {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    color: #adadad;
    margin: 0;
}

.comment-author-meta .comment-edit-link {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: #73bf44;
}

.comment-text p {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.6;
    color: #787878;
    margin: 0 0 15px 0;
}

.comments-wrap .comment .comment-awaiting-moderation {
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    line-height: 1.6;
    color: #ec1757;
    margin: 0 0 7px 0;
    display: inline-block;
}

#respond {
    padding-top: 10px;
}

#respond .comment-reply-title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
    color: #27282d;
    margin: 0 0 5px 0;
}

#respond .comment-reply-title a {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
    color: #27b4e8;
}

#respond .comment-reply-title a:hover {
    text-decoration: underline;
}

#respond .comment-reply-title small a {
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    vertical-align: top;
    display: inline-block;
    background-color: #cacaca;
    padding: 3px 7px;
    border-radius: 3px;
    transition: all .2s linear;
}

#respond .comment-reply-title small a:hover {
    background-color: #ec1757;
    text-decoration: none;
    transition: all .2s linear;
}

#respond .comment-notes {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: #27282d;
    margin: 0 0 25px 0;
}

#respond input,
#respond textarea {
    border-radius: 0;
    background-color: #f9f9f9;
}

#respond textarea {
    padding: 20px 25px;
    font-size: 14px;
    color: #222;
}

#respond textarea:focus {
    box-shadow: none;
}

#respond label {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    color: #4d4d4d;
    margin: 0 0 4px 0;
}

p.form-submit {
    margin-bottom: 0;
    padding: 0 0 2px 320px;
}

#respond #submit {
    display: block;
    outline: none;
    background: transparent;
    border: 1px solid #73bf44;
    border-radius: 4px;
    width: 100%;

    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    color: #73bf44;
    text-align: center;
    line-height: 1.1;

    padding: 18px 5px 14px;
    min-height: 76px;
    margin: 0;

    position: relative;
    cursor: pointer;

    transition: all .2s linear;
}

#respond #submit:hover {
    background-color: #ec1857;
    border: 1px solid #ec1857;
    color: #fff;

    transition: all .2s linear;
}

.comment-list-title {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
    color: #27282d;
    margin: 0 0 40px 0;
}

.comment-list-title span {
    background-color: #ec1757;
    display: inline-block;
    width: 46px;
    height: 46px;
    line-height: 46px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 24px;
    margin-right: 5px;
    position: relative;
    top: -3px;
}

#respond .logged-in-as a {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    color: #ec1757;
    margin: 0;
}

#respond .logged-in-as a:hover {
    text-decoration: underline;
}

#respond .math-captcha-form {
    display: block;
    background-color: #fff7e8;
    padding: 10px;
    border-radius: 5px;
}

#respond .math-captcha-form > label {
    display: inline-block;
    font-weight: 500;
    margin-right: 15px;
    text-transform: uppercase;
}

#respond .math-captcha-form > label br {
    display: none;
}

#respond .math-captcha-form > label:after {
    content: ":";
}

#respond .math-captcha-form > span {
    display: inline-block;
    color: #0e9a65;
    font-weight: 600;
    vertical-align: middle;
}

#respond .math-captcha-form input[type="text"].mc-input {
    display: inline-block;
    width: 100px !important;
    text-align: center;
    font-size: 16px;
    color: #0e9a65;
    vertical-align: middle;
}

#respond .g-recaptcha {
    margin-bottom: 25px;
    overflow: hidden;
    border: 1px solid #cecece;
    border-radius: 3px;
    background-color: #f9f9f9;
}

#respond .g-recaptcha > div {
    width: 215px !important;
    height: 50px !important;
    position: relative !important;
    left: -3px !important;
    top: -10px !important;
}

#respond form {
    position: relative;
}

#respond #commentform .gglcptch {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 304px;
    padding: 0;
    margin: 0;
}

#respond .gglcptch_recaptcha,
#respond .gglcptch_recaptcha > div,
#respond .gglcptch_recaptcha iframe {
    width: 100% !important;
}



/* ---------------------------------------------------------------------------------------------------------------------
    SHARE BOX
--------------------------------------------------------------------------------------------------------------------- */
.share-box {
    display: inline-block;
    position: absolute;
    bottom: 33px;
    right: 35px;
}

.share-box span.text {
    font-size: 14px;
    font-weight: 600;
    color: #3d3d3d;
    margin-right: 5px;
}

.share-box > a {
    background-color: #c3c3c3;
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    border-radius: 2px;
    color: #fff;
    transition: background-color .15s linear;
}

.share-box > a:hover {
    background-color: #ec1757;
    color: #fff;
    transition: background-color .2s linear;
}

section.share {
    margin: 50px 0;
}

section.share .share-box {
    background-color: #fff;
    text-align: center;
    border-radius: 7px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
    width: 100%;
    padding: 25px 15px;

    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;

}



/* ---------------------------------------------------------------------------------------------------------------------
    Header Styles
--------------------------------------------------------------------------------------------------------------------- */
body > header {
    z-index: 1000 !important;
}

body > header > div {
    background-color: #fff;
    position: fixed;
    margin-top: 0 !important;
    z-index: 5;
    width: 100%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.12);
}

body.admin-bar > header > div.is-stuck {
    margin-top: 32px !important;
}

body > header .announcement-bar {
    background-color: #ec1757;
    padding: 8px 0 3px;
    text-align: center;
}

body > header .announcement-bar .cell > :last-child {
    margin-bottom: 0;
}

body > header .announcement-bar p {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 700;
    letter-spacing: 0.2px;
}

body > header .announcement-bar h5 {
    display: inline-block;
    margin-bottom: 0;
}

body > header .announcement-bar a {
    color: #fff;
}

body > header .announcement-bar a:not( .btn ):hover {
    text-decoration: underline;
}

body > header .announcement-bar .btn {
    background-color: #fff;
    color: #ec1757;
    padding: 5px 15px 4px;
    border-radius: 4px;
    font-size: 12px;
    margin: 0 0 0 8px;
    vertical-align: middle;
    position: relative;
    opacity: 0.95;
    top: -3px;
}

body > header .announcement-bar .btn:hover {
    background-color: #f7f262;
    color: #222 !important;
    opacity: 1;
}

body > header .announcement-bar img {
    margin: 0 5px 0 0;
    vertical-align: middle;
    position: relative;
    top: -3px;
}

body > header .logo {
    width: 300px;
}

body > header .logo a {
    display: block;
}

section#masthead {
    background-color: #0d2739;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 420px;

    position: relative;
}

section#masthead:before {
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(4,62,94,0) 65%, rgba(4,62,94,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(4,62,94,0) 65%,rgba(4,62,94,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(4,62,94,0) 65%,rgba(4,62,94,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#043e5e',GradientType=0 );
    opacity: 0.8;

    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
}

.masthead-caption {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;

    -webkit-transform: translate( 0, -50% );
    -moz-transform:    translate( 0, -50% );
    -ms-transform:     translate( 0, -50% );
    -o-transform:      translate( 0, -50% );
    transform:         translate( 0, -50% );

    z-index: 500;
}

.masthead-caption h1 {
    background-color: rgba(236, 24, 87, 0.85);
    display: inline-block;
    font-family: "Arvo", sans-serif;
    font-size: 58px;
    font-weight: 800;
    line-height: 1;
    color: #fff;
    padding: 24px 35px;
    border-radius: 3px;
    margin: 0;
    min-width: 300px;
}

.masthead-caption p {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
    margin: 25px 0 -15px 0;
}


/* ---------------------------------------------------------------------------------------------------------------------
    TMPL: Home Page
--------------------------------------------------------------------------------------------------------------------- */
#home-slider {
    background-color: #222;
    /*height: calc( 100vh - 96px );*/
    height: calc( 100vh - 134px );
    margin: 0;
    overflow: hidden;
}

body.admin-bar #home-slider {
    /*height: calc( 100vh - 128px );*/
    height: calc( 100vh - 166px );
}

#home-slider .slick-list,
#home-slider .slick-track,
#home-slider .slide {
    height: inherit;
    outline: none !important;
}

#home-slider .slide {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    z-index: 500;
    position: relative;
    overflow: hidden;
}

#home-slider .slide .caption-wrap {
    width: 100%;
    position: absolute;
    text-align: left;
    left: 0;
    bottom: 0;

    z-index: 500;
}

#home-slider .slide .caption-wrap[caption-position='right'] {
    text-align: right;
}

#home-slider .slide .caption {
    display: inline-block;
    background-color: rgba(54, 54, 54, 0.8);
    width: 100%;
    max-width: 50%;
    position: relative;
    padding: 40px 35px;
    border-radius: 5px 5px 0 0;
}

#home-slider .slide .caption-wrap[caption-position='left'] .caption {
    background-color: rgba(47, 192, 255, 0.85);
}

#home-slider .slide .caption-wrap[caption-position='right'] .caption {
    background-color: rgba(236, 24, 87, 0.85);
}

#home-slider .slide .caption h2 {
    font-family: 'Arvo', sans-serif;
    font-size: 52px;
    font-weight: 700;
    line-height: 1.1;
    color: #fff;
    margin: 0 0 14px;
    text-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

#home-slider .slide .caption h2 em {
    font-weight: 400;
}

#home-slider .slide .caption p {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.4;
    color: #fff;
    margin: 0 0 20px;
    text-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
}

#home-slider .btn-transparent {
    font-weight: 600;
    font-size: 16px;
    font-style: italic;
    border: none;
    color: #fff;
    padding: 0;
    text-transform: uppercase;
    text-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);

    position: relative;
}

#home-slider .btn-transparent > span:first-child {
    font-style: normal;
}

#home-slider .btn-transparent:hover {
    background-color: transparent;
    border: none;
    color: #fff;
    text-decoration: none;
}

#home-slider .btn-transparent:after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background-color: #fff;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);

    position: absolute;
    left: 0;
    bottom: -2px;

    transition: width .25s ease-in-out;
}

#home-slider .btn-transparent:hover:after {
    background-color: #fff;
    width: 100%;
    transition: width .3s ease-in-out;
}

#home-slider .slick-next,
#home-slider .slick-prev {
    width: 50px;
    height: 34px;
    font-size: 25px;
    line-height: 42px;
    color: #fff;
    z-index: 500;
    text-align: center;
    top: auto;
    bottom: 25px;
    opacity: 1;

    transition: all .2s linear;
}

#home-slider .slick-next {
    right: 50%;

    -webkit-transform: translate( 100%, 0 );
    -moz-transform:    translate( 100%, 0 );
    -ms-transform:     translate( 100%, 0 );
    -o-transform:      translate( 100%, 0 );
    transform:         translate( 100%, 0 );
}

#home-slider .slick-prev {
    left: 50%;

    -webkit-transform: translate( -100%, 0 );
    -moz-transform:    translate( -100%, 0 );
    -ms-transform:     translate( -100%, 0 );
    -o-transform:      translate( -100%, 0 );
    transform:         translate( -100%, 0 );
}

#home-slider .slick-next:before,
#home-slider .slick-prev:before {
    display: none;
}

#home-slider .slick-next:hover,
#home-slider .slick-prev:hover {
    opacity: 1;
    color: #fff;
    transition: all .2s linear;
}

#home-slider .slick-next:hover {
    right: 49.5%;
}

#home-slider .slick-prev:hover {
    left: 49.5%;
}

#home-slider .slide .caption-wrap .caption {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

#home-slider .slide.slick-active .caption-wrap .caption {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation-delay: 0.5s;
}


#home-slider .slide .caption-wrap .caption h2,
#home-slider .slide .caption-wrap .caption p,
#home-slider .slide .caption-wrap .caption .btn {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

#home-slider .slide.slick-active .caption-wrap .caption h2 {
    animation-delay: 0.8s;
}

#home-slider .slide.slick-active .caption-wrap .caption p {
    animation-delay: 1.05s;
}

#home-slider .slide.slick-active .caption-wrap .caption .btn {
    animation-delay: 1.3s;
}

#home-slider .slide.slick-active .caption-wrap[caption-position='left'] .caption h2,
#home-slider .slide.slick-active .caption-wrap[caption-position='left'] .caption p,
#home-slider .slide.slick-active .caption-wrap[caption-position='left'] .caption .btn {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

#home-slider .slide.slick-active .caption-wrap[caption-position='right'] .caption h2,
#home-slider .slide.slick-active .caption-wrap[caption-position='right'] .caption p,
#home-slider .slide.slick-active .caption-wrap[caption-position='right'] .caption .btn {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.blue-and-pink-box {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    align-content: flex-start;
}

.blue-and-pink-box > div {
    padding: 30px 25px;
    width: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

.blue-and-pink-box > .blue {
    background-color: #0ab6f1;
    border-radius: 0 0 0 5px;
    padding-right: 400px;
}

.blue-and-pink-box > .pink {
    background-color: #ec1757;
    border-radius: 0 0 5px 0;
    padding-left: 30px;
    padding-right: 160px;
}

.blue-and-pink-box p {
    font-size: 15px;
    font-weight: 600;
    font-style: italic;
    line-height: 1.4;
    color: #fff;
    margin: 0;
    position: relative;
    top: 3px;
}

section.blue-and-pink .gform_wrapper {
    margin: 0;
    width: 360px;
    position: absolute;
    top: 50%;
    right: 30px;

    -webkit-transform: translate( 0, -50% );
    -moz-transform:    translate( 0, -50% );
    -ms-transform:     translate( 0, -50% );
    -o-transform:      translate( 0, -50% );
    transform:         translate( 0, -50% );
}

section.blue-and-pink .gform_wrapper form {
    position: relative;
}

body section.blue-and-pink .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    background-color: transparent;
    font-size: 16px;
    font-style: italic;
    color: #fff;
    border-radius: 50px;
    margin-bottom: 0;
    border-color: #fff;
    padding: 5px 35px 5px 35px;
    height: 48px;
}

body section.blue-and-pink .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus {
    background-color: transparent !important;
    border-color: #fff !important;
}

/* Placeholder Styling */
section.blue-and-pink ::-webkit-input-placeholder {
    color: #fff;
}

section.blue-and-pink ::-moz-placeholder {
    color: #fff;
}

section.blue-and-pink ::-o-placeholder {
    color: #fff;
}

section.blue-and-pink :-ms-input-placeholder {
    color: #fff;
}

section.blue-and-pink input:-moz-placeholder {
    color: #fff;
}

body section.blue-and-pink .gform_wrapper .gform_footer {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    padding-top: 15px;
    padding-left: 176px;
}

body section.blue-and-pink .gform_wrapper .gform_footer input.button,
body section.blue-and-pink .gform_wrapper .gform_footer input[type=submit],
body section.blue-and-pink .gform_wrapper .gform_page_footer input.button,
body section.blue-and-pink .gform_wrapper .gform_page_footer input[type=submit] {
    background-color: #ec1757;
    border-color: transparent;
    border-width: 2px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 50px;
    padding: 16px 15px 13px 15px;
    margin: 0;
    width: 100%;
    min-height: auto;
    transition: all .2s linear;
}

body section.blue-and-pink .gform_wrapper .gform_footer input.button:hover,
body section.blue-and-pink .gform_wrapper .gform_footer input[type=submit]:hover,
body section.blue-and-pink .gform_wrapper .gform_page_footer input.button:hover,
body section.blue-and-pink .gform_wrapper .gform_page_footer input[type=submit]:hover {
    background-color: #73bf44;
    border-color: transparent;
    color: #fff;
}

body section.blue-and-pink .gform_wrapper div.validation_error {
    display: none;
}

body section.blue-and-pink .gform_wrapper .validation_message {
    color: #0f3e5e;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.2px;
    position: absolute;
    bottom: -18px;
    padding: 0 !important;
    text-align: center;
}

body section.blue-and-pink  .gform_wrapper li.gfield.gfield_error {
    margin: 0 !important;
}

body section.blue-and-pink .gform_wrapper .top_label .gfield_error {
    width: 100%;
}

body section.blue-and-pink .gform_wrapper .gform_ajax_spinner {
    position: absolute;
    top: 29px;
    left: auto;
    right: 10px;
}

body section.blue-and-pink .gform_confirmation_wrapper {
    background-color: #72bf43;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    padding: 15px 10px;
    border-radius: 3px;
    position: absolute;
    width: 340px;
    right: 40px;
    box-shadow: 6px 5px 10px rgba(0, 0, 0, 0.18);
}

body section.blue-and-pink .gform_wrapper ul.gform_fields li.gfield.re-captcha {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 168px;
    height: 46px;
    border-radius: 50px;
    overflow: hidden;
    z-index: 500;
    opacity: 0.95;
}

body section.blue-and-pink .gform_wrapper ul.gform_fields li.gfield.re-captcha .validation_message {
    display: none !important;
}

body section.blue-and-pink .gform_wrapper .top_label div.ginput_container.ginput_recaptcha {
    padding-bottom: 0 !important;
}

body section.blue-and-pink .gform_wrapper ul.gform_fields li.gfield.re-captcha iframe {
    position: relative;
    top: -12px;
    left: -2px;
}





.blue-and-pink-box > .pink .btn {
    border: 1px solid #fff;
    color: #fff;
    position: absolute;
    top: 50%;
    right: 28px;
    width: 130px;
    padding: 12px 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    border-radius: 50px;

    -webkit-transform: translate( 0, -50% );
    -moz-transform:    translate( 0, -50% );
    -ms-transform:     translate( 0, -50% );
    -o-transform:      translate( 0, -50% );
    transform:         translate( 0, -50% );
}

.blue-and-pink-box > .pink .btn em {
    font-weight: 400;
}

.blue-and-pink-box > .pink .btn:hover {
    background-color: #fff;
    color: #ec1757;
}

section.our-mission {
    padding: 65px 0 40px;
    overflow: hidden;
}

section.intro-video {
    padding: 0 0 40px;
}

section.intro-video .responsive-embed {
    border-radius: 4px;
    overflow: hidden;
}

.section-title,
section.intro-video h2 {
    font-family: 'Arvo', sans-serif;
    font-size: 48px;
    font-weight: 800;
    line-height: 1.2;
    color: #043e5e;
    text-align: center;
    margin: 0 0 20px 0;
}

.section-title.underline {
    position: relative;
    padding-bottom: 20px;
}

.section-title.underline:after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background-color: #ec1757;
    position: absolute;
    bottom: -1px;
    left: 50%;
    -webkit-transform: translate( -50%, 0 );
    -moz-transform:    translate( -50%, 0 );
    -ms-transform:     translate( -50%, 0 );
    -o-transform:      translate( -50%, 0 );
    transform:         translate( -50%, 0 );
}

.section-title img {
    width: 40px;
    display: inline-block;
    position: relative;
    top: -10px;
    margin: 0 7px 0 11px;
}

.section-title em {
    font-weight: 400;
    color: #ec1757;
}

section.our-mission .top-content p,
section.intro-video .top-content p {
    font-size: 20px;
    font-weight: 600;
    color: #b3c0c7;
    line-height: 1.4;
}

section.our-mission .buttons-wrap {
    text-align: center;
    padding: 15px 0 0;
    margin: 0 0 50px;
}

section.our-mission .btn {
    margin: 0 5px 15px;
    border-radius: 5px;
    font-size: 16px;
    padding: 10px 35px;
    min-width: 190px;
    border-color: #b3c0c7;
    color: #b3c0c7;
}

section.our-mission .btn:hover {
    background-color: transparent;
    border-color: #ec1757;
    color: #ec1757;
}

section.donate-now {
    margin: 0 0 85px 0;
}

.donation-banner,
.benefits-wrap,
.blue-green-box {
    background-color: #043e5e;
    border-radius: 4px;
    padding: 120px 85px 70px;
    position: relative;
    overflow: hidden;
}

.donation-banner:before {
    content: "";
    display: block;
    width: 70px;
    height: 70px;

    background-image: url(../images/apple.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    position: absolute;
    top: 30px;
    left: 50%;

    -webkit-transform: translate( -50%, 0 );
    -moz-transform:    translate( -50%, 0 );
    -ms-transform:     translate( -50%, 0 );
    -o-transform:      translate( -50%, 0 );
    transform:         translate( -50%, 0 );

    z-index: 450;
}

.donation-banner:after,
section#sign-up-wrap:after,
.benefits-wrap:after,
.blue-green-box:after {
    content: "";
    display: block;
    width: 100%;
    height: 200%;

    background: rgb(44,109,85);
    background: -moz-radial-gradient(center, ellipse cover, rgba(44,109,85,1) 0%, rgba(4,62,94,1) 70%, rgba(4,62,94,1) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(44,109,85,1) 0%,rgba(4,62,94,1) 70%,rgba(4,62,94,1) 100%);
    background: radial-gradient(ellipse at center, rgba(44,109,85,1) 0%,rgba(4,62,94,1) 70%,rgba(4,62,94,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c6d55', endColorstr='#043e5e',GradientType=1 );

    position: absolute;
    right: 65px;
    bottom: 65px;

    -webkit-transform: translate( 50%, 50% );
    -moz-transform:    translate( 50%, 50% );
    -ms-transform:     translate( 50%, 50% );
    -o-transform:      translate( 50%, 50% );
    transform:         translate( 50%, 50% );

    opacity: 0.85;
    z-index: 400;

    transition: all 1s ease-in-out;
}

section.donate-now:hover .donation-banner:after,
section#sign-up-wrap:hover:after,
.benefits-wrap:hover:after,
.blue-green-box:hover:after {
    opacity: 0.6;

    -webkit-transform: translate( -35%, 30% );
    -moz-transform:    translate( -35%, 30% );
    -ms-transform:     translate( -35%, 30% );
    -o-transform:      translate( -35%, 30% );
    transform:         translate( -35%, 30% );
}

.donation-banner > *,
section#sign-up-wrap .cell > *,
.blue-green-box > * {
    position: relative;
    z-index: 450;
}

.donation-banner p,
.blue-green-box p {
    font-size: 32px;
    font-weight: 600;
    color: #fff;
    line-height: 1.35;
    margin: 0 0 25px;
}

.donation-banner p a:hover,
.blue-green-box p a:hover {
    text-decoration: underline;
}

.donation-banner > :last-child,
.blue-green-box > :last-child {
    margin: 0;
}

section.donate-now .btn {
    font-family: "Arvo", sans-serif;
    font-size: 26px;
    padding: 15px 42px;
    position: absolute;
    left: 50%;
    bottom: 0;

    -webkit-transform: translate( -50%, 50% );
    -moz-transform:    translate( -50%, 50% );
    -ms-transform:     translate( -50%, 50% );
    -o-transform:      translate( -50%, 50% );
    transform:         translate( -50%, 50% );

    z-index: 450;
}

section.instagram-feed {
    margin: 0 0 65px 0;
}

#sb_instagram .sbi_follow_btn a {
    display: inline-block;
    background-color: transparent;
    padding: 12px 40px;
    border-radius: 3px;
    margin: 30px 0 0 0;
    font-size: 16px;
    letter-spacing: 0.4px;
    text-decoration: none;
    text-align: center;
    transition: all .2s linear;

    border: 1px solid #ec1757;
    color: #ec1757;
}

#sb_instagram .sbi_follow_btn a:hover {
    background-color: #ec1757;
    color: #fff;
    box-shadow: none;
}

#sb_instagram.sbi_col_4 #sbi_images .sbi_item {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.5;

    transition: all 0.6s ease-in-out;
}

#sb_instagram.sbi_col_4 #sbi_images .sbi_item:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0);
    filter: grayscale(0);

    opacity: 1;
}













/* ---------------------------------------------------------------------------------------------------------------------
    POST OBJECT 1
--------------------------------------------------------------------------------------------------------------------- */
.post-object-1 {
    display: block;
    position: relative;
    margin: 0 0 35px 0;
}

.post-object-1 .preview {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    border: 1px solid #dedede;
    border-radius: 7px;
    overflow: hidden;

    margin: 0;
    opacity: 0.75;
    transition: all 0.4s ease-in-out;
}

.post-object-1 img.preview {
    padding-bottom: 0 !important;
    border: none !important;
}

.post-object-1 .preview.post-gallery {
    padding-bottom: 0;

    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(0.92);
    filter: grayscale(0.92);
}

.post-object-1:hover .preview.post-gallery {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0.15);
    filter: grayscale(0.15);
}

.post-object-1 .preview.post-gallery .slide {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    display: block;
    position: relative;
    border-radius: 7px;
    overflow: hidden;

    margin: 0;
    opacity: 0.75;
    transition: opacity 0.4s ease-in-out;
}

.post-object-1 .preview.post-gallery .slide:before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 100%;
}

.post-object-1 .post-gallery .slick-arrow,
.gallery-slider .slick-arrow {
    background-color: #f7f5f5;
    width: auto;
    height: auto;
    font-size: 20px;
    color: #313e49;
    position: absolute;
    top: calc( 50% - 60px );
    z-index: 500;
    padding: 20px 16px;
    transition: all .15s linear;
}

.post-object-1 .post-gallery .slick-arrow:hover,
.gallery-slider .slick-arrow:hover {
    background-color: #ec1757;
    color: #fff;
    transition: all .2s linear;
    cursor: pointer;
}

.post-object-1 .post-gallery .slick-next:before,
.post-object-1 .post-gallery .slick-prev:before,
.gallery-slider .slick-next:before,
.gallery-slider .slick-prev:before {
    display: none;
}

.post-object-1 .post-gallery .slick-prev,
.gallery-slider .slick-prev {
    border-left: 1px solid #fff;
    left: -1px;
    border-radius: 0 40px 40px 0;
    padding-left: 7px;
    padding-right: 16px;
}

.post-object-1 .post-gallery .slick-next,
.gallery-slider .slick-next {
    border-right: 1px solid #f7f5f5;
    right: -1px;

    border-radius: 40px 0 0 40px;
    padding-right: 7px;
    padding-left: 16px;
}

.post-object-1:hover .preview {
    opacity: 0.9;
}

.post-object-1 .preview:before {
    content: "";
    display: block;

    background-image: inherit;
    background-repeat: inherit;
    background-position: inherit;
    background-size: inherit;

    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(0.92);
    filter: grayscale(0.92);

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    transition: all 0.6s ease-in-out;
}

.post-object-1:hover .preview:before {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0.15);
    filter: grayscale(0.15);

    transform: scale( 1.25 );
}

.post-object-1:not( .video ):not( .gallery ):hover .preview:before {
    transform: scale( 1.25 ) rotate( -5deg );
}

.post-object-1 .preview:after {
    background-color: rgba(255, 255, 255, 0.5);

    content: "";
    display: block;

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.5;

    transition: all 0.4s ease-in-out;
}

.post-object-1:hover .preview:after {
    opacity: 0.15;
}

.post-object-1.video:hover .preview:after {
    background-color: rgb(7, 7, 7);
    opacity: 0.5;
}

.post-object-1.video .preview svg {
    position: absolute;
    top: calc( 50% - 60px );
    left: 50%;

    font-size: 46px;
    color: #3cb4e8;

    -webkit-transform: translate( -50%, -50% );
    -moz-transform:    translate( -50%, -50% );
    -ms-transform:     translate( -50%, -50% );
    -o-transform:      translate( -50%, -50% );
    transform:         translate( -50%, -50% );

    transition: all .3s linear;

    -webkit-filter: drop-shadow( 0 0 14px rgb(255, 255, 255) );
    filter:         drop-shadow( 0 0 14px rgb(255, 255, 255) );

    z-index: 500;
}

.post-object-1.video .preview:hover svg {
    color: #fff;
}

.post-object-1.blue .preview:after {
    background-color: rgba(61, 182, 241, 0.5);
}

.post-object-1.pink .preview:after {
    background-color: rgba(236, 23, 87, 0.5);
}

.post-object-1.green .preview:after {
    background-color: rgba(114, 191, 67, 0.5);
}

.post-object-1.navy .preview:after {
    background-color: rgba(15, 62, 94, 0.5);
}

.post-object-1 .title {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.1;
    color: #043e5e;
    margin: 0 0 14px 0;
}

.post-object-1 .title > a {
    color: #043e5e;
    cursor: unset;
}

.post-object-1 .title > a:not([href="#"]):hover {
    color: #ec1757;
    cursor: pointer;
}

.post-object-1 .title em {
    font-weight: 400;
}

.post-object-1 .post-date {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    text-transform: uppercase;
    color: #27b4e8;
    margin: 0 0 15px 0;
}

.post-object-1 .description,
.post-object-1 .full-content {
    margin-bottom: 25px;
}

.post-object-1 .full-content {
    display: none;
}

.post-object-1 .description p,
.post-object-1 .full-content p {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
    color: #464646;
    margin: 0 0 15px 0;
}

.post-object-1 .description a:not( .btn ):hover,
.post-object-1 .full-content a:not( .btn ):hover {
    text-decoration: underline;
}

.post-object-1 .description > :last-child,
.post-object-1 .full-content > :last-child {
    margin-bottom: 0;
}

.post-object-1 .description .author {
    color: #989898;
    font-size: 16px;
    font-style: italic;
}

.post-object-1 .description .author strong {
    font-style: normal;
}

.btn.add-to-calendar {
    font-weight: 700;
    border-radius: 3px;
    margin: 0 0 5px;
    font-size: 14px;
    padding: 14px 30px 10px;
}

.btn.add-to-calendar svg {
    font-size: 18px;
    position: relative;
    top: 1px;
}

.learn-more {
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
    text-transform: uppercase;
    color: #27b4e8;
    margin: 0;
}

.learn-more em {
    font-weight: 400;
}

.learn-more svg.fa-long-arrow-alt-right,
.learn-more svg.fa-long-arrow-right {
    margin-left: 3px;
    top: 1px;

    position: relative;
    left: 0;
    transition: left .15s linear;
}

.learn-more:hover svg.fa-long-arrow-alt-right,
.learn-more:hover svg.fa-long-arrow-right,
.post-object-1.program:hover .learn-more svg.fa-long-arrow-alt-right,
.post-object-1.program:hover .learn-more svg.fa-long-arrow-right {
    left: 5px;
    transition: left .15s linear .15s;
}

.post-object-1.program .learn-more {
    font-size: 17px;
}

.post-object-1 .content {
    background-color: #fff;
    width: calc( 100% - 70px );
    margin: -140px 0 0 70px;
    position: relative;
    z-index: 600;
    padding: 52px 30px 52px 45px;

    border-radius: 5px 0 5px 5px;
    box-shadow: 14px 14px 30px rgba(0, 0, 0, 0.06);
    transition: all 0.4s ease-in-out;
}

.post-object-1:hover .content {
    box-shadow: 14px 14px 30px rgba(15, 62, 94, 0.15);
}

.post-object-1.green:hover .content {
    box-shadow: 14px 14px 30px rgba(95, 156, 57, 0.15);
}

.post-object-1.pink:hover .content {
    box-shadow: 14px 14px 30px rgba(164, 17, 60, 0.15);
}

.post-object-1.blue:hover .content {
    box-shadow: 14px 14px 30px rgba(40, 156, 206, 0.15);
}

.post-object-1.program .title {
    font-family: 'Arvo', sans-serif;
    font-size: 44px;
    font-weight: 800;
    margin: 0 0 0 0;
}

.post-object-1 .subtitle {
    font-family: 'Arvo', sans-serif;
    font-size: 26px;
    font-style: italic;
    font-weight: 800;
    line-height: 1;
    color: #043e5e;
    padding: 0 0 0 42%;
    margin: 0 0 20px 0;
}

.post-object-1.program .description {
    margin-bottom: 18px;
}

.post-object-1.program .description > p {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    color: #043e5e;
}

body.page-template-tmpl-programs .post-object-1.program .description > p {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
    color: #464646;
    margin: 0 0 15px 0;
}

.post-object-1.program.blue .title,
.post-object-1.program.blue .subtitle,
.post-object-1.program.blue .learn-more {
    color: #27b4e8;
}

.post-object-1.program.pink .title,
.post-object-1.program.pink .subtitle,
.post-object-1.program.pink .learn-more {
    color: #ec1857;
}

.post-object-1.program.green .title,
.post-object-1.program.green .subtitle,
.post-object-1.program.green .learn-more {
    color: #73bf44;
}

.post-object-1.program.navy .title,
.post-object-1.program.navy .subtitle,
.post-object-1.program.navy .learn-more {
    color: #043e5e;
}

.post-object-1.program:before {
    content: "";
    display: block;
    width: 65px;
    height: 175px;
    border-radius: 5px;

    background-color: rgba(255, 255, 255, 0.5);

    position: absolute;
    top: 0;
    left: 0;
    z-index: 501;
    opacity: 1;
    transition: all 0.4s ease-in-out;
}

.post-object-1.program:hover:before {
    opacity: 0;
    transform: scale( 2 );
}

.post-object-1.program.blue:before {
    background-color: rgba(60, 180, 232, 0.25);
    top: 47%;
    left: 0;
    height: 125px;
    width: 85%;
}

.post-object-1.program.pink:before {
    background-color: rgba(236, 24, 87, 0.25);
    top: 12%;
    left: 0;
    width: 115px;
    height: 250px;
}

.post-object-1.program.green:before {
    background-color: rgba(118, 178, 82, 0.25);
    top: 0;
    left: 0;
    height: 285px;
    width: 90px;
}

.post-object-1.program.navy:before {
    background-color: rgba(15, 62, 94, 0.25);
    top: 15%;
    left: auto;
    right: 0;
    width: 115px;
    height: 250px;
}

.post-object-1.event .preview {
    padding-bottom: 70%;
    border-radius: 7px 7px 0 0;
}

.post-object-1.event .content {
    margin: 0;
    padding: 35px 30px 30px;
    width: 100%;
    border-radius: 0 0 7px 7px;
}

.post-object-1 .post-location {
    font-size: 18px;
    font-weight: 600;
    color: #043e5e;
    line-height: 1.2;
    margin: 0 0 12px;
    display: inline-block;
    position: relative;
    top: -2px;
}

.post-object-1 .post-location span {
    border-bottom: none;
    font-weight: 600;
}

.post-object-1 .post-location:focus,
.post-object-1 .post-location:hover {
    color: #ec1857;
    outline: none;
}



/* ---------------------------------------------------------------------------------------------------------------------
    TWITTER FEED
--------------------------------------------------------------------------------------------------------------------- */
.tweet {
    margin: 0 0 35px 0;
    padding: 25px 20px;
    border-radius: 5px;

    box-shadow: 14px 14px 30px rgba(0, 0, 0, 0.025);
    transition: all .2s linear;
}

.tweet:hover {
    box-shadow: 14px 14px 30px rgba(0, 0, 0, 0.1);
}

.tweet a {
    color: #27b4e8;
}

.tweet a:hover {
    color: #ec1757;
}

.tweet .sabra-twitter-name {
    text-align: center;
    margin: 0 0 12px 0;
}

.tweet .twitter-icon {
    display: block;
    font-size: 28px;
    color: #27b4e8;
    text-align: center;
    line-height: 1;
    margin: 0 0 2px 0;
}

.tweet .sabra-twitter-name a {
    font-size: 18px;
    margin: 0;
}

.tweet .tweet-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;

    display: block;
    width: 100%;
    height: auto;
    border-radius: 3px;
    padding: 0 0 70%;
    margin: 0 0 15px 0;
    overflow: hidden;

    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(0.92);
    filter: grayscale(0.92);

    opacity: 0.7;
    transition: all .2s linear;
}

.tweet:hover .tweet-image {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0);
    filter: grayscale(0);

    opacity: 1;
}

.tweet .tweet-image:before {
    content: "";
    display: block;
    background-image: inherit;
    background-repeat: inherit;
    background-position: inherit;
    background-size: inherit;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.6s ease-in-out;
}

.tweet:hover .tweet-image:before {
    transform: scale( 1.25 ) rotate( -5deg );
}

.tweet .tweet-text {
    font-size: 17px;
    line-height: 1.35;
    overflow: hidden;
}

.tweet .learn-more {
    display: inline-block;
    margin: 15px 0 0 0;
}

.twitter-follow-btn {
    text-align: center;
    padding: 25px 0 55px;
}

.twitter-follow-btn .btn {
    border-radius: 3px;
    font-size: 16px;
}



/* ---------------------------------------------------------------------------------------------------------------------
    QUOTES SLIDER
--------------------------------------------------------------------------------------------------------------------- */
section.quotes {
    background-color: #043e5e;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;

    padding: 65px 0;
    margin: 0 0 50px;
}

section.quotes:before {
    background-color: rgba(4, 62, 94, 0.9);
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

section.quotes .quote {
    text-align: center;
}

section.quotes .quote p {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}

section.quotes .quote .author {
    font-size: 20px;
    font-weight: 600;
    font-style: italic;
    line-height: 1.2;
    color: #ec1757;
    margin: 25px 0 0;
}

section.quotes .quote .buttons-wrap {
    margin: 30px 0 0;
}

section.quotes .quote .buttons-wrap .btn {
    font-size: 18px;
    font-weight: 600;
    border-width: 2px !important;
    margin: 5px 5px 0 5px;
    min-width: 270px;
}

#quotes-slider {
    padding: 100px 85px 0;
    overflow: hidden;
}

#quotes-slider:not( .slick-initialized ) {
    max-height: 335px;
}

#quotes-slider:before {
    font-family: "Arvo", sans-serif;
    content: '"';
    font-size: 260px;
    font-weight: 400;
    font-style: italic;
    line-height: 0.83;
    color: #ec1757;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 47%;

    -webkit-transform: translate( -50%, 0 );
    -moz-transform:    translate( -50%, 0 );
    -ms-transform:     translate( -50%, 0 );
    -o-transform:      translate( -50%, 0 );
    transform:         translate( -50%, 0 );
}

#quotes-slider .slick-next,
#quotes-slider .slick-prev {
    width: 40px;
    height: 40px;
    font-size: 22px;
    line-height: 46px;
    color: #fff;
    z-index: 500;
    text-align: center;
    top: 50%;
    opacity: .8;
    transition: all .2s linear;

    -webkit-transform: translate( 0, -50% );
    -moz-transform:    translate( 0, -50% );
    -ms-transform:     translate( 0, -50% );
    -o-transform:      translate( 0, -50% );
    transform:         translate( 0, -50% );
}

#quotes-slider .slick-prev {
    left: 0;
}

#quotes-slider .slick-next {
    right: 0;
}

#quotes-slider .slick-next:before,
#quotes-slider .slick-prev:before {
    display: none;
}

#quotes-slider .slick-next:hover,
#quotes-slider .slick-prev:hover {
    color: #ec1757;
    opacity: 1;
}



/* ---------------------------------------------------------------------------------------------------------------------
    CPT: NEWS
--------------------------------------------------------------------------------------------------------------------- */
section.featured-news {
    padding: 15px 0;
    margin: 0 0 55px;
}

section.featured-news .section-title {
    margin: 0 0 50px 0;
}

section.featured-news .btn {
    border-radius: 3px;
    margin: 30px 0 0 0;
    font-size: 16px;
}



/* ---------------------------------------------------------------------------------------------------------------------
    CPT: EVENTS
--------------------------------------------------------------------------------------------------------------------- */
section.upcoming-events {
    background-color: #f2fcff;
    padding: 60px 0;
    border-top: 1px solid #edf7fa;
}

body.home section.upcoming-events {
    padding: 60px 0 15px;
    border-top: none;
}

section.upcoming-events .section-title {
    margin-bottom: 50px;
}

section.upcoming-events .cell > .btn {
    margin-top: 35px;
    font-size: 16px;
    border-radius: 3px;
}

body.single-event .typography ul.event-categories {
    margin: -10px 0 20px 0;
}

body.single-event .typography ul.event-categories:not( .accordion ) li:not( .gfield ) {
    padding: 0;
    margin: 0 0 3px 0;
}

body.single-event .typography ul.event-categories:not( .accordion ) li:not( .gfield ):before {
    display: none;
}



/* ---------------------------------------------------------------------------------------------------------------------
    TMPL: LEADERSHIP
--------------------------------------------------------------------------------------------------------------------- */
body:not( .home ) {
    background-color: #f8f8f8;
    background-image: url(../images/apple-pattern.png);
    background-repeat: repeat;
    background-position: left top;
}

section#boards {
    position: relative;
    margin-top: -55px;
    z-index: 600;
}

.team-member {
    margin: 0 0 35px 0;
    height: 300px;
    position: relative;
    z-index: 250;
    text-align: center;

    transition: all .2s linear;
}

.team-member:hover,
.team-member.loading,
.team-member.active {
    cursor: pointer;
    z-index: 600;
}

.team-member .photo {
    display: inline-block;
    background-color: #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    width: 196px;
    height: 196px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0;

    position: relative;

    filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
    filter: grayscale(1);
    -webkit-filter: grayscale(1);

    transition: all .2s linear;
}

.team-member:hover .photo,
.team-member.loading .photo,
.team-member.active .photo {
    filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale);
    filter: grayscale(0);
    -webkit-filter: grayscale(0);

    transition: all .5s linear;
}

.team-member .photo > .photo-on-hover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: 0;
    transition: opacity .15s linear;
}

.team-member:hover .photo > .photo-on-hover,
.team-member.loading .photo > .photo-on-hover,
.team-member.active .photo > .photo-on-hover {
    opacity: 1;
    transition: opacity .25s linear;
}

.team-member.no-photo .photo {
    background-size: 52%;
    background-color: #ffffff;
    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.1);
}

.team-member .name {
    font-family: "Arvo", sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #043e5e;
    line-height: 1.1;
    padding: 22px 0 0 0;
    margin: 0 0 8px;

    transition: all .1s linear;
}

.team-member .team-name {
    font-family: 'Arvo', sans-serif;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.2;
    color: #043e5e;
    text-align: center;
    margin: 0 0 20px 0;

    transition: all .1s linear;
}

.team-member .team-name em {
    font-weight: 400;
    color: #ec1757;
}

.team-member:hover .team-name,
.team-member.active .team-name,
.team-member:hover .team-name em,
.team-member.active .team-name em  {
    color: #fff !important;
}

.team-member .position {
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    color: #878787;
    line-height: 1.2;
    margin: 0 0 15px;
}

.team-member .bio {
    visibility: hidden;

    margin: 0 0 16px 0;
    font-size: 14px;
    font-weight: 400;
    color: #878787;
    line-height: 1.5;
}

.team-member .btn {
    visibility: hidden;
    margin: 0;
    font-size: 16px;
    color: #fff;
    border-color: #fff;
    border-radius: 4px;
    cursor: pointer;
}

.team-member .team-member-content {
    padding: 35px 25px;
    position: relative;
    border-radius: 7px;

    transition: all .2s linear;
}

.team-member.team-leader .team-member-content {
    padding: 35px 25px 40px;
}

.team-member:hover .team-member-content,
.team-member.loading .team-member-content,
.team-member.active .team-member-content {
    background-color: #ec1757;
    box-shadow: 0 25px 50px rgba(15, 61, 93, 0.5);

    transition: all .2s linear;
}

.team-member.loading .team-member-content:before,
.newsletter-archive.loading:before {
    background-color: rgba(246, 246, 246, 0.8);
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
    border-radius: 5px;
}

.team-member.loading .team-member-content:after,
.newsletter-archive.loading:after {
    background-color: #fff;
    background-image: url(../images/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    display: block;
    width: 44px;
    height: 44px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 500;
    border-radius: 50%;

    -webkit-transform: translate( -50%, 0 );
    -moz-transform:    translate( -50%, 0 );
    -ms-transform:     translate( -50%, 0 );
    -o-transform:      translate( -50%, 0 );
    transform:         translate( -50%, 0 );

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    opacity: 0.85;
}

.team-member:hover .bio,
.team-member.loading .bio,
.team-member.active .bio,
.team-member:hover .btn,
.team-member.loading .btn,
.team-member.active .btn {
    visibility: visible;
}

.team-member:hover .name,
.team-member.loading .name,
.team-member.active .name,
.team-member:hover .position,
.team-member.loading .position,
.team-member.active .position,
.team-member:hover .bio,
.team-member.loading .bio,
.team-member.active .bio {
    color: #fff;
    transition: all .15s linear;
}

.team-member:hover .btn svg.fa-long-arrow-alt-right,
.team-member:hover .btn svg.fa-long-arrow-right {
    left: 5px;
    transition: left .15s linear .15s;
}

#our-team-page .grid-x > .cell-team-member:nth-child( 1 ) {
    animation-delay: 0.2s;
}

#our-team-page .grid-x > .cell-team-member:nth-child( 2 ) {
    animation-delay: 0.4s;
}

#our-team-page .grid-x > .cell-team-member:nth-child( 3 ) {
    animation-delay: 0.6s;
}

#our-team-page .grid-x > .cell-team-member:nth-child( 4 ) {
    animation-delay: 0.8s;
}

.popup-overlay,
.member-popup-overlay,
#search-app-overlay {
    background-color: rgba(4, 19, 30, 0.92);
    width: 100%;
    height: 100%;
    position: fixed;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    opacity: 0;
    z-index: 999999;
}

.popup,
#member-popup {
    position: absolute;
    top: -99999px;
    left: -99999px;
    -webkit-transform: translate( -50%, 0 );
    -moz-transform:    translate( -50%, 0 );
    -ms-transform:     translate( -50%, 0 );
    -o-transform:      translate( -50%, 0 );
    transform:         translate( -50%, 0 );
    width: 100%;
    max-width: 880px;
    padding: 100px 15px 0 15px;
    visibility: hidden;
    opacity: 0;
    z-index: 9999999;
}

#member-popup {
    padding: 150px 15px 0 15px;
}

.popup.sign-up {
    max-width: 520px;
}

.popup.sign-up .gform_wrapper {
    margin-bottom: 0;
}

.popup-overlay.show,
.member-popup-overlay.show,
#search-app-overlay.show,
.popup.show,
#member-popup.show {
    visibility: visible;
    opacity: 1;
    transition: opacity .2s linear;
}

.popup.show,
#member-popup.show {
    top: 80px;
    left: 50%;
}

.popup-overlay.show,
.member-popup-overlay.show,
#search-app-overlay.show {
    top: 0;
    left: 0;
}

.popup-content,
.member-popup-content {
    border-top: 7px solid #ec1757;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;

    background-color: #fff;
    padding: 60px 75px 130px;
    border-radius: 3px;
    position: relative;
}

.popup-content img.aligncenter {
    margin-top: 22px;
    margin-bottom: 23px;
}

.popup-content .buttons-wrap {
    text-align: center;
}

.popup-content .buttons-wrap .btn {
    margin: 5px 4px 0;
}

.member-popup-content {
    padding: 123px 75px 130px;
}

.popup.sign-up .popup-content {
    padding: 55px 45px 123px;
}

.popup.sign-up .popup-content .section-title {
    font-size: 32px;
    text-align: left;
    margin-bottom: 35px;
}

body .popup.sign-up .popup-content .gform_wrapper .gform_footer input.button, body .gform_wrapper .gform_footer input[type=submit],
body .popup.sign-up .popup-content .gform_wrapper .gform_page_footer input.button, body .gform_wrapper .gform_page_footer input[type=submit] {
    width: 100%;
    border-radius: 4px;
}

body .gform_wrapper ul.gform_fields:before,
body .gform_wrapper ul.gform_fields:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

body .gform_wrapper ul.gform_fields:after {
    clear: both;
}

body .gform_wrapper ul.gform_fields li.gfield.custom-captcha .ginput_recaptcha > div {
    width: 100% !important;
    height: 48px !important;
    position: relative;
    overflow: hidden;
    background-color: #f8f8f8;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
}

body .gform_wrapper ul.gform_fields li.gfield.custom-captcha .ginput_recaptcha > div > div {
    position: absolute;
    top: -12px;
    left: -4px;
}

body #sign-up.popup .gform_wrapper .gform_footer {
    width: calc( 50% - 8px );
    position: absolute;
    top: auto;
    right: 0;
    left: auto;
    bottom: 20px;
}

body #sign-up.popup .gform_wrapper .gform_footer input.button,
body #sign-up.popup .gform_wrapper .gform_footer input[type=submit],
body #sign-up.popup .gform_wrapper .gform_page_footer input.button,
body #sign-up.popup .gform_wrapper .gform_page_footer input[type=submit] {
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
    border-radius: 5px;
    padding: 16px 12px 10px;
    min-height: 48px;
}

body #sign-up.popup .gform_wrapper .top_label .gfield_error div.ginput_container.ginput_recaptcha {
    padding-bottom: 4px !important;
}

body #sign-up.popup .gform_wrapper .top_label div.ginput_container.ginput_recaptcha + .validation_message {
    position: absolute;
    left: 0;
    bottom: -23px;
    line-height: 1;
}

body #sign-up.popup .gform_wrapper .gform_ajax_spinner {
    top: 15px;
}

.member-popup-content .name,
.popup-content h2 {
    font-family: "Arvo", sans-serif;
    font-size: 48px;
    font-weight: 800;
    color: #043e5e;
    line-height: 1;
    text-align: center;
    padding: 0;
    margin: 0 0 8px 0;
}

.popup-content h2 {
    margin-bottom: 25px;
}

.popup-content h2 em {
    font-weight: 400;
    color: #ec1757;
}

.member-popup-content .position {
    font-family: "Arvo", sans-serif;
    font-size: 28px;
    font-weight: 400;
    font-style: italic;
    color: #ec1757;
    line-height: 1.2;
    text-align: center;
    margin: 0 0 25px 0;
}

.member-popup-content .bio {
    max-height: 350px;
}

.member-popup-content .bio p {
    font-size: 16px;
    font-weight: 400;
    color: #525252;
    margin: 0 0 25px 0;
}

body .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #EBEBEB;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #ec1757;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

body .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
body .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #ec1757;
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.member-popup-content .photo {
    background-color: #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    width: 216px;
    height: 216px;
    border-radius: 50%;
    margin: 0;

    border: 7px solid #ec1757;

    position: absolute;
    top: 0;
    left: 50%;

    -webkit-transform: translate( -50%, -50% );
    -moz-transform:    translate( -50%, -50% );
    -ms-transform:     translate( -50%, -50% );
    -o-transform:      translate( -50%, -50% );
    transform:         translate( -50%, -50% );

    z-index: 600;
}

#member-popup.no-photo .member-popup-content .photo,
.member-popup.no-photo .member-popup-content .photo {
    background-size: 60%;
    background-color: #ffffff;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.4);
}

.member-popup-content .buttons {
    text-align: center;
}

.member-popup-content .buttons .btn {
    border-radius: 4px;
    margin: 10px 5px 0;
    padding: 13px 35px 10px;
    min-width: 165px;
}

.member-popup-content .buttons .btn .fa-phone {
    font-size: 12px;
    position: relative;
    top: -2px;
}

.close-popup,
.close-member-popup {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 52px;
    height: 52px;
    text-align: center;
    line-height: 58px;
    font-size: 30px;

    transition: all .2s linear;
}

.close-popup:hover,
.close-member-popup:hover {
    color: #fff;
    background-color: #ec1757;
    transition: all .2s linear;
    cursor: pointer;
}

.popup-content:after,
.member-popup-content:after {
    background-image: url(../images/logo.svg);
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    content: "";
    width: 246px;
    height: 60px;

    position: absolute;
    left: 50%;
    bottom: 20px;

    -webkit-transform: translate( -50%, 0 );
    -moz-transform:    translate( -50%, 0 );
    -ms-transform:     translate( -50%, 0 );
    -o-transform:      translate( -50%, 0 );
    transform:         translate( -50%, 0 );
}

.popup-content:after {
    width: 210px;
    bottom: 20px;
}

.popup-content:before,
.member-popup-content:before {
    background-color: #f8f8f8;
    content: "";
    display: block;

    position: absolute;
    left: 0;
    bottom: 0;

    height: 100px;
    width: 100%;
    border-radius: 0 0 3px 3px;
}

.member-prev,
.member-next {
    position: absolute;
    top: 50%;

    -webkit-transform: translate( 0, -50% );
    -moz-transform:    translate( 0, -50% );
    -ms-transform:     translate( 0, -50% );
    -o-transform:      translate( 0, -50% );
    transform:         translate( 0, -50% );

    display: block;
    width: 52px;
    height: auto;
    line-height: 0;
    padding: 16px 0;
    font-size: 20px;
    color: #222;
    text-align: center;
}

.member-prev {
    left: 0;
}

.member-next {
    right: 0;
}

.member-prev:hover,
.member-next:hover {
    background-color: #ec1757;
    color: #fff;
    transition: all .2s linear;

    cursor: pointer;
}

.member-prev[member-id=""],
.member-next[member-id=""] {
    display: none;
}

#member-popup.loading .member-popup-content:before {
    background-color: rgba(255, 255, 255, 0.87);
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
    border-radius: 3px;
}

#member-popup.loading .member-popup-content .photo:before {
    background-color: #fff;
    background-image: url(../images/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center;

    display: block;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
    border-radius: 50%;
    opacity: 0.85;
}

.board {
    background-color: #fff;
    border-radius: 7px;
    padding: 50px 10px;
    margin: 0 0 60px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

.board.team-board {
    padding: 50px 10px 15px;
}

.board-members {
    font-size: 0;
    text-align: center;
}

.board-members .team-member {
    display: inline-block;
    width: 25%;
    vertical-align: top;
}

.board-members .team-member.team-leader {
    width: 32%;
    border: 1px solid #fff;
    border-radius: 8px;
}

.team-member.team-leader {
     height: auto;
}

.team-member.team-leader .btn {
    visibility: visible;
    color: #ec1757;
    border-color: #ec1757;
}

.team-member.team-leader:hover .btn,
.team-member.team-leader.active .btn {
    color: #fff;
    border-color: #fff;
}

section#boards .team {
    text-align: center;
    padding: 50px 10px 35px;
    border-radius: 7px;
    background-color: rgba(248, 248, 248, 0.8);
    margin-bottom: 60px;
    box-shadow: 0 25px 50px rgba(15, 61, 93, 0.35);
}

section#boards .team .team-name {
    font-family: 'Arvo', sans-serif;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.2;
    color: #043e5e;
    text-align: center;
    margin: 0 0 5px 0;
    transition: all .1s linear;
}

section#boards .team .team-name em {
    font-weight: 400;
}

section#boards .team .team-name br {
    display: none;
}

section#boards .team .team-name.subtitle {
    color: #ec1757;
    margin: 0 0 15px 0;
}

.additional-support {
    background-color: #fff;
    border-radius: 7px;
    padding: 50px 10px;
    margin: 0 0 60px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

.additional-support p {
    font-size: 17px;
    color: #043e5e;
}

.additional-support p a {
    color: #043e5e;
}

.additional-support p a:hover {
    color: #ec1757;
    text-decoration: underline;
}

.additional-support > :last-child {
    margin-bottom: 0;
}

section#sign-up-wrap {
    background-color: #0f3e5e;
    padding: 60px 0 55px;
    position: relative;
    overflow: hidden;
}

section#sign-up-wrap .section-title {
    font-size: 44px;
    color: #73bf44;
    margin: 0;
}

section#sign-up-wrap .btn {
    vertical-align: middle;
    padding: 18px 35px;
    font-size: 18px;
    box-shadow: none;
    position: relative;
    top: -5px;
    margin: 0 0 0 40px;
    color: #fff;
    cursor: pointer;
}

section#sign-up-wrap .btn em {
    color: #fff;
}



/* ---------------------------------------------------------------------------------------------------------------------
    TMPL: FAQ's
--------------------------------------------------------------------------------------------------------------------- */
section#faqs {
    padding: 65px 0 5px;
    margin: 0 0 20px 0;
}

section#faqs.volunteer-faq {
    padding: 50px 0 20px;
    margin-bottom: 15px;
}

section#faqs .section-title {
    margin-bottom: 25px;
}

.accordion {
    background-color: transparent;
}

.accordion-item {
    margin-bottom: 10px;
}

.accordion-title {
    padding: 25px 50px 25px 35px;
    border: none;
    font-family: "Arvo", sans-serif;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.2;
    color: #043e5e;
    border-radius: 0 !important;
}

.accordion-title em,
.accordion-title:focus em,
.accordion-title:hover em {
    font-weight: 400;
    color: #ec1757;
}

.accordion-title:focus {
    background-color: transparent;
    color: #043e5e;
}

.accordion-item.is-active .accordion-title,
.accordion-title:hover {
    background-color: #fff2f6;
    color: #043e5e;
}

.accordion-title::before {
    margin-top: -15px;
}

.accordion-item.is-active .accordion-title::before {
    color: #ec1757;
}

.accordion-content {
    padding: 35px 35px;
    border: none;
    background-color: transparent;
    color: #464646;
}

.accordion-content p {
    font-size: 16px;
    color: #464646;
}

.accordion-content p a:hover {
    text-decoration: underline;
}

:last-child:not( .is-active ) > .accordion-title,
:last-child > .accordion-content:last-child {
    border-bottom: none !important;
}

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

section#question-form {
    margin-bottom: 80px;
}

section#question-form .content-white-wrap {
    margin-bottom: 0;
}

section#question-form .typography h2 {
    margin: 0 auto 20px;
}

body section#question-form .gform_wrapper {
    margin-top: 35px;
}



/* ---------------------------------------------------------------------------------------------------------------------
    CPT: NEWS
--------------------------------------------------------------------------------------------------------------------- */
section#archive {
    padding: 65px 0;
}

section.archive-top-content .content-white-wrap {
    margin-bottom: 0;
}

.archive-container {
    max-width: 1100px;
}

.filter-box {
    position: relative;
    padding-left: 25.5%;
    margin-bottom: 50px;
}

.filter-box .view {
    background-color: #ededed;
    border: 1px solid #e4e4e4;
    padding: 15px 25px 11px;
    border-radius: 50px;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(25% - 20px);
    text-align: center;
    font-size: 0;
    color: #222;
}

.filter-box .view .name {
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 16px;
    color: #222;
}

.filter-box .view .view-btn {
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 28px;
    margin: 0 1px;
    font-size: 17px;
    color: #222;
}

.filter-box .view .view-btn.active,
.filter-box .view .view-btn:hover {
    color: #27b4e8;
    cursor: pointer;
    transition: color .2s linear;
}

.filter-box .search {
    position: relative;
}

.filter-box .search input {
    border: 1px solid #ccc;
    height: 54px;
    border-radius: 50px;
    padding: 5px 50px 5px 35px;
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    color: #73bf44;
    margin: 0;
    transition: all .2s linear;
}

.filter-box .search input:focus {
    border-color: #33aedd;
}

.filter-box .search button {
    background-color: transparent;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 16px;
    color: #8b8b8b;
    text-align: center;
    line-height: 54px;
    position: absolute;
    top: 50%;
    right: 2px;
    -webkit-transform: translate( 0,-50% );
    -moz-transform:    translate( 0,-50% );
    -ms-transform:     translate( 0,-50% );
    -o-transform:      translate( 0,-50% );
    transform:         translate( 0,-50% );
    transition: background-color .2s linear;
}

.filter-box .search button:hover {
    color: #fff;
    background-color: #27b4e8;
    transition: background-color .2s linear;
    cursor: pointer;
}

.archive-items {
    font-size: 0;
}

.archive-items.grid .post-object-1 {
    display: inline-block;
    width: 48.5%;
    margin: 0 3% 40px 0;
    vertical-align: top;
}

.archive-items.list .post-object-1 {
    margin: 0 0 55px 0;
}

.post-object-1 .press-source {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 4px solid #fff;
    width: 130px;
    height: 50px;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 50%;

    -webkit-transform: translate( -50%, -50% );
    -moz-transform:    translate( -50%, -50% );
    -ms-transform:     translate( -50%, -50% );
    -o-transform:      translate( -50%, -50% );
    transform:         translate( -50%, -50% );

    z-index: 500;
}

.archive-items.grid > .post-object-1:nth-child( 2n ),
.archive-items.grid .css-events-list > .post-object-1:nth-child( 2n ) {
    margin-right: 0;
}

.archive-items.grid .post-object-1 .content {
    margin: 0;
    padding: 35px 25px 35px;
    border-radius: 0 0 7px 7px;
    width: 100%;
}

.archive-items.grid .post-object-1 .title {
    font-size: 24px;
}

.archive-items.grid .post-object-1 .post-date,
.archive-items.grid .learn-more {
    font-size: 14px;
}

.archive-items .post-object-1 .preview,
.archive-items .post-object-1 .preview.post-gallery .slide {
    background-color: #c9c9c9;
    opacity: 1;
}

.archive-items.grid .post-object-1 .preview,
.archive-items.grid .post-object-1 .preview.post-gallery .slide {
    border-radius: 7px 7px 0 0;
}

.archive-items.grid .post-object-1 .preview.post-gallery:not( .slick-initialized ) {
    height: 308px;
    overflow: hidden;
}

.archive-items.list .post-object-1 .preview.post-gallery:not( .slick-initialized ) {
    height: 635px;
    overflow: hidden;
}

.archive-items .post-object-1 .preview:after {
    opacity: 0.3;
}

.archive-items.grid .post-object-1 .post-gallery .slick-arrow,
.gallery-slider .slick-arrow {
    top: 50%;
    -webkit-transform: translate( 0, -50% );
    -moz-transform:    translate( 0, -50% );
    -ms-transform:     translate( 0, -50% );
    -o-transform:      translate( 0, -50% );
    transform:         translate( 0, -50% );
}

.archive-items.grid .post-object-1.video .preview svg {
    font-size: 38px;
    top: 50%;
    -webkit-transform: translate( -50%, -50% );
    -moz-transform:    translate( -50%, -50% );
    -ms-transform:     translate( -50%, -50% );
    -o-transform:      translate( -50%, -50% );
    transform:         translate( -50%, -50% );
}

.archive-items .post-object-1 .preview:not( .post-gallery ),
.archive-items .post-object-1 .preview.post-gallery .slide:before {
    padding-bottom: 80%;
}

.pagination-wrap {
    margin: 30px 0 0 0;
}

.pagination-wrap.search-pagination {
    margin: 30px 0 55px 0;
}

.em-pagination {
    display: block;
    width: 100%;
    margin: 30px 0 0 0 !important;
}

.pagination-wrap:empty,
.em-pagination:empty {
    display: none;
}

.pagination-wrap .pagination,
.em-pagination {
    list-style: none;
    text-align: center;
    margin: 0;
}

.pagination-wrap .pagination > li {
    display: inline-block;
}

.pagination-wrap .pagination > li > *,
.em-pagination > * {
    background-color: transparent;
    display: inline-block;
    padding: 2px;
    min-width: 50px;
    min-height: 50px;
    line-height: 42px;
    font-size: 14px;
    font-weight: 600;
    color: #b5b5b5;
    border-radius: 50px;
    border: 2px solid #b5b5b5;
    transition: all .15s linear;
}

.em-pagination > * {
    margin: 0 3px;
}

.pagination-wrap .pagination > li:hover > *,
.pagination-wrap .pagination > li > .current,
.em-pagination > *:hover,
.em-pagination > strong {
    border: 2px solid #27b4e8;
    color: #27b4e8;
}

.pagination-wrap .pagination > li:hover > .dots,
.pagination-wrap .pagination > li > .dots {
    border: 2px dashed #b5b5b5!important;
    color: #b5b5b5;
    transition: all .2s linear;
}

.sb-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .5px;
    color: #000;
    text-transform: uppercase;
    margin: 0 0 15px 0;
}

.sidebar-categories .categories {
    margin: 0;
    list-style: none;
}

.sidebar-categories .categories > li {
    display: block;
    width: 100%;
    margin: 0 0 7px 0;
}

.sidebar-categories .categories > li > a.category-item {
    display: block;
    width: 100%;
    border-left: 4px solid #c9c9c9;
    background-color: #ededed;
    padding: 15px 5px 11px 20px;
    color: #222;
    font-size: 16px;
    line-height: 1.1;
    font-weight: 500;
    transition: all .2s linear;
}

.sidebar-categories .categories > li:hover > a.category-item {
    background-color: rgba(39, 180, 232, 0.2);
    border-left: 4px solid #27b4e8;
    color: #259bc7;
}

.sidebar-categories .categories > li.active > a.category-item {
    background-color: #27b4e8;
    border-left: 4px solid #27b4e8;
    color: #fff;
}

.sidebar-categories .categories > li > .sub-categories {
    display: none;
    background-color: rgba(39, 180, 232, 0.2);
    padding: 24px 10px 10px 24px;
    margin: 0;
    list-style: none;
}

.sidebar-categories .categories > li.active > .sub-categories {
    display: block;
}

.sidebar-categories .categories > li > .sub-categories > li {
    margin: 0 0 10px;
}

.sidebar-categories .categories > li > .sub-categories > li > a {
    font-size: 15px;
    line-height: 1.2;
    display: inline-block;
    padding: 4px 0 4px 25px;
    position: relative;
    color: #27b4e8;
    transition: color .2s linear;
}

.sidebar-categories .categories > li > .sub-categories > li.active > a,
.sidebar-categories .categories > li > .sub-categories > li:hover > a {
    color: #043e5e !important;
}

#show-more-terms {
    display: block;
    background-color: #585858;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    padding: 14px 2px 9px;
    cursor: pointer;
    transition: all .2s linear;
}

#show-more-terms:hover {
    background-color: #27b4e8;
    color: #fff;
}


#terms-full-list {
    position: absolute;
    top: -10000px;
    left: -10000px;
    opacity: 0;
    visibility: hidden;

    transition: opacity 0s linear;
}

#terms-full-list.active {
    background-color: #fff;
    padding: 35px 35px 35px 35px;
    width: 100%;

    border: 10px solid #043e5e;
    border-right-color: #ec1757;
    border-bottom-color: #ec1757;

    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100000;

    opacity: 1;
    visibility: visible;

    transition: opacity .2s linear;
}

#terms-full-list h4 {
    font-family: 'Arvo', sans-serif;
    font-size: 48px;
    font-weight: 800;
    line-height: 1.2;
    color: #043e5e;
    text-align: center;
    margin: 0 0 20px 0;
}

#terms-full-list h4 em {
    font-weight: 400;
    color: #ec1757;
}

#terms-full-list .category-items {
    font-size: 0;
    max-height: calc( 100vh - 175px );
    text-align: center;
}

#terms-full-list .category-item {
    display: inline-block;
    width: 20%;
    min-width: 275px;
    max-width: 100%;
    padding: 8px 8px;
}

#terms-full-list .category-item a {
    display: block;
    width: 100%;
    border-left: 4px solid #c9c9c9;
    background-color: #ededed;
    padding: 17px 5px 13px 20px;
    color: #222;
    font-size: 16px;
    text-align: left;
    line-height: 1.1;
    font-weight: 500;
    transition: all .2s linear;
}

#terms-full-list .category-item a:hover,
#terms-full-list .category-item.active a {
    background-color: rgba(39, 180, 232, 0.2);
    border-left: 4px solid #27b4e8;
    color: #259bc7;
}

#terms-full-list .close {
    display: inline-block;
    padding: 1px;
    position: absolute;
    top: 10px;
    right: 5px;

    font-size: 40px;
    width: 47px;
    text-align: center;
    line-height: 1;
    color: #043e5e;
    transition: color .2s linear;
    cursor: pointer;
}

#terms-full-list .close:hover {
    color: #ec1757;
}

.sidebar-post-item {
    display: block;
    margin: 0 0 35px;
    opacity: 0.55;

    filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
    filter: grayscale(1);
    -webkit-filter: grayscale(1);

    transition: all .2s linear;
}

.sidebar-post-item:hover {
    opacity: 1;

    filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale);
    filter: grayscale(0);
    -webkit-filter: grayscale(0);

    transition: all .3s linear;
}

.sidebar-post-item img {
    border-radius: 4px;
    margin: 0 0 10px;
}

.sidebar-post-item h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    color: #ec1757;
    margin: 0 0 10px;
}

.sidebar-post-item p.post-date {
    margin: 0 0 6px;
    font-size: 12px;
    color: #043e5e;
    font-style: italic;
}

.sidebar-post-item p.post-date strong {
    font-weight: 600;
    font-style: normal;
}

.sidebar-categories.programs {
    margin-bottom: 50px;
}

.sidebar-latest-posts {
    margin-top: 50px;
}

.btn.back-button {
    font-size: 16px;
    width: 100%;
    border: 1px solid #27b4e8;
    border-radius: 4px;
    margin: 0 0 50px;
    padding: 17px 15px 13px;
    color: #27b4e8;
}

.btn.back-button:hover {
    color: #fff;
    background-color: #27b4e8;
}

.btn.back-button svg {
    margin-right: 3px;
    position: relative;
    top: 1px;
    right: 0;
    transition: right .2s linear;
}

.btn.back-button:hover svg {
    right: 5px;
}

.fancybox-container {
    z-index: 999999;
}

.fancybox-bg {
    background-color: #000;
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
}

.fancybox-button:focus,
.fancybox-button:hover {
    color: #ec1757;
}

#archive .no-results {
    font-size: 30px;
    text-align: center;
    color: #b5b5b5;
    padding: 50px 0;
}

#archive .no-results svg {
    font-size: 44px;
}

#archive .no-results span {
    display: block;
}


/* ---------------------------------------------------------------------------------------------------------------------
    SINGLE "NEWS" PAGE
--------------------------------------------------------------------------------------------------------------------- */
body.single-news .masthead-caption,
body.single-video_portal .masthead-caption,
body.single-volunteer_story .masthead-caption,
body.single-event .masthead-caption {
    display: none;
}

.grid-container.single-post-container {
    max-width: 975px;
}

.single-post-main-content {
    margin: -65px 0 50px;
}

body.single-news .single-post-main-content .post-object-1,
body.single-video_portal .single-post-main-content .post-object-1,
body.single-volunteer_story .single-post-main-content .post-object-1,
body.single-event .single-post-main-content .post-object-1 {
    margin: 0;
    position: relative;
    z-index: 500;
}

body.single-news .single-post-main-content .post-object-1 .preview,
body.single-video_portal .single-post-main-content .post-object-1 .preview,
body.single-volunteer_story .single-post-main-content .post-object-1 .preview,
body.single-event .single-post-main-content .post-object-1 .preview {
    background-color: #c9c9c9;
}

body.single-video_portal .single-post-main-content .post-object-1 .preview,
body.single-news .single-post-main-content .post-object-1 .preview,
body.single-news .single-post-main-content .post-object-1 .preview.post-gallery,
body.single-news .single-post-main-content .post-object-1 .preview.post-gallery .slide,
body.single-volunteer_story .single-post-main-content .post-object-1 .preview,
body.single-volunteer_story .single-post-main-content .post-object-1 .preview.post-gallery,
body.single-volunteer_story .single-post-main-content .post-object-1 .preview.post-gallery .slide,
body.single-event .single-post-main-content .post-object-1 .preview {
    border-radius: 7px 7px 0 0;
    opacity: 1;

    filter: url(data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt… 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

body.single-news .single-post-main-content .post-object-1 .preview.post-gallery:not( .slick-initialized ),
body.single-volunteer_story .single-post-main-content .post-object-1 .preview.post-gallery:not( .slick-initialized ) {
    max-height: 604px;
    overflow: hidden;
}

body.single-video_portal .single-post-main-content .post-object-1 .preview:before,
body.single-video_portal .single-post-main-content .post-object-1 .preview:after,
body.single-news .single-post-main-content .post-object-1 .preview:before,
body.single-news .single-post-main-content .post-object-1 .preview:after,
body.single-volunteer_story .single-post-main-content .post-object-1 .preview:before,
body.single-volunteer_story .single-post-main-content .post-object-1 .preview:after,
body.single-event .single-post-main-content .post-object-1 .preview:before,
body.single-event .single-post-main-content .post-object-1 .preview:after {
    display: none;
}

body.single-video_portal .single-post-main-content .post-object-1 .preview:not( .post-gallery ),
body.single-event .single-post-main-content .post-object-1 .preview:not( .post-gallery ),
body.single-news .single-post-main-content .post-object-1 .preview:not( .post-gallery ),
body.single-news .single-post-main-content .post-object-1 .preview.post-gallery .slide:before,
body.single-volunteer_story .single-post-main-content .post-object-1 .preview:not( .post-gallery ),
body.single-volunteer_story .single-post-main-content .post-object-1 .preview.post-gallery .slide:before {
    padding-bottom: 65%;
}

body.single-news .single-post-main-content .post-object-1 .post-gallery .slick-arrow,
body.single-news .single-post-main-content .post-object-1.video .preview svg,
body.single-volunteer_story .single-post-main-content .post-object-1 .post-gallery .slick-arrow,
body.single-volunteer_story .single-post-main-content .post-object-1.video .preview svg,
body.single-video_portal .single-post-main-content .post-object-1.video .preview svg {
    top: 50%;
}

body.single-news .single-post-main-content .content > :last-child,
body.single-volunteer_story .single-post-main-content .content > :last-child,
body.single-event .single-post-main-content .content > :last-child {
    margin-bottom: 0 !important;
}

body.single-video_portal .single-post-main-content .post-object-1 .content,
body.single-news .single-post-main-content .post-object-1 .content,
body.single-volunteer_story .single-post-main-content .post-object-1 .content,
body.single-event .single-post-main-content .post-object-1 .content {
    margin: 0;
    padding: 50px 65px;
    width: 100%;

    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

body.single-video_portal .single-post-main-content .post-object-1 .preview + .content,
body.single-news .single-post-main-content .post-object-1 .preview + .content,
body.single-volunteer_story .single-post-main-content .post-object-1 .preview + .content,
body.single-event .single-post-main-content .post-object-1 .preview + .content {
    border-radius: 0 0 7px 7px;
}

body.single-video_portal .single-post-main-content .title,
body.single-news .single-post-main-content .title,
body.single-volunteer_story .single-post-main-content .title,
body.single-event .single-post-main-content .title {
    font-family: 'Arvo', sans-serif;
    font-size: 44px;
    font-weight: 600;
    line-height: 1.2;
    color: #043e5e;
    text-align: center;
    margin: 0 auto 33px;

    display: block;
    width: 100%;
    max-width: 640px;
}

body.single-video_portal .single-post-main-content .post-object-1 .post-date,
body.single-news .single-post-main-content .post-object-1 .post-date,
body.single-volunteer_story .single-post-main-content .post-object-1 .post-date,
body.single-event .single-post-main-content .post-object-1 .post-date {
    text-align: center;
    margin: 0 0 10px 0;
}

body.single-video_portal .single-post-main-content .post-object-1 .description,
body.single-news .single-post-main-content .post-object-1 .description,
body.single-volunteer_story .single-post-main-content .post-object-1 .description,
body.single-event .single-post-main-content .post-object-1 .description {
    margin-bottom: 0;
}









/* ---------------------------------------------------------------------------------------------------------------------
    PAGE BUILDER [PB]
--------------------------------------------------------------------------------------------------------------------- */
::-moz-selection {
    background: #ec1757;
    color: #fff;
}

::selection {
    background: #ec1757;
    color: #fff;
}

.typography h1 {
    background-color: #ec1757;
    display: inline-block;
    font-family: "Arvo", sans-serif;
    font-size: 58px;
    font-weight: 800;
    line-height: 1;
    color: #fff;
    padding: 24px 55px;
    border-radius: 3px;
    margin: 0 0 35px 0;
    clear: both;
}

.typography h2 {
    font-family: 'Arvo', sans-serif;
    font-size: 44px;
    font-weight: 600;
    line-height: 1.2;
    color: #043e5e;
    margin: 0 auto 35px;
}

.typography h2:not( :first-child ) {
    margin: 35px auto 35px;
}

.typography h2 img {
    width: 40px;
    display: inline-block;
    position: relative;
    top: -10px;
    margin: 0 7px 0 11px;
}

.typography h3 {
    font-family: 'Arvo', sans-serif;
    font-size: 34px;
    font-weight: 600;
    line-height: 1.2;
    color: #73bf44;
    margin: 35px auto 25px;
}

.typography h4 {
    font-family: 'Arvo', sans-serif;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.2;
    color: #043e5e;
    margin: 35px auto 25px;
}

.typography h5 {
    font-family: 'Arvo', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    color: #043e5e;
    margin: 0 auto 25px;
}

.typography h6 {
    font-family: 'Arvo', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    color: #043e5e;
    margin: 0 auto 25px;
}

.typography h2 > a,
.typography h3 > a,
.typography h4 > a,
.typography h5 > a,
.typography h6 > a {
    font-family: 'Arvo', sans-serif;
    color: #043e5e;
}

.typography h2 em,
.typography h3 em,
.typography h4 em,
.typography h5 em,
.typography h6 em {
    font-weight: 400;
    color: #ec1757;
}

.typography p,
.typography ol:not( .accordion ) li:not( .gfield ),
.typography ul:not( .accordion ) li:not( .gfield ) {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
    color: #464646;
    margin: 0 0 25px 0;
}

.typography p del,
.typography li del {
    background-color: #ffe8ef;
}

.typography ul:not( .accordion ) {
    margin-bottom: 15px;
}

.typography ol:not( .accordion ) li:not( .gfield ),
.typography ul:not( .accordion ) li:not( .gfield ) {
    margin: 0 0 25px 0;
}

.typography ol:not( .accordion ) li:not( .gfield ) {
    counter-increment: list;
    list-style-type: none;
    position: relative;
    left: 24px;
    padding: 0 24px 0 0;
}

.typography ol:not( .accordion ) li:not( .gfield ):before {
    color: #ec1757;
    content: counter(list) ".";
    text-align: left;
    width: auto;
    padding-right: 12px;

    left: auto;
    position: absolute;

    -webkit-transform: translate( -100%, 0 );
    -moz-transform:    translate( -100%, 0 );
    -ms-transform:     translate( -100%, 0 );
    -o-transform:      translate( -100%, 0 );
    transform:         translate( -100%, 0 );
}

.typography ul:not( .accordion ) {
    list-style: none;
}

.typography ul:not( .accordion ) li:not( .gfield ) {
    position: relative;
    padding: 0 0 0 30px;
}

.typography ul:not( .accordion ) li:not( .gfield ):before {
    color: #ec1757;
    content: "•";
    left: 0;
    position: absolute;

    width: auto;
}

.typography ol:not( .accordion ) > :not( .gfield ):last-child,
.typography ul:not( .accordion ) > :not( .gfield ):last-child {
    margin-bottom: 0;
}

.typography a:not( .btn ):not( .accordion-title ):hover {
    text-decoration: underline;
}

.typography blockquote {
    background-color: #fffafb;
    border: 1px solid #ec1757;
    padding: 85px 50px 30px;
    text-align: center;
    position: relative;
    border-radius: 4px;
    margin: 35px 0 35px;
}

.typography blockquote > * {
    color: #ec1757;
    font-size: 22px;
    font-weight: 400;
    font-style: italic;
}

.typography blockquote > :last-child {
    margin-bottom: 0;
}

.typography blockquote:before {
    font-family: "Arvo", sans-serif;
    content: '"';
    font-size: 160px;
    font-weight: 400;
    font-style: italic;
    line-height: 0.83;
    color: #ec1757;
    display: inline-block;
    position: absolute;
    top: 27px;
    left: 47%;
    -webkit-transform: translate( -50%, 0 );
    -moz-transform:    translate( -50%, 0 );
    -ms-transform:     translate( -50%, 0 );
    -o-transform:      translate( -50%, 0 );
    transform:         translate( -50%, 0 );
}

.section-content-wrap {
    background-color: #fff;
    width: 100%;
    margin: 0;
    padding: 50px 65px 60px;
    border-radius: 7px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

body.page-template-default .section-content-wrap {
    padding: 50px 50px 60px;
}

.section-content-wrap img {
    border-radius: 4px;
}

.section-content-wrap > :last-child {
    margin-bottom: 0;
}

section#page-builder {
    z-index: 500;
    margin-top: -60px;
    position: relative;
}

body.page-template-default section#page-builder {
    margin-top: -120px;
    margin-bottom: 60px;
}

body.page-template-default section#default-page + section#page-builder {
    margin-top: -60px;
}

[pb-section] {
    margin: 50px 0 0;
}

[pb-section]:first-child {
    margin-top: 0;
}

[pb-section]:first-child .section-content-wrap {
    box-shadow: 0 25px 20px rgba(0, 0, 0, 0.05);
    padding-top: 25px;
}

[pb-section]:not( .transparent ) + [pb-section]:not( .transparent ) {
    margin: -10px 0 0 0;
}

[pb-section]:not( .transparent ) + [pb-section]:not( .transparent ) .section-content-wrap {
    box-shadow: 0 25px 20px rgba(0, 0, 0, 0.05);
    padding-top: 15px;
}

[pb-section].transparent .section-content-wrap {
    padding: 15px 0;
    background-color: transparent;
    box-shadow: none;
}

[pb-section].transparent:first-child .section-content-wrap {
    padding: 75px 0 15px;
}

[pb-section].transparent + [pb-section].transparent {
    margin: 20px 0 0 0;
}

.typography h3.pb-section-title {
    font-family: 'Arvo', sans-serif;
    font-size: 38px;
    font-weight: 600;
    line-height: 1.2;
    color: #043e5e;
    text-align: center;
    margin: 0 0 35px;
}

.typography h4.pb-section-subtitle {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 22px;
    font-weight: 600;
    font-style: italic;
    line-height: 1.2;
    color: #ec1757;
    text-align: center;
    margin: -15px 0 35px;
    padding: 20px 0 0;
    position: relative;
}

.typography h4.pb-section-subtitle:before {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background-color: #ec1757;
    position: absolute;
    top: -1px;
    left: 50%;
    -webkit-transform: translate( -50%, 0 );
    -moz-transform:    translate( -50%, 0 );
    -ms-transform:     translate( -50%, 0 );
    -o-transform:      translate( -50%, 0 );
    transform:         translate( -50%, 0 );
}

.gap-container {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    height: 100%;
}

.gap-container > div {
    width: calc( 50% - 15px );

    display: flex;
    flex-direction: column;
    justify-content: center;
    /*align-items: center;*/
}

.gap-image {
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    border-radius: 5px;
}

.gap-image:before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 100%;
}

.gap-copy {
    padding: 50px 0;
}

.gap-copy > :last-child {
    margin-bottom: 0;
}

.copy-and-image-2-columns .gap-copy {
    margin-right: 30px;
}

.image-and-copy-2-columns .gap-image {
    margin-right: 30px;
}

.copy-container {
    font-size: 0;
}

.copy-wrap {
    display: inline-block;
    width: calc( 50% - 15px );
    font-size: 17px;
    vertical-align: top;
}

.copy-wrap > :last-child {
    margin-bottom: 0;
}

.copy-container > .copy-wrap:first-child {
    margin-right: 30px;
}

.acf-map {
    height: 450px;
    background-color: #eee;
    border-radius: 4px;
}

.map-address {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.2;
    color: #ec1757;
    text-align: center;
    display: block;
    padding: 16px 15px 13px;
    border: 1px solid #ec1757;
    border-radius: 3px;
    margin: 25px 0 0 0;
}

.map-address svg {
    margin-right: 4px;
}

[pb-section] .image {
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 4px;

    width: 100%;
    padding-bottom: 65%;
}

[pb-section].video .responsive-embed {
    background-color: #eee;
    border-radius: 4px;
    overflow: hidden;
}

.gallery-slider {
    margin-bottom: 1px;
    border-radius: 4px;
    overflow: hidden;
}

.gallery-slider .slide {
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.gallery-slider .slide:before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 70%;
}

.gallery-slider-nav {
    position: relative;
}

.gallery-slider-nav.hidden {
    display: none !important;
}

.gallery-slider-nav:before {
    content: "";
    display: block;
    width: 100px;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;

    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.1) 75%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.1) 75%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.1) 75%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );

    z-index: 500;
}

.gallery-slider-nav:after {
    content: "";
    display: block;
    width: 100px;
    height: 100%;

    position: absolute;
    top: 0;
    right: 0;

    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 10%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 10%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 10%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );

    z-index: 500;
}

.gallery-slider-nav .slide {
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 1px solid #fff;

    filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
    filter: gray;
    -webkit-filter: grayscale(0.9);
    filter: grayscale(0.9);
    opacity: 0.5;
    outline: none !important;

    transition: all 0.5s ease-in-out;
}

.gallery-slider-nav .slide:before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 100%;
    cursor: pointer;
}

.gallery-slider-nav .slide:hover,
.gallery-slider-nav .slide.slick-current {
    filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
    -webkit-filter: grayscale(0);
    filter: grayscale(0);

    opacity: 0.8;
}



/* ---------------------------------------------------------------------------------------------------------------------
    TMPL: NEWSLETTERS
--------------------------------------------------------------------------------------------------------------------- */
section#newsletters {
    padding: 0;
    margin: 0 0 45px 0;
}

.newsletters-wrap {
    background-color: #fff;
    padding: 55px 50px;
    border-radius: 7px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
    margin-top: -65px;
    position: relative;
    z-index: 500;

    overflow: hidden;
}

.pinned-newsletters {
    text-align: center;
    font-size: 0;
    margin-bottom: 50px;
}

.pinned-newsletters:not(.slick-initialized) {
    height: 774px;
    overflow: hidden;
}

.pinned-newsletter {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
}

.pinned-newsletters:not(.slick-initialized) .pinned-newsletter {
    max-width: 420px;
}

.pinned-newsletters > :last-child {
    margin-right: 0;
}

.pinned-newsletter .preview {
    border: 1px solid #eee;
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    display: block;
    padding-bottom: 130%;
    margin-bottom: 20px;
}

.pinned-newsletter .date,
.pinned-newsletter .description {
    font-size: 17px;
    font-weight: 400;
    font-style: italic;
    line-height: 1.4;
    color: #a7a7a7;
    margin: 0 0 5px;
}

.pinned-newsletter .description {
    font-style: normal;
    color: #464646;
    margin: 0 0 14px;
}

.pinned-newsletter .title {
    font-family: 'Arvo', sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.2;
    color: #043e5e;
    margin: 0 auto 15px;
}

.pinned-newsletter .btn {
    min-width: 230px;
    margin: 5px 0 0;
    border-radius: 5px;
    font-size: 16px;
}

.newsletter-archive {
    background-color: #fdfdfd;
    margin-bottom: 0;
    position: relative;
}

.newsletter-archive:not( .board-mode ) {
    min-height: 400px;
    max-height: 550px;
}

.newsletter-archive .no-results {
    display: block;
    width: 100%;
    text-align: center;
    color: #8a8a8a;
    font-size: 16px;
    font-style: italic;
    padding: 275px 0;
}

.newsletter-archive .newsletter-item + .no-results {
    display: none !important;
}

.newsletter-archive-title {
    font-size: 36px;
    margin: 65px 0 30px;
    padding-left: 8px;
    padding-right: 300px;
    position: relative;
    text-align: left;
}

.newsletter-archive-title .newsletter-year {
    position: absolute;
    top: -2px;
    right: 2px;
    font-family: 'Josefin Sans', sans-serif;
    width: 200px;
}

.newsletter-archive .mCSB_inside > .mCSB_container {
    margin-right: 12px;
}

.newsletter-archive .mCSB_scrollTools .mCSB_draggerContainer {
    left: 9px;
}

.newsletter-archive .newsletter-item {
    display: table;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    width: calc( 100% - 20px );

    margin: 10px 10px 20px;
    transition: all .15s linear;
}

.newsletter-archive .newsletter-item:hover {
    border: 1px solid #ec1757;
    box-shadow: 0 0 10px rgba(236, 23, 87, 0.35);
}

.newsletter-archive .newsletter-item > div {
    display: table-cell;
    padding: 20px 20px;
    vertical-align: middle;
}

.newsletter-archive .newsletter-item > .name-wrap {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.1;
    color: #043e5e;
    position: relative;
    padding-left: 88px;
    padding-top: 25px;
}

.newsletter-archive .newsletter-item > .name-wrap svg {
    font-size: 36px;
    color: #e1e1e1;

    position: absolute;
    top: 50%;
    left: 25px;

    -webkit-transform: translate( 0, -50% );
    -moz-transform:    translate( 0, -50% );
    -ms-transform:     translate( 0, -50% );
    -o-transform:      translate( 0, -50% );
    transform:         translate( 0, -50% );
}

.newsletter-archive .newsletter-item > .name-wrap .description {
    padding-top: 10px;
}

.newsletter-archive .newsletter-item > .name-wrap > .description > :last-child {
    margin-bottom: 0 !important;
}

.typography .newsletter-archive .newsletter-item > .name-wrap > .description p,
.typography .newsletter-archive .newsletter-item > .name-wrap > .description ol:not( .accordion ) li:not( .gfield ),
.typography .newsletter-archive .newsletter-item > .name-wrap > .description ul:not( .accordion ) li:not( .gfield ) {
    font-size: 16px;
    line-height: 1.2;
    margin: 0 0 20px 0;
}

.newsletter-archive .newsletter-item > .date-wrap {
    text-align: center;
    width: 230px;
    font-size: 14px;
    font-style: italic;
    color: #d0d0d0;
}

.newsletter-archive .newsletter-item > .button-wrap {
    width: 220px;
}

.newsletter-archive .newsletter-item > .button-wrap .btn {
    width: 100%;
    padding: 12px 25px;
    border-radius: 4px;
}

.adobe-reader-requirements {
    background-color: #eefaff;
    font-size: 14px;
    color: #5e5e5e;
    line-height: 1.3;
    text-align: center;
    display: block;
    padding: 20px;
    margin-top: 35px;
    border-radius: 4px;
}

.adobe-reader-requirements a:hover {
    text-decoration: underline;
}

.newsletter-search-box {
    text-align: center;
    margin: 0 0 35px;
}

.newsletter-year {
    width: 264px;
    text-align: center;
    height: 52px;
    font-size: 16px;
    border-radius: 50px;
    padding: 5px 35px;
    border: 1px solid #ec1757;
    color: #ec1757;
}

.newsletter-search-box .btn {
    font-size: 16px;
    padding: 18px 40px;
    cursor: pointer;
    margin: 15px 0 0 15px;
}

.section-title.newsletter-type {
    font-size: 44px;
    margin-bottom: 10px;
}

.section-title.newsletter-type > span {
    cursor: pointer;
    filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.2;

    transition: all .2s linear;
}

.section-title.newsletter-type > span:hover,
.section-title.newsletter-type > span.active {
    filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
    -webkit-filter: grayscale(0);
    filter: grayscale(0);

    opacity: 1;
}

.section-title.newsletter-type > span[type="e"] {
    margin-right: 75px;
    margin-left: 15px;
}

.pinned-newsletters .slick-arrow {
    background-color: #f7f5f5;
    width: auto;
    height: auto;
    font-size: 20px;
    color: #313e49;
    position: absolute;
    top: calc( 50% - 60px );
    z-index: 500;
    padding: 20px 16px;
    transition: all .15s linear;
}

.pinned-newsletters .slick-prev {
    left: -50px;
    border-radius: 0 40px 40px 0;
    padding-left: 8px;
    padding-right: 18px;
}

.pinned-newsletters .slick-next {
    right: -50px;
    border-radius: 40px 0 0 40px;
    padding-right: 8px;
    padding-left: 18px;
}

.pinned-newsletters .slick-next:before,
.pinned-newsletters .slick-prev:before {
    display: none;
}

.pinned-newsletters .slick-arrow:hover {
    background-color: #ec1757;
    color: #fff;
    transition: all .2s linear;
    cursor: pointer;
}

.e-newsletter-items .newsletter-item {
    text-align: center;
    margin-bottom: 50px;
}

.e-newsletter-items .newsletter-item .preview {
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    width: 100%;
    padding-bottom: 42%;
    border-radius: 4px 4px 0 0;
}

.e-newsletter-items .newsletter-item .content {
    padding: 25px 75px 30px;
    background-color: #fdfdfd;
    border: 1px solid #f7f7f7;
    border-radius: 0 0 4px 4px;
}

.e-newsletter-items .newsletter-item .title {
    font-family: 'Arvo', sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    color: #043e5e;
    margin: 0 auto 15px;
}

.e-newsletter-items .newsletter-item .description {
    font-size: 17px;
    font-weight: 400;
    font-style: italic;
    line-height: 1.4;
    color: #464646;
    margin: 0 0 14px;
}

.e-newsletter-items .newsletter-item .btn {
    min-width: 230px;
    margin: 5px 0 0;
    border-radius: 5px;
    font-size: 16px;
}

.e-newsletter-items > :last-child {
    margin-bottom: 0;
}

#e-newsletters,
#print-newsletters {
    visibility: hidden;
    position: absolute;
    opacity: 0;
    width: 90%;
    overflow: hidden;

    transition: opacity .5s linear;
}

#e-newsletters.active,
#print-newsletters.active {
    opacity: 1;
    visibility: visible;
    position: relative;

    width: auto;
    overflow: visible;
}

#e-newsletters .no-results {
    font-family: 'Arvo', sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    color: #d5d5d5;
    text-align: center;
    padding: 50px;
    display: block;
}




/* ---------------------------------------------------------------------------------------------------------------------
    TMPL: Careers
--------------------------------------------------------------------------------------------------------------------- */
.content-white-wrap {
    background-color: #fff;
    padding: 55px 50px;
    border-radius: 7px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
    margin-top: -65px;
    margin-bottom: 65px;
    position: relative;
    z-index: 500;
}

.content-white-wrap .btn {
    padding: 14px 30px;
    font-size: 16px;
    margin: 5px 2px;
}

#careers-top-content .content-white-wrap > h2 {
    font-size: 55px;
}

.content-white-wrap .open-positions {
    margin-top: 65px;
}

.content-white-wrap .responsive-embed {
    border-radius: 4px;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 30px;
}

.content-white-wrap .open-positions h2 {
    text-align: center;
}

.content-white-wrap .open-positions ul {
    list-style: none;
}

.BambooHR-ATS-Department-Item {
    background-color: #f5f5f5;
    padding-left: 0 !important;
    border-radius: 4px;
    overflow: hidden;
}

.BambooHR-ATS-Department-Item:before {
    display: none !important;
}

.BambooHR-ATS-board > h2 {
    display: none;
}

.BambooHR-ATS-Department-Item {
    padding: 35px 35px !important;
}

body .BambooHR-ATS-board ul {
    padding: 0;
}

.BambooHR-ATS-Jobs-List {
    padding: 0 !important;
    margin: 0 !important;
}

.BambooHR-ATS-Jobs-List > li {
    padding: 0 !important;
}

.BambooHR-ATS-board ul ul {
    border-bottom: none !important;
}

body .BambooHR-ATS-board li {
    margin-bottom: 20px !important;
    /*padding-left: 0 !important;*/
}

body .BambooHR-ATS-board li:last-child {
    margin-bottom: 0 !important;
}

body .BambooHR-ATS-board li:before {
    display: none !important;
}

body .BambooHR-ATS-board .BambooHR-ATS-Location {
    padding-top: 3px;
    font-style: italic;
    color: #a3a3a3;
    font-size: 16px;
}

#BambooHR li,
#BambooHR a {
    line-height: 1.2;
}

#BambooHR a:hover {
    color: #043e5e;
}

.BambooHR-ATS-Department-Header {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
    color: #043e5e;
}

.content-white-wrap .open-positions .placeholder {
    text-align: center;
    padding: 200px 0;
    background-color: #f3f3f3;
}

.content-white-wrap > :last-child {
    margin-bottom: 0 !important;
}

section#benefits {
    margin: 25px 0 80px;
}

.benefits-wrap {
    text-align: center;
    font-size: 0;
}

.benefits {
    display: inline-block;
    width: 44%;
    position: relative;
    z-index: 500;
    vertical-align: top;
    margin: 0 0 50px;
    text-align: left;
    border: 1px dashed #fff;
    padding: 40px 50px;
    border-radius: 5px;
}

.benefits-list {
    list-style: none;
    margin: 0;
}

.benefits-list li {
    font-size: 18px;
    line-height: 1.2;
    font-style: italic;
    color: rgba(255, 255, 255, 0.75);
    margin: 0 0 16px;
    padding: 0 0 0 25px;
    position: relative;
}

.benefits-list li:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border: 1px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    left: 2px;
}

.benefits-list li:last-child {
    margin-bottom: 0;
}

.benefits h4 {
    display: block;
    width: 100%;
    font-family: 'Arvo', sans-serif;
    font-size: 48px;
    font-style: italic;
    color: #fff;
    text-align: center;
    line-height: 0.9;
    margin: 0;

    position: absolute;
    top: 10px;
    left: 50%;

    -webkit-transform: translate( 0, -100% );
    -moz-transform:    translate( 0, -100% );
    -ms-transform:     translate( 0, -100% );
    -o-transform:      translate( 0, -100% );
    transform:         translate( 0, -100% );
}

.benefits h4 span {
    display: inline-block;
    background-color: #043e5e;
    padding: 1px 50px;
    font-size: 32px;
}

.benefits.green,
.benefits.green .benefits-list li:before  {
    border-color: #73bf44;
}

.benefits.green {
    border-right: none;
    border-radius: 5px 0 0 5px;
    z-index: 550;
}

.benefits.green h4 {
    color: #73bf44;
}

.benefits.pink,
.benefits.pink .benefits-list li:before  {
    border-color: #ec1757;
}

.benefits.pink {
    border-left: none;
    border-radius: 0 5px 5px 0;
}

.benefits.pink h4 {
    color: #ec1757;
}

.benefits-wrap {
    padding: 120px 40px 12px;
}

.benefits-wrap:after {
    height: 120%;
    right: auto;
    left: 65px;
    bottom: 65px;

    -webkit-transform: translate( -50%, 60% );
    -moz-transform:    translate( -50%, 60% );
    -ms-transform:     translate( -50%, 60% );
    -o-transform:      translate( -50%, 60% );
    transform:         translate( -50%, 60% );

    opacity: 0.65;
}

.benefits-wrap:hover:after {
    -webkit-transform: translate( 50%, 50% );
    -moz-transform:    translate( 50%, 50% );
    -ms-transform:     translate( 50%, 50% );
    -o-transform:      translate( 50%, 50% );
    transform:         translate( 50%, 50% );
}


/* ---------------------------------------------------------------------------------------------------------------------
    TMPL: CAREERS V.2
--------------------------------------------------------------------------------------------------------------------- */
section.employment-benefits {}

section.employment-benefits .copy-with-image {
    background-color: #fff;
}

section.employment-benefits .copy-with-image .copy {
    padding: 50px 50px;
}

section.employment-benefits .copy-with-image .copy h3 {
    font-family: "Arvo", sans-serif;
    font-size: 56px;
    font-weight: 400;
    color: #043e5e;
    line-height: 1;
    margin: 0 0 20px 0;
}

section.employment-benefits .copy-with-image .copy p {
    font-size: 18px;
    font-weight: 400;
    color: #043e5e;
    line-height: 1.4;
}

section.employment-benefits .copy-with-image .copy > :last-child {
    margin-bottom: 0;
}

section.employment-benefits .copy-with-image.with-image {
    display: flex;
    flex-direction: row;
    align-content: stretch;
}

section.employment-benefits .copy-with-image.with-image .copy {
    width: calc( 44% + 50px );
    padding-right: 50px;
}

section.employment-benefits .copy-with-image.with-image .image {
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: calc( 56% - 50px );
}

section.employment-benefits .eb-benefits-wrap {
    background-image: url( ../images/eb-background.jpg );
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    background-color: #ed1556;
    padding: 50px 50px;
    text-align: center;
}

.eb-title {
    font-family: "Arvo", sans-serif;
    font-size: 48px;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    margin: 0 0 20px 0;
}

.eb-subtitle {
    font-family: "Arvo", sans-serif;
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    margin: 0 0 20px 0;
}

.benefits-cards {
    margin-top: 20px;
    font-size: 0;
}

.flip-card {
    display: inline-block;
    width: calc( 25% - 15px );
    margin: 20px 0 0 20px;
    position: relative;
    perspective: 1000px;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-card-back {
    transform: rotateY( 180deg );
    display: flex;
    align-items: center;
    justify-content: center;
}

.flip-card:first-child,
.flip-card:nth-child( 4n + 1 ) {
    margin-left: 0;
}

.flip-card .flip-card-front,
.flip-card .flip-card-back {
    background-color: #fff;
    padding: 30px 15px;
    width: 100%;
}

body.page-template-tmpl-apple-society .flip-card .flip-card-front {
    background-color: #fff;
    padding: 50px 15px 30px;
    width: 100%;
}

.flip-card .icon {
    margin-bottom: 15px;
}

.flip-card .icon svg {
    height: 84px;
    width: auto;
    max-width: 96px;
}

body.page-template-tmpl-apple-society .flip-card .icon svg,
body.page-template-tmpl-apple-society .flip-card .icon img {
    height: 180px;
    max-width: 180px;
}

.flip-card .icon svg#apple-icon {
    height: 135px;
    margin-top: 20px;
}

.flip-card .icon svg .st1,
.flip-card .icon svg .st2 {
    fill: #ED1556;
}

.flip-card h4 {
    font-size: 18px;
    font-weight: 700;
    color: #043e5e;
    line-height: 1.2;
    margin: 0;
}

.flip-card-back p {
    font-size: 16px;
    font-weight: 400;
    color: #043e5e;
    line-height: 1.4;
}

.flip-card-back > :last-child {
    margin-bottom: 0;
}

.ca-featured-slider-wrap {
    background-color: #fff;
    padding: 50px 50px;
}

.ca-featured-slider-wrap h3 {
    font-family: "Arvo", sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: #043e5e;
    line-height: 1;
    margin: 0 0 45px 0;
}

.ca-fs-slider:not( .slick-initialized ) > .slide:not( :first-child ) {
    display: none;
}

.ca-fs-slider .slide {
    outline: none !important;
}

.ca-fs-slider .slide .copy {
    background-color: #f8f8f8;
    padding: 50px 50px 90px 50px;

    font-size: 30px;
    font-weight: 600;
    color: #00aaef;
    line-height: 1.15;
    margin: 0;
}

.ca-fs-slider .slide .copy > :last-child {
    margin-bottom: 0;
}

.ca-fs-slider .slide.with-image {
    display: flex;
    flex-direction: row;
    align-content: stretch;
}

.ca-fs-slider .slide.with-image .copy {
    width: calc( 47% + 50px );
    padding-right: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ca-fs-slider .slide.with-image .image {
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: calc( 53% - 50px );
    min-height: 285px;
}

.ca-fs-slider .slick-prev,
.ca-fs-slider .slick-next {
    background-color: #fff;
    width: 38px;
    height: 38px;
    line-height: 44px;

    font-size: 16px;
    color: #00aaef;
    text-align: center;

    -webkit-transform: none;
    -moz-transform:    none;
    -ms-transform:     none;
    -o-transform:      none;
    transform:         none;

    position: absolute;
    top: auto;
    left: 50px;
    right: auto;
    bottom: 50px;
    z-index: 500;
    transition: all .2s linear;
}

.ca-fs-slider .slick-next {
    left: 90px;
}

.ca-fs-slider .slick-prev:before,
.ca-fs-slider .slick-next:before {
    display: none;
}

.ca-fs-slider .slick-prev:hover,
.ca-fs-slider .slick-next:hover {
    background-color: #00aaef;
    color: #fff;
    transition: all .2s linear;
}

.cc-wrap {
    margin-top: 0;
    font-size: 0;
}

section.colored-cards .ca-featured-slider-wrap h3 {
    margin: 0 0 20px 0;
}

.colored-card {
    display: inline-block;
    width: calc( 33.3% - 15px );
    padding: 25px 10px;
    margin: 20px 0 0 20px;
    border-radius: 3px;
    text-align: center;

    position: relative;
    vertical-align: top;
}

.colored-card:first-child,
.colored-card:nth-child( 3n + 1 ) {
    margin-left: 0;
}

.colored-card .icon {
    display: inline-block;
    vertical-align: middle;
}

body.page-template-tmpl-apple-society .colored-card .icon {
    display: block;
    margin-bottom: 10px;
}

.colored-card .icon svg,
.colored-card .icon img {
    height: 54px;
}

body.page-template-tmpl-apple-society .colored-card .icon img {
    height: 70px;

}

.colored-card .icon svg .st0,
.colored-card .icon svg .st1 {
    fill: #fff;
}

.colored-card .title {
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    line-height: 1.15;
    margin-left: 10px;
    vertical-align: middle;
}

.colored-card .description {
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    line-height: 1.25;
    margin: 12px 0 0 0;
    padding: 16px 0 0 0;
    position: relative;
}

body.page-template-tmpl-apple-society .colored-card .description {
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
}

body.page-template-tmpl-apple-society .colored-card .description p {
    margin-bottom: 15px;
    line-height: 1.2;
    position: relative;
    padding-left: 20px;
}

body.page-template-tmpl-apple-society .colored-card .description p:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 4px;
    left: 2px;
}

body.page-template-tmpl-apple-society .colored-card .description p:last-child {
    margin-bottom: 0;
}

body.page-template-tmpl-apple-society .cc-wrap {
    text-align: center;
}

.colored-card .description:before {
    content: "";
    display: block;
    width: 70px;
    height: 1px;
    background-color: #fff;

    position: absolute;
    top: 0;
    left: calc( 50% - 35px );
}

section.career-featured-slider + section.colored-cards .ca-featured-slider-wrap {
    padding-top: 0;
}

section.career-banner .benefits-wrap {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0;
    padding: 55px 50px;
}

section.career-banner .benefits-content {
    border: 1px solid rgba(115, 191, 68, 0.7);
    position: relative;
    z-index: 500;
    padding: 75px 50px;
}

section.career-banner .benefits-content h2 {
    font-family: "Arvo", sans-serif;
    font-size: 100px;
    font-weight: 400;
    color: #73bf44;
    line-height: 1;
    margin: 0 0 20px 0;
}

section.career-banner .benefits-content h3 {
    font-family: "Arvo", sans-serif;
    font-size: 44px;
    font-weight: 400;
    color: #fff;
    line-height: 1;
    margin: 0 0 25px 0;
}

section.career-banner .benefits-content p {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    line-height: 1.4;
    margin: 0 0 25px 0;
}

section.career-banner .benefits-content a {
    color: #73bf44;
}

section.career-banner .benefits-content a:hover {
    color: #73bf44;
    text-decoration: underline;
}

section.career-banner .benefits-content > :last-child {
    margin-bottom: 0;
}

section.career-banner .benefits-wrap:after {
    background: -moz-radial-gradient(center, ellipse cover, rgba(44,109,85,1) 0%, rgba(4,62,94,0) 70%, rgba(4,62,94,0) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(44,109,85,1) 0%,rgba(4,62,94,0) 70%,rgba(4,62,94,0) 100%);
    background: radial-gradient(ellipse at center, rgba(44,109,85,1) 0%,rgba(4,62,94,0) 70%,rgba(4,62,94,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c6d55', endColorstr='#043e5e',GradientType=1 );
}

section.additional-employment-benefits .ab-benefits-wrap {
    background-color: #fff;
    padding: 50px 50px;
}

.ab-benefits-wrap > h3 {
    font-family: "Arvo", sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: #043e5e;
    line-height: 1;
    margin: 0 0 25px 0;
}

.ab-benefits-wrap .flip-card .flip-card-front,
.ab-benefits-wrap .flip-card .flip-card-back {
    background-color: #f8f8f8;
    padding: 30px 15px;
}

.ab-benefits-wrap .buttons-wrap {
    text-align: center;
}

.ab-benefits-wrap .btn {
    border-radius: 3px;
    margin: 40px 0 0 0;
    font-size: 16px;
}

section#request-for-job {
    margin-top: 50px;
}

















/* ---------------------------------------------------------------------------------------------------------------------
    CPT: EVENTS
--------------------------------------------------------------------------------------------------------------------- */
body.single-event .single-post-main-content .title {
    margin: 0 auto 40px;
}

.em-location-map-container {
    margin-bottom: 20px;
    width: 500px !important;
    border-radius: 4px;
    overflow: hidden;
}

.em-booking-form-details {
    width: 100%;
    float: none;
    background-color: #f7f7f7;
    padding: 40px 45px 40px 45px;
    border-radius: 4px;
}

#em-booking br.clear {
    display: none;
}

.em-booking-form label {
    display: inline-block;
    width: 125px;
    font-size: 14px;
    padding: 13px 0 0 0;
}

.em-booking-form-details input.input,
.em-booking-form-details textarea,
.em-booking-form-details select {
    width: calc( 100% - 125px );
    height: 52px;
    padding: 5px 20px;
}

.em-booking-form-details textarea {
    height: 150px;
    padding: 10px 20px;
}

.em-booking-form-details select {
    padding: 5px 28px 5px 20px;
}

.em-booking-form .ticket-price {
    margin-bottom: 25px !important;
}

.em-booking-form .ticket-price label {
    padding-top: 0;
    font-size: 16px;
    font-weight: 700;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.em-booking-form .ticket-price strong {
    vertical-align: middle;
    color: #73bf44;
}

.em-booking-form-details .em-booking-submit,
.em-booking-login-form [type=submit] {
    display: inline-block;
    background-color: #73bf44;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    padding: 18px 35px 14px;
    border-radius: 50px;
    border: none;
    text-align: center;
    line-height: 1.1;
    position: relative;
    top: -1px;
    transition: all .2s linear;
    cursor: pointer;
    outline: none !important;
}

.em-booking-form-details .em-booking-submit:hover,
.em-booking-login-form [type=submit]:hover {
    background-color: #ec1857;
}

div.em-booking-message-error {
    background-color: #fffafc;
    border: 1px solid #ec1857;
    margin: 0 0 30px;
    padding: 20px 25px;
}

div.em-booking-message-success,
.em-warning-confirms {
    background-color: #f1f9ec;
    border: 1px solid #73bf44;
    padding: 20px 25px;
    margin: 0 0 30px;
}

div.em-booking-message-error p,
div.em-booking-message-success p,
.em-warning-confirms p {
    font-size: 14px !important;
}

.em-booking-form [type=checkbox],
div.em-booking-login [type=checkbox] {
    position: relative;
    top: 2px;
}

div.em-booking-login {
    margin: 30px 0 0 0;
    border-left: none;
    background-color: #f7f7f7;
    padding: 40px 45px 40px 45px;
    border-radius: 4px;
}

div.em-booking-login [type=submit] {
    display: inline-block;
    margin-top: 20px;
    margin-right: 15px;
}

.em-booking-login-form > p:first-child {
    margin-bottom: 20px !important;
    font-weight: 700;
}

div.em-booking-login label {
    width: 120px;
}

div.em-booking-login a {
    font-size: 12px;
    padding-left: 7px;
}

p[style="color:#999; font-size:11px;"] {
    display: none;
}

body.page-template-tmpl-calendar {
    overflow-x: hidden;
}

body .wpfc-calendar-wrapper h2 {
    font-size: 40px !important;
}

body .ui-widget-header {
    background: #ededed;
}

body .ui-state-default,
body .ui-widget-content .ui-state-default,
body .ui-widget-header .ui-state-default {
    color: #27b4e8;
}

body .ui-state-hover,
body .ui-widget-content .ui-state-hover,
body .ui-widget-header .ui-state-hover,
body .ui-state-focus,
body .ui-widget-content .ui-state-focus,
body .ui-widget-header .ui-state-focus {
    border: 1px solid #27b4e8;
    background: #27b4e8;
    color: #fff;
}

/*body .typography a.fc-event {*/
    /*background-color: #043e5e !important;*/
    /*border-color: #043e5e !important;*/
    /*color: #fff !important;*/
/*}*/

body .typography a.fc-event:hover {
    background-color: #ec1857 !important;
    border-color: #ec1857 !important;
    color: #fff !important;
    text-decoration: none !important;
}

body .fc td,
body .fc th {
    padding: 1px;
}

body .fc-day-grid-event {
    padding: 4px 4px 2px;
}

body .ui-tooltip {
    padding: 22px 40px 25px 40px;
    width: 100% !important;
    max-width: 510px !important;
    box-shadow: 0 15px 50px rgba(236, 24, 87, 0.2);
    margin-top: -10px;
    text-align: center;
}

body .ui-tooltip-content {
    padding: 0;
}

body .ui-tooltip .ui-tooltip-tip canvas {
    display: none;
}

body .ui-tooltip .ui-tooltip-tip {
    height: 16px !important;
    width: 20px !important;
    margin-left: -10px !important;
    bottom: -16px !important;
}

body .ui-tooltip .ui-tooltip-tip:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 10px 0 10px;
    border-color: #ffffff transparent transparent transparent;
}

section#calendar .fc-toolbar {
    padding-left: 177px;
}

section#calendar .back-to-events {
    width: 168px;
    position: absolute;
    top: 55px;
    left: 50px;
    font-size: 13px;
    padding: 8px 5px 5px;
    text-decoration: none !important;
    z-index: 500;
}

section#calendar .btn.back-button.back-to-events svg {
    top: 0;
}

body .fc-toolbar .fc-center {
    padding-right: 177px;
    position: relative;
    top: -6px;
}

.event-custom-tooltip,
body .ui-tooltip-content {
    text-align: center;
}

.event-custom-tooltip img {
    margin-bottom: 15px;
    border-radius: 4px;
}

.event-custom-tooltip h4 {
    font-family: 'Arvo', sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.2;
    color: #ec1757;
    margin: 15px 0;
}

.event-custom-tooltip .post-date .pink {
    color: #ec1757;
}

.event-custom-tooltip > :last-child {
    margin-bottom: 0 !important;
}

body .fc-row table tbody tr:nth-child( even ) {
    background-color: transparent;
}

body .fc-day-grid-event.wpfc-more {
    background-color: #3cb4e8 !important;
    border-color: #3cb4e8 !important;
}

body .fc-day-grid-event.wpfc-more:hover {
    background-color: #ec1757 !important;
    border-color: #ec1757 !important;
}

body .fc-row .fc-content-skeleton table tbody {
    background-color: transparent;
}

body .fc-row .fc-content-skeleton table tbody td {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: transparent;
}

body .fc td.fc-today:not( .fc-day-number ) {
    background: #fefdea;
    border: 1px solid #ddd;
}

body .css-events-list table.events-table td {
    padding: 10px;
}

body .css-events-list table.events-table th.event-time {
    width: 175px;
}

body .events-table {
    margin-bottom: 0;
}

body .fc button {
    height: 34px;
    padding: 5px 18px;
}

.events-scope-filter {
    border-bottom: 1px solid #3cb4e8;
    margin-bottom: 50px;
}

.events-scope-filter > a {
    font-size: 16px;
    display: inline-block;
    width: 190px;
    padding: 18px 5px 13px 5px;
    background-color: #cbe8f5;
    margin: 0;
    text-align: center;
    color: #fff;
    border-radius: 4px 4px 0 0;
    transition: background-color .2s linear;
}

.events-scope-filter > a:hover,
.events-scope-filter > a.active {
    background-color: #3cb4e8;
}

.events-scope-filter > a.calendar > .fa-calendar-alt {
    position: relative;
    top: -1px;
}



/* ---------------------------------------------------------------------------------------------------------------------
    CPT: PRESS
--------------------------------------------------------------------------------------------------------------------- */
section.archive-press .section-title {
    margin-bottom: 35px;
}

section.press-repo {
    margin-top: -65px;
    margin-bottom: 15px;
    position: relative;
    z-index: 500;
}

.navy-box {
    background-color: #043e5e;
    padding: 55px 50px;
    border-radius: 7px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
    position: relative;
}

.navy-box .expander {
    display: inline-block;
    color: #447793;
    font-size: 25px;
    position: absolute;
    left: 50%;
    bottom: 0;

    -webkit-transform: translate( -50%, 50% ) rotate( 0 );
    -moz-transform:    translate( -50%, 50% ) rotate( 0 );
    -ms-transform:     translate( -50%, 50% ) rotate( 0 );
    -o-transform:      translate( -50%, 50% ) rotate( 0 );
    transform:         translate( -50%, 50% ) rotate( 0 );

    background-color: #0f3e5e;
    line-height: 0;
    padding: 5px;
    border-radius: 50%;

    transition: all .2s linear;
}

.navy-box .expander:hover {
    color: #ec1757;
    cursor: pointer;
}

.navy-box.expanded .expander {
    -webkit-transform: translate( -50%, 50% ) rotate( 180deg );
    -moz-transform:    translate( -50%, 50% ) rotate( 180deg );
    -ms-transform:     translate( -50%, 50% ) rotate( 180deg );
    -o-transform:      translate( -50%, 50% ) rotate( 180deg );
    transform:         translate( -50%, 50% ) rotate( 180deg );
}

.navy-box .newsletter-archive {
    background-color: transparent;
    min-height: 218px;
    max-height: none;
    height: 218px;
    transition: height .4s linear;
}

.navy-box.expanded .newsletter-archive {
    height: 545px;
}

.navy-box .newsletter-archive.loading:before {
    background-color: rgba(68, 118, 147, 0.65);
}

.navy-box .newsletter-archive.loading:after {
    top: calc( 50% - 22px );
    opacity: 0.3;
}

.navy-box .newsletter-archive .mCSB_scrollTools .mCSB_dragger {
    right: -1px;
}

.navy-box .newsletter-archive .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 5px;
}

.navy-box .newsletter-archive .newsletter-item {
    background-color: transparent;
    border: 1px solid #447793;
}

.navy-box .newsletter-archive .newsletter-item > .name-wrap,
.navy-box .newsletter-archive .newsletter-item > .name-wrap svg,
.navy-box .newsletter-archive .newsletter-item > .date-wrap {
    color: #447793;
    transition: color .15s linear;
}

.newsletter-archive .newsletter-item > .button-wrap .btn {
    border: 1px solid #447793;
    color: #447793;
}

.navy-box .newsletter-archive .newsletter-item:hover {
    border: 1px solid #ec1757;
}

.navy-box .newsletter-archive .newsletter-item:hover > .name-wrap,
.navy-box .newsletter-archive .newsletter-item:hover > .name-wrap svg,
.navy-box .newsletter-archive .newsletter-item:hover > .date-wrap {
    color: #ec1757;
}

.newsletter-archive .newsletter-item > .button-wrap .btn:hover {
    border: 1px solid #ec1757;
    color: #fff;
    text-decoration: none !important;
}

.press-repo-tabs {
    text-align: center;
}

.press-repo-tabs .tab {
    display: inline-block;
    font-family: 'Arvo', sans-serif;
    font-size: 48px;
    font-weight: 800;
    line-height: 1.2;
    color: #447793;
    text-align: center;
    margin: 0 15px 20px;
    cursor: pointer;

    transition: all .2s linear;
}

.press-repo-tabs .tab span {
    font-style: italic;
    font-weight: 400;
}

.press-repo-tabs .tab:hover,
.press-repo-tabs .tab.active {
    color: #ec1757;
}

.tab-content {
    visibility: hidden;
    position: absolute;
    opacity: 0;
    width: 90%;
    overflow: hidden;
    transition: opacity 0s linear 0s;
}

.tab-content.active {
    opacity: 1;
    visibility: visible;
    position: relative;
    width: auto;
    overflow: visible;
    transition: opacity .5s linear .25s;
}






/* ---------------------------------------------------------------------------------------------------------------------
    TMPL: Programs
--------------------------------------------------------------------------------------------------------------------- */
body.page-template-tmpl-programs .our-mission {
    padding: 15px 0 40px;
}

body.page-template-tmpl-programs .blue-green-box.quote {
    padding: 75px 60px 45px;
}

body.page-template-tmpl-programs .blue-green-box.quote p {
    font-size: 28px;
    font-weight: 600;
}

body.page-template-tmpl-programs section#quote {
    margin: 35px 0 75px;
}

body.page-template-tmpl-programs .quote-wrap {
    position: relative;
}

body.page-template-tmpl-programs .quote-wrap:before {
    font-family: "Arvo", sans-serif;
    content: '"';
    font-size: 260px;
    font-weight: 400;
    font-style: italic;
    line-height: 0.83;
    color: #73bf44;
    display: inline-block;
    position: absolute;
    top: -35px;
    left: 47%;
    -webkit-transform: translate( -50%, 0 );
    -moz-transform:    translate( -50%, 0 );
    -ms-transform:     translate( -50%, 0 );
    -o-transform:      translate( -50%, 0 );
    transform:         translate( -50%, 0 );

    z-index: 450;
}




/* ---------------------------------------------------------------------------------------------------------------------
    TMPL: Adopt Market
--------------------------------------------------------------------------------------------------------------------- */
.form-wrap {
    margin-bottom: 75px;
}

.badges {
    text-align: center;
    margin-bottom: 35px;
}

.badges-item {
    display: inline-block;
    width: 300px;
    vertical-align: top;
    margin: 0 15px 35px;
    cursor: auto;
}

.badges-item .image {
    background-color: #ccc;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 85%;
    padding-bottom: 85%;
    border-radius: 50%;
    margin-bottom: 15px;
}

.badges-item .description {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.25;
    color: #0f3e5e;
    margin: 0;
    transition: color .2s linear;
}

a.badges-item:not([href="#"]):hover {
    cursor: pointer;
}

a.badges-item:not([href="#"]):hover .description {
    color: #ec1757;
}










/* ---------------------------------------------------------------------------------------------------------------------
    TMPL: Expansion
--------------------------------------------------------------------------------------------------------------------- */
body.page-template-tmpl-expansion .theme-tabs {
    margin-top: 40px;
}

.theme-tabs {
    border-bottom: 1px solid #ec1757;
}

.theme-tabs-item {
    font-size: 15px;
    font-weight: 400;
    color: #ec1757;
    display: inline-block;
    padding: 16px 10px 13px;
    min-width: 200px;
    text-align: center;
    border: 1px solid #ec1757;
    border-radius: 4px 4px 0 0;
    position: relative;
    top: 1px;
    outline: none !important;
    transition: all .2s linear;
}

.theme-tabs-item.active,
.theme-tabs-item:hover {
    background-color: #ec1757;
    color: #fff;
    cursor: pointer;
}

.theme-tabs-content {
    overflow: hidden;
    position: relative;
}

section#expansion.theme-tabs-content {
    position: relative;
    z-index: 500;
    margin: -100px 0 80px;

}

.theme-tabs-panel {
    visibility: hidden;
    opacity: 0;
    outline: none !important;

    position: absolute;
    left: -999999px;
}

.theme-tabs-panel.active {
    visibility: visible;
    opacity: 1;
    position: relative;
    left: 0;

    transition: opacity 0s linear;
}

.theme-tabs-content .section-content-wrap {
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 40px;
}

.theme-tabs-content .theme-tabs-panel > [pb-section]:last-child .section-content-wrap {
    padding-bottom: 55px;
}




/* ---------------------------------------------------------------------------------------------------------------------
    TMPL: Education Programs
--------------------------------------------------------------------------------------------------------------------- */
section#masthead .buttons-wrap {
    margin: 32px 0 0;
}

section#masthead .buttons-wrap .btn-transparent,
section#masthead .buttons-wrap .btn-transparent:focus {
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid #fff;
    font-size: 16px;
    line-height: 1.2;
    color: #fff;
    border-radius: 4px;
    margin: 10px 10px 0;
}

section#masthead .buttons-wrap .btn-transparent:hover {
    border: 1px solid #ec1757;
    background-color: #ec1757;
    color: #fff;
}

body.page-template-tmpl-donation section#masthead .buttons-wrap .btn-transparent,
body.page-template-tmpl-donation section#masthead .buttons-wrap .btn-transparent:focus,
body.page-template-tmpl-in-kind-donations section#masthead .buttons-wrap .btn-transparent,
body.page-template-tmpl-in-kind-donations section#masthead .buttons-wrap .btn-transparent:focus {
    background-color: #ec1757;
    border: 1px solid #ec1757;
    font-family: 'Arvo', sans-serif;
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    border-radius: 50px;
}

body.page-template-tmpl-donation section#masthead .buttons-wrap .btn-transparent em,
body.page-template-tmpl-in-kind-donations section#masthead .buttons-wrap .btn-transparent em {
    font-weight: 400;
}

body.page-template-tmpl-donation section#masthead .buttons-wrap .btn-transparent:hover,
body.page-template-tmpl-in-kind-donations section#masthead .buttons-wrap .btn-transparent:hover {
    border: 1px solid #73bf44;
    background-color: #73bf44;
    color: #fff;
}

.notification {
    border: 1px solid #ec1757;
    border-radius: 4px;
    padding: 18px 10px 15px;
    display: block;
    width: 100%;
    max-width: 600px;
    margin: 35px auto;
}

.notification p {
    font-size: 14px;
    color: #ec1757;
}

.notification strong {
    font-weight: 600;
}

.notification > :last-child {
    margin-bottom: 0;
}

section#navigation {
    margin-top: -10px;
    margin-bottom: 65px;
}

section#navigation .buttons-wrap {
    text-align: center;
}

section#navigation .buttons-wrap .btn-transparent {
    border: 1px solid #ec1757;
    background-color: #ec1757;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    border-radius: 4px;
    margin: 10px 5px 0;
    min-width: 190px;
}

section#navigation .buttons-wrap .btn-transparent:hover {
    border: 1px solid #043e5e;
    background-color: #043e5e;
    color: #fff;
}

section#programs .content-white-wrap,
section#enrollment .content-white-wrap,
section#teachers .content-white-wrap,
section#partners .content-white-wrap,
section#testimonials .content-white-wrap {
    margin-top: 0;
}

section#partners {
    position: relative;
    z-index: 600;
}

.typography .accordion-title {
    padding: 25px 35px 25px 20px;
}

.typography .accordion-title:hover {
    text-decoration: none;
}

.typography .section-subtitle {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    color: #878787;
    margin: 25px auto 35px;
    text-align: center;
    display: block;
    width: 100%;
    max-width: 700px;
}

.typography .section-title + .section-subtitle {
    margin: -22px auto 35px;
}

body .gform_wrapper .top_label input.medium.datepicker,
body .gform_wrapper .top_label input.small.datepicker {
    width: calc( 100% - 23px );
}

body .gform_wrapper ul.gform_fields li.gfield.horizontal.child-specials .gfield_checkbox > li {
    width: auto;
    margin-top: 8px;
    margin-left: 8% !important;
}

body .gform_wrapper ul.gform_fields li.gfield.horizontal.child-specials .gfield_checkbox > li:first-child {
    margin-left: 0 !important;
}

body .gform_wrapper ul.gform_fields li.gfield .gfield_checkbox > li:before,
body .gform_wrapper ul.gform_fields li.gfield .gfield_radio > li:before {
    display: none !important;
}

body .gform_wrapper ul.gform_fields li.gfield.address-fields {
    padding-top: 4px;
}

body .gform_wrapper .gfield_required {
    color: #ec1757;
}

section#enrollment .typography .section-title + .section-subtitle {
    margin-bottom: 15px;
}

.theme-tabs.titles-mode {
    border-bottom: none;
    text-align: center;
    margin-bottom: 15px;
}

.theme-tabs.titles-mode.about-tabs {
    margin-bottom: 0;
    margin-top: 40px;
}

.theme-tabs.titles-mode .theme-tabs-item {
    border: none;
    border-radius: 0;
    background-color: transparent !important;
    font-family: 'Arvo', sans-serif;
    font-size: 36px;
    font-weight: 600;
    color: #ccc;
    padding: 2px;
    margin: 0 10px;
    min-width: 225px;
}

.theme-tabs.titles-mode .theme-tabs-item em {
    font-weight: 400;
}

.theme-tabs.titles-mode .theme-tabs-item:hover em,
.theme-tabs.titles-mode .theme-tabs-item.active em {
    color: #ec1757;
}

.theme-tabs.titles-mode .theme-tabs-item:hover,
.theme-tabs.titles-mode .theme-tabs-item.active {
    color: #043e5e;
}

.typography .board-members {
    font-size: 0;
    text-align: center;
}

.typography .board-members > .team-member {
    width: 33.3%;
    display: inline-block;
    vertical-align: top;
}

section#teachers .typography .section-title + .section-subtitle {
    margin-bottom: 8px;
}

.marker-content {
    max-width: 330px;
}

.marker-content h4 {
    font-family: "Arvo", sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #043e5e;
    line-height: 1.1;
    margin: 15px 0 15px !important;
}

section#map {
    position: relative;
    margin-bottom: 65px;
}

.map {
    position: relative;
    margin-bottom: 35px;
}

section#map .acf-map,
.map .acf-map {
    height: 600px;
    background-color: #000;
    border-radius: 4px;
}

.typography .map .acf-map {
    height: 450px;
    border-radius: 3px 3px 0 0;
}

.search-directions-box {
    position: absolute;
    bottom: 50px;
    left: 50%;
    -webkit-transform: translate( -50%, 0 );
    -moz-transform:    translate( -50%, 0 );
    -ms-transform:     translate( -50%, 0 );
    -o-transform:      translate( -50%, 0 );
    transform:         translate( -50%, 0 );
    width: 100%;
    max-width: 700px;
    padding: 0 235px 0 15px;
    opacity: 0.95;
    transition: opacity .2s linear;
    z-index: 500;
}

.typography .map .search-directions-box {
    position: relative;
    left: 0;
    bottom: 0;
    max-width: 100%;

    -webkit-transform: none;
    -moz-transform:    none;
    -ms-transform:     none;
    -o-transform:      none;
    transform:         none;

    padding: 0 235px 0 0;
}

.search-directions-box:hover {
    opacity: 1;
    transition: opacity .2s linear;
}

.search-directions-box .input-wrap {
    position: relative;
}

.search-directions-box input {
    background-color: #fff;
    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.25) !important;
    border: 1px solid #fff;
    border-radius: 3px 0 0 3px;
    height: 52px;
    font-size: 14px;
    font-style: italic;
    color: #ec1757;
    padding: 5px 65px;
    margin: 0;
    transition: all .2s linear;
}

.search-directions-box input:focus {
    background-color: #fff !important;
    border: 1px solid #ec1757;
    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.25) !important;
    transition: all .2s linear;
}

.typography .map .search-directions-box input {
    box-shadow: none !important;
    border: 1px solid #ededed;
    border-radius: 0 0 0 3px;
}

.search-directions-box ::-webkit-input-placeholder {
    color: #333;
}

.search-directions-box ::-moz-placeholder {
    color: #333;
}

.search-directions-box ::-o-placeholder {
    color: #333;
}

.search-directions-box :-ms-input-placeholder {
    color: #333;
}

.search-directions-box input:-moz-placeholder {
    color: #333;
}

.search-directions-box .search {
    position: absolute;
    top: 50%;
    left: 25px;
    font-size: 20px;
    color: #0f3e5e;
    -webkit-transform: translate( 0, -50% );
    -moz-transform:    translate( 0, -50% );
    -ms-transform:     translate( 0, -50% );
    -o-transform:      translate( 0, -50% );
    transform:         translate( 0, -50% );
}

.search-directions-box .arrow {
    position: absolute;
    top: 50%;
    right: 25px;
    font-size: 20px;
    color: #0f3e5e;
    -webkit-transform: translate( 0, -50% );
    -moz-transform:    translate( 0, -50% );
    -ms-transform:     translate( 0, -50% );
    -o-transform:      translate( 0, -50% );
    transform:         translate( 0, -50% );
    transition: right .2s linear;
    cursor: pointer;
}

.search-directions-box .arrow:hover {
    right: 20px;
    transition: right .2s linear;
}

.search-directions-box select {
    background-color: #fff;
    box-shadow: 2px 5px 7px rgba(0, 0, 0, 0.25);
    border: 1px solid #fff;
    border-left: none !important;
    border-radius: 0 3px 3px 0;
    height: 52px;
    font-size: 14px;
    color: #0f3e5e;
    padding: 5px 40px 5px 30px;
    margin: 0;
    transition: all .2s linear;
    width: 220px;
    position: absolute;
    top: 0;
    right: 15px;
}

.search-directions-box select:hover,
.search-directions-box select:focus {
    background-color: #fff !important;
    border: 1px solid #ec1757;
    box-shadow: 2px 5px 7px rgba(0, 0, 0, 0.25);
}

.typography .map .search-directions-box select {
    box-shadow: none;
    border: 1px solid #ededed;
    border-radius: 0 0 3px 0;
    width: 235px;
    right: 0;
}

body.page-template-tmpl-education-programs section#calendar .content-white-wrap {
    margin-top: 0;
}

body.page-template-tmpl-education-programs section#calendar .btn.back-button.back-to-events {
    top: 144px;
    margin-bottom: 0;
}

body.page-template-tmpl-education-programs .wpfc-calendar-wrapper h2 {
    font-size: 34px !important;
}

section#map .points,
.map .points {
    text-align: center;
    padding: 35px 30px 7px;
    border: 2px solid #73bf44;
    border-radius: 4px;
    margin-bottom: 40px;
}

section#map .points h4,
.map .points h4 {
    font-size: 28px;
    font-weight: 600;
    color: #73bf44;
    line-height: 1.2;
    margin: 0 0 15px;
}

section#map .points .point,
.map .points .point {
    display: inline-block;
    width: 48%;
    vertical-align: top;

    font-size: 18px;
    font-weight: 400;
    color: #73bf44;
    line-height: 1.2;
    margin-bottom: 20px;
}

section#map .points .point p,
.map .points .point p {
    margin-bottom: 0;
}

section#map .points .point p.address,
.map .points .point p.address {
    display: inline-block;
    width: 230px;
}

.partners {
    font-size: 0;
    text-align: center;
}

.partner {
    display: inline-block;
    width: 25%;
    height: 175px;
    vertical-align: top;

    margin: 20px 0 0 0;
    position: relative;
    z-index: 250;
}

.partner:hover {
    text-decoration: none !important;
    cursor: pointer;
    z-index: 600;
}

.partner .partner-content {
    background-color: transparent;
    border-radius: 7px;
    padding: 15px 15px 25px 15px;
    transition: all .2s linear;
}

.partner:hover .partner-content {
    background-color: #ec1757;
    box-shadow: 0 25px 50px rgba(15, 61, 93, 0.5);
}

.partner .logo {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto 15px;
    width: 145px;
    height: 145px;
    display: block;
}

.partner h4 {
    margin: 0 0 15px 0;
    font-size: 20px;
    line-height: 1.2;
    color: #fff;
    visibility: hidden;
}

.partner p {
    margin: 0;
    font-size: 14px;
    line-height: 1.2;
    color: #fff;
    visibility: hidden;
}

.partner:hover h4,
.partner:hover p {
    visibility: visible;
}

.testimonial {
    display: table;
    padding: 35px 35px 35px 250px;
    min-height: 235px;
    position: relative;
}

.testimonials > .testimonial:nth-child( odd ) {
    background-color: #fbfbfb;
}

.testimonial > .photo {
    display: block;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #e9e9e9;
    border: 1px solid #e9e9e9;

    position: absolute;
    left: 35px;
    top: 50%;

    -webkit-transform: translate( 0, -50% );
    -moz-transform:    translate( 0, -50% );
    -ms-transform:     translate( 0, -50% );
    -o-transform:      translate( 0, -50% );
    transform:         translate( 0, -50% );
}

.testimonial > .photo[style*="apple-grey.svg"] {
    background-size: 60%;
}

.testimonial > .text {
    display: table-cell;
    vertical-align: middle;
}

.testimonial p {
    margin-bottom: 15px;
}

.testimonial .author {
    font-size: 16px;
    font-style: italic;
    margin: 0;
}




/* ---------------------------------------------------------------------------------------------------------------------
    TMPL: Community Support Services
--------------------------------------------------------------------------------------------------------------------- */
.notification.full {
    max-width: 100%;
    padding: 25px 35px;
}

.notification.green {
    border-color: #73bf44;
}

.notification.full p {
    font-size: 20px;
    line-height: 1.35;
}

.notification.green p {
    color: #73bf44;
}

.notification.full p strong {
    font-weight: 700;
}

.accordion-title.green em,
.accordion-title.green:focus em,
.accordion-title.green:hover em {
    color: #73bf44;
}

.accordion-item.is-active .accordion-title.green,
.accordion-title.green:hover {
    background-color: #f1f9ec;
}

.accordion-item.is-active .accordion-title.green::before {
    color: #73bf44;
}

.schedule {
    font-size: 0;
    margin-top: -30px;
    margin-bottom: 35px;
}

.schedule > .desk {
    display: inline-block;
    width: 31%;
    margin: 35px 3.5% 0 0;
    padding: 30px 25px 30px;
    vertical-align: top;
}

.schedule > .desk:last-child {
    margin-right: 0;
}

.schedule > .desk h4 {
    font-size: 18px;
    color: #73bf44;
    line-height: 1.25;
    margin: 0 0 15px 0;
}

.schedule > .desk p {
    font-size: 17px;
    line-height: 1.25;
    margin-bottom: 15px;
}

.schedule > .desk p strong {
    font-weight: 800;
}

.schedule > .desk > :last-child {
    margin-bottom: 0;
}

.schedule.desks-1 > .desk {
    width: 100%;
    padding-top: 35px;
    padding-bottom: 35px;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
}

.schedule.desks-1 > .desk p {
    font-size: 20px;
}

.schedule.desks-2 > .desk {
    width: 48%;
}

#volunteer-veggies {
    background-color: #f8f8f8;
    border-radius: 3px;
    padding: 50px 50px;
    margin: 35px 0;
    text-align: center;
}

#volunteer-veggies > :first-child {
    margin-top: 0 !important;
}

#volunteer-veggies .btn {
    border-radius: 4px;
    text-decoration: none !important;
}

.theme-tabs-panel > .accordion:first-child {
    margin-top: 5px;
}

.typography .theme-tabs-panel {
    padding-top: 25px;
}

.typography .accordion-content > p:first-child > img:first-child {
    margin-top: 0 !important;
}

.typography .accordion-content {
    padding-left: 20px;
    padding-right: 20px;
}

.typography .accordion-content img {
    border-radius: 3px;
}

.buttons-desk {
    text-align: center;
    font-size: 0;
}

.buttons-desk .button-desk {
    width: 100%;
    display: inline-block;
    background-color: #eee;
    padding: 60px 45px 55px;
}

.buttons-desk.buttons-desk-2 .button-desk {
    width: 50%;
}

.buttons-desk .button-desk > :last-child {
    margin-bottom: 0 !important;
}

.buttons-desk .button-desk.pink {
    background-color: #fefafb;
}

.buttons-desk .button-desk.blue {
    background-color: #f7fcfe;
}

.buttons-desk .btn {
    border-radius: 4px;
    min-width: 240px;
    font-size: 17px;
    margin-bottom: 15px;
    text-decoration: none !important;
}

.buttons-desk .button-desk.blue .btn {
    border-color: #27b4e8;
    color: #27b4e8;
}

.buttons-desk .button-desk.blue .btn:hover {
    background-color: #27b4e8;
    border-color: #27b4e8;
    color: #fff;
}

.buttons-desk p {
    font-size: 13px;
    font-style: italic;
}

.content-white-wrap + .content-white-wrap {
    margin-top: 0;
}

.content-white-wrap > h4:first-child {
    margin-top: 0;
}




/* ---------------------------------------------------------------------------------------------------------------------
    TMPL: Community Partnerships
--------------------------------------------------------------------------------------------------------------------- */
body.page-template-tmpl-community-partnerships .typography h4 {
    font-size: 34px;
}

body.page-template-tmpl-community-partnerships .gform_wrapper ::-webkit-input-placeholder {
    color: #989898;
}

body.page-template-tmpl-community-partnerships .gform_wrapper ::-moz-placeholder {
    color: #989898;
}

body.page-template-tmpl-community-partnerships .gform_wrapper ::-o-placeholder {
    color: #989898;
}

body.page-template-tmpl-community-partnerships .gform_wrapper :-ms-input-placeholder {
    color: #989898;
}

body.page-template-tmpl-community-partnerships .gform_wrapper input:-moz-placeholder {
    color: #989898;
}






/* ---------------------------------------------------------------------------------------------------------------------
    TMPL: Contact
--------------------------------------------------------------------------------------------------------------------- */
.c-banner {
    width: 100%;
    border-radius: 3px;
    margin: 0 0 25px 0;
}

.contacts-app {
    border: 1px solid #eee;
    padding: 45px 45px 35px;
    border-radius: 4px;
}

.gfield.contact-center {
    display: none !important;
}

#contacts-set-select,
#locations-and-hours-select {
    border: 1px solid #043e5e;
    height: 54px;
    border-radius: 50px;
    padding: 5px 50px 5px 35px;
    font-family: 'Arvo', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #043e5e;
    margin: 0 0 12px;
    transition: all .2s linear;
}

.contact-item {
    display: none;
    padding: 20px 20px;
}

.contact-item.active {
    display: block;
}

.typography .contact-item .hours,
.typography .contact-item h4.contact-person,
.typography .contact-item .address,
.typography .contact-item .phone,
.typography .contact-item .email {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    color: #043e5e;
    margin: 20px 0 0 0;
    padding: 0 0 0 35px;
    position: relative;
}

.typography .contact-item h4.contact-person,
.typography .contact-item .address {
    font-weight: 800;
}

.typography .contact-item h4.contact-person .position {
    font-weight: 400;
    font-style: italic;
    color: #ec1757;
}

.typography .contact-item .address + h4.contact-person {
    margin: 12px 0 0 0;
}

.typography .contact-item .address + p,
.typography .contact-item h4.contact-person + p {
    margin: 14px 0 0 0;
}

.typography .contact-item .email {
    margin: 10px 0 0 0;
}

.typography .contact-item .hours svg,
.typography .contact-item h4.contact-person svg,
.typography .contact-item .address svg,
.typography .contact-item .phone svg,
.typography .contact-item .email svg {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    width: 20px;
    text-align: center;

    color: #ec1757;
}

.typography .contact-item p {
    margin-bottom: 20px;
}

.typography .contact-item .map {
    margin-top: 30px;
}

.typography .contact-item .map .acf-map {
    height: 350px;
}

.typography .contact-item > :first-child{
    margin-top: 0 !important;
}

.typography .contact-item > :last-child {
    margin-bottom: 0 !important;
}

.contact-item .contact-area {
    background-color: #f8f8f8;
    margin-top: 30px;
    margin-bottom: 28px;
    padding: 25px 25px 22px 25px;
    border-radius: 3px;
}

.contact-item .contact-area > :first-child {
    margin-top: 0 !important;
}

.contact-item .contact-area > :last-child {
    margin-bottom: 0 !important;
}

.contact-item p > img {
    margin: 0;
    border-radius: 3px;
}





/* ---------------------------------------------------------------------------------------------------------------------
    TMPL: Volunteer
--------------------------------------------------------------------------------------------------------------------- */
section#intro .buttons-wrap {
    text-align: center;
}

section#intro .typography img {
    border-radius: 4px;
}

section#intro .buttons-wrap .btn {
    font-family: 'Arvo', sans-serif;
    font-size: 16px;
    font-weight: 600;
    min-width: 255px;
    margin: 10px 10px;
    border-width: 2px;
    text-decoration: none !important;
}

section#intro .buttons-wrap .btn em {
    font-weight: 400;
}

.typography hr {
    clear: both;
    height: 0;
    margin: 30px auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #7d7d7d;
    border-left: 0;
    width: 100%;
    max-width: 85px;
}

section#volunteer-opportunities .content-white-wrap,
section#question-form .content-white-wrap,
section.volunteer-video .content-white-wrap {
    margin-top: 0;
}

section.featured-news.featured-volunteer-stories {
    margin: 0;
}

section#volunteer-opportunities .typography h2 {
    margin-bottom: 15px;
}

section#volunteer-opportunities .typography p img {
    border-radius: 4px;
}

section#volunteer-opportunities .typography > :last-child > img {
    margin: 0;
}

section#volunteer-opportunities .accordion-content {
    padding: 35px 35px;
    background-color: #fefefe;
}

section#volunteer-opportunities .accordion .btn {
    margin-right: 10px;
    text-decoration: none !important;
    border-radius: 3px;
}

section#volunteer-opportunities .typography > .buttons-wrap {
    border-top: 1px solid #f3f3f3;
    padding-top: 40px;
    text-align: center;
}

section#volunteer-opportunities .typography > .buttons-wrap .btn {
    border-radius: 3px;
    text-decoration: none !important;
}

section#boards.community-support-team {
    margin-top: 0;
}

.community-support-team .content-white-wrap {
    margin-top: 0;
    padding-bottom: 5px;
}

.community-support-team .team-member .name {
    font-size: 18px;
}

.community-support-team .team-member .position {
    font-size: 15px;
}

.community-support-team .team-member .team-name em {
    display: block;
    width: 100%;
}

.community-support-team .team .team-member .team-member-content {
    padding: 35px 15px;
}

.community-support-team .team .team-member .photo {
    width: 180px;
    height: 180px;
}

.community-support-team .team .team-member .btn {
    font-size: 14px;
}

.community-support-team .content-white-wrap > h2:first-child {
    margin-bottom: 25px;
}




/* ---------------------------------------------------------------------------------------------------------------------
    TMPL: DONATION
--------------------------------------------------------------------------------------------------------------------- */
body.page-template-tmpl-donation .content-white-wrap {
    margin-bottom: 20px;
}

.donation-end-content {
    margin-bottom: 80px;
}

.donation-end-content .content-white-wrap {
    margin-top: -55px;
    margin-bottom: 0 !important;
}

section.donations {
    margin-bottom: 45px;
}

section.donations-more {
    margin-bottom: 55px;
}

section.donations-more .section-title {
    margin-bottom: 35px;
}

.donation-ways-wrap {
    font-size: 0;
    text-align: center;
}

.donation-way-item {
    display: inline-block;
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
    width: 100%;
    padding: 35px 35px;
    margin-bottom: 20px;
    text-align: center;
    vertical-align: top;
    position: relative;

    transition: all .25s linear;
}

.donation-way-item:hover {
    background-color: #ec1757;
    box-shadow: 0 10px 20px rgba(15, 61, 93, 0.5);
}

.donation-way-item > :last-child {
    margin-bottom: 0;
}

.donation-way-item.size-50 {
    width: 49%;
    padding: 35px 45px 85px;
    margin-right: 2%;
}

.donation-way-item.size-33 {
    width: 32%;
    padding: 35px 25px 80px;
    margin-right: 2%;
}

.donation-way-item.size-25 {
    width: 23.5%;
    padding: 35px 15px 80px;
    margin-right: 2%;
}

.donation-way-item.size-33 + .donation-way-item.size-33 + .donation-way-item.size-33,
.donation-way-item.size-25 + .donation-way-item.size-25 + .donation-way-item.size-25 + .donation-way-item.size-25 {
    margin-right: 0;
}

.donation-way-item.size-50 + .donation-way-item.size-50 {
    margin-right: 0;
}

.donation-way-item .icon svg {
    height: 84px;
}

.donation-way-item.size-33 .icon svg {
    height: 70px;
}

.donation-way-item.size-25 .icon svg {
    height: 64px;
}

.donation-way-item .icon svg .st0,
.donation-way-item .icon svg .st1,
.donation-way-item .icon svg .st2,
.donation-way-item .icon svg .st3,
.donation-way-item .icon svg .st4,
.donation-way-item .icon svg .st5,
.donation-way-item .icon svg .st6,
.donation-way-item .icon svg .st7,
.donation-way-item .icon svg .st8  {
    transition: all .25s linear;
}

.donation-way-item       .icon svg .st0 { fill: #ED1556; }
.donation-way-item       .icon svg .st1 { fill: #FDE6ED; }
.donation-way-item       .icon svg .st2 { fill: #F36590; }
.donation-way-item       .icon svg .st3 { fill: #FFFFFF; }
.donation-way-item       .icon svg .st4 { fill: #F9A7BF; }
.donation-way-item       .icon svg .st5 { fill: #72BF44; transition-delay: .1s; }
.donation-way-item       .icon svg .st6 { fill: #FFDE1A; transition-delay: .2s; }
.donation-way-item       .icon svg .st7 { fill: #91C84B; transition-delay: .3s; }
.donation-way-item       .icon svg .st8 { fill: #CFA337; transition-delay: .4s; }

.donation-way-item:hover .icon svg .st0 { fill: #FFFFFF; }
.donation-way-item:hover .icon svg .st1 { fill: #ED1556; }
.donation-way-item:hover .icon svg .st2 { fill: #ED1556; }
.donation-way-item:hover .icon svg .st3 { fill: #ED1556; }
.donation-way-item:hover .icon svg .st4 { fill: #ED1556; }
.donation-way-item:hover .icon svg .st5 { fill: #FFFFFF; transition-delay: 0s; }
.donation-way-item:hover .icon svg .st6 { fill: #FFFFFF; transition-delay: 0s; }
.donation-way-item:hover .icon svg .st7 { fill: #FFFFFF; transition-delay: 0s; }
.donation-way-item:hover .icon svg .st8 { fill: #FFFFFF; transition-delay: 0s; }

.typography .donation-way-item h4 {
    line-height: 1.1;
    margin: 30px auto 15px;
    transition: all .25s linear;
}

.typography .donation-way-item.size-33 h4,
.typography .donation-way-item.size-25 h4 {
    font-size: 20px;
    margin-top: 25px;
}

.typography .donation-way-item h4 em {
    transition: all .25s linear;
}

.typography .donation-way-item:hover h4,
.typography .donation-way-item:hover h4 em {
    color: #fff !important;
}

.typography .donation-way-item p {
    line-height: 1.35;
    margin: 0 0 15px 0;
    transition: all .25s linear;
}

.typography .donation-way-item.size-33 p,
.typography .donation-way-item.size-25 p {
    font-size: 15px;
}

.typography .donation-way-item p span {
    transition: all .25s linear;
}

.typography .donation-way-item:hover p,
.typography .donation-way-item:hover p span {
    color: #fff !important;
}

.donation-way-item .btn {
    font-family: 'Arvo', sans-serif;
    font-weight: 600;
    text-decoration: none !important;
    margin-top: 5px;

    position: absolute;
    left: 50%;
    bottom: 35px;
    min-width: 175px;

    -webkit-transform: translate( -50%, 0 );
    -moz-transform:    translate( -50%, 0 );
    -ms-transform:     translate( -50%, 0 );
    -o-transform:      translate( -50%, 0 );
    transform:         translate( -50%, 0 );
}

.donation-way-item .btn em {
    font-weight: 400;
}

.donation-way-item:hover .btn {
    border-color: #fff;
    color: #fff;
}

.donation-way-item .btn:hover {
    border-color: #fff;
    background-color: #fff;
    color: #ec1757;
}

.donation-way-item.size-33 .btn,
.donation-way-item.size-25 .btn {
    padding: 12px 25px;
    font-size: 13px;
}

.donation-way-item .btn .fa-phone-volume {
    font-size: 20px;
    margin: 0 3px 0 0;
}

.popup-preview {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
    margin-bottom: -3px;
    border-radius: 3px 3px 0;
}

.popup-preview:before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 62%;
}

.popup-preview + .popup-content {
    border-radius: 0 0 3px 3px;
}

.popup-content .icon {
    background-color: #fde6ed;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 216px;
    height: 216px;
    border-radius: 50%;
    margin: 0;
    border: 7px solid #ec1757;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate( -50%, -50% );
    -moz-transform:    translate( -50%, -50% );
    -ms-transform:     translate( -50%, -50% );
    -o-transform:      translate( -50%, -50% );
    transform:         translate( -50%, -50% );
    z-index: 600;
}

.popup-content .icon svg {
    max-width: 60%;
    width: 100%;

    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate( -50%, -50% );
    -moz-transform:    translate( -50%, -50% );
    -ms-transform:     translate( -50%, -50% );
    -o-transform:      translate( -50%, -50% );
    transform:         translate( -50%, -50% );
}

.popup-content .section-title {
    font-size: 36px;
    line-height: 1.2;
    margin: 0 0 20px 0;
}

.popup-content .section-title br {
    display: none;
}

.popup-content > :last-child {
    margin-bottom: 0 !important;
}

.popup-content .form-title {
    font-family: 'Arvo', sans-serif;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.2;
    color: #043e5e;
    text-align: center;
    padding: 20px 0 0 0;
    margin: 21px 0 20px 0;

    position: relative;
}

.popup-content .form-title:before {
    content: "";
    display: block;
    width: 236px;
    height: 1px;
    background-color: #ccc;

    position: absolute;
    top: 0;
    left: 50%;

    -webkit-transform: translate( -50%, 0 );
    -moz-transform:    translate( -50%, 0 );
    -ms-transform:     translate( -50%, 0 );
    -o-transform:      translate( -50%, 0 );
    transform:         translate( -50%, 0 );
}

.popup-content .form-title em {
    font-weight: 400;
    color: #ec1757;
}

.popup-content .gform_wrapper {
    margin-bottom: 0 !important;
}

body .popup-content .gform_wrapper textarea.large {
    height: 130px;
}

.popup-content .typography p,
.popup-content .typography ol:not( .accordion ) li:not( .gfield ),
.popup-content .typography ul:not( .accordion ) li:not( .gfield ) {
    margin: 0 0 20px 0;
}

.donation-popup .popup-content {
    padding: 123px 45px;
}

.popup-content .typography blockquote {
    padding: 75px 50px 25px;
}

.popup-content .typography blockquote > * {
    color: #464646;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
}

.popup-content .typography blockquote em {
    color: #ec1757;
}

.popup-content .typography blockquote > :last-child {
    margin-bottom: 0 !important;
}

.popup-content .typography blockquote:before {
    font-size: 124px;
    top: 25px;
}

.typography .responsive-embed {
    margin: 25px 0;
    border-radius: 4px;
    overflow: hidden;
}

.copy-popup-link {
    display: block;
    width: 52px;
    height: 52px;
    font-size: 22px;
    font-weight: 700;
    line-height: 56px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 52px;
    border-radius: 0;
    transition: all .25s linear;
}

.copy-popup-link.copied svg {
    opacity: 0;
}

.copy-popup-link:after {
    content: "Copied to Clipboard";
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -o-transform:      translate( -50%, -50% );
    -moz-transform:    translate( -50%, -50% );
    -webkit-transform: translate( -50%, -50% );
    -ms-transform:     translate( -50%, -50% );
    transform:         translate( -50%, -50% );
    opacity: 0;
}

.copy-popup-link.copied:after {
    opacity: 1;
    transition: opacity .5s linear;
}

.copy-popup-link.copied,
.copy-popup-link:hover {
    background-color: #72bf43;
    color: #fff;
}

.copy-popup-link input {
    display: block;
    position: absolute;
    top: -99999px;
    left: -99999px;
    opacity: 0;
}

.popup.donation-popup {
    top: 0;
    padding-top: 130px;
}





/* ---------------------------------------------------------------------------------------------------------------------
    TMPL: In-Kind Donations
--------------------------------------------------------------------------------------------------------------------- */
.contact-item .content-bottom {
    margin: 0 0 35px;
}

.donation-contacts-set > :last-child {
    margin-bottom: 0 !important;
}

.donation-contacts-set .contact-item {
    display: block;
    background-color: #f8f8f8;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    overflow: hidden;
    padding: 32px 35px 35px;
    margin-bottom: 40px;
}

.typography .donation-contacts-set .contact-item h4 {
    font-size: 40px;
    line-height: 1.1;
    margin: 0 0 35px;
}

.donation-contacts-set .contact-item .contact-area {
    margin-top: 0;
    padding: 0 0 0 30px;
    margin-bottom: 35px;
}

.typography .donation-contacts-set .btn:hover {
    text-decoration: none;
}

.typography .donation-contacts-set .map .acf-map {
    border: 1px solid #e7e7e7;
}

.donation-contacts-set + .accordion {
    margin: 35px 0 0 0;
}

.donation-contacts-set .btn,
.theme-tabs-panel .accordion-content > .btn {
    font-size: 16px;
    border-radius: 3px;
    margin-bottom: 25px;
}

.donation-contacts-set p > .btn {
    margin-bottom: 0;
}

section.ask-question .content-white-wrap {
    margin-top: 0;
}




/* ---------------------------------------------------------------------------------------------------------------------
    SEARCH RESULTS
--------------------------------------------------------------------------------------------------------------------- */
.search-results-item {
    position: relative;
    margin: 0 0 50px 0;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.04);
}

.search-results-item.page {
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    background-color: #ccc;
    border-radius: 7px;
    overflow: hidden;
    height: 175px;
}

.search-results-item.page:before {
    background-color: rgba(5, 26, 41, 0.85);
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
}

.search-results-item.page h4 {
    font-size: 22px;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate( 0, -50% );
    -moz-transform:    translate( 0, -50% );
    -ms-transform:     translate( 0, -50% );
    -o-transform:      translate( 0, -50% );
    transform:         translate( 0, -50% );
    width: 100%;
    padding: 0 200px 0 45px;
    margin: 0;
    color: #fff;
    z-index: 500;
}

.search-results-item.page .btn {
    font-size: 12px;
    letter-spacing: .5px;
    padding: 12px 25px;
    border-radius: 3px;

    position: absolute;
    top: 50%;
    right: 45px;
    -webkit-transform: translate( 0, -50% );
    -moz-transform:    translate( 0, -50% );
    -ms-transform:     translate( 0, -50% );
    -o-transform:      translate( 0, -50% );
    transform:         translate( 0, -50% );
    z-index: 500;
}

.search-results-item.news {
    box-shadow: none;
}

.search-results-item .post-object-1:not( .gallery ) .preview,
.search-results-item .post-object-1 .preview.post-gallery .slide:before {
    padding-bottom: 75%;
}

.search-results-item .member-popup-content {
    padding: 123px 35px 40px;
    margin-top: 155px;
}

.search-results-item .member-popup-content:after {
    display: none;
}

.search-results-item .newsletter-archive .newsletter-item > .name-wrap .description {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #464646;
}

.search-results-item .accordion-content {
    padding: 35px 35px;
    background-color: #fefefe;
}

.search-results-item .accordion .btn {
    margin-right: 10px;
    text-decoration: none !important;
    border-radius: 3px;
}

#search-app-overlay {
    background-color: rgba(4, 19, 30, 0.97);
}

#search-app {
    visibility: hidden;
    opacity: 0;

    width: calc( 100% - 30px );
    max-width: 944px;
    padding-right: 190px;

    position: absolute;
    top: -99999px;
    left: -99999px;

    -webkit-transform: translate( -50%, -50% );
    -moz-transform:    translate( -50%, -50% );
    -ms-transform:     translate( -50%, -50% );
    -o-transform:      translate( -50%, -50% );
    transform:         translate( -50%, -50% );

    z-index: 999999;
}

#search-app.show {
    position: fixed;
    top: 50%;
    left: 50%;

    visibility: visible;
    opacity: 1;
    transition: opacity .5s linear;
}

#search-app #search-form input {
    background-color: transparent;
    border: 5px solid #27b4e8;
    border-right: none;
    border-radius: 64px 0 0 64px;
    height: 134px;
    padding: 20px 10px 10px 60px;
    font-size: 60px;
    font-weight: 600;
    font-style: italic;
    color: #ec1757;
    margin: 0;
}

#search-app #search-form input:focus {
    background-color: transparent !important;
    border-color: #73bf44;
}

#search-app #search-form ::-webkit-input-placeholder {
    color: #FFFFFF;
}

#search-app #search-form ::-moz-placeholder {
    color: #FFFFFF;
}

#search-app #search-form ::-o-placeholder {
    color: #FFFFFF;
}

#search-app #search-form :-ms-input-placeholder {
    color: #FFFFFF;
}

#search-app #search-form input:-moz-placeholder {
    color: #FFFFFF;
}

#search-app #search-form #search-button {
    background-color: #27b4e8;
    font-size: 60px;
    line-height: 156px;
    color: #194558;
    text-align: center;
    width: 190px;
    height: 134px;
    border-radius: 0 64px 64px 0;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;

    transition: all .2s linear;
}

#search-app #search-form #search-button:hover {
    background-color: #73bf44;
    cursor: pointer;
}

#search-app-overlay svg {
    font-size: 50px;
    line-height: 1;
    color: #194558;
    position: absolute;
    top: 22px;
    right: 30px;

    transition: all .2s linear;
}

#search-app-overlay svg:hover {
    color: #ec1757;
    cursor: pointer;
}

.search-results-item .object-1-item {
    box-shadow: 14px 14px 30px rgba(90, 90, 90, 0.15);
}



/* ---------------------------------------------------------------------------------------------------------------------
    ARCHIVE VIDEO PORTAL
--------------------------------------------------------------------------------------------------------------------- */
body.archive.post-type-archive-video_portal .archive-top-content .archive-container {
    max-width: 1085px;
}

body.archive.post-type-archive-video_portal section#archive {
    padding: 0;
    margin: 0 0 50px;
}

body.archive.post-type-archive-video_portal section.archive-filter {
    padding: 45px 0 0 0;
    margin: -124px 0 45px 0;
}

body.archive.post-type-archive-video_portal section.archive-top-content + section.archive-filter {
    margin: 0 0 45px 0;
}



/* ---------------------------------------------------------------------------------------------------------------------
    SINGLE VIDEO PORTAL
--------------------------------------------------------------------------------------------------------------------- */
body.single-video_portal .single-post-main-content .post-object-1 .content {
    padding-bottom: 0;
}

body.single-video_portal .single-post-main-content .title {
    margin-bottom: 0;
}

body.single-video_portal [pb-section].video .responsive-embed {
    margin-top: 0;
    margin-bottom: 0;
}



/* ---------------------------------------------------------------------------------------------------------------------
    ARCHIVE FILTER BOX
--------------------------------------------------------------------------------------------------------------------- */
section.archive-filter {
    padding: 50px 0 0 0;
    margin: 0 0 50px 0;
    position: relative;
    z-index: 510;
}

.filter-box-new {
    background-color: #fff;
    padding: 22px 115px 22px 285px;
    border-radius: 7px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
    margin-top: 0;
    margin-bottom: 0;

    position: relative;
    z-index: 900;
}

.filter-box-new.no-view-buttons {
    padding-right: 41px;
}

.filter-box-new[dropdowns="2"] {
    padding-left: 460px;
}

.filter-box-new[dropdowns="2"] .taxonomies-filter {
    display: block;
    width: 420px;
    height: 50px;

    position: absolute;
    top: 50%;
    left: 40px;

    -webkit-transform: translate( 0, -50% );
    -moz-transform:    translate( 0, -50% );
    -ms-transform:     translate( 0, -50% );
    -o-transform:      translate( 0, -50% );
    transform:         translate( 0, -50% );
}

.filter-box-new[dropdowns="2"] .taxonomies-filter .facetwp-type-fselect {
    display: inline-block;
    width: 200px;

    position: relative;
    top: auto;
    left: auto;

    -webkit-transform: none;
    -moz-transform:    none;
    -ms-transform:     none;
    -o-transform:      none;
    transform:         none;

    vertical-align: top;
}

.filter-box-new[dropdowns="2"] .taxonomies-filter .facetwp-type-fselect:not( :first-child ) {
    margin-left: 6px;
}

.filter-box-new[dropdowns="3"],
.filter-box-new[dropdowns="4"],
.filter-box-new[dropdowns="5"] {
    padding: 22px 115px 87px 35px;
}

.filter-box-new[dropdowns="5"] {
    padding: 22px 115px 87px 20px;
}

.filter-box-new[dropdowns="3"] .taxonomies-filter,
.filter-box-new[dropdowns="4"] .taxonomies-filter,
.filter-box-new[dropdowns="5"] .taxonomies-filter {
    width: calc( 100% - 70px );
    font-size: 0;

    position: absolute;
    bottom: 22px;
    left: 35px;
}

.filter-box-new[dropdowns="5"] .taxonomies-filter {
    width: calc( 100% - 40px );
    left: 20px;
}

.filter-box-new[dropdowns="3"] .facetwp-type-fselect {
    display: inline-block;
    width: calc( 33.3% - 7px );
    margin-right: 10px;
    min-width: 168px;

    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;

    -webkit-transform: translate( 0, 0 );
    -moz-transform:    translate( 0, 0 );
    -ms-transform:     translate( 0, 0 );
    -o-transform:      translate( 0, 0 );
    transform:         translate( 0, 0 );
}

.filter-box-new[dropdowns="4"] .facetwp-type-fselect,
.filter-box-new[dropdowns="5"] .facetwp-type-fselect {
    display: inline-block;
    width: calc( 25% - 5px );
    margin-right: 4px;
    min-width: 146px;

    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;

    -webkit-transform: translate( 0, 0 );
    -moz-transform:    translate( 0, 0 );
    -ms-transform:     translate( 0, 0 );
    -o-transform:      translate( 0, 0 );
    transform:         translate( 0, 0 );
}

.filter-box-new[dropdowns="5"] .facetwp-type-fselect {
    width: calc( 20% - 4px );
}

.filter-box-new[dropdowns="3"] .facetwp-type-fselect:last-child,
.filter-box-new[dropdowns="4"] .facetwp-type-fselect:last-child,
.filter-box-new[dropdowns="5"] .facetwp-type-fselect:last-child {
    margin-right: 0;
}

.search-archive-filter.filter-box-new.extended-view .search {
    position: absolute;
    top: 22px;
    left: calc( 20% + 26px );
    width: calc( 80% - 160px );
}

.filter-box-new .search input[type="text"] {
    border: 2px solid #ef184c;
    height: 50px;

    font-size: 15px;
    font-style: italic;
    font-weight: 500;
    color: #043e5e;
    text-transform: none;

    border-radius: 50px;
    padding: 6px 155px 6px 25px;
    margin: 0;

    transition: border-color .2s linear;
}

.filter-box-new .search input[type="text"]:focus {
    border-color: #043e5e;
    box-shadow: none;
}

.filter-box-new .search button[type="submit"] {
    position: absolute;
    border-radius: 50%;
    top: 50%;
    right: 8px;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 46px;
    font-size: 18px;
    color: #dadada;
    text-align: center;

    -webkit-transform: translate( 0, -50% );
    -moz-transform:    translate( 0, -50% );
    -ms-transform:     translate( 0, -50% );
    -o-transform:      translate( 0, -50% );
    transform:         translate( 0, -50% );

    transition: all .2s linear;
}

.filter-box-new .search button[type="submit"]:hover {
    color: #7F7F7F;
    cursor: pointer;
}

.filter-box-new .search .facetwp-btn,
.filter-box-new .search .facetwp-icon {
    background-color: #ef184c;
    position: absolute;
    border-radius: 50px;
    top: 50%;
    right: 0;
    display: block;
    width: 152px;
    height: 50px;
    line-height: 54px;

    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    color: #fff;
    text-align: center;
    text-transform: uppercase;

    -webkit-transform: translate( 0, -50% );
    -moz-transform:    translate( 0, -50% );
    -ms-transform:     translate( 0, -50% );
    -o-transform:      translate( 0, -50% );
    transform:         translate( 0, -50% );

    opacity: 1;
    transition: background-color .2s linear;
}

.filter-box-new .search .facetwp-btn:hover,
.filter-box-new .search .facetwp-icon:hover {
    background-color: #043e5e;
    transition: background-color .2s linear;
}

.filter-box-new .search .facetwp-btn:before,
.filter-box-new .search .facetwp-icon:before {
    width: auto;
    height: inherit;
    background: none !important;
    content: "Search";
}

.facetwp-icon.f-loading:before {
    animation: none !important;
}

.filter-box-new .search .facetwp-btn:after,
.filter-box-new .search .facetwp-icon:after {
    font-family: "Font Awesome 5 Regular";
    content: "\f178";
    display: none;
}

.filter-box-new .search .facetwp-btn svg.fa-long-arrow-right,
.filter-box-new .search .facetwp-icon svg.fa-long-arrow-right {
    margin: 0 0 0 4px;
    position: relative;
    left: 0;
    transition: left .15s linear 0s;
}

.filter-box-new .search .facetwp-btn:hover svg.fa-long-arrow-right,
.filter-box-new .search .facetwp-icon:hover svg.fa-long-arrow-right {
    left: 5px;
    transition: left .15s linear .15s;
}

.filter-box-new .search .facetwp-btn:hover,
.filter-box-new .search .facetwp-icon:hover {
    opacity: 1;
}

.filter-box-new .view {
    position: absolute;
    top: 38px;
    right: 32px;

    width: 64px;
    text-align: center;
}

.filter-box-new .view .view-btn {
    display: inline-block;
    font-size: 17px;
    color: #b1b1b1;
    margin: 0 5px;
    cursor: pointer;

    transition: all .2s linear;
}

.filter-box-new .view .view-btn:hover,
.filter-box-new .view .view-btn.active {
    color: #ef184c;
}

.filter-box-new .facetwp-facet {
    margin-bottom: 0;
}

.filter-box-new .facetwp-search-wrap,
.filter-box-new .facetwp-input-wrap {
    position: relative;
    display: block;
}

.taxonomies-filter {
    font-size: 0;
}

.taxonomies-filter-set {
    width: 100%;

    position: relative;
    font-size: 0;
}

.filter-box-new .facetwp-type-fselect {
    position: absolute;
    top: 50%;
    left: 40px;

    width: 230px;
    height: 50px;
    margin-bottom: 0 !important;

    -webkit-transform: translate( 0, -50% );
    -moz-transform:    translate( 0, -50% );
    -ms-transform:     translate( 0, -50% );
    -o-transform:      translate( 0, -50% );
    transform:         translate( 0, -50% );
}

.filter-box-new .taxonomies-filter-set > .facetwp-type-fselect {
    width: calc( 25% - 7px );
    position: relative;
    top: auto;
    left: auto;
    display: inline-block;
    margin-left: 9px;

    -webkit-transform: none;
    -moz-transform:    none;
    -ms-transform:     none;
    -o-transform:      none;
    transform:         none;
}

.search-archive-filter.filter-box-new .taxonomies-filter-set > .facetwp-type-fselect {
    width: calc( 20% - 8px );
    margin-left: 0;
    margin-right: 9px;
}

.filter-box-new .taxonomies-filter-set > .facetwp-type-fselect:first-child {
    margin-left: 0;
}

.search-archive-filter.filter-box-new .taxonomies-filter-set > .facetwp-type-fselect:first-child {
    position: absolute;
    top: -68px;
    left: 0;
}

.search-archive-filter.filter-box-new .taxonomies-filter-set > .facetwp-type-fselect:nth-last-child( 2 ) {
    margin-right: 0;
}

.filter-box-new .fs-arrow {
    border: none;
    right: 20px;
    display: block;
    width: 6px;
    height: 100%;
    line-height: 62px;
}

.filter-box-new .taxonomies-filter-set .fs-arrow {
    line-height: 66px;
}

.filter-box-new .fs-wrap .fs-label-wrap .fs-arrow:after {
    content: "";
    display: block;
    width: 10px;
    height: 14px;

    background-image: url( ../images/down-chevron.svg );
    position: absolute;
    top: -99999px;
    left: -99999px;

    opacity: 0;
}

.filter-box-new .fs-wrap .fs-label-wrap .fs-arrow:before {
    display: inline-block;
    content: "";
    background-image: url( ../images/down-chevron-red.svg );
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    width: 10px;
    height: 14px;
    position: relative;
}

.filter-box-new .fs-wrap:hover .fs-label-wrap .fs-arrow:before,
.filter-box-new .fs-wrap.fs-open .fs-label-wrap .fs-arrow:before,
.filter-box-new .fs-wrap:not( .fs-default ) .fs-label-wrap .fs-arrow:before {
    background-image: url( ../images/down-chevron.svg );
}

.filter-box-new .fs-wrap.fs-open .fs-label-wrap .fs-arrow:before {
    top: -3px;
    left: -3px;
}

.filter-box-new .fs-wrap .fs-label-wrap .fs-label {
    font-size: 14px;
    font-weight: 500;
    color: #043e5e;
    padding: 16px 30px 16px 24px;
}

.filter-box-new[dropdowns="5"] .fs-wrap .fs-label-wrap .fs-label {
    font-size: 14px;
    padding: 18px 24px 14px 18px;
}

.filter-box-new[dropdowns="5"] .fs-arrow {
    right: 18px;
    line-height: 62px;
}

.filter-box-new[dropdowns="5"] .fs-wrap.fs-open .fs-label-wrap .fs-arrow:before {
    top: -1px;
    left: -3px;
}

.filter-box-new .fs-wrap:hover .fs-label-wrap .fs-label,
.filter-box-new .fs-wrap.fs-open .fs-label-wrap .fs-label,
.filter-box-new .fs-wrap:not( .fs-default ) .fs-label-wrap .fs-label {
    color: #fff;
}

.filter-box-new .facetwp-type-fselect .fs-wrap,
.filter-box-new .facetwp-type-fselect .fs-dropdown,
.filter-box-new .fs-dropdown .fs-options {
    width: 100% !important;
    max-width: 100% !important;
    outline: none !important;
}

.filter-box-new .fs-wrap .fs-label-wrap {
    width: 100%;
    border: 2px solid #ef184c;
    border-radius: 50px;
    cursor: pointer;

    background-color: #fff;
    transition: background-color .2s linear;
}

.filter-box-new .fs-wrap:hover .fs-label-wrap,
.filter-box-new .fs-wrap.fs-open .fs-label-wrap,
.filter-box-new .fs-wrap:not( .fs-default ) .fs-label-wrap {
    border: 2px solid #ef184c;
    background-color: #ef184c;
    transition: background-color .2s linear;
}

.filter-box-new .facetwp-type-fselect .fs-option .fs-option-label,
.filter-box-new .facetwp-sort .fs-option .fs-option-label {
    color: #043e5e;
    white-space: normal;
    word-break: break-word;
    font-size: 12px;
    line-height: 1.2;
}

.filter-box-new .facetwp-type-fselect .fs-option .fs-option-label .facetwp-counter {
    color: #ec1757;
}

.filter-box-new .facetwp-sort .fs-option.selected .fs-option-label {
    color: #043e5e;
}

.filter-box-new .fs-option {
    padding: 17px 8px 15px;
}

.filter-box-new .fs-wrap.multiple .fs-option {
    padding-left: 34px;
}

.filter-box-new .fs-wrap.multiple .fs-option.d1 {
    padding-left: 45px;
}

.filter-box-new .fs-wrap.multiple .fs-option.d1 .fs-checkbox {
    left: 12px;
}

.filter-box-new .facetwp-type-fselect .fs-option.d1 .fs-option-label {
    padding-left: 0;
}

.filter-box-new .fs-wrap.multiple .fs-checkbox {
    width: 34px;
}

.filter-box-new .fs-wrap.multiple .fs-option.selected .fs-checkbox i {
    background-color: #ef184c;
}

.filter-box-new .fs-option:hover {
    background-color: #fafafa;
}

.filter-box-new .facetwp-sort {
    display: inline-block;
    width: 200px;
    position: relative;
    vertical-align: top;
}

.filter-box-new .facetwp-sort,
.filter-box-new .facetwp-sort .fs-wrap {
    outline: none !important;
}

.filter-box-new .facetwp-sort select {
    border: 2px solid #043e5e;
    border-radius: 50px;
    cursor: pointer;
    background-color: #fff;

    font-size: 14px;
    font-weight: 500;
    color: #000;
    height: 50px;
    padding: 5px 30px 5px 24px;

    margin: 0;
}

.filter-box-new .fs-search input {
    font-size: 14px;

    border: none !important;
    box-shadow: none !important;
    outline: none;
    padding: 8px 0 6px;
    width: 100%;
    margin: 0;
    height: 36px;
}

.filter-box-new .fs-no-results {
    padding: 15px 8px 10px;
    font-size: 14px;
    color: #BD2126;
}

.facetwp-selections {
    display: block;
    width: 100%;
    position: relative;
    font-size: 14px;
    padding: 10px 0 0 10px;
}

.facetwp-selections:empty {
    display: none;
}

.facetwp-selections ul {
    margin: 0;
}

.facetwp-selections ul li {
    margin-right: 15px;
    margin-top: 5px;
}

.facetwp-selections ul li .facetwp-selection-label {
    font-size: 14px;
    color: #003F8F;
}

.facetwp-selections ul li .facetwp-selection-value {
    background-size: 11px 11px;
    background-position: right 12px center;
    background-color: #eee;
    display: inline-block;
    font-size: 12px;
    color: #ababab;
    padding: 12px 36px 9px 16px;
    border-radius: 30px;
    margin-right: 4px;

    transition: all .15s linear;
}

.facetwp-selections ul li .facetwp-selection-value:hover {
    background-color: #ffa600;
    color: #222;

    transition: all .15s linear;
}

.filter-box-new .taxonomies-filter-set > .facetwp-type-fselect .fs-search,
.filter-box-new .taxonomies-filter-set > .facetwp-type-fselect.facetwp-facet-countries .fs-search {
    display: none !important;
}


/* ---------------------------------------------------------------------------------------------------------------------
    PAGINATION
--------------------------------------------------------------------------------------------------------------------- */
.pagination-wrap {
    margin: 10px 0 0;
    text-align: center;
}

.pagination-wrap.search-pagination {
    margin: 30px 0 55px 0;
}

.pagination-wrap:empty {
    display: none;
}

.pagination-wrap .pagination {
    list-style: none;
    text-align: center;
    margin: 0;
}

.pagination-wrap .pagination > li,
.facetwp-pager .facetwp-page {
    display: inline-block;
}

.pagination-wrap .pagination > li > *,
.facetwp-pager .facetwp-page {
    background-color: transparent;
    display: inline-block;
    padding: 2px;
    width: 50px;
    height: 50px;
    line-height: 48px;
    font-size: 15px;
    font-weight: 600 !important;
    color: #b5b5b5;
    border-radius: 50px;
    border: 2px solid #b5b5b5;
    transition: background .15s linear;
}

.pagination-wrap .pagination > li:hover > *,
.pagination-wrap .pagination > li > .current,
.facetwp-pager .facetwp-page:hover,
.facetwp-pager .facetwp-page.active {
    background-color: transparent;
    border: 2px solid #ec1757;
    color: #ec1757;
}

.pagination-wrap .pagination > li:hover > .dots,
.pagination-wrap .pagination > li > .dots {
    border: 2px dashed #b5b5b5 !important;
    color: #b5b5b5;
    transition: all .2s linear;
}



/* ---------------------------------------------------------------------------------------------------------------------
    OBJECT ITEM 1
--------------------------------------------------------------------------------------------------------------------- */
.object-1-cell {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;

    margin-bottom: 35px;
}

.list .object-1-cell {
    margin-bottom: 35px;
}

.list .object-1-cell.large-5,
.list .object-1-cell.medium-6 {
    width: 60%;
}

.object-1-cell:nth-child( 1 ) {
    animation-delay: 0.1s;
}

.object-1-cell:nth-child( 2 ) {
    animation-delay: 0.2s;
}

.object-1-cell:nth-child( 3 ) {
    animation-delay: 0.3s;
}

.object-1-cell:nth-child( 4 ) {
    animation-delay: 0.4s;
}

.object-1-cell:nth-child( 5 ) {
    animation-delay: 0.5s;
}

.object-1-cell:nth-child( 6 ) {
    animation-delay: 0.6s;
}

.object-1-cell:nth-child( 7 ) {
    animation-delay: 0.7s;
}

.object-1-cell:nth-child( 8 ) {
    animation-delay: 0.8s;
}

.object-1-cell:nth-child( 9 ) {
    animation-delay: 0.9s;
}

.object-1-cell:nth-child( 10 ) {
    animation-delay: 1.0s;
}

.object-1-cell:nth-child( 11 ) {
    animation-delay: 1.1s;
}

.object-1-cell:nth-child( 12 ) {
    animation-delay: 1.2s;
}

/* object item 1 */
.object-1-item {
    display: flex;
    flex-direction: column;
    /*flex-flow: wrap;*/
    height: 100%;

    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 3px 29px 0 rgba( 0, 0, 0, 0.04 );
    transition: all .2s linear;

    position: relative;
    overflow: hidden;
}

.object-1-item:hover {
    background-color: #ec1757;
    transition: all .2s linear;
}

.object-1-item .preview-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 500;
}

.object-1-item .preview-wrap:before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 60%;
}

.list .object-1-item .preview-wrap:before {
    padding-bottom: 50%;
}

.object-1-item .preview-wrap .preview {
    background-color: #f5f5f5;

    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    content: "";
    display: block;

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    transition: all .2s linear;
    overflow: hidden;
    z-index: 500;
}

.object-1-item.video .preview-wrap .preview:before {
    background-color: rgba(16, 62, 94, 0.35);
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.object-1-item.no-image .preview-wrap .preview {
    background-image: url( ../images/preview-placeholder.jpg );
    background-position: left top;
}

.object-1-item:hover .preview-wrap:after {
    opacity: 1;
}

.object-1-item .preview-wrap .play-button {
    font-size: 58px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    width: 58px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate( -50%, -50% );
    -moz-transform:    translate( -50%, -50% );
    -ms-transform:     translate( -50%, -50% );
    -o-transform:      translate( -50%, -50% );
    transform:         translate( -50%, -50% );
    transition: color .2s linear;

    z-index: 550;
}

.object-1-item .preview-wrap .play-button:hover {
    color: #ef184c;
    transition: color .2s linear;
}

.object-1-item .preview-wrap .preview.post-gallery .slick-list,
.object-1-item .preview-wrap .preview.post-gallery .slick-track {
    height: 100% !important;
}

.object-1-item .preview-wrap .preview.post-gallery .slide {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    outline: none !important;

    height: 100%;
}

.object-1-item .content {
    background-color: transparent;
    padding: 30px 30px 70px;

    position: relative;
    width: 100%;
    height: auto;

    transition: all .2s linear;
    z-index: 500;
}

.object-1-item .content > * {
    position: relative;
    z-index: 510;
}

.object-1-item h4 {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 15px;
    position: relative;
}

.object-1-item:not( .global-color-schema ) h4 {
    color: #ec1757;
}

.object-1-item h4 a {
    color: inherit;
    display: inline-block;
    font-family: inherit;

    transition: all .2s linear;
}

.object-1-item h4 a:hover {
    text-decoration: underline;
}

.list .object-1-item h4 {
    font-size: 30px;
    margin: 0 0 11px;
}

.object-1-item h4:hover,
.object-1-item h4 a:hover,
.object-1-item:hover h4,
.object-1-item:hover h4 a {
    color: #fff;
}

.object-1-item p {
    font-size: 16px;
    line-height: 1.35;
    margin: 0 0 10px;

    transition: all .2s linear;
}

.list .object-1-item p {
    font-size: 18px;
}

.object-1-item:hover p,
.object-1-item:hover a {
    color: #fff;
}

.object-1-item .short-description {
    margin-bottom: 0;
}

.object-1-item .short-description > :last-child {
    margin-bottom: 0;
}

.object-1-item .btn {
    background-color: transparent !important;
    border-radius: 0;
    border: none !important;
    padding: 5px;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    color: #ec1757;
    position: absolute;
    left: 25px;
    bottom: 25px;
    z-index: 510;
}

.object-1-item:hover .btn,
.object-1-item .btn:hover {
    background-color: transparent !important;
    border: none !important;
    color: #fff;
}

.object-1-item .btn + .content {
    padding-bottom: 80px;
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
}

.fancybox-container {
    z-index: 9999999999;
}

.fancybox-bg {
    background: #090909;
}


/* Object 1: Landscape Views */
.landscape .object-1-item,
.object-1-item.landscape {
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.landscape .object-1-item .preview-wrap,
.object-1-item.landscape .preview-wrap {
    display: flex;
    width: 50%;
    order: 2;
}

.landscape .object-1-item .content,
.object-1-item.landscape .content,
body.archive .landscape .object-1-item .content,
body.archive .object-1-item.landscape .content {
    padding: 35px 20px 75px 35px;
    width: 50%;
    order: 1;
}

.landscape .object-1-item h4,
.object-1-item.landscape h4 {
    font-size: 22px;
}

.landscape .object-1-item .btn,
.object-1-item.landscape .btn {
    left: 30px;
}



/* ---------------------------------------------------------------------------------------------------------------------
    TMPL: Donation v.2
--------------------------------------------------------------------------------------------------------------------- */
section.cd-donation {
    background-color: #FAFAFA;
    padding: 80px 0;
    position: relative;
}

section.cd-donation:before {
    background-image: url( ../images/bg-sky.png );
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;

    content: "";
    display: block;
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;

    z-index: 400;
}

section.cd-donation:after {
    background-image: url( ../images/bg-house.png );
    background-position: center bottom -220px;
    background-repeat: no-repeat;
    background-size: 1780px auto;

    content: "";
    display: block;
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;

    z-index: 450;
}

section.cd-donation .grid-container {
    position: relative;
    z-index: 500;
}

section.cd-donation .cd-donation-form {
    background-color: #fff;
    border-radius: 4px;
    padding: 20px 8px;
    position: relative;
    min-height: 350px;
}

section.cd-donation .cd-donation-form:before {
    background-image: url( ../images/apple.svg );
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    display: block;
    width: 50px;
    height: 50px;

    position: absolute;
    top: -30px;
    left: calc( 50% - 25px );
}

section.cd-donation .cd-donation-text {
    padding: 40px 40px 450px;
}

section.cd-donation .cd-donation-text p {
    margin-bottom: 10px;
    line-height: 1.35;
}

section.cd-donation .cd-donation-text h3 {
    font-family: 'Arvo', sans-serif;
    font-size: 36px;
    color: #043e5e;
    font-weight: 800;
    line-height: 1;
    padding: 0 0 20px;
    margin: 0 0 20px;
    position: relative;
}

section.cd-donation .cd-donation-text h3 em {
    color: #ec1757;
    font-weight: 400;
}

section.cd-donation .cd-donation-text h3:after {
    content: "";
    display: block;
    width: 76px;
    height: 1px;
    opacity: 0.2;
    background-color: #000;
    position: absolute;
    left: calc( 50% - 38px );
    bottom: 0;
}

section.cd-donation .person-wrap {
    position: relative;
}

section.cd-donation .person-wrap img {
    height: 450px;
    position: absolute;
    right: 140px;
    bottom: -80px;
}

section.mt-numbers {
    padding: 50px 0 10px;
}

section.mt-numbers h2 {
    font-family: 'Arvo', sans-serif;
    font-size: 30px;
    color: #043e5e;
    font-weight: 800;
    line-height: 1;
    text-align: center;
    margin-bottom: 10px;
}

section.mt-numbers h2 em {
    color: #ec1757;
    font-weight: 400;
}

section.mt-numbers h2 img {
    display: inline-block;
    position: relative;
    top: -7px;
    margin-left: 3px;
}

section.mt-numbers h5 {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 20px;
    color: #043e5e;
    font-weight: 800;
    line-height: 1;
    text-align: center;
    margin-bottom: 25px;
}

.mt-numbers-wrap {
    font-size: 0;
    text-align: center;
}

.mt-number-item {
    display: inline-block;
    width: 33.33%;
    vertical-align: top;
    text-align: center;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 16px;
    color: #808080;
    line-height: 1.2;
    margin: 0 0 25px 0;
    padding: 20px 20px;
}

.mt-number-item .title {
    font-family: 'Arvo', sans-serif;
    font-size: 60px;
    line-height: 1;
    margin: 0;
}

.mt-number-item .title.navy {
    color: #043e5e;
}

.mt-number-item .title.pink {
    color: #ec1757;
}

.mt-number-item .title.green {
    color: #73bf44;
}

.mt-number-item .description {
    display: block;
    padding-top: 18px;
    margin: 15px auto 0;
    position: relative;
    max-width: 246px;
}

.mt-number-item .description:before {
    content: "";
    display: block;
    width: 76px;
    height: 1px;
    opacity: 0.2;
    background-color: #000;

    position: absolute;
    left: calc( 50% - 38px );
    top: 0;
}

section.ways-donate-cards {
    background-color: rgba(204, 204, 204, 0.15);
    padding: 20px;
}

.wd-cards {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
}

.wd-card {
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    padding: 40px 20px;
    border-radius: 5px;
    width: calc( 33.33% - 30px );
    margin: 15px;
    text-align: center;
}

.wd-card > :last-child {
    margin-bottom: 0;
}

.wd-card img {
    height: 85px;
    margin-bottom: 25px;
}

.wd-card p {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 25px;
    color: #043e5e;
}

.wd-card .address {
    font-size: 20px;
    margin-bottom: 0;
}

.wd-card .phone {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 0;
}

.wd-card .phone a:hover {
    color: #73bf44;
}

.wd-card .btn {
    border-width: 2px;
    font-size: 14px;
    font-weight: 600;
}

body header.at-title {
    display: none;

    font-family: 'Arvo', sans-serif;
    font-size: 36px;
    color: #043e5e;
    font-weight: 800;
    line-height: 1;
    padding: 0 0 20px;
    margin: 0 0 20px;
    position: relative;
}

body header.at-title:after {
    content: "";
    display: block;
    width: 76px;
    height: 1px;
    opacity: 0.2;
    background-color: #000;
    position: absolute;
    left: calc( 50% - 38px );
    bottom: 0;
}

body header.HeaderHtml,
body .ContributionInformation .at-legend {
    display: none;
}

body .ngp-form {
    padding-top: 10px;
}

body .ngp-form h4 {
    margin-bottom: 10px;
}

body .ngp-form h4,
body .ngp-form h4 * {
    font-family: 'Josefin Sans' !important;

    line-height: 1.35;
    color: #0a0a0a !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-align: center;
}

body .at .at-radios {
    margin-bottom: 10px;
}

body .at.ngp-form .radios {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 10px 15px;
}

body .at.ngp-form .radios label {
    border-radius: 15px;
    color: #808080;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    height: 38px;
    margin: 0 10px 5px 30px;
    padding: 5px 0 5px 43px;
    position: relative;
    text-decoration: none;
    box-shadow: none !important;
}

body .at.ngp-form .radios label input[type="radio"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid #ec1757;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 30px;
    width: 30px;
    left: 0;
    margin: 0;
    outline: none;
    position: absolute;
    cursor: pointer;
}

body .at.ngp-form .radios label input[type="radio"]:checked {
    background-color: #ec1757;
    border: 1px solid #ec1757;
}

body .at.ngp-form .radio-description {
    border: solid 3px #73bf44;
    padding: 12px 45px;
    border-radius: 4px;

    font-family: 'Josefin Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;
    color: #808080;
    text-align: center;
    position: relative;
    margin: 22px 0 0 0;
}

body .at.ngp-form .radio-description:before {
    content: "\f062";
    font-family: "Font Awesome 5 Solid";
    display: none;
}

body .at.ngp-form .radio-description svg {
    font-size: 30px;
    color: #73bf44;
    position: absolute;
    top: 0;
    left: calc( 50% + 38px );

    -webkit-transform: translate( 0, -100% );
    -moz-transform:    translate( 0, -100% );
    -ms-transform:     translate( 0, -100% );
    -o-transform:      translate( 0, -100% );
    transform:         translate( 0, -100% );
}

body .at.ngp-form .radio-description:empty,
body .at.ngp-form .radio-description.radio-description-value-4 {
    display: none !important;
}

body .at fieldset legend {
    font-family: 'Arvo', sans-serif;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    color: #043e5e;
    padding: 5px 0 0 0;
}

body .at form .label-amount {
    background-color: #00acef;
    border-radius: 4px;

    font-family: 'Josefin Sans', sans-serif;
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
    padding: 19px 8px 13px;
}

body .at form .label-amount.long {
    font-size: 18px;
    line-height: 1;
}

body .at form .label-amount > a {
    background-color: #00acef;
    border-radius: 4px;
    height: 100%;
    box-shadow: none !important;
}

body .at form .label-amount input[type="radio"]:checked + a {
    border-color: #ec1757;
    background-color: #ec1757;
    transition: all .2s linear;
}

body .at form .label-amount:hover > a {
    background-color: #ec1757;
    border-color: #ec1757;
    transition: all .2s linear;
}

body .at form .label-amount input {
    border-color: #00acef;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 600;
    height: 50px;
    padding: 10px 8px 8px 50px;
}

body .at form .label-amount input + .label-otheramount-prefix {
    display: block;
    position: absolute;
    background-color: #3aacef;
    color: #ffffff;
    left: 0;
    top: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 38px;
    height: 50px;
    padding: 8px 14px 0;
    border: 1px solid transparent;
    text-shadow: none;
    border-radius: 4px 0 0 4px;
    transition: all .2s linear;
}

body .at form .label-amount input:focus + .label-otheramount-prefix {
    background-color: #73bf44;
    transition: all .2s linear;
}

body .at form .label-amount.error input:required + .label-otheramount-prefix {
    background-color: #f03e3e;
    color: #fff;
    transition: all .2s linear;
}

body .at form .label-amount input:required {
    color: #73bf44;
    border-color: #3aacef;
    background-color: transparent;
    box-shadow: none;
}

body .at form .label-amount input:focus {
    color: #73bf44;
    border-color: #73bf44;
}

body .at .error small.error {
    line-height: 1.2;
    margin-bottom: 0;
}

body .at input[type="checkbox"] + span {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 50px;
    min-height: 34px;
    line-height: 1.25;
}

body .at input[type="checkbox"] + span:before {
    height: 30px;
    width: 30px;
    border-radius: 4px;
    border: 1px solid #ec1757 !important;
    box-shadow: none !important;
}

body .at input[type="checkbox"]:checked + span:before,
body .at input[type="checkbox"]:hover + span:before {
    background-color: transparent;
    border: 1px solid #ec1757 !important;
}

body .at input[type="checkbox"]:checked + span:after {
    color: #ec1757;
    opacity: 1;
    transform: scale(1);
    font-size: 24px;

    left: 7px;
    top: 6px;
}

body .at.ngp-form fieldset.TributeGift,
body .at.ngp-form fieldset.RecipientInformation {
    border: 1px solid #dcdcdc !important;
    border-radius: 4px 4px 0 0;

    min-width: unset;
    margin: 0 20px;
    padding: 20px 15px !important;
    width: auto;
}

body .at.ngp-form fieldset.TributeGift.at-fieldset-noborder {
    border-bottom: 0 !important;
}

body .at.ngp-form fieldset.TributeGift + fieldset.RecipientInformation {
    border-top: 0 !important;
    border-radius: 0 0 4px 4px;
    padding: 0 15px 5px !important;
}

body .at.ngp-form .EnableTributeGift .at-checkbox-title-container {
    margin: 0;
}

body .at.ngp-form .TributeGift.at-fieldset-noborder .EnableTributeGift + .at-row {
    padding-top: 15px;
}

body .at.ngp-form .form-item-inhonororinmemoryof > label {
    width: 100%;

    font-family: 'Josefin Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #043e5e;
    text-align: center;
    margin: 0 0 5px 0;
}

body .at.ngp-form .form-item-inhonororinmemoryof .radios label {
    margin: 0 15px 5px 15px;
    font-size: 14px;
}

body .at.ngp-form .form-item-inhonororinmemoryof .radios {
    margin: 0 10px 5px;
}

body .at input[type="text"],
body .at input[type="password"],
body .at input[type="date"],
body .at input[type="datetime"],
body .at input[type="datetime-local"],
body .at input[type="month"],
body .at input[type="week"],
body .at input[type="email"],
body .at input[type="number"],
body .at input[type="search"],
body .at input[type="tel"],
body .at input[type="time"],
body .at input[type="url"],
body .at input[type="color"],
body .at select {
    height: 37px;
    font-size: 16px;
    font-weight: 500;
    color: #043e5e;

    padding: 5px 15px;
}

body .at input[type="text"]:focus,
body .at input[type="password"]:focus,
body .at input[type="date"]:focus,
body .at input[type="datetime"]:focus,
body .at input[type="datetime-local"]:focus,
body .at input[type="month"]:focus,
body .at input[type="week"]:focus,
body .at input[type="email"]:focus,
body .at input[type="number"]:focus,
body .at input[type="search"]:focus,
body .at input[type="tel"]:focus,
body .at input[type="time"]:focus,
body .at input[type="url"]:focus,
body .at input[type="color"]:focus {
    border-color: #ec1757;
}

body .at input[type="tel"]:not( [name="PostalCode"] ) {
    padding-left: 50px;
}

body .at .HonoreeName input[type="text"] {
    margin-bottom: 0;
}

body .at fieldset.ContactInformation legend {
    padding-top: 20px;
}

body .at-recipient-info .at-title {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 22px;
    font-weight: 800;
    color: #043e5e;
    margin-bottom: 10px;

    text-align: center;
}

body .RecipientInfoHeaderHtml {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 14px;
    color: #808080;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 20px;
}

body .at label {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 14px;
    color: #808080;
    line-height: 1.2;
}

body .at-ecards {
    text-align: center;
}

body .at-ecards .at-ecard {
    display: inline-block;
    margin-right: 2%;
    margin-bottom: 20px;
    width: 49%;
    height: auto;
    vertical-align: top;
}

body .at-ecards .at-ecard input[type="radio"] {
    display: none;
}

body .at-ecards .at-ecard.selected {
    border-color: #ec1757;
}

body .form-item-ecard .at-title {
    width: 100%;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #043e5e;
    text-align: center;
    margin: 0 0 5px 0;
}

body .at-preview-ecard {
    display: none !important;
}

body .at-row > [class^="at-"] {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 150px;
    -moz-flex: 1 150px;
    -ms-flex: 1 150px;
    flex: 1 150px;
    min-width: 150px;
}

body .at-form-submit {
    text-align: center;
}

body .at-form-submit .at-submit {
    background-color: #ec1757;

    display: inline-block;
    float: none;
    padding: 18px 40px;
    margin: 0;
    border-radius: 50px;

    font-family: 'Arvo', sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    transition: all .2s linear;
}

body .at-form-submit .at-submit:hover {
    background-color: #73bf44;
    color: #fff;
    transition: all .2s linear;
}

body .at .error small.error {
    padding: 1px 0 15px 0;
    font-size: 12px;
    font-weight: 500;
    color: #fa5252;
}

.at-form form {
    display: flex;
    flex-direction: column;
}

.at-form form > * {
    order: 5;
}

.at-form form > .at-fieldset.ContributionInformation {
    order: 1;
}

.at-form form > .at-fieldset.TributeGift {
    order: 2;
}

.at-form form > .at-markup.FastAction {
    order: 3;
    padding-top: 25px;
}




/* ---------------------------------------------------------------------------------------------------------------------
    TMPL: Thank You (New)
--------------------------------------------------------------------------------------------------------------------- */
section#masthead.masthead-thankyou {
    height: 450px;
}

section#masthead.masthead-thankyou:after {
    background-image: url( ../images/mh-apple.svg );
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}

section#masthead.masthead-thankyou .masthead-caption {
    top: auto;
    bottom: 0;
    -webkit-transform: translate( 0, 0 );
    -moz-transform:    translate( 0, 0 );
    -ms-transform:     translate( 0, 0 );
    -o-transform:      translate( 0, 0 );
    transform:         translate( 0, 0 );
}

section#masthead.masthead-thankyou .masthead-caption .caption-text {
    max-width: 560px;
    margin: 0 auto;
    padding-bottom: 50px;
}

section#masthead.masthead-thankyou .masthead-caption .caption-text > :last-child {
    margin-bottom: 0;
}

section#masthead.masthead-thankyou .masthead-caption h1 {
    background-color: transparent;
    font-size: 52px;
    padding: 0;
    margin-bottom: 20px;
    padding-bottom: 21px;
    position: relative;
}

section#masthead.masthead-thankyou .masthead-caption h1:after {
    background-color: #fff;
    content: "";
    display: block;
    width: 60px;
    height: 1px;

    position: absolute;
    left: calc( 50% - 30px );
    bottom: 0;
}

section#masthead.masthead-thankyou .masthead-caption h3 {
    font-size: 26px;
    margin: 0 0 15px;
}

section#masthead.masthead-thankyou .masthead-caption .caption-text > *,
section#masthead.masthead-thankyou .masthead-caption h3 em {
    color: #fff;
}

section.typ-more-ways h2 {
    font-family: 'Arvo', sans-serif;
    font-size: 30px;
    color: #043e5e;
    font-weight: 800;
    line-height: 1;
    text-align: center;
    margin-bottom: 30px;
}

section.typ-more-ways {
    margin-bottom: 30px;
}

section.typ-more-ways h2 em {
    color: #ec1757;
    font-weight: 400;
}

section.typ-more-ways h2 img {
    display: inline-block;
    position: relative;
    top: -7px;
    margin-left: 3px;
}

.mw-item {
    display: flex;
    flex-direction: column;
    height: 100%;

    background-color: #fff;
    border-radius: 4px;
    padding: 30px 25px 80px;
    position: relative;
}

.mw-item .icon {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 120px;
    width: 100%;
    margin-bottom: 15px;
}

.mw-item .title {
    font-family: 'Arvo', sans-serif;
    font-size: 22px;
    color: #043e5e;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 15px;
}

.mw-item .description {
    text-align: center;
}

.mw-item .description p {
    font-size: 14px;
    line-height: 1.5;
    color: #808080;
}

.mw-item .description > :last-child {
    margin-bottom: 0;
}

.mw-item .buttons-wrap {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 25px;
}

.mw-item .btn {
    font-family: 'Arvo', sans-serif;
    font-size: 13px;
    padding: 10px 20px;
}


section.typ-stories {
    margin-bottom: 10px;
}

section.typ-stories h2 {
    font-family: 'Arvo', sans-serif;
    font-size: 30px;
    color: #043e5e;
    font-weight: 800;
    line-height: 1;
    text-align: center;
    margin-bottom: 30px;
}

section.typ-stories h2 em {
    color: #ec1757;
    font-weight: 400;
}

section.typ-stories h2 img {
    display: inline-block;
    position: relative;
    top: -7px;
    margin-left: 3px;
}

.story-item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.story-item .preview {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 6px;
    overflow: hidden;
}

.story-item .preview:before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 100%;
}

.story-item .content {
    border-radius: 6px;
    background-color: #fff;
    width: calc( 100% - 40px );
    margin-left: 40px;
    position: relative;
    padding: 30px 30px 105px;
    top: -40px;
}

.story-item .content h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
    color: #003f5f;
    margin: 0 0 15px 0;
}

.story-item .content p {
    font-size: 16px;
    line-height: 1.5;
    color: #808080;
    margin: 0 0 15px 0;
}

.story-item .content .description > :last-child {
    margin-bottom: 0;
}

.story-item .content .buttons-wrap {
    position: absolute;
    left: 0;
    bottom: 25px;
    text-align: center;
    width: 100%;
    padding: 0 30px;
}

.story-item .content .buttons-wrap .btn {
    font-size: 14px;
    text-transform: uppercase;
    padding: 16px 15px 13px;
    line-height: 1.2;
}

.story-item .content .buttons-wrap .btn > svg {
    top: -1px;
}

.popup .mt-number-item {
    margin-bottom: 10px;
}

section.impact-intro {
    padding: 50px 0 0;
}

section.impact-intro + section.mt-numbers {
    padding-top: 20px;
}

section.impact-navy-box {
    margin-bottom: 50px;
}

.i-navy-box {
    background-color: #043e5e;
    border-radius: 4px;
    padding: 120px 60px 35px;
    position: relative;
    overflow: hidden;
}

.i-navy-box:before {
    content: "";
    display: block;
    width: 70px;
    height: 70px;
    background-image: url(../images/apple.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 30px;
    left: 50%;
    -webkit-transform: translate( -50%, 0 );
    -moz-transform: translate( -50%, 0 );
    -ms-transform: translate( -50%, 0 );
    -o-transform: translate( -50%, 0 );
    transform: translate( -50%, 0 );
    z-index: 450;
}

.i-navy-box:after {
    content: "";
    display: block;
    width: 100%;
    height: 200%;
    background: rgb(44,109,85);
    background: -moz-radial-gradient(center, ellipse cover, rgba(44,109,85,1) 0%, rgba(4,62,94,1) 70%, rgba(4,62,94,1) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(44,109,85,1) 0%,rgba(4,62,94,1) 70%,rgba(4,62,94,1) 100%);
    background: radial-gradient(ellipse at center, rgba(44,109,85,1) 0%,rgba(4,62,94,1) 70%,rgba(4,62,94,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c6d55', endColorstr='#043e5e',GradientType=1 );
    position: absolute;
    right: 30px;
    bottom: 260px;
    -webkit-transform: translate( 50%, 50% );
    -moz-transform: translate( 50%, 50% );
    -ms-transform: translate( 50%, 50% );
    -o-transform: translate( 50%, 50% );
    transform: translate( 50%, 50% );
    opacity: 0.85;
    z-index: 400;
    transition: all 1s ease-in-out;
}

.i-navy-box:hover:after {
    right: 65px;
    bottom: 10px;
    opacity: 0.6;
    -webkit-transform: translate( -35%, 30% );
    -moz-transform: translate( -35%, 30% );
    -ms-transform: translate( -35%, 30% );
    -o-transform: translate( -35%, 30% );
    transform: translate( -35%, 30% );
}

.i-navy-box > * {
    position: relative;
    z-index: 450;
}

.i-navy-box p {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    line-height: 1.5;
    margin: 0 0 25px;
}

.i-navy-box > *:not( .btn ) {
    color: #fff;
}

.i-navy-box .buttons-wrap {
    text-align: center;
}

.i-navy-box .btn {
    font-size: 20px;
    font-weight: 600;
    font-family: 'Arvo', sans-serif;
    margin: 5px 8px;
}

.btn.btn-transparent-green {
    padding: 10px 36px;
    border: 2px solid #73bf44;
    color: #73bf44;
}

.btn.btn-transparent-green:hover {
    color: #0f3e5e;
    background-color: #27b4e8;
    border-color: #27b4e8;
}

.cell-mb-30 {
    margin-bottom: 30px;
}




/* ---------------------------------------------------------------------------------------------------------------------
    Footer
--------------------------------------------------------------------------------------------------------------------- */
body > footer {
    padding: 50px 0 0 0;
    background-color: #f2fcff;
    position: relative;
    overflow: hidden;
}

body > footer:before {
    background-color: #e6f8fe;
    display: block;
    width: 90px;
    height: 160px;
    content: "";
    border-radius: 0 5px 5px 0;

    position: absolute;
    top: 50%;
    left: 0;

    -webkit-transform: translate( 0, -50% );
    -moz-transform:    translate( 0, -50% );
    -ms-transform:     translate( 0, -50% );
    -o-transform:      translate( 0, -50% );
    transform:         translate( 0, -50% );
}

body > footer:after {
    background-color: #e6f8fe;
    display: block;
    width: 300px;
    height: 160px;
    content: "";
    border-radius: 5px 0 0 5px;

    position: absolute;
    top: 25px;
    right: 0;
}

.footer-container {
    background-color: #fff;
    position: relative;
    z-index: 500;
    padding: 65px 50px 30px 50px;
    border-radius: 5px 5px 0 0;
}

footer .logo {
    display: inline-block;
    width: 310px;
    margin-bottom: 65px;
}

.menu-footer-container,
.menu-footer-es-container {
    display: block;
    width: 74%;
    float: left;
}

#menu-footer,
#menu-footer-es {
    font-size: 0;
    display: block;
    margin: 0 0 5px 0;
    text-align: left;

    list-style: none;
}

#menu-footer > li,
#menu-footer-es > li {
    display: inline-block;
    width: 33%;
    margin: 0 0 30px 0;
}

#menu-footer > li > a,
#menu-footer-es > li > a {
    display: inline-block;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    color: #043e5e;
    padding: 0;
    margin: 0 0 22px 0;
    cursor: unset !important;
}

#menu-footer > li > ul.sub-menu,
#menu-footer-es > li > ul.sub-menu {
    list-style: none;
    margin: 0;
}

#menu-footer > li > ul.sub-menu > li,
#menu-footer-es > li > ul.sub-menu > li {
    display: block;
    margin: 0 0 30px 0;
}

#menu-footer > li > ul.sub-menu > li > a,
#menu-footer-es > li > ul.sub-menu > li > a {
    display: inline-block;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
    color: #043e5e;
    padding: 0;
    margin: 0;
}

#menu-footer > li > ul.sub-menu > li > a:hover,
#menu-footer-es > li > ul.sub-menu > li > a:hover,
#menu-footer > li > ul.sub-menu > li.current-menu-item > a,
#menu-footer-es > li > ul.sub-menu > li.current-menu-item > a {
    color: #ec1757;
    text-decoration: underline;
}

footer .soc-media {
    display: block;
    width: 26%;
    float: right;
    text-align: left;
}

footer .soc-media h5 {
    display: block;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    color: #043e5e;
    padding: 0 0 0 5px;
    margin: 0 0 24px 0;
}

footer .soc-media .sm-item {
    margin: 0 25px 10px 0;
}

footer .soc-media .sm-item > svg {
    width: 25px;
    height: 25px;
    line-height: 25px;
    color: #043e5e;
    background-color: transparent;
    text-align: center;
    border-radius: 0;
    padding: 0;
    transition: color .2s linear;
}

footer .soc-media .sm-item:hover > svg {
    background-color: transparent !important;
    color: #ec1757 !important;
}

footer .copyright {
    font-size: 16px;
    margin: 0;
    color: #27b4e8;
    line-height: 1.25;
    text-align: left;
}

footer .copyright > span {
    display: block;
    width: 100%;
    text-align: center;
}

footer .copyright > span:first-child {
    margin: 0 0 7px 0;
}

footer .copyright a {
    color: #27b4e8;
}

footer .copyright a:hover {
    color: #ec1757;
    text-decoration: underline;
}

footer .copyright .sabra,
footer .copyright .sabra a {
    color: #b3c0c7;
}

footer .copyright .sabra a:hover {
    color: #53b94a;
    text-decoration: underline;
}

footer .copyright .sabra svg {
    font-size: 14px;
    color: #ec1757;
    margin: 0 3px;
}

.foo-logos {
    border-top: 1px solid #e6f8fe;
    border-bottom: 1px solid #e6f8fe;

    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: -40px;
    margin-bottom: 30px;
}

.foo-logo-item {
    display: inline-block;
    vertical-align: top;
}

.foo-logo-item img {
    height: 86px;
}




/***********************************************************************************************************************
*                                                                                                                      *
*   MEDIA QUERIES ( RESPONSIVE )                                                                                       *
*                                                                                                                      *
***********************************************************************************************************************/
@media only screen and (min-width: 641px) {
    body > header .logo {
        position: absolute;
        top: 50%;
        left: 15px;

        -webkit-transform: translate( 0, -50% );
        -moz-transform:    translate( 0, -50% );
        -ms-transform:     translate( 0, -50% );
        -o-transform:      translate( 0, -50% );
        transform:         translate( 0, -50% );
    }

    .title-bar {
        display: none !important;
    }

    .top-bar, .top-bar ul {
        background-color: transparent;
    }

    #primary-menu-nav {
        padding: 22px 0 27px 350px;
    }

    #primary-menu,
    #menu-primary,
    #menu-primary-es {
        display: block;
        padding: 0;
        position: relative;
        top: 2px;
    }

    .top-bar .top-bar-right {
        display: block;
    }

    #menu-primary,
    #menu-primary-es {
        text-align: right;
    }

    #menu-primary > li.menu-item,
    #menu-primary-es > li.menu-item {
        display: inline-block;
        vertical-align: middle;
    }

    #menu-primary > li.menu-item > a,
    #menu-primary-es > li.menu-item > a {
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        color: #043e5e;
        padding: 15px 12px 10px;
    }

    #menu-primary > li.menu-item.search-app > a,
    #menu-primary-es > li.menu-item.search-app > a {
        font-size: 16px;
        padding: 12px 15px 9px;

    }

    #menu-primary > li.menu-item:hover > a,
    #menu-primary-es > li.menu-item:hover > a,
    #menu-primary > li.menu-item.current-menu-ancestor > a,
    #menu-primary-es > li.menu-item.current-menu-ancestor > a,
    #menu-primary > li.menu-item.current-menu-item > a,
    #menu-primary-es > li.menu-item.current-menu-item > a {
        color: #73bf44;
    }

    #menu-primary > li.is-dropdown-submenu-parent > a,
    #menu-primary-es > li.is-dropdown-submenu-parent > a {
        padding-right: 25px;
    }

    .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
        border: inset 4px;
        border-color: #1f76b0 transparent transparent;
        right: 10px;
        margin-top: -3px;
        transition: border-color .2s linear;
    }

    #menu-primary > li.menu-item:hover > a::after,
    #menu-primary-es > li.menu-item:hover > a::after,
    #menu-primary > li.menu-item.current-menu-ancestor > a::after,
    #menu-primary-es > li.menu-item.current-menu-ancestor > a::after,
    #menu-primary > li.menu-item.current-menu-item > a::after,
    #menu-primary-es > li.menu-item.current-menu-item > a::after {
        border-color: #9fff64 transparent transparent;
    }

    #menu-primary > li.menu-item.btn,
    #menu-primary-es > li.menu-item.btn {
        padding: 0 0 0 8px;
    }

    #menu-primary > li.menu-item.btn > a,
    #menu-primary-es > li.menu-item.btn > a {
        display: block;
        background-color: #73bf44;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        color: #fff;
        padding: 18px 25px 14px;
        border-radius: 50px;
        text-align: center;
        line-height: 1.1;
        position: relative;
        top: -1px;

        box-shadow: 3px 6px 25px rgba(115, 191, 68, 0.78);
        transition: all .2s linear;
    }

    #menu-primary > li.menu-item.btn > a:hover,
    #menu-primary-es > li.menu-item.btn > a:hover {
        background-color: #ec1857;
        box-shadow: 3px 6px 25px rgba(236, 24, 87, 0.78);
    }

    #menu-primary > li.menu-item.btn-dark-blue > a,
    #menu-primary-es > li.menu-item.btn-dark-blue > a {
        background-color: #043e5e;
        box-shadow: 3px 6px 25px rgba(4, 62, 94, 0.78);
    }

    #menu-primary > li.menu-item.btn-dark-blue > a:hover,
    #menu-primary-es > li.menu-item.btn-dark-blue > a:hover {
        background-color: #27b4e8;
        box-shadow: 3px 6px 25px rgba(39, 180, 232, 0.78);
    }

    #menu-primary > li.menu-item.btn > a em,
    #menu-primary-es > li.menu-item.btn > a em {
        font-weight: 600;
    }

    .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
        right: auto;
        left: 0;
        border: 0;
        padding: 27px 0 0 0;
    }

    .is-dropdown-submenu > li {
        text-align: left;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }

    .is-dropdown-submenu > li:last-child {
        border-bottom: 1px solid #ddd;
        border-radius: 0 0 3px 3px;

    }

    .is-dropdown-submenu > li > a {
        background-color: #fff;
        color: #043e5e;
    }

    .is-dropdown-submenu > li:first-child > a {
        padding-top: 20px;
    }

    .is-dropdown-submenu > li:last-child > a {
        padding-bottom: 20px;
    }

    .is-dropdown-submenu > li:hover > a,
    .is-dropdown-submenu > li.current-menu-item > a {
        color: #73bf44;
    }


    /* Header Lang Switcher */
    body.logged-in .custom-lang-switcher {
        display: inline-block;
        position: absolute;
        top: 50%;
        right: 15px;

        -webkit-transform: translate( 0, -50% );
        -moz-transform:    translate( 0, -50% );
        -ms-transform:     translate( 0, -50% );
        -o-transform:      translate( 0, -50% );
        transform:         translate( 0, -50% );
    }

    body.logged-in .wpml-ls-legacy-list-vertical .wpml-ls-item {
        opacity: 0.3;
        transition: opacity .05s linear;
    }

    body.logged-in .wpml-ls-legacy-list-vertical .wpml-ls-item:hover,
    body.logged-in .wpml-ls-legacy-list-vertical .wpml-ls-item.wpml-ls-current-language {
        opacity: 1;
        transition: opacity .05s linear;
    }

    body.logged-in .wpml-ls-legacy-list-vertical a {
        padding: 0 0;
        line-height: 1;
    }

    body.logged-in .wpml-ls-legacy-list-vertical .wpml-ls-flag {
        width: 24px;
        height: 24px;
    }

    body.logged-in #menu-primary > li.menu-item.btn > a,
    body.logged-in #menu-primary-es > li.menu-item.btn > a {
        padding: 16px 18px 12px;
    }

    body.logged-in .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
        right: auto;
        left: 0;
        border: 0;
        padding: 25px 0 0 0;
    }

    body.logged-in #primary-menu-nav {
        padding: 22px 55px 27px 290px;
    }

    body.logged-in > header .logo {
        width: 274px;
    }

    body.logged-in > header .announcement-bar h5 {
        font-size: 18px;
    }

    body.logged-in > header .announcement-bar .btn {
        padding: 5px 15px 3px;
        font-size: 13px;
    }
}


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


@media only screen and (max-width: 1750px) {
    .post-object-1 .content {
        margin: -140px 0 0 50px;
        padding: 45px 20px 40px 45px;
        width: calc( 100% - 50px );
    }

    .post-object-1.program .title {
        font-size: 38px;
    }
}


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


@media only screen and (max-width: 1440px) {
    section#masthead {
        height: 420px;
    }

    #home-slider .slide .caption h2 {
        font-size: 40px;
    }

    #home-slider .slide .caption p {
        font-size: 20px;
        margin: 0 0 15px;
    }

    #home-slider .btn-transparent {
        font-size: 14px;
    }

    .post-object-1.program .title {
        font-size: 34px;
    }

    .post-object-1.program .description > p {
        font-size: 20px;
    }

    .post-object-1.program .learn-more {
        font-size: 16px;
    }

    section.featured-news {
        margin: 0 0 45px;
    }

    section.instagram-feed {
        margin: 0 0 50px 0;
    }

    body.home section.upcoming-events {
        padding: 50px 0 10px;
    }

    section.upcoming-events .section-title {
        margin-bottom: 45px;
    }

    .popup {
        padding: 85px 15px 0 15px;
    }

    #member-popup {
        padding: 135px 15px 0 15px;
    }

    .newsletter-archive:not( .board-mode ) {
        min-height: 330px;
        max-height: 440px;
    }

    section#calendar .grid-container {
        max-width: 950px;
    }

    body .fc-toolbar .fc-center {
        padding-right: 0;
    }

    body .ui-tooltip {
        padding: 22px 20px 20px 20px;
        max-width: 360px !important;
    }

    .event-custom-tooltip h4 {
        font-size: 18px;
    }

    .event-custom-tooltip p {
        font-size: 13px;
        line-height: 1.25;
    }

    body .wpfc-calendar-wrapper h2 {
        font-size: 26px !important;
        position: relative;
        top: 9px;
    }
}


@media only screen and (max-width: 1440px) and (max-height: 768px) {
    #member-popup {
        padding: 105px 15px 0 15px;
        max-width: 820px;
    }

    .member-popup-content {
        padding: 123px 60px 100px;
    }

    .member-popup-content:after {
        bottom: 20px;
        width: 210px;
    }

    .member-popup-content .photo {
        width: 190px;
        height: 190px;
    }

    .member-popup-content .name {
        font-size: 40px;
    }

    .member-popup-content .bio {
        max-height: 250px;
    }
}


@media only screen and (max-width: 1280px) {
    .post-object-1.event .content {
        padding: 30px 25px 25px;
    }

    .post-object-1 .title {
        font-size: 24px;
    }

    .section-title {
        font-size: 46px;
    }

    section.our-mission .top-content p {
        font-size: 19px;
    }

    .post-object-1 .content {
        margin: -140px 0 0 30px;
        padding: 40px 20px 35px 25px;
        width: calc( 100% - 30px );
    }

    .post-object-1.program .title {
        font-size: 30px;
    }

    .post-object-1 .subtitle {
        font-size: 22px;
        padding: 0 0 0 46%;
    }

    .post-object-1.program .description > p {
        font-size: 19px;
    }

    .post-object-1.program .learn-more {
        font-size: 15px;
    }

    #quotes-slider:before {
        font-size: 224px;
    }

    #quotes-slider {
        padding: 95px 85px 0;
    }

    section.quotes .quote p {
        line-height: 1.35;
    }

    section.quotes {
        padding: 60px 0;
    }

    section.quotes .quote .buttons-wrap {
        margin: 25px 0 0;
    }

    section.featured-news {
        padding: 5px 0;
    }

    .post-object-1 .post-date {
        font-size: 14px;
    }

    section.featured-news .btn {
        margin: 25px 0 0 0;
    }

    .donation-banner p,
    .blue-green-box p {
        font-size: 30px;
        line-height: 1.25;
    }

    .donation-banner
    .blue-green-box {
        padding: 130px 85px 70px;
    }

    .donation-banner:before {
        top: 38px;
    }

    section.donate-now .btn {
        font-size: 24px;
    }

    #menu-footer > li > a,
    #menu-footer-es > li > a,
    footer .soc-media h5 {
        font-size: 18px;
    }

    #menu-footer > li > ul.sub-menu > li > a,
    #menu-footer-es > li > ul.sub-menu > li > a {
        font-size: 17px;
    }

    footer .soc-media .sm-item > svg {
        width: 22px;
        height: 22px;
        line-height: 22px;
    }

    footer .copyright {
        font-size: 15px;
    }

    #member-popup {
        padding: 110px 15px 0 15px;
    }

    .member-popup-content .photo {
        width: 190px;
        height: 190px;
    }

    .member-popup-content {
        padding: 115px 65px 100px;
    }

    .member-popup-content .name {
        font-size: 44px;
    }

    .member-popup-content .bio {
        max-height: 325px;
    }

    .member-popup-content:after {
        bottom: 24px;
    }

    section#calendar .grid-container {
        max-width: 900px;
    }
}


@media only screen and (max-width: 1200px) {
    section#masthead {
        height: 420px;
    }
}

@media only screen and (max-width: 1024px) {
    section#masthead {
        height: 420px;
    }

    #home-slider {
        height: 700px;
    }

    #home-slider .slide .caption {
        padding: 40px 45px;
    }

    .blue-and-pink-box > div {
        padding: 30px 60px 30px 30px;
    }

    .blue-and-pink-box > .blue {
        padding-right: 315px;
    }

    section.blue-and-pink .gform_wrapper {
        width: 280px;
    }

    body section.blue-and-pink .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
        font-size: 14px;
        padding: 5px 110px 5px 30px;
    }

    .blue-and-pink-box p {
        font-size: 14px;
        line-height: 1.35;
    }

    section.our-mission {
        padding: 60px 0 40px;
    }

    section.our-mission .buttons-wrap {
        margin: 0 0 45px;
    }

    .post-object-1 .content {
        padding: 35px 20px 30px 25px;
    }

    .tweeter-feed .twitter-cell,
    .upcoming-events .upcoming-events-cell {
        width: 45%;
    }

    #quotes-slider {
        padding: 95px 0 0;
    }

    footer .copyright {
        text-align: center;
    }

    footer .copyright .sabra {
        display: inline-block;
        width: 100%;
        padding-top: 8px;
    }

    .contacts-app {
        padding: 35px 25px 25px;
    }

    .team-member .team-member-content {
        padding: 25px 15px;
    }

    .team-member .photo {
        width: 190px;
        height: 190px;
    }

    .team-member .btn {
        font-size: 14px;
        padding: 12px 26px;
    }

    .newsletter-archive-title {
        font-size: 32px;
    }

    .newsletter-archive-title .newsletter-year {
        top: -7px;
    }

    .benefits {
        width: 50%;
    }

    .donation-way-item .btn {
        padding: 12px 30px;
    }

    .typography .donation-way-item.size-33 p,
    .typography .donation-way-item.size-25 p {
        font-size: 13px;
    }

    .theme-tabs-item {
        font-size: 12px;
        padding: 16px 10px 13px;
        min-width: 150px;
    }

    .section-title.newsletter-type {
        font-size: 32px;
    }

    .section-title.newsletter-type > span[type="e"] {
        margin-right: 60px;
    }

    .pinned-newsletter .title {
        font-size: 22px;
    }

    body.page-template-tmpl-community-partnerships .typography h4 {
        font-size: 26px;
    }

    .mt-number-item .title {
        font-size: 50px;
    }

    .mw-item {
        padding: 30px 10px 80px;
    }

    .mw-item .icon {
        height: 90px;
    }

    .mw-item .title {
        font-size: 16px;
    }

    .mw-item .btn {
        font-size: 11px;
        padding: 10px 16px;
    }

    .mw-item .description p {
        font-size: 13px;
    }

    .story-item .content {
        width: calc( 100% - 20px );
        margin-left: 20px;
        padding: 30px 25px 95px;
    }

    .story-item .content h4 {
        font-size: 18px;
    }

    .story-item .content p {
        font-size: 15px;
    }

    .story-item .content .buttons-wrap .btn {
        font-size: 10px;
    }

    .i-navy-box {
        padding: 120px 25px 35px;
    }

    .i-navy-box p {
        font-size: 22px;
    }

    .i-navy-box .btn {
        font-size: 16px;
    }
}


@media only screen and (max-width: 1024px) and (min-width: 641px) {
    #primary-menu-nav {
        padding: 22px 0 27px 330px;
    }

    #menu-primary > li.menu-item > a,
    #menu-primary-es > li.menu-item > a {
        padding: 15px 12px 10px;
    }

    #menu-primary > li.menu-item.btn > a,
    #menu-primary-es > li.menu-item.btn > a {
        font-size: 12px;
        padding: 18px 30px 14px;
    }

    #menu-primary > li.is-dropdown-submenu-parent > a,
    #menu-primary-es > li.is-dropdown-submenu-parent > a {
        padding-right: 22px;
    }

    #menu-primary > li.menu-item.search-app > a,
    #menu-primary-es > li.menu-item.search-app > a {
        padding: 12px 12px 9px;
    }
}


@media only screen and (max-width: 991px) {
    #home-slider {
        height: 545px;
    }

    #home-slider .slide .caption {
        padding: 35px 30px;
    }

    #home-slider .slide .caption h2 {
        font-size: 34px;
    }

    #home-slider .slide .caption p {
        font-size: 17px;
    }

    .blue-and-pink-box > div {
        padding: 22px 60px 25px 30px;
    }

    .blue-and-pink-box > .blue {
        padding-right: 35px;
    }

    .blue-and-pink-box > .blue p {
        margin-bottom: 15px;
        padding-left: 0;
        text-align: center;
    }

    section.blue-and-pink .gform_wrapper {
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;

        -webkit-transform: none;
        -moz-transform:    none;
        -ms-transform:     none;
        -o-transform:      none;
        transform:         none;
    }

    .blue-and-pink-box > .pink {
        padding-left: 20px;
        padding-right: 155px;
    }

    .blue-and-pink-box > .pink .btn {
        right: 19px;
    }

    .blue-and-pink-box > .pink p {
        font-size: 13px;
    }

    section.our-mission {
        padding: 50px 0 30px;
    }

    .section-title {
        font-size: 44px;
    }

    section.our-mission .top-content p {
        font-size: 18px;
    }

    section.our-mission .buttons-wrap {
        margin: 0 0 35px;
    }

    .typography h2 {
        font-size: 40px;
    }

    section#sign-up-wrap {
        padding: 50px 0 40px;
    }

    section#sign-up-wrap .section-title {
        font-size: 38px;
    }

    section#sign-up-wrap .btn {
        margin: 0 0 0 25px;
    }

    .section-title img {
        width: 38px;
        top: -7px;
    }

    section.employment-benefits .copy-with-image.with-image {
        display: block;
    }

    section.employment-benefits .copy-with-image.with-image .copy {
        width: 100%;
        padding: 50px;
    }

    section.employment-benefits .copy-with-image.with-image .image {
        width: 100%;
        position: relative;
    }

    section.employment-benefits .copy-with-image.with-image .image:before {
        content: "";
        display: block;
        width: 100%;
        padding-bottom: 72%;
    }

    .flip-card {
        width: calc( 50% - 10px );
        margin: 20px 0 0 20px;
    }

    .flip-card:first-child, .flip-card:nth-child( 2n + 1 ) {
        margin-left: 0;
    }

    .filter-box-new[dropdowns="5"] {
        padding: 22px 115px 140px 20px;
    }

    .filter-box-new[dropdowns="5"] .facetwp-type-fselect {
        width: calc( 33% - 4px );
        margin-bottom: 9px !important;
    }

    .filter-box-new[dropdowns="5"] .facetwp-type-fselect:nth-child( 3n ) {
        margin-right: 0;
    }

    .filter-box-new[dropdowns="5"] .taxonomies-filter {
        bottom: 12px;
    }
}


@media only screen and (max-width: 991px) and (min-width: 641px) {
    body > header .logo {
        width: 190px;
    }

    #primary-menu-nav {
        padding: 20px 0 25px 195px;
    }

    #menu-primary > li.menu-item > a,
    #menu-primary-es > li.menu-item > a {
        font-size: 12px;
        padding: 15px 8px 10px;
    }

    #menu-primary > li.is-dropdown-submenu-parent > a,
    #menu-primary-es > li.is-dropdown-submenu-parent > a {
        padding-right: 18px;
    }

    #menu-primary > li.menu-item.search-app > a,
    #menu-primary-es > li.menu-item.search-app > a {
        font-size: 14px;
        padding: 13px 7px 9px;
    }

    #menu-primary > li.menu-item.btn,
    #menu-primary-es > li.menu-item.btn {
        padding: 0 0 0 5px;
    }

    #menu-primary > li.menu-item.btn > a,
    #menu-primary-es > li.menu-item.btn > a {
        font-size: 11px;
        padding: 16px 18px 12px;
    }

    .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
        right: 5px;
        margin-top: -2px;
    }
}


@media only screen and (max-width: 768px) {
    #sb_instagram.sbi_col_4 #sbi_images .sbi_item {
        width: 50%;
    }

    .tweeter-feed .twitter-cell,
    .upcoming-events .upcoming-events-cell {
        width: 50%;
    }

    .menu-footer-container,
    .menu-footer-es-container {
        width: 100%;
        float: none;
    }

    footer .soc-media {
        width: 100%;
        float: none;
        text-align: center;
        margin-bottom: 40px;
    }

    footer .soc-media .sm-item {
        margin: 0 20px 10px;
    }

    footer .copyright > span:first-child {
        margin: 0 0 25px 0;
    }

    section#masthead {
        height: 350px;
    }

    .content-white-wrap {
        padding: 50px 40px;
        margin-bottom: 55px;
    }

    .theme-tabs.titles-mode .theme-tabs-item {
        font-size: 30px;
    }

    .newsletter-archive .newsletter-item > .name-wrap {
        font-size: 17px;
    }

    .typography .contact-item .map .acf-map {
        height: 265px;
    }

    .contact-item {
        padding: 15px 0;
    }

    .search-directions-box input {
        padding: 5px 40px;
        font-size: 12px;
    }

    .search-directions-box .search {
        left: 12px;
        font-size: 18px;
    }

    .search-directions-box .arrow {
        right: 12px;
        font-size: 18px;
    }

    .search-directions-box select {
        font-size: 12px;
    }

    .team-member .photo {
        width: 148px;
        height: 148px;
    }

    .team-member .name {
        font-size: 16px;
    }

    .team-member .btn {
        font-size: 13px;
        padding: 11px 25px;
    }

    .team-member .team-name {
        font-size: 20px;
    }

    .team-member .position {
        font-size: 14px;
    }

    .team-member.team-leader .team-member-content {
        padding: 25px 15px 30px;
    }

    .newsletter-archive-title {
        font-size: 25px;
    }

    .newsletter-archive-title .newsletter-year {
        top: -10px;
    }

    .pinned-newsletter .title {
        font-size: 24px;
    }

    .benefits {
        padding: 40px 30px;
    }

    section#calendar .back-to-events {
        top: 5px;
        left: 40px;
    }

    section#calendar .fc-toolbar {
        padding-left: 0;
    }

    .donation-way-item.size-33,
    .donation-way-item.size-25 {
        width: 49%;
        margin-right: 2%;
    }

    .donation-way-item:nth-child( even ) {
        margin-right: 0 !important;
    }

    .donation-way-item .btn {
        min-width: 190px;
    }

    .typography .donation-way-item.size-33 p,
    .typography .donation-way-item.size-25 p {
        font-size: 17px;
    }

    section#masthead.with-buttons {
        height: 460px;
    }

    .masthead-caption h1 {
        font-size: 50px;
    }

    body.page-template-tmpl-education-programs section#calendar .btn.back-button.back-to-events {
        display: none;
    }

    .search-directions-box {
        bottom: 40px;
        max-width: 600px;
    }

    .partner {
        width: 33%;
    }

    .theme-tabs-item {
        padding: 16px 1px 13px;
        min-width: 140px;
    }

    .sidebar-categories .categories > li > a.category-item {
        padding: 15px 5px 11px 15px;
    }

    body.single-news .single-post-main-content .post-object-1 .content, body.single-volunteer_story .single-post-main-content .post-object-1 .content, body.single-event .single-post-main-content .post-object-1 .content {
        padding: 50px 45px;
    }

    body.single .section-content-wrap {
        padding: 50px 45px 60px;
    }

    .press-repo-tabs .tab {
        font-size: 40px;
    }

    .events-scope-filter > a {
        width: 165px;
    }

    .em-pagination {
        margin: 15px 0 0 0 !important;
    }

    .em-pagination > * {
        margin: 3px 3px;
    }

    body.page-template-tmpl-events-archive section#archive {
        padding: 45px 0;
    }

    .events-scope-filter {
        margin-bottom: 35px;
    }

    .em-location-map-container {
        width: 400px !important;
    }

    .section-title.newsletter-type {
        font-size: 29px;
    }

    .pinned-newsletter .title {
        font-size: 20px;
    }

    .newsletters-wrap {
        padding: 50px 30px;
    }

    body.page-template-tmpl-community-partnerships .typography h4 {
        font-size: 25px;
    }

    .colored-card {
        width: 100%;
        margin: 20px 0 0 0;
    }

    section.career-banner .benefits-content h2 {
        font-size: 64px;
    }

    section.career-banner .benefits-content h3 {
        font-size: 32px;
    }

    .ca-fs-slider .slide .copy {
        font-size: 26px;
    }

    section.cd-donation .person-wrap img {
        right: 10px;
    }

    .mt-number-item .title {
        font-size: 50px;
    }

    .wd-cards {
        display: block;
    }

    .wd-card {
        display: block;
        width: 100%;
        max-width: 480px;
        margin: 20px auto;
    }

    section#masthead.masthead-thankyou .masthead-caption h1 {
        font-size: 46px;
    }

    .mw-item .btn {
        font-size: 14px;
        padding: 10px 20px;
    }

    .popup-content {
        background-color: #fff;
        padding: 60px 50px 130px;
    }
}


@media only screen and (max-width: 640px) {
    body {
        padding-top: 70px !important;
    }

    section#masthead {
        height: 300px;
    }

    .masthead-caption {
        top: 40%;
    }

    .masthead-caption h1 {
        font-size: 40px;
    }

    body > header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    body > header .grid-container {
        padding-right: 0;
        padding-left: 0;
    }

    body > header .cell {
        padding: 0 !important;
    }

    body > header .grid-container:not( .full ) > .grid-padding-x {
        margin-right: 0;
        margin-left: 0;
    }

    body > header > div {
        padding: 0;
    }

    body > header .logo,
    body.home > header .logo {
        position: absolute;
        left: 15px;
        top: 15px;
        max-width: 280px;
        margin: 0;
    }

    body > header .logo,
    body.home > header .logo {
        left: 50%;
        top: 10px;
        max-width: 245px;
        -webkit-transform: translate( -50%, 0 );
        -moz-transform: translate( -50%, 0 );
        -ms-transform: translate( -50%, 0 );
        -o-transform: translate( -50%, 0 );
        transform: translate( -50%, 0 );
    }

    #primary-menu-nav {
        border-bottom: 2px solid #0f3e5e;
    }

    .top-bar {
        padding: 0;
    }

    .title-bar {
        display: block;
        padding: 22px 0;
        background-color: #fff;
    }

    .top-bar,
    .top-bar ul {
        background-color: #fff;
    }

    .menu-icon {
        position: absolute;
        display: block;
        width: 28px;
        height: 19px;
        cursor: pointer;
        top: 25px;
        right: 15px;
        outline: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .menu-icon > .line {
        display: block;
        width: 100%;
        height: 3px;
        background-color: #0f3e5e;
        position: absolute;
    }

    .menu-icon > .line-1 {
        top: 0;
        left: 0;
        transition: all .25s linear;
    }

    .menu-icon > .line-2 {
        top: 8px;
        left: 0;
        transition: all .15s linear .25s;
    }

    .menu-icon > .line-3 {
        left: 0;
        bottom: 0;
        transition: all .25s linear;
    }

    .menu-icon.opened > .line-1 {
        background-color: #ec1857;

        top: 8px;
        left: 0;
        transform: rotate( 42deg );
        transition: all .25s linear;
    }

    .menu-icon.opened > .line-2 {
        opacity: 0;
        transition: all 0s linear 0s;
    }

    .menu-icon.opened > .line-3 {
        background-color: #ec1857;

        left: 0;
        bottom: 8px;
        transform: rotate( -42deg );
        transition: all .25s linear;
    }

    .menu-icon::after {
        display: none;
    }

    body > header .is-drilldown li:first-child{
        border-top: 2px solid #0f3e5e;
    }

    body > header .is-drilldown li:not( :last-child ) {
        border-bottom: 2px solid #0f3e5e;
    }

    body > header .drilldown a {
        padding: 18px 15px 14px;
        background: #fff;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 800;
        color: #0f3e5e;
    }

    body > header .drilldown .is-drilldown-submenu-parent > a::after {
        border-color: transparent transparent transparent #0f3e5e;
    }

    body > header .drilldown .is-drilldown-submenu a {
        padding: 18px 15px 14px;
    }

    body > header .drilldown .js-drilldown-back > a::before {
        border-color: transparent #0f3e5e transparent transparent;
        position: relative;
        top: -2px;
    }

    #menu-primary > li.menu-item.btn,
    #menu-primary-es > li.menu-item.btn {
        padding: 25px 48px 25px;
        background-color: #f5f5f5;
        border-radius: 0;
    }

    #menu-primary > li.menu-item.btn > a,
    #menu-primary-es > li.menu-item.btn > a {
        display: block;
        background-color: #73bf44;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        color: #fff;
        padding: 18px 35px 14px;
        border-radius: 50px;
        text-align: center;
        line-height: 1.1;
        position: relative;
        top: -1px;
        box-shadow: 3px 6px 25px rgba(115, 191, 68, 0.78);
        transition: all .2s linear;
    }

    .tweeter-feed .twitter-cell,
    .upcoming-events .upcoming-events-cell {
        width: 100%;
    }

    #sb_instagram.sbi_col_4 #sbi_images .sbi_item {
        width: 50%;
    }

    #sb_instagram .sbi_photo {
        height: auto !important;
        padding-bottom: 100% !important;
    }

    #home-slider .slide .caption {
        max-width: 100%;
        padding: 30px 30px 45px;
    }

    #home-slider .slick-next,
    #home-slider .slick-prev {
        font-size: 18px;
        bottom: 5px;
    }

    #home-slider .slide .caption h2 {
        font-size: 28px;
    }

    #home-slider .slide .caption p {
        font-size: 16px;
    }

    section.blue-and-pink {
        padding-top: 15px;
    }

    .blue-and-pink-box {
        display: block;
    }

    .blue-and-pink-box > div {
        width: 100%;
        display: block;
    }

    .blue-and-pink-box > .blue {
        border-radius: 5px;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 15px;
    }

    .blue-and-pink-box > .pink {
        border-radius: 5px;
    }

    section.our-mission {
        padding: 40px 0 0;
    }

    section.our-mission .btn {
        padding: 12px 35px;
        min-width: 275px;
    }

    .twitter-follow-btn {
        padding: 10px 0 45px;
    }

    section.quotes {
        padding: 50px 0 40px;
        margin: 0 0 45px;
    }

    #quotes-slider:before {
        font-size: 185px;
        left: 42%;
    }

    #quotes-slider {
        padding: 80px 0 0;
    }

    section.quotes .quote p,
    section.quotes .quote .author {
        font-size: 18px;
    }

    section.quotes .quote .buttons-wrap .btn {
        font-size: 16px;
        margin: 5px 5px 10px 5px;
    }

    .section-title {
        font-size: 40px;
        line-height: 1.1;
        margin: 0 0 40px 0;
    }

    .btn {
        padding: 12px 15px;
    }

    section.featured-news .btn {
        margin: 20px 0 0 0;
    }

    section.donate-now {
        margin: 0 0 70px 0;
    }

    .donation-banner,
    .benefits-wrap,
    .blue-green-box {
        padding: 130px 20px 70px;
    }

    .donation-banner p,
    .blue-green-box p {
        font-size: 26px;
    }

    section.donate-now .btn {
        font-size: 20px;
        padding: 15px 36px;
    }

    section.instagram-feed {
        margin: 0 0 30px 0;
    }

    body.home section.upcoming-events {
        padding: 45px 0 10px;
    }

    section.upcoming-events .section-title {
        margin-bottom: 35px;
    }

    section.upcoming-events .cell > .btn {
        margin-top: 5px;
    }

    .footer-container {
        padding: 45px 30px 30px 30px;
    }

    footer .logo {
        width: 244px;
        margin-bottom: 45px;
    }

    .menu-footer-container,
    .menu-footer-es-container {
        width: 100%;
        float: none;
        text-align: center;
    }

    footer .soc-media {
        width: 100%;
        float: none;
        text-align: center;
        margin-bottom: 40px;
    }

    footer .copyright > span:first-child {
        margin: 0;
    }

    #menu-footer,
    #menu-footer-es {
        text-align: center;
    }

    #menu-footer > li,
    #menu-footer-es > li {
        width: 100%;
        margin: 0 0 25px 0;
    }

    #menu-footer > li > a,
    #menu-footer-es > li > a {
        margin: 0 0 16px 0;
    }

    #menu-footer > li > ul.sub-menu > li,
    #menu-footer-es > li > ul.sub-menu > li {
        margin: 0 0 15px 0;
    }

    footer .soc-media h5 {
        padding: 0;
    }

    footer .copyright {
        font-size: 14px;
        margin: 0;
    }

    #search-app {
        padding-right: 0;
        text-align: center;
    }

    #search-app #search-form input {
        border: 5px solid #27b4e8;
        border-right: 5px solid #27b4e8;
        border-radius: 64px;
        height: 108px;
        padding: 20px 45px 10px 36px;
        font-size: 36px;
        margin: 0 0 20px;
        text-align: center;
    }

    #search-app #search-form #search-button {
        position: static;
        font-size: 42px;
        line-height: 122px;
        text-align: center;
        width: 108px;
        height: 108px;
        border-radius: 64px;
    }

    .content-white-wrap {
        padding: 40px 20px;
        margin-bottom: 45px;
    }

    .typography img {
        width: 100%;
        margin: 0;
        float: none;
    }

    .typography ol {
        margin-left: 0;
    }

    .typography h2 {
        font-size: 34px;
        line-height: 1;
    }

    .newsletter-archive .newsletter-item > div {
        display: block;
        padding: 20px 20px;
    }

    .newsletter-archive .newsletter-item > .button-wrap {
        width: 100%;
        padding-top: 0;
    }

    .newsletter-archive:not( .board-mode ) {
        min-height: 305px;
        max-height: 410px;
    }

    section#sign-up-wrap .btn {
        margin: 20px 0 0 0;
    }

    .popup {
        padding: 15px 15px 0 15px;
    }

    .popup.sign-up .popup-content {
        padding: 45px 35px 96px;
    }

    .popup.sign-up .popup-content .section-title {
        font-size: 26px;
        text-align: left;
        margin-bottom: 35px;
    }

    body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
        line-height: 1.2;
        min-height: auto;
    }

    body .gform_wrapper .gfield_checkbox li input[type=checkbox] + label {
        line-height: 1.5;
        font-size: 12px;

        min-height: 38px;
    }

    .popup-content:after {
        width: 180px;
        bottom: 20px;
    }

    .theme-tabs-item {
        min-width: 150px;
    }

    .board-members .team-member {
        width: 50%;
    }

    .team-member .bio {
        font-size: 12px;
        line-height: 1.25;
        margin: 0 0 15px 0;
    }

    .team-member .btn {
        font-size: 11px;
    }

    .team-member:hover .btn,
    .team-member.loading .btn {
        color: #fff;
        border-color: #fff;
    }

    .team-member .team-member-content {
        padding: 20px 10px;
    }

    .team-member .position {
        margin: 0 0 10px;
    }

    .team-member .name {
        font-size: 14px;
        padding: 20px 0 0 0;
    }

    .team-member {
        height: auto;
        margin: 0 0 10px 0;
    }

    .team-member .btn,
    .team-member .bio {
        visibility: visible;
    }

    .team-member .btn {
        color: #ec1757;
        border-color: #ec1757;
    }

    .board-members .team-member.team-leader {
        width: 50%;
    }

    .team-member .team-name {
        font-size: 16px;
    }

    #member-popup {
        padding: 95px 15px 0 15px;
    }

    .member-popup-content .photo {
        width: 160px;
        height: 160px;
    }

    .member-popup-content {
        padding: 90px 25px 76px;
    }

    .member-popup-content .name {
        font-size: 30px;
    }

    .member-popup-content .position {
        font-size: 22px;
        margin: 0 0 20px 0;
    }

    .member-popup-content .bio p {
        font-size: 15px;
        margin: 0 0 20px 0;
    }

    .member-popup-content:after {
        bottom: 8px;
        width: 170px;
    }

    .member-prev,
    .member-next {
        width: 35px;
        padding: 14px 0;
        font-size: 16px;

        background-color: #ec1757;
        color: #fff;

        z-index: 1000;
    }

    .member-prev {
        left: -15px;
    }

    .member-next {
        right: -15px;
    }

    .newsletters-wrap {
        padding: 30px 20px;
    }

    .pinned-newsletter .title {
        font-size: 14px;
    }

    .pinned-newsletter .btn {
        min-width: 100%;
        margin: 1px 0 0;
        font-size: 12px;
        padding: 12px 15px;
    }

    .section-title.newsletter-archive-title {
        padding-left: 8px;
        padding-right: 8px;
        font-size: 32px;
    }

    .newsletter-archive-title .newsletter-year {
        position: static;
        width: 100%;
        margin: 15px 0 0 0;
    }

    .newsletter-year {
        font-size: 14px;
    }

    .adobe-reader-requirements {
        font-size: 12px;
    }

    #careers-top-content .content-white-wrap > h2 {
        font-size: 40px;
        margin: 0 auto 30px;
    }

    .content-white-wrap .open-positions {
        margin-top: 27px;
    }

    body .BambooHR-ATS-board li {
        margin-bottom: 30px !important;
    }

    body #BambooHR li,
    body #BambooHR a {
        line-height: 1.2;
        text-align: center;
    }

    body .BambooHR-ATS-board .BambooHR-ATS-Location {
        float: none;
        display: block;
    }

    body #BambooHR-Footer img {
        display: inline;
        width: 130px;
    }

    body .BambooHR-ATS-Jobs-List {
        padding: 35px 20px !important;
    }

    section#benefits {
        margin: 0 0 40px;
    }

    .benefits {
        width: 100%;
        margin: 0 0 30px;
    }

    .benefits h4 {
        font-size: 40px;
        left: 0;
    }

    .benefits-wrap {
        padding: 110px 20px 10px;
    }

    .benefits.green {
        border-right: 1px dashed #73bf44;
        border-radius: 5px;
    }

    .benefits.pink {
        border-left: 1px dashed #ec1757;
    }

    .benefits-list li {
        font-size: 16px;
    }

    section#calendar .content-white-wrap {
        padding: 75px 20px 40px;
    }

    section#calendar .back-to-events {
        top: 20px;
        left: 20px;
    }

    body .fc button {
         padding: 5px 12px;
    }

    body .wpfc-calendar-wrapper h2 {
        top: 0;
    }

    body .fc-toolbar .fc-center {
        top: 0;
        padding: 15px 0 0;
    }

    section.upcoming-events {
        padding: 40px 0;
    }

    .donation-way-item.size-50,
    .donation-way-item.size-33,
    .donation-way-item.size-25 {
        width: 100%;
        margin-right: 0;
    }

    .donation-end-content {
        margin-bottom: 45px;
    }

    .donation-end-content .typography img {
        width: auto;
        margin: 10px;
    }

    .popup.donation-popup {
        padding-top: 80px;
    }

    .donation-popup .popup-content .icon {
        width: 140px;
        height: 140px;
    }

    .donation-popup .popup-content {
        padding: 85px 15px;
    }

    .donation-popup .popup-content .section-title {
        font-size: 32px;
        line-height: 1;
    }

    .donation-popup .popup-content:after {
        bottom: 12px;
    }

    .donation-popup .typography p,
    .donation-popup .typography ol:not( .accordion ) li:not( .gfield ),
    .donation-popup .typography ul:not( .accordion ) li:not( .gfield ) {
        font-size: 14px;
    }

    .donation-way-item.size-50 {
        padding: 35px 15px 85px;
    }

    body.page-template-tmpl-programs .blue-green-box.quote {
        padding: 50px 10px 30px;
    }

    body.page-template-tmpl-programs .quote-wrap:before {
        font-size: 200px;
        top: -25px;
        left: 43%;
    }

    body.page-template-tmpl-programs .blue-green-box.quote p {
        font-size: 22px;
    }

    body.page-template-tmpl-programs section#quote {
        margin: 25px 0 45px;
    }

    body.page-template-tmpl-programs .our-mission {
        padding: 15px 0 10px;
    }

    section#navigation .buttons-wrap .btn-transparent {
        min-width: 280px;
    }

    section#navigation {
        margin-top: 0;
        margin-bottom: 50px;
    }

    .typography .board-members > .team-member {
        width: 50%;
    }

    section#map .points .point,
    .map .points .point {
        width: 100%;
        font-size: 14px;
    }

    section#map {
        position: relative;
        margin-bottom: 50px;
    }

    section#map .acf-map {
        height: 465px;
    }

    .gm-bundled-control-on-bottom {
        display: none !important;
    }

    .search-directions-box select {
        width: 180px;
    }

    .search-directions-box {
        padding: 0 195px 0 15px;
    }

    section#calendar .content-white-wrap {
        padding: 40px 20px 40px;
    }

    section#calendar .typography h2 {
        font-family: 'Arvo', sans-serif;
        font-size: 44px;
        font-weight: 600;
        line-height: 1.2;
        color: #043e5e;
        margin: 0 auto 25px;
    }

    .partner {
        width: 100%;
        height: 135px;
    }

    .testimonial {
        display: table;
        padding: 250px 20px 35px 20px;
        min-height: 235px;
        position: relative;
    }

    .testimonial > .photo {
        left: 50%;
        top: 40px;
        -webkit-transform: translate( -50%, 0 );
        -moz-transform:    translate( -50%, 0 );
        -ms-transform:     translate( -50%, 0 );
        -o-transform:      translate( -50%, 0 );
        transform:         translate( -50%, 0 );
    }

    .buttons-desk.buttons-desk-2 .button-desk {
        width: 100%;
        padding: 45px 25px 45px;
    }

    .typography .buttons-desk p,
    .typography .buttons-desk ol:not( .accordion ) li:not( .gfield ),
    .typography .buttons-desk ul:not( .accordion ) li:not( .gfield ) {
        font-size: 13px;
    }

    .buttons-desk .btn {
        min-width: 170px;
        font-size: 16px;
    }

    .sticky.is-anchored {
        top: auto !important;
    }

    ol ol,
    ol ul,
    ul ol,
    ul ul {
        margin-left: 0;
    }

    section#archive {
        padding: 35px 0;
    }

    .filter-box {
        padding-left: 38%;
        margin-bottom: 35px;
    }

    .filter-box .view {
        padding: 15px 15px 11px;
        width: calc(38% - 10px);
    }

    .pagination-wrap {
        margin: 12px 0 40px 0;
    }

    .archive-items.grid .post-object-1 .content {
        padding: 25px 15px 25px;
    }

    .post-object-1 .description p,
    .post-object-1 .full-content p {
        font-size: 14px;
    }

    .archive-items.grid .post-object-1 .post-date,
    .archive-items.grid .learn-more {
        font-size: 13px;
    }

    .archive-items.grid .post-object-1 .title {
        font-size: 22px;
    }

    body.archive section#masthead,
    body.page-template-tmpl-events-archive section#masthead{
        height: 250px;
    }

    body.archive .masthead-caption,
    body.page-template-tmpl-events-archive .masthead-caption {
        top: 48%;
    }

    body.single-news .single-post-main-content .title,
    body.single-volunteer_story .single-post-main-content .title,
    body.single-event .single-post-main-content .title {
        font-size: 32px;
        margin: 0 auto 25px;
    }

    body.single-news .single-post-main-content .post-object-1 .content,
    body.single-volunteer_story .single-post-main-content .post-object-1 .content,
    body.single-event .single-post-main-content .post-object-1 .content {
        padding: 35px 30px;
    }

    body.single .section-content-wrap {
        padding: 50px 30px 50px;
    }

    body.single section#masthead {
        height: 220px;
    }

    .copy-wrap {
        width: 100%;
    }

    .copy-container > .copy-wrap:first-child {
        margin-right: 0;
        margin-bottom: 25px;
    }

    body.single ul {
        margin-left: 0;
    }

    .gap-container {
        display: block;
    }

    .gap-container > div {
        width: 100%;
        display: block;
    }

    .gap-copy {
        padding: 30px 0;
    }

    body.single .map .acf-map {
        height: 300px;
    }

    .typography h1 {
        font-size: 40px;
        padding: 24px 35px;
        margin: 0 0 35px 0;
    }

    .typography h3 {
        font-size: 30px;
    }

    .comments-wrap {
        padding: 45px 30px 50px;
    }

    .typography h4.pb-section-subtitle {
        font-size: 19px;
    }

    .navy-box {
        padding: 25px 15px;
    }

    .press-repo-tabs .tab {
        font-size: 30px;
    }

    .press-repo-tabs .tab:first-child {
        margin-bottom: 10px;
    }

    .navy-box .newsletter-archive:not( .board-mode ) {
        min-height: 190px;
        max-height: 190px;
    }

    .navy-box.expanded .newsletter-archive {
        max-height: 380px;
    }

    .events-scope-filter > a {
        font-size: 13px;
        width: 120px;
    }

    .em-pagination {
        margin: 15px 0 45px 0 !important;
    }

    body.single-event .single-post-main-content .post-object-1 .description > div {
        float: none !important;
        margin: 0 !important;
    }

    .em-location-map-container {
        width: 100% !important;
    }

    .section-title.newsletter-type {
        font-size: 36px;
    }

    .section-title.newsletter-type > span[type="e"] {
        margin-right: 0;
        margin-left: 0;
        margin-top: 10px;
        margin-bottom: 20px;
        display: block;
    }

    .newsletter-search-box .btn {
        font-size: 14px;
        margin: 0;
    }

    .e-newsletter-items .newsletter-item .content {
        padding: 25px 15px 30px;
    }

    .e-newsletter-items .newsletter-item .btn {
        font-size: 14px;
    }

    .pinned-newsletters .slick-arrow {
        display: none !important;
    }

    section#intro .buttons-wrap .btn {
        font-size: 14px;
        min-width: 100%;
        margin: 10px 0;
        padding: 12px 15px;
    }

    section#volunteer-opportunities .accordion-content {
        padding: 20px 20px;
    }

    section#volunteer-opportunities .accordion-content .btn {
        margin-bottom: 5px;
    }

    .pagination-wrap .pagination > li {
        margin: 4px 0;
    }

    .search-results-item .member-popup-content {
        padding: 100px 20px 40px;
    }

    .search-results-item .post-object-1 .learn-more {
        font-size: 13px;
    }

    body.search-results .typography h2 {
        font-size: 30px;
    }

    .popup {
        padding: 5px 5px 0 5px;
    }

    .popup-content {
        padding: 50px 15px 130px;
    }

    .popup-content h2 {
        font-size: 36px;
        margin-bottom: 20px;
    }

    .popup-content .buttons-wrap .btn {
        margin: 10px 0 0;
        width: 100%;
    }

    body .gform_wrapper .gform_footer {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        width: 100%;
        margin-top: 0;
    }

    body .gform_wrapper.gform_validation_error .gform_footer {
         bottom: auto;
    }

    body .gform_wrapper .gform_footer input.button,
    body .gform_wrapper .gform_footer input[type=submit],
    body .gform_wrapper .gform_page_footer input.button,
    body .gform_wrapper .gform_page_footer input[type=submit] {
        padding: 18px 15px;
    }

    p.form-submit {
        padding: 100px 0 0 0;
    }

    #respond #commentform .gglcptch {
        bottom: 95px;
    }

    section.additional-employment-benefits .ab-benefits-wrap {
        padding: 35px 20px;
    }

    section.career-banner .benefits-wrap {
        padding: 35px 30px;
    }

    section.career-banner .benefits-content {
        padding: 50px 35px;
    }

    .ca-featured-slider-wrap {
        padding: 35px 20px;
    }

    .ca-fs-slider .slide .copy {
        padding: 35px 25px 90px 25px;
    }

    .ca-fs-slider .slide.with-image .copy {
        padding-right: 25px;
    }

    .ca-fs-slider .slick-prev, .ca-fs-slider .slick-next {
        left: 25px;
    }

    .ca-fs-slider .slick-next {
        left: 70px;
    }

    section.employment-benefits .eb-benefits-wrap {
        padding: 35px 20px;
    }

    section.employment-benefits .copy-with-image.with-image .copy {
        padding: 35px 25px;
    }

    section.employment-benefits .copy-with-image .copy h3 {
        font-size: 46px;
    }

    .eb-title {
        font-size: 38px;
    }

    .eb-subtitle {
        font-size: 24px;
    }

    .colored-card .description {
        font-size: 16px;
    }

    /* Header Lang Switcher */
    body.logged-in .custom-lang-switcher {
        display: inline-block;
        position: absolute;
        top: 22px;
        left: 14px;
    }

    body.logged-in .wpml-ls-legacy-list-vertical .wpml-ls-item {
        display: inline-block;
        margin-right: 7px;
    }

    body.logged-in .wpml-ls-legacy-list-vertical .wpml-ls-flag {
        width: 24px;
        height: 22px;
    }

    body.logged-in .wpml-ls-legacy-list-vertical a {
        padding: 0 0;
    }

    body.logged-in .wpml-ls-legacy-list-vertical .wpml-ls-item {
        opacity: 0.3;
        transition: opacity .05s linear;
    }

    body.logged-in .wpml-ls-legacy-list-vertical .wpml-ls-item:hover,
    body.logged-in .wpml-ls-legacy-list-vertical .wpml-ls-item.wpml-ls-current-language {
        opacity: 1;
        transition: opacity .05s linear;
    }

    section.cd-donation .cd-donation-form {
        margin-top: 55px;
        padding: 20px 0px;
    }

    body .ngp-form {
        padding-top: 0;
    }

    body .at.ngp-form .radios label {
        min-width: 120px;
    }

    body .at.ngp-form .radios label {
        margin: 0 10px 5px 12px;
        padding: 5px 0 5px 36px;
    }

    body .at.ngp-form .radio-description svg {
        left: calc( 50% + 15px );
    }

    section.cd-donation .person-wrap img {
        right: 44px;
        height: 320px;
    }

    section.cd-donation .cd-donation-text {
        padding: 40px 20px 250px;
    }

    section.cd-donation .cd-donation-text h3 {
        font-size: 28px;
    }

    section.cd-donation:after {
        background-size: 1000px auto;
    }

    body .at.ngp-form .radio-description {
        padding: 12px 15px;
    }

    section#masthead.masthead-thankyou .masthead-caption h3 {
        font-size: 19px;
    }

    .mt-number-item {
        width: 100%;
        margin: 0 0 5px 0;
    }

    .mt-number-item .title {
        font-size: 56px;
    }

    body > header .announcement-bar h5 {
        font-size: 14px;
        margin-bottom: 7px;
        line-height: 1;
    }

    body > header .announcement-bar .btn {
        margin: 0;
    }

    section#masthead.masthead-thankyou .masthead-caption h1 {
        font-size: 38px;
    }

    .i-navy-box .btn {
        font-size: 14px;
        padding: 10px 20px;
    }

    .popup .mt-number-item {
        margin-bottom: 0px;
    }

    .popup .mt-number-item .title {
        font-size: 48px;
        font-weight: 500;
    }
}


@media only screen and (max-width: 600px) {
    .filter-box-new[dropdowns="5"] .facetwp-type-fselect {
        width: calc( 50% - 4px );
        margin-bottom: 9px !important;
    }

    .filter-box-new[dropdowns="5"] .facetwp-type-fselect:nth-child( 3n ) {
        margin-right: 4px;
    }

    .filter-box-new[dropdowns="5"] .facetwp-type-fselect:nth-child( 2n ) {
        margin-right: 0;
    }

    .filter-box-new[dropdowns="5"] {
        padding: 22px 115px 199px 20px;
    }

    .list .object-1-item h4 {
        font-size: 22px;
        margin: 0 0 11px;
    }
}


@media only screen and (max-width: 480px) {
    #home-slider {
        height: 440px;
    }

    .section-title {
        font-size: 36px;
        margin: 0 0 15px 0;
    }

    section.our-mission .buttons-wrap {
        padding: 10px 0 0;
    }

    section.featured-news .section-title {
        margin: 0 0 30px 0;
    }

    section.donate-now .btn {
        font-size: 18px;
    }

    section#sign-up-wrap .section-title {
        font-size: 34px;
    }

    .theme-tabs.titles-mode .theme-tabs-item {
        font-size: 28px;
    }

    .popup.sign-up .popup-content .section-title {
        font-size: 24px;
    }

    .popup.sign-up .popup-content {
        padding: 45px 20px 96px;
    }

    .popup.sign-up .popup-content p {
        margin-bottom: 16px;
        line-height: 1.35;
    }

    body .gform_wrapper .gfield_checkbox li input[type=checkbox] + label {
        font-size: 11px;
    }

    #contacts-set-select,
    #locations-and-hours-select {
        padding: 5px 30px 5px 20px;
        font-size: 13px;
    }

    .typography .contact-item .hours,
    .typography .contact-item h4.contact-person,
    .typography .contact-item .address,
    .typography .contact-item .phone,
    .typography .contact-item .email {
        padding: 0 0 0 30px;
    }

    .contact-item .contact-area {
        padding: 15px;
    }

    .typography p,
    .typography ol:not( .accordion ) li:not( .gfield ),
    .typography ul:not( .accordion ) li:not( .gfield ) {
        font-size: 16px;
    }

    .typography .map .search-directions-box {
        padding: 54px 0 0 0;
    }

    .typography .map .search-directions-box select {
        border: 1px solid #ededed;
        border-left: 1px solid #ededed !important;
        border-radius: 0;
        padding: 5px 30px 5px 15px;
        width: 100%;
        position: absolute;
        top: 0;
        right: 0;
    }

    .typography .contact-item .map .acf-map {
        height: 220px;
    }

    .pinned-newsletters {
        margin-bottom: 40px;
    }

    .newsletters-wrap {
        padding: 25px 15px;
    }

    .newsletter-year {
        height: 48px;
    }

    .section-title.newsletter-archive-title {
        font-size: 28px;
    }

    section.upcoming-events .section-title {
        margin-bottom: 25px;
    }

    .copy-popup-link {
        display: block;
        width: 46px;
        height: 46px;
        font-size: 18px;
        line-height: 52px;
        right: 47px;
    }

    .close-popup, .close-member-popup {
        width: 46px;
        height: 46px;
        line-height: 53px;
        font-size: 24px;
    }

    .theme-tabs {
        text-align: center;
    }

    .theme-tabs-item {
        min-width: 0;
        font-size: 12px;
        width: 48%;
        border-radius: 4px;
        margin: 0 1px 12px;
    }

    #volunteer-veggies {
        padding: 34px 15px;
    }

    .typography h1 {
        padding: 24px 24px;
    }

    #terms-full-list h4 {
        font-size: 40px;
    }

    .e-newsletter-items .newsletter-item .description {
        font-size: 14px;
    }

    .badges-item {
        width: 100%;
        margin: 0 0 35px;
    }

    .badges-item .image {
        width: 70%;
        padding-bottom: 70%;
    }

    section#volunteer-opportunities .accordion-content .btn {
        width: 100%;
    }

    .team-member .btn {
        min-width: 150px;
    }

    .community-support-team .team .team-member .photo {
        width: 116px;
        height: 116px;
    }

    .search-results-item {
        margin: 0 0 35px 0;
    }

    .search-results-item.page h4 {
        font-size: 20px;
        padding: 0 170px 0 20px;
    }

    .search-results-item.page .btn {
        right: 20px;
    }

    .flip-card {
        width: 100%;
        margin: 20px 0 0 0;
    }

    section.employment-benefits .copy-with-image.with-image .copy {
        padding: 30px 20px;
    }

    .ca-featured-slider-wrap h3 {
        margin: 0 0 30px 0;
    }

    .ca-fs-slider .slide.with-image {
        flex-direction: column;
    }

    .ca-fs-slider .slide.with-image .image {
        width: 100%;
        min-height: auto;
        order: 1;
        position: relative;
    }

    .ca-fs-slider .slide.with-image .image:before {
        content: "";
        display: block;
        width: 100%;
        padding-bottom: 72%;
    }

    .ca-fs-slider .slide.with-image .copy {
        width: 100%;
        order: 2;
    }

    .ca-fs-slider .slick-prev, .ca-fs-slider .slick-next {
        bottom: 25px;
    }

    .ca-fs-slider .slick-next {
        left: auto;
        right: 25px;
    }

    section.colored-cards .ca-featured-slider-wrap h3 {
        margin: 0 0 10px 0;
    }

    section.career-banner .benefits-wrap {
        padding: 20px 20px;
    }

    section.career-banner .benefits-content {
        padding: 35px 25px;
    }

    section.career-banner .benefits-content h2 {
        font-size: 44px;
    }

    section.career-banner .benefits-content h3 {
        font-size: 24px;
    }

    section.career-banner .benefits-content p {
        font-size: 18px;
    }

    .ab-benefits-wrap .btn {
        font-size: 15px;
        line-height: 1;
        padding: 18px 15px;
    }

    body.single .section-content-wrap {
        padding: 35px 25px 35px;
    }

    body.single-video_portal .single-post-main-content .post-object-1 .content {
        padding: 35px 25px;
    }

    body.single-video_portal .single-post-main-content .post-object-1 .content {
        padding-bottom: 10px;
    }

    body.single-video_portal .single-post-main-content .title {
        font-size: 36px;
    }

    body.single .post-object-1 .post-date {
        font-size: 12px;
    }

    .typography h3.pb-section-title {
        font-size: 26px;
    }

    .filter-box-new[dropdowns="5"] {
        padding: 22px 22px 12px 22px;
    }

    .filter-box-new[dropdowns="5"] .facetwp-type-fselect {
        width: 100%;
        margin-right: 0 !important;
    }

    .filter-box-new[dropdowns="5"] .taxonomies-filter {
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        padding-top: 9px;
    }

    .filter-box-new .view {
        display: none;
    }

    .filter-box-new .search .facetwp-btn,
    .filter-box-new .search .facetwp-icon {
        width: 130px;
    }

    .filter-box-new .search input[type="text"] {
        padding: 6px 130px 6px 25px;
    }

    .list .object-1-cell.large-5, .list .object-1-cell.medium-6 {
        width: 100%;
    }

    .list .object-1-item p {
        font-size: 16px;
    }

    body.post-type-archive-video_portal .pagination-wrap {
        margin: 12px 0 0 0;
    }

    .object-1-item .content {
        padding: 30px 20px 70px;
    }

    .object-1-item .btn {
        left: 15px;
    }

    body.post-type-archive-video_portal .masthead-caption h1 {
        font-size: 30px;
    }
}


@media only screen and (max-width: 425px) {
    .logo, body.home > header .logo {
        top: 15px;
        max-width: 190px;
    }

    body.logged-in .custom-lang-switcher {
        left: 13px;
    }
}


@media only screen and (max-width: 375px) {
    .member-popup-content .name {
        font-size: 26px;
    }

    .member-popup-content .position {
        font-size: 18px;
    }

    .member-popup-content .bio {
        max-height: 260px;
    }

    .team-member .photo {
        width: 130px;
        height: 130px;
    }

    .team-member .btn {
        padding: 11px 14px;
    }

    .team-member .team-name {
        font-size: 15px;
        margin: 0 0 15px 0;
    }

    .team-member.team-leader .team-member-content {
        padding: 20px 15px 20px;
    }

    #careers-top-content .content-white-wrap > h2 {
        font-size: 38px;
    }

    body .fc button {
        padding: 5px 10px;
    }

    .typography p,
    .typography ol:not( .accordion ) li:not( .gfield ),
    .typography ul:not( .accordion ) li:not( .gfield ) {
        font-size: 14px;
    }

    .post-object-1 .description p, .post-object-1 .full-content p {
        font-size: 14px;
    }

    .typography .section-subtitle {
        font-size: 17px;
    }

    .filter-box .view .name {
        font-size: 15px;
    }

    .filter-box .view .view-btn {
        width: 20px;
        height: 20px;
        font-size: 15px;
    }

    .post-object-1 .description p,
    .post-object-1 .full-content p {
        font-size: 13px;
    }

    .archive-items.grid .post-object-1 .title {
        font-size: 20px;
    }

    .pagination-wrap .pagination > li > *, .em-pagination > * {
        min-width: 48px;
        min-height: 48px;
        line-height: 40px;
    }

    .map-address {
        font-size: 14px;
    }

    .typography blockquote {
        padding: 60px 15px 20px;
    }

    .typography blockquote:before {
        font-size: 126px;
        top: 17px;
        left: 43%;
    }

    .comments-wrap .children .comment {
        padding-left: 35px;
    }

    #respond textarea {
        height: 150px;
    }

    .events-scope-filter > a {
        font-size: 12px;
        width: 108px;
    }

    .section-title.newsletter-type {
        font-size: 32px;
    }

    .team-member .btn {
        min-width: 122px;
        padding: 11px 8px;
    }

    section#volunteer-opportunities .accordion-content {
        padding: 20px 0;
    }

    section#volunteer-opportunities .accordion .btn {
        margin-right: 0;
    }

    .accordion-content {
        padding: 20px 0;
    }

    .accordion-title {
        padding: 25px 40px 25px 20px;
    }

    section#faqs {
        padding: 45px 0 5px;
    }

    body.search-results .typography h2 {
        font-size: 26px;
    }

    body .gform_wrapper ul.gform_fields li.gfield.horizontal .gfield_checkbox > li,
    body .gform_wrapper ul.gform_fields li.gfield.horizontal .gfield_radio > li {
        width: 100%;
    }

    body .gform_wrapper ul.gform_fields li.gfield.horizontal .gfield_checkbox > li:nth-child( 2n ) {
        margin-left: 0 !important;
    }

    .eb-title {
        font-size: 32px;
    }

    .eb-subtitle {
        font-size: 20px;
    }

    section.career-banner .benefits-content h2 {
        font-size: 42px;
    }

    section.career-banner .benefits-content h3 {
        font-size: 20px;
        margin: 0 0 20px 0;
    }

    .ab-benefits-wrap > h3 {
        font-size: 28px;
        margin: 0 0 15px 0;
    }
}


@media only screen and (max-width: 350px) {
    body > header .logo, body.home > header .logo {
        left: 38%;
        top: 12px;
        max-width: 218px;
    }

    #home-slider {
        height: 450px;
    }

    #home-slider .slide .caption {
        padding: 20px 20px 45px;
    }

    #home-slider .slide .caption h2 {
        font-size: 24px;
    }

    .donation-banner,
    .benefits-wrap,
    .blue-green-box {
        padding: 130px 20px 50px;
    }

    .donation-banner p,
    .blue-green-box p {
        font-size: 21px;
    }

    section.donate-now .btn {
        font-size: 17px;
        padding: 15px 25px;
    }

    footer .copyright {
        margin-bottom: 0;
    }

    .typography h2 {
        font-size: 30px;
        line-height: 1;
    }

    .theme-tabs.titles-mode .theme-tabs-item {
        font-size: 22px;
    }

    .newsletter-archive .newsletter-item > .name-wrap {
        padding-left: 20px;
        padding-top: 20px;
    }

    .newsletter-archive .newsletter-item > .name-wrap svg {
        display: none;
    }

    .typography .theme-tabs-panel {
        padding-top: 10px;
    }

    .btn {
        font-size: 13px;
    }

    section#sign-up-wrap .section-title {
        font-size: 26px;
    }

    section#sign-up-wrap .btn {
        font-size: 14px;
    }

    .theme-tabs-item {
        min-width: 140px;
        font-size: 13px;
    }

    .theme-tabs-item {
        min-width: 115px;
        font-size: 12px;
    }

    .board-members .team-member,
    .board-members .team-member.team-leader {
        width: 96%;
    }

    .member-popup-content .bio {
        max-height: 180px;
    }

    .member-popup-content .name {
        font-size: 22px;
    }

    .member-popup-content .position {
        font-size: 16px;
        margin: 0 0 16px 0;
    }

    section#masthead {
        height: 220px;
    }

    .masthead-caption h1 {
        font-size: 24px;
        min-width: 290px;
        padding: 24px 24px;
    }

    .content-white-wrap {
        padding: 35px 20px;
        margin-bottom: 45px;
        margin-top: -45px;
    }

    .team-member .photo {
        width: 185px;
        height: 185px;
    }

    .pinned-newsletter .title {
        font-size: 18px;
    }

    .post-object-1 .content {
        margin: -140px 0 0 20px;
        width: calc( 100% - 20px );
    }

    .post-object-1 .description p, .post-object-1 .full-content p {
        font-size: 15px;
    }

    .post-object-1 .title {
        font-size: 20px;
    }

    .learn-more {
        font-size: 14px;
    }

    .post-object-1.video .preview svg {
        font-size: 38px;
    }

    footer .soc-media .sm-item {
        margin: 0 14px 10px;
    }

    .footer-container {
        padding: 35px 20px 25px 20px;
    }

    #careers-top-content .content-white-wrap > h2 {
        font-size: 32px;
    }

    .benefits h4 {
        font-size: 35px;
    }

    .benefits h4 span {
        padding: 1px 30px;
        font-size: 24px;
    }

    .benefits {
        padding: 35px 15px;
    }

    .donation-banner {
        padding: 90px 20px 10px;
    }

    body .fc button {
        padding: 5px 8px;
        font-size: 9px !important;
    }

    .wpfc-calendar-wrapper *, .ui-selectmenu-menu {
        font-size: 9px !important;
    }

    body .fc-day-grid-event {
        padding: 4px 3px 2px;
    }

    .typography .board-members > .team-member {
        width: 100%;
    }

    .typography .accordion-content {
        padding-left: 0;
        padding-right: 0;
    }

    .filter-box .view {
        display: none;
    }

    .filter-box {
        padding-left: 0;
    }

    .archive-items.grid .post-object-1 {
        width: 100%;
        margin: 0 0 35px 0;
    }

    .pagination-wrap .pagination > li > *, .em-pagination > * {
        min-width: 40px;
        min-height: 40px;
        line-height: 33px;
        font-size: 14px;
    }

    body.single-news .single-post-main-content .title,
    body.single-volunteer_story .single-post-main-content .title,
    body.single-event .single-post-main-content .title {
        font-size: 28px;
    }

    .post-object-1 .post-date {
        font-size: 12px;
    }

    body.single-news .single-post-main-content .post-object-1 .content,
    body.single-volunteer_story .single-post-main-content .post-object-1 .content,
    body.single-event .single-post-main-content .post-object-1 .content {
        padding: 35px 20px;
    }

    .typography h3.pb-section-title {
        font-size: 28px;
    }

    .typography h4.pb-section-subtitle {
        font-size: 17px;
        margin: -15px 0 25px;
    }

    body.single .section-content-wrap {
        padding: 35px 20px 35px;
    }

    body.single .typography ul:not( .accordion ) li:not( .gfield ) {
        position: relative;
        padding: 0 0 0 21px;
    }

    .comments-wrap {
        padding: 35px 20px 35px;
    }

    .comment-list-title {
        font-size: 25px;
    }

    #terms-full-list h4 {
        font-size: 32px;
    }

    #terms-full-list.active {
        padding: 50px 35px 35px 35px;
    }

    .events-scope-filter > a {
        font-size: 10px;
        width: 91px;
    }

    .section-title.newsletter-type {
        font-size: 26px;
    }

    .section-title.newsletter-archive-title {
        font-size: 23px;
    }

    .community-support-team .team .team-member .photo {
        width: 180px;
        height: 180px;
    }

    section#intro .buttons-wrap .btn {
        font-size: 11px;
    }
}