/*
        Theme Name: CHF Theme
        Theme URI: https://www.childrens.org.au
        Description: CHF Wordpress Theme
        Version: 1.0.0
        Author: Leafcutter
        Author URI: http://leafcutter.com.au
        Tags: CHF
*/
/*------------------------------------*\
    FONT
\*------------------------------------*/
/*------------------------------------*\
    MAIN
\*------------------------------------*/
@import url("fonts/stylesheet.css");

html, body {
    overflow-x: hidden;
    font-size: 16px;
    color: #5a5a5a;
}

.container {
    max-width: 1200px;
    width: 100%;
}

.fa.fa-pull-left, .fa.pull-left {
    margin-right: .3em
}

.fa, .fa-stack {
    display: inline-block
}

.fa-fw, .fa-li {
    text-align: center
}

/* global box-sizing */
*,
*:after,
*:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* clear */
.clear:before,
.clear:after {
    content: ' ';
    display: table;
}

.clear:after {
    clear: both;
}

.clear {
    *zoom: 1;
}

h1, h2, h3, h4, h5,
h1 a, h2 a, h3 a, h4 a, h5 a{
    font-family: 'VAGRounded', sans-serif;
    margin-bottom: 15px;
    margin-top: 0;
    color: #5a5a5a;
    letter-spacing: 0.5px;
}

body:not(.home) h1 {
    font-family: 'VAGRounded-Light', sans-serif !important;
    font-weight: normal !important;
}

p, a, li {
    font-family: 'Avenir', sans-serif;
    font-size: 1rem;
    color: #5a5a5a;
    line-height: 20px;
    letter-spacing: 0.5px;
}

h1, h1 * {
    font-size: 3.625rem;
    line-height: 4rem;
}

h2, h2 * {
    font-size: 2.25rem;
    line-height: 2.5rem;
}

h3, h3 * {
    font-size: 1.875rem;
    line-height: 2.125rem;
}

h4, h4 * {
    font-size: 1.25rem;
    line-height: 1.5rem;
}

h5, h5 * {
    font-size: 1.1rem;
    line-height: 1.25rem;
}

img {
    max-width: 100%;
    vertical-align: bottom;
}

ol, ul {
    margin-left: 0;
}

span {
    font-family: 'Avenir-Bold', sans-serif;
}

a {
    color: #E14B27;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    color: #444;
}

a:focus {
    outline: 0;
}

a:hover,
a:active {
    outline: 0;
}

input:focus {
    outline: 0;
    border: 1px solid #0099cc;
}

.button, .vc_btn3, .vc_btn3.vc_btn3-size-md, .button-container a {
    color: #ffffff;
    background-color: #E2499a;
    border: 1px solid #E2499a;
    padding: 11px 35px !important;
    display: inline-block;
    border-radius: 2rem;
    font-size: 1rem !important;
    line-height: 1.3 !important;
    /* Firefox */
    -moz-transition: all 0.5s ease;
    /* WebKit */
    -webkit-transition: all 0.5s ease;
    /* Opera */
    -o-transition: all 0.5s ease;
    /* Standard */
    transition: all 0.5s ease;
    border-width: 1px !important;
    font-weight: normal;
    letter-spacing: 0.67px;
    font-family: 'VAGRounded', sans-serif;
    background-image: none !important;
}

.white-button,
.white-button * {
    border: 1px solid #fff !important;
    color: #fff !important;
}

.white-button:hover,
.white-button:hover * {
    border: 1px solid #E14B27 !important;
    background-color: #E14B27 !important;
}

header .button-container a {
    padding: 9px 45px !important;
    color: #fff;
    border: 0 !important;
    font-size: 1.125rem !important;
}

header .button-container a:hover {
    color: #ffffff !important;
    border-bottom: 0 !important;
    background-color: rgba(225, 75, 39, 0.8) !important;
}

.button.outline {
    border: 2px solid #0099cc;
    background: transparent;
    color: #0099cc;
}

.button.outline.white {
    border: 2px solid #fff;
    background: transparent;
    color: #fff;
}

.button.outline:hover {
    border: 2px solid #0099cc;
    background: #0099cc;
    color: #fff;
}

.button.outline.white:hover {
    border: 2px solid #fff;
    background: #fff;
    color: #0099cc;
}

.button a, .button-container a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

.button:hover, .button-container a:hover, .background-image a.vc_btn3:hover {
    background-color: rgba(225, 75, 39) !important;
}

.button.donation__submit {
    background-color: #E14B27 !important;
    margin: 0 auto 10px;
}

.button.donation__submit:hover {
    background-color: rgba(225, 75, 39, 0.8) !important;
}

.background-image .vc_btn3, .background-image .vc_btn3.vc_btn3-size-md {
    font-size: 1.25rem !important;
    line-height: 21px !important;
    letter-spacing: 0.67px !important;
    padding: 12px 38px !important;
}

.video-element-button .vc_btn3, .video-element-button .vc_btn3.vc_btn3-size-md {
    font-size: 1rem !important;
    letter-spacing: 0.53px !important;
    line-height: 22px !important;
    padding: 12px 32px !important;
}

/*------------------------------------*\
    HELPER
\*------------------------------------*/
.white__text, .white__text * {
    color: white !important;
}

.white__text input, .white__text select, .white__text option {
    color: #5a5a5a !important;
}

.dark__text, .dark__text * {
    color: #5a5a5a !important;
}

.shadow {
    -moz-box-shadow: 0 0px 3px 1px rgba(000, 000, 000, 0.3);
    -webkit-box-shadow: 0 0px 3px 1px rgba(000, 000, 000, 0.3);
    box-shadow: 0 0px 3px 1px rgba(000, 000, 000, 0.3);
    z-index: 3;
    position: relative;
}

.header-shadow {
    -moz-box-shadow: 0 0px 3px 1px rgba(000, 000, 000, 0.3);
    -webkit-box-shadow: 0 0px 3px 1px rgba(000, 000, 000, 0.3);
    box-shadow: 0 0px 3px 1px rgba(000, 000, 000, 0.3);
}

.hide-for-tablet-below {
    display: block !important;
}

.hide-for-tablet-below-inline {
    display: inline !important;
}

.hide-for-smaller-than-tablet {
    display: block !important;
}

.show-for-smaller-than-tablet {
    display: none !important;
}

.show-for-tablet-below {
    display: none !important;
}

.show-for-tablet-below-inline {
    display: none !important;
}

.hide-for-larger-below {
    display: inline-block !important;
}

[data-link] {
    cursor: pointer;
}

.float-right {
    float: right;
    text-align: right;
}

.horizontal-center {
    left: 0 !important;
    right: 0 !important;
}

.horizontal-right {
    right: 0 !important;
}

.horizontal-left {
    left: 0 !important;
}

.vertical__centered {
    position: relative !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    -moz-transform: translateY(-50%) !important;
}

.vertical__centered-absolute {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    -moz-transform: translateY(-50%) !important;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
.vc_icon_element-link:hover + span.fa-facebook {
    color: #3b5998;
}

.social-icons .vc_icon_element-icon {
    color: #ffffff;
}

/* Breadcrumbs */
.breadcrumbs {
    padding: 10px 0;
    display: inline-block;
    margin-bottom: 30px;
}

.no-space-breadcrumbs .breadcrumbs {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.breadcrumbs a, .breadcrumbs span, .breadcrumbs i {
    color: #5a5a5a;
    font-weight: normal;
    font-size: 0.8125rem !important;
}

.breadcrumbs i {
    padding: 0 5px;
    font-size: 0.7rem;
}

.breadcrumbs span {
    /*font-weight: bold;*/
    font-family: 'Avenir', sans-serif;
    font-size: 1rem;
}

.normal__row-container,
.breadcrumb_container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto !important;
}

/* Navigation */
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu {
    line-height: 1.0;
    float: right;
}

.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 16em; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
    width: 100%;
}

.sf-menu li:hover {
    visibility: inherit; /* fixes IE7 'sticky bug' */
    color: #878787 !important;
}

.sf-menu li {
    float: left;
    position: relative;
    padding: 15px;
}

.sf-menu a {
    display: block;
    position: relative;
    font-weight: 400;
    font-size: 1.125rem;
    letter-spacing: 0.5px;
    font-family: 'VAGRounded', sans-serif;
    color: #878787;
}

.sf-menu > li > a:hover {
    text-decoration: none;
    border-bottom: 2px solid #E14B27;
    color: #B4B4B4;
}

.sub-menu > li a:hover {
    text-decoration: none;
    background-color: #F0F0F0;
    color: #5A5A5A !important;
}

.sub-menu > li a {
    color: #5A5A5A;
    padding: 12px 16px;
    text-decoration: none;
    zoom: 1;
    background-color: #ffffff;
    text-align: left;
    border-bottom: 1px solid #eae5e5;
    border-left: 1px solid #eae5e5;
    border-right: 1px solid #eae5e5;
    font-family: 'Avenir', sans-serif !important;
    font-size: 1rem;
}

.sub-menu > li:first-child a {
    border-top: 1px solid #eae5e5;
}

.sub-menu > li {
    padding: 0px;
    float: right;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left: 0;
    top: 33px; /* match sf-menu line height */
    z-index: 99;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 16em; /* match ul width */
    top: 0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left: 16em; /* match ul width */
    top: 0;
}

.sf-menu li:last-child {
    padding-right: 0px;
}

.toggle-nav {
    display: none !important;
}

/****************
    Header
******************/
header.header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 11;
    background: #febe26;
    border-bottom: 1px solid #efefef;
}

header.header .container {
    padding-top: 25px;
    padding-bottom: 16px;
    position: relative;
    z-index: 10;
}

.standalone-campaign header {
    padding: 15px 0;
}

.wpdreams_asl_container {
    z-index: 4 !important;
}

header .wpdreams_asl_container, .wpdreams_asl_results, .wpdreams_asl_settings {
    z-index: 11 !important;
}

header .logo:hover {
    text-decoration: none !important;
    border: 0 !important;
}

header .logo img {
    width: 100%;
    max-width: 200px;
}

header .search,
.error404 .search {
    position: relative;
}

header .search .search-input,
.error404 .search .search-input {
    border-radius: 5px;
    padding: 10px 30px 10px 20px;
    border: 1px solid #C8C8C8;
    outline: 0;
    box-shadow: none !important;
    width: 100%;
}

.search-form-background {
    background-color: #F0F0F0;
    padding: 30px 0px;
}

.search-form-background .search-form {
    z-index: 1;
}

.close-search {
    border: 1px solid #ddd;
    padding: 8px 13px;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer;
    margin: 7px 0;
}

header.scrolling .logo img {
    max-width: 150px;
}

.header-search:before {
    content: "\f002";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.125rem;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    -webkit-text-stroke: 1px white;
}

.color-red:before {
    color: #E14B27;
}

.search-form-background {
    display: none;
}

.header-search a {
    display: none;
}

header .search .search-submit,
.error404 .search .search-submit {
    background-color: transparent;
    border: 0;
    outline: 0;
    right: 10px;
    position: absolute;
    top: 15px;
}

.header .search .search-submit .fa:before,
.error404 .search .search-submit .fa:before {
    color: #C8C8C8;
}

/*******************
 VC Elements
*******************/
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a {
    color: #5a5a5a !important;
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a .vc_tta-controls-icon {
    color: #979797 !important;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading,
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel .vc_tta-panel-body {
    border: 1px solid #c8c8c8 !important;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading {
    border-radius: 5px !important;
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel .vc_tta-panel-body {
    border-top: 0 !important;
    border-radius: 5px !important;
}

.anchor-link {
    color: #E14B27;
    font-size: 1rem;
    line-height: 1;
    text-decoration: underline;
}

.anchor-link:hover {
    color: #E14B27;
}

.accordion.readmore {
    float: right;
}

.accordion.close {
    opacity: 1 !important;
}

.accordion a {
    text-transform: capitalize;
}

.accordion a i.fa.fa-angle-down,
.accordion a i.fa.fa-angle-up {
    font-family: FontAwesome;
    font-style: normal;
    font-size: 25px;
    vertical-align: middle;
}

.board_accord .accordion a,
.board_accord .accordion a * {
    font-family: 'VAGRounded', sans-serif;
    color: #969696 !important;
    font-size: 0.875rem;
}

.board_accord .vc-infobox-text p:first-child {
    font-weight: 600;
}

.board_accord .desig {
    color: #3faf49 !important;
    margin-bottom: 0;
}

.board_accord .additInform {
    font-style: italic !important;
    font-size: 0.9rem !important;
}

.board_accord .vc-infobox-title {
    margin-bottom: 5px !important;
    font-size: 1.5rem;
    line-height: 1.7rem;
}

/*******************
Background classes
*******************/

.background-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
}

.background-image-normal {
    min-height: 65vh;
}

.background-image-xlarge {
    height: 100vh;
}

.background-image-large {
    height: 600px;
}

.background-image-medium {
    height: 400px;
    min-height: 400px;
}

.background-image-small {
    height: 200px;
}

.background-overlay {
    background-color: rgba(0, 0, 0, 0.2);
    height: inherit;
}

.background-overlay-no-image {
    background-color: rgba(0, 0, 0, 0.2);
    height: inherit;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 998;
}

.background-image:hover .background-overlay {
    /*background-color: transparent;*/
}

.background-image.background__left-top-positon {
    background-position: left top !important;
}

.background-image.background__left-top-positon .vc_column-inner {
    background-position: left top !important;
}

.background-image.background__left-bot-positon {
    background-position: left bottom !important;
}

.background-image.background__left-bot-positon .vc_column-inner {
    background-position: left bottom !important;
}

.background-image.background__right-top-positon {
    background-position: right top !important;
}

.background-image.background__right-top-positon .vc_column-inner {
    background-position: right top !important;
}

.background-image.background__right-bot-positon {
    background-position: right bottom !important;
}

.background-image.background__right-bot-positon .vc_column-inner {
    background-position: right bottom !important;
}

.background-image.background__left-center-positon {
    background-position: left center !important;
}

.background-image.background__right-center-positon {
    background-position: right center !important;
}

.background-image.background__top-center-positon {
    background-position: top center !important;
}

.background-image.background__bottom-center-positon {
    background-position: bottom center !important;
}

.background-image.background__center-positon {
    background-position: center !important;
}

.background-image.background__size-contain {
    background-size: contain !important;
}

.background-image img.hide-image {
    display: none !important;
}

.inline-content .wpb_wrapper {
    width: 100%;
}

.inline-content * {
    display: inline-block;
    vertical-align: middle;
}

.inline-content .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
    width: 3em;
}

.custom-grid.vc_grid-item {
    float: left !important;
}

.custom-grid .vc_btn3-container a {
    background-color: transparent !important;
    padding: 0px !important;
    color: #E14B27 !important;
}

.custom-grid .vc_gitem_row .vc_gitem-col {
    padding: 15px 15px 0;
}

.vc_grid p:empty {
    display: none !important;
}

.vc_grid .custom-grid-with-button {
    float: left !important;
}

.vc_grid .custom-grid-with-button .vc_btn3-container .vc_gitem-link {
    border-bottom: 1px solid;
}

.vc_grid .custom-grid-with-button .vc_gitem-post-data-source-post_title,
.vc_grid .custom-grid-with-button .vc_gitem-post-data-source-post_title * {
    margin-bottom: 0;
}

.grid-shadow .vc_grid-item-mini {
    box-shadow: 1px 3px 4px 0 #E1E1E1;
}

.home-slider .slider-img {
    height: 450px;
}

/***********************
    SLIDER DOTS & NAV
*************************/
.owl-carousel {
    margin: 0 !important;
}

.carousel-slider-with-nav.owl-carousel .owl-nav {
    position: relative;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

@media only screen and (max-width: 1200px) {
    .donate-slider.owl-carousel .owl-nav {
        max-width: 1195px;
    }
}

@media only screen and (min-width: 768px) {
    .page__feature-image {
        height: 440px;
    }

    .carousel-slider-with-nav.owl-carousel.reduced-width .owl-nav {
        max-width: 900px;
    }

    .horizontal_form input[type="submit"] {
        float: left;
    }

    .footer-widget-area .wpcf7-response-output {
        margin-top: 3.5em !important;
    }

}

.carousel-slider-with-nav.owl-carousel.white-dots .owl-nav .owl-next,
.carousel-slider-with-nav.owl-carousel.white-dots .owl-nav .owl-prev {
    color: #ffffff;
    font-size: 1.5rem;
    width: 25px;
    position: relative;
}

.carousel-slider-with-nav.owl-carousel .owl-nav .owl-next .fa,
.carousel-slider-with-nav.owl-carousel .owl-nav .owl-prev .fa {
    font-size: 2rem;
    color: #d0d0d0;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.carousel-slider-with-nav.owl-carousel .owl-nav .owl-next .fa:hover,
.carousel-slider-with-nav.owl-carousel .owl-nav .owl-prev .fa:hover {
    color: #5a5a5a;
}

.carousel-slider-with-nav.owl-carousel .owl-nav .owl-next {
    right: -5px;
    float: right;
    text-align: right;
}

.carousel-slider-with-nav.owl-carousel .owl-nav .owl-prev {
    left: -5px;
    float: left;
}

.owl-dots {
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
}

.owl-dots .owl-dot {
    border: 1px solid #979797;
    margin: 0 5px;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

.owl-dots .owl-dot.active {
    background-color: #878787;
}

.white-dots .owl-dots .owl-dot {
    border: 1px solid #fff;
}

.white-dots .owl-dots .owl-dot.active {
    background-color: #fff;
}

.popup-video-open div, .icon-close {
    cursor: pointer;
}

.popup-video-open .vc_icon_element-icon:before {
    font-size: 1.5em;
}

/* The Modal (background) */
.modal {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: inherit;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-backdrop {
    z-index: 9 !important;
}

.modal-open header {
    z-index: 1;
}

/* Modal Content/Box */
.modal-content {
    background-color: transparent;
    margin: 0 auto;
    padding: 20px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#video-modal .icon-close {
    margin-bottom: 0px;
}

#video-modal .vc_icon_element-icon {
    position: absolute;
    margin-left: 27px;
    z-index: 9;
    margin-top: 30px;
}

.custom-styling-slider .wpb_gallery_slides {
    box-shadow: none !important;
    border: 0 !important;
}

.custom-styling-slider .flex-caption {
    background-color: transparent !important;
}

.custom-styling-slider .flex-direction-nav {
    display: none !important;
}

/* Footer */
footer {
    padding: 50px 0 0;
    background-color: #0090ba;
    float: left;
    width: 100%;
}

footer a {
    font-weight: normal;
}

footer .fa {
    font-size: 1.8rem;
    padding: 0 12px 0 0;
    margin-top: 5px;
}

footer .footer-widget-area h3 {
    color: #fff;
    margin-bottom: 20px;
    font-family: 'VAGRounded', sans-serif;
    font-size: 1.0625rem;
    letter-spacing: 0.5px;
    line-height: 18px;
    font-weight: normal;
}

footer .footer-widget-area ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

footer .footer-widget-area p, footer .footer-widget-area a, footer .footer-widget-area li {
    color: #fff;
    font-size: 0.9375rem;
    line-height: 24px;
    font-family: 'Avenir-Bold', sans-serif;
}

footer .footer-widget-area a, footer .footer-widget-area li {
    padding-bottom: 5px;
}

footer .copyright-container {
    background-color: #fff;
    padding: 20px 0;
    margin-top: 47px;
}

footer .copyright-container p, footer .copyright-container a, footer .copyright-container li {
    color: #474747;
    font-size: 0.9rem;
    margin-bottom: 0;
}

footer a:hover, footer a:hover .fa, .home footer a:hover, .home footer a:hover .fa {
    text-decoration: none;
    color: #E14B27;
}

footer .copyright-container .site-by a, footer .copyright-container .site-by, footer .copyright-container .copyright {
    font-family: 'Avenir-Bold', sans-serif;
}

footer .copyright-container .site-by {
    text-align: right;
}

.footer-widget-area input[type="text"], .footer-widget-area input[type="email"] {
    width: 100%;
    padding: 15px;
    margin-bottom: 18px;
    border: 1px solid #fff;
    border-radius: 4px;
    box-sizing: border-box;
    color: #5a5a5a;
}

.footer-widget-area input[type="submit"] {
    width: auto;
    float: left;
    background-color: transparent;
    color: #fff;
    border: 1px solid #ffffff;
    padding: 10px 45px;
    font-family: 'VAGRounded', sans-serif;
}

.footer-widget-area input[type="submit"]:hover {
    border-color: #E14B27;
    color: #ffffff;
    background-color: #E14B27;
}

.footer-btn a {
    font-family: VAGRounded !important;
    margin-top: 35px;
    margin-bottom: 35px;
}

.footer-btn a:hover {
    color: #ffffff !important;
}

.footer-widget-area .wpcf7-response-output {
    color: #ffffff;
}

.footer-social-icons li {
    display: inline-block;
}

.footer-widget-area p {
    line-height: 1.6em;
}

.wpcf7-response-output {
    font-family: 'Avenir-Bold', sans-serif;
}

/* nav */
nav ul li.mobile-menu {
    opacity: 0;
    padding: 0 0 0 5px;
}

nav ul li.mobile-menu a {
    font-size: 1.6rem;
    position: relative;
    top: 3px;
}

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

.nav ul li {
    display: inline-block;
}

.nav .button-container {
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 0 !important;

}

.main-nav {
    display: block;
    float: right;
    right: 0;
}

/*------------------------------------*\
   Pillar code
\*------------------------------------*/

.pillar-bg,
.board-bg {
    background-color: #F0F0F0;
}

.row-extended div {
    background-color: #4B4B56;
    padding-top: 38px;
    padding-bottom: 41px;
}

.row-extended div .page-title {
    text-align: center;
    color: #ffffff;
    font-size: 3.625rem;
    line-height: 1;
    font-family: VAGRounded-Light;
    margin-bottom: 0;
}

.container-extended {
    max-width: 1400px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 30px;
    padding-left: 30px
}

/*
CATEGORY PAGE
*/
header.page-header {
    background-color: #4b4b56;
    margin: 0;
    padding: 30px 0 15px;
}

.category-list .post-list-grid {
    margin-bottom: 40px;
}

.category-list .post-list-grid .social-share-icons {
    margin: 15px 0;
}

.category-list .post-list-grid .social-share-icons .fa {
    font-size: 1.5rem;
    margin-right: 15px;
}

.category-list .pagination .nav-previous,
.category-list .pagination .nav-next {
    display: inline-block;
}

.category-list .pagination {
    width: 100%;
    float: left;
}

.category-list .pagination .nav-next {
    float: right;
}

/*
SEARCH PAGE
*/
.search__page-header {
    background-color: #4b4b56;
    padding: 40px 0;
    text-align: center;
    margin-bottom: 50px;
}

.search__page-header h1 {
    margin-bottom: 0;
    color: #fff;
}

.search__page-results article {
    margin-bottom: 30px;
}

.search__page-results article .post-image {
    margin-bottom: 20px;
    max-height: 255px;
    overflow: hidden;
}

.search__page-results .pagination {
    margin-bottom: 30px;
    display: block;
    padding: 0 15px;
}

.search__page-results .pagination .page-numbers,
.search__page-results .pagination .page-numbers.current {
    border: 1px solid;
    padding: 10px;
    margin: 0 5px;

}

.search__page-results .pagination .page-numbers.next,
.search__page-results .pagination .page-numbers.prev {
    min-width: 90px;
    display: inline-block;
}

/* sidebar */
.sidebar {

}

.sidebar-navigation {
    list-style-type: none;
    padding-left: 0;
}

.sidebar-navigation > li > a {
    background-color: #f5f5f5;
    margin-bottom: 5px;
    border: 1px solid #c5c5c5;
    padding: 5px 10px;
    border-radius: 5px;
}

.sidebar-navigation li a {
    color: #5a5a5a;
    display: block;
    position: relative;
    text-decoration: none !important;
    font-weight: normal;
}

.sidebar-navigation > li.current_page_ancestor > a {
    color: #fff;
}

.sidebar-navigation li a .dropdown-arrow {
    display: none;
    /* Firefox */
    -moz-transition: all 0.5s ease;
    /* WebKit */
    -webkit-transition: all 0.5s ease;
    /* Opera */
    -o-transition: all 0.5s ease;
    /* Standard */
    transition: all 0.5s ease;
}

.sidebar-navigation li a.open .dropdown-arrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sidebar-navigation > li.page_item_has_children > a .dropdown-arrow {
    position: absolute;
    right: 0;
    display: block;
    top: 0;
    bottom: 0;
    padding: 5px 10px;
}

.sidebar-navigation li .children {
    list-style-type: none;
    padding-left: 10px;
}

.sidebar-navigation > li > .children {
    margin-bottom: 10px;
}

.sidebar-navigation > li > .children {
    display: none;
    padding-left: 0;
}

.sidebar-navigation li .children li {
    padding: 2px 10px;
}

.sidebar-navigation li .children a:hover {
    opacity: 0.8;
}

.sidebar-navigation .current_page_parent > a {
    font-weight: normal;
}

.sidebar-navigation .children {
    display: none;
}

.sidebar-navigation .children .current_page_parent .children, .sidebar-navigation .children .current_page_item .children, .sidebar-navigation .children .current_page_ancestor .children {
    display: block;
}

.sidebar-navigation > li.current_page_ancestor > a {
    font-weight: bold;
}

/*------------------------------------*\
    FORMS
\*------------------------------------*/
input, select, textarea, label, button {
    font-family: 'Avenir-Bold', sans-serif;
}

input, select {
    height: 50px;
    padding: 10px;
    border-radius: 5px;
    border: 0;
    outline: 0;
    margin-bottom: 20px;
    width: 100%;
    border: 1px solid #c8c8c8;
}

textarea {
    width: 100%;
    min-height: 150px;
    border: 0;
    outline: 0;
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #c8c8c8;
}

select {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-size: 20px 7px;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type=checkbox],
input[type=radio] {
    height: auto;
    width: auto;
    display: inline-block;
    position: relative;
    bottom: 1px;
}

.wpcf7-list-item {
    margin-left: 0 !important;
    margin-right: 15px !important;
}

label {
    font-size: 1rem;
}

input[type="submit"] {
    background-color: transparent;
    border: 1px solid #979797;
    outline: 0;
    display: block;
    color: #878787;
    font-size: 1rem;
    line-height: 16px;
    border-radius: 30px;
    max-width: 170px;
    margin: 0 auto;
    font-family: 'VAGRounded', sans-serif;
    letter-spacing: 0.42px;
    height: 45px;
}

input[type="submit"]:hover, .horizontal_form input[type="submit"]:hover {
    background-color: #E14B27;
    border: 1px solid #E14B27;
    color: #fff;
}

.horizontal_form div.wpcf7-response-output {
    color: #fff;
}

.center-btn input[type="submit"] {
    margin: 0 auto;
}

div.wpcf7 img.ajax-loader {
    margin: 0 auto;
}

label.error {
    color: #a90000;
}

.error {
    margin-bottom: 0 !important;
}

.wpcf7-form label.error {
    text-align: left;
    font-size: 0.8rem;
    margin-bottom: 20px !important;
}

/*------------------------------------*\
    PLACEHOLDERS
\*------------------------------------*/
::-webkit-input-placeholder {
    color: #9B9B9B !important;
    opacity: 0.8;
    font-family: Avenir-Bold !important;
}

:-moz-placeholder { /* Firefox 18- */
    color: #9B9B9B !important;
    opacity: 0.8;
    font-family: Avenir-Bold !important;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #9B9B9B !important;
    opacity: 0.8;
    font-family: Avenir-Bold !important;
}

:-ms-input-placeholder {
    color: #9B9B9B !important;
    opacity: 0.8;
    font-family: Avenir-Bold !important;
}

/*------------------------------------*\
        FONT ICONS
\*------------------------------------*/
.play-icon {
    font-size: 5rem;
    color: black;
}

.play-icon:hover {
    color: #5a5a5a !important;
}

.share_icons a {
    text-indent: 0 !important;
    padding: 0;
    overflow: visible;
}

.share_icons a .fa {
    font-size: 3.125rem;
    color: #ffffff;
}

.share_icons a i.fa.fa-twitter:hover {
    color: #45b0e3;
}

.share_icons a i.fa.fa-facebook:hover {
    color: #39599f;
}

.share_icons a i.fa.fa-google-plus:hover {
    color: #ba472d;
}

.share_icons a i.fa.fa-instagram:hover {
    color: #3f729b;
}

.share_icons a i.fa.fa-youtube:hover {
    color: #cd201f;
}

.social-icons .vc_icon_element-inner .vc_icon_element-icon:hover {
    text-decoration: none;
    color: #E14B27 !important;
}

.social-icons .vc_icon_element-link {
    color: #ffffff;
    margin-right: 30px;
    font-size: 2.5rem;
}

/*------------------------------------*\
    DONATION FORM STYLES
\*------------------------------------*/
/*------------------------------------*\
    FORMS
\*------------------------------------*/
div.wpcf7 .ajax-loader {
    background-image: url('img/icons/ajax-loader.gif') !important;
    background-repeat: no-repeat;
    width: 0 !important;
    height: 0 !important;
    padding: 25px;
    margin-bottom: 20px !important;
    display: none;
}

select {
    background-position: right 5px center;
}

label {
    font-size: 1rem;
}

body img.gform_ajax_spinner {
    display: none;
    text-align: center;
    margin: 0 auto;
}

.gform_body .gform_page:last-child img.gform_ajax_spinner {
    display: block;
}

/*img.gform_ajax_spinner {
    display: none;
}
.gform_validation_error .gform_button{
    display: inline-block;
}*/
.gform_wrapper li.gfield.gfield_error {
    background-color: transparent !important;
    margin: 0 !important;
    border: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.donation__amount {
    margin-bottom: 2rem;
}

.donation__amount input {
    margin: 0 auto;
    border: 1px solid #C8C8C8 !important;
    border-radius: 5px;
    height: 3.9rem !important;
    font-size: 1.5rem !important;
    width: 100% !important;
    padding-left: 15px !important;
    padding-right: 135px !important;
    background-image: url('img/icons/aud-month.png');
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: 40%;
    margin: 0 auto !important;
    max-width: 252px;
    line-height: 20px;
}

.donation__amount.one-off input {
    background-image: url('img/icons/aud-only.png');
    background-size: 15%;
    padding-right: 80px !important
}

.donation__choice label.gfield_label, .donation__frequency label.gfield_label, .donation__choice ul li input[type="radio"], .donation__frequency ul li input[type="radio"], .gfield_required, .hide__main-label > label, .gform_wrapper div.validation_error {
    display: none !important;
}

#tabs {
    border: 0 !important;
    background-color: transparent !important;
}

#tabs ul {
    border: 0 !important;
    background-color: transparent !important;
}

#tabs ul li {
    border: 0 !important;
    background-color: transparent !important;
    margin: 0 0px;
    float: left !important;
    display: inline-block;
    border-radius: 0px;
}

#tabs ul li a {
    width: 100%;
    padding: 0 !important;
}

.donation__choice ul li, .donation__frequency ul li {
    list-style-type: none;
}

.donation__choice input[type="radio"] {
    display: none !important;
}

.gform_wrapper label.gfield_label, .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label {
    font-size: 1rem !important;
    font-weight: normal !important;
}

.name__field.gfield_error {
    padding-right: 0 !important;
}

.half__width-element {
    padding: 0;
    clear: none !important;
}

.payment_amount-tiles {
    display: none;
}

.payment_amount-tiles.active {
    display: block;
}

.payment_amount-tiles .payment_amount-tile {
    box-shadow: 0 0 0 1px hsla(0, 0%, 4%, .2);
    transition: box-shadow .2s ease-out;
    cursor: pointer;
    background-color: #fff;
    margin-bottom: 40px;
}

.payment_amount-tiles .column-width-once:first-child .payment_amount-tile, .payment_amount-tiles .column-width-monthly:first-child .payment_amount-tile {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.payment_amount-tiles .custom-donate-width .payment_amount-tile, .payment_amount-tiles .custom-donate-width .payment_amount-tile {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.payment_amount-tiles .payment_amount-tile.active {
    background-color: #41AC49 !important;
}

.payment_amount-tiles .payment_amount-tile.active p {
    color: #ffffff !important;
}

.payment-tile-with-image .payment_amount-tile.active p.payment_desc {
    color: #5a5a5a !important;
}

.payment_amount-tiles .payment_amount-tile img {
    margin-bottom: 0;
    box-shadow: none;
    border: 0;
}

.payment_amount-tiles .payment_amount-tile img:hover {
    box-shadow: none;
}

.payment_amount-tiles .payment_amount-tile p {
    margin: 0;
    padding: 0 10px 18px;
    color: #5a5a5a !important;
}

.payment_amount-tiles .payment_amount {
    text-align: center;
    max-width: 100%;
    padding: 0 15px 0;
    margin-bottom: 0;
    font-size: 1.7rem;
}

.full-img-tile{
    padding: 0 15px;
}

.payment-tile-with-image{
    margin-bottom: 20px;
}

.payment-tile-with-image .other_field_container{
    margin-bottom: 20px !important;
}

.payment-tile-with-image .other_field_container.active{
    background-color: #ffffff !important;
}

.payment-tile-with-image .custom-donation-tile.active input{
    color: #5a5a5a !important;
}

.payment-tile-with-image .other_field_container.active p{
    color: #5a5a5a !important;
}

.full-img-tile .payment_amount-tile.active {
    box-shadow: 0 0 10px 5px rgba(115,193,103,1) !important;
}

.full-img-tile.other_field_container{
    display: block;
    margin: auto;
}

.full-img-tile.other_field_container .title-header{
    display: none;
}

.other-field-custom-text{
    float: none;
    display: block;
    margin-top: 15px;
    margin-bottom: 30px;
}

.center-frequency{  
    max-width: 400px;
    margin: auto !important;
    border-radius: 5px !important;
}

.simple-payment-tiles .payment_amount-tiles .payment_amount-tile img,
.simple-payment-tiles .payment_amount-tiles .payment_amount-tile p {
    display: none;
}

.simple-payment-tiles .payment_amount-tiles .payment_amount-tile .payment_amount {
    display: block;
    padding: 10px !important;
}

.donation__choice ul li {
    float: left;
    width: 25%;
    text-align: center;
}

.donation__choice ul li label {
    margin: 0 !important;
    display: block !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 10px 0 !important;
    font-size: 2.2rem !important;
    border: 1px solid #dbdbdb !important;
    color: #5a5a5a !important;
    text-align: center !important;
}

.donation__choice ul li input[type=radio]:checked + label {
    color: #0099cc !important;
    font-weight: bold;
}

.donation__choice ul li:first-child label {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.donation__choice ul li:last-child label {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.donation__frequency {
    margin-bottom: 2rem;
}

.donation__frequency ul {
    padding-left: 0;
    text-align: center;
    display: flex;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    padding: .2em 0 0 !important;
    max-width: 800px; 
    text-align: center;    
    margin: auto !important;
}

.donation__frequency ul li {
    float: left !important;
    width: 100% !important;
    text-align: center !important;
    overflow: hidden;
}

.donation__frequency ul li:last-child {
    float: right !important;
}

.donation__frequency ul li label {
    margin: 0 !important;
    display: block !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 25px 25px !important;
    font-size: 3rem !important;
    color: #5a5a5a !important;
    background-color: #fff;
    cursor: pointer;
    border: 1px solid #c8c8c8 !important;
    border-radius: 5px;
}

.donation__frequency ul li:first-child label {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.donation__frequency ul li:last-child label {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.donation__frequency a {
    text-decoration: none;
}

.donation__frequency ul li input[type=radio]:checked + label {
    background-color: #41AC49 !important;
    border-color: #41AC49 !important;
}

.donation__frequency ul li input[type=radio]:checked + label h2 {
    color: #ffffff !important;
}

.donation__frequency ul li label * {
    line-height: 1 !important;
    font-family: 'Avenir', sans-serif !important;
    font-weight: 900 !important;
    text-align: center !important;
    display: block;
}

.donation__frequency ul li label h2 {
    font-size: 1.875rem !important;
    margin-bottom: 0rem !important;
}

.custom-input-currency {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    color: inherit;
    transition: iherit;
    pointer-events: none;
}

.custom-donation-tile input {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0px 5px 1px 30px !important;
    margin-bottom: 0px !important;
    height: 33px !important;
    font-size: 1.7rem !important;
    line-height: 1.7rem;

}

.custom-donation-tile.active input{
    color: #ffffff !important;
}

.custom-donation-tile .payment_amount {
    padding-top: 17px !important;
    position: relative;
    top: 7px;
    margin-bottom: -9px !important;
}

.custom-donation-tile input:focus::-webkit-input-placeholder {
    color: #ffffff !important;
}

.custom-donation-tile input:focus:-moz-placeholder {
    color: transparent !important;
}

/* FF 4-18 */
.custom-donation-tile input:focus::-moz-placeholder {
    color: transparent !important;
}

/* FF 19+ */
.custom-donation-tile input:focus:-ms-input-placeholder {
    color: transparent !important;
}

/* IE 10+ */

.high-opacity{
    opacity: 0.9;
}

.medium-opacity{
    opacity: 0.7;
}

.sub-donation-message-container {
    margin-bottom: 30px;
}

.sub-donation-message {
    font-family: 'Avenir', sans-serif;
}

.gform_wrapper .gform_page_footer {
    border-top: 0 !important;
    text-align: center;
}

.gform_wrapper .gform_page_footer .nav__buttons input {
    margin: 20px 0 10px 0 !important;
}

.gform_wrapper .gform_page_footer .nav__buttons input.gform_previous_button {
    background: none;
    color: #5a5a5a;
    text-decoration: none;
    text-transform: none;
    padding: 0;
}

.donation__payment-method .ginput_card_security_code {
    margin: 3px 0 8px 0 !important;
}

.donation__payment-method .ginput_card_security_code_icon {
    left: 2px !important;
    top: 0 !important;
}

.editable {
    border: 1px solid #0099cc;
    transition: box-shadow .5s, border-color .25s ease-in-out;
}

.editable br {
    display: none !important;
}

.payment__options {
    margin-top: 15px;
    margin-bottom: 15px;
}

.payment__options input[type="radio"] {
    display: none;
}

.payment__options label {
    padding: 20px 0px;
    border-radius: 20px;
    width: 100%;
    text-align: center !important;
    margin: 10px 0;
    display: inline-block;
    background-color: #fff;
    border: 6px solid #fff;
    color: #0099cc !important;
    font-weight: bold;
    font-size: 1.4rem;
}

.standalone-campaign .payment__options label {
    border: 6px solid #e4e4e4;
    color: #e4e4e4 !important;
}

.payment__options.white-options label {
    border-color: #0099cc;
}

.payment__options input[type=radio]:checked + label {
    border: 6px solid #73c167;
    color: #73c167 !important;
}

.payment__options label img {
    max-width: 120px;
    position: relative;
    pointer-events: none;
}

.payment__options .row {
    display: flex;
    justify-content: center;
}

.title-header{
    border-bottom: 1px solid #dcd0d0;
    background-color: #fff;
}

.title-header img{
    border: none;
}

.payment_desc{
    padding: 10px 10px 18px !important;
}

.tablepress thead th, .tablepress tfoot th {
    padding: 15px 10px;
    font-size: 1.1rem;
}

.tablepress tbody td {
    padding: 12px 10px;
    font-size: 1rem;
}

.overrides__background-grey {
    background-color: #f0f0f0 !important;
}

.overrides__font-normal { /*to override the font family*/
    font-family: 'Avenir', sans-serif !important;
}

.overrides__font-style, .overrides__font-style h1.donate-page-title { /*to override the font family*/
    font-family: 'VAGRounded', sans-serif !important;
}

.overrides__heading-text, .overrides__heading-text * {
    font-family: 'VAGRounded', sans-serif !important;
    font-weight: 500 !important;
}

.overrides__font-style-light, .overrides__font-style-light * {
    font-family: 'VAGRounded-Light', sans-serif !important;
    font-weight: normal !important;
}

.overrides__no-padding {
    padding: 0 !important;
}

.overrides__pink-color, .overrides__pink-color * {
    color: #e24999 !important;
}

.white__text, .white__text * {
    color: white !important;
}

.overrides__green-color {
    color: #73c167 !important;
}

.overrides__bold-text,
.overrides__bold-text * {
    font-family: 'Avenir-Bold', sans-serif !important;
    font-weight: 900 !important;
}

.overrides_font_16 {
    font-size: 1rem !important;
    line-height: 1.875rem !important;
}

.overrides_font_24 {
    font-size: 1.5rem !important;
    line-height: 1.875rem !important;
}

.overrides__large-heading-font, .overrides__large-heading-font * {
    font-size: 2.75rem !important;
    line-height: 3rem !important;
}

.overrides__20-20-font-size * {
    font-size: 1.25rem !important;
    line-height: 1.25rem !important;
}

.overrides__position-relative, .overrides__position-relative .vc_column-inner {
    position: relative !important;
}

/*
    CONTACT FORM 7
*/

div.wpcf7 .ajax-loader {
    margin: 0 auto;
}

.invalid .donation__submit, .invalid .previous {
    display: inline-block !important;
}

.invalid .ajax-loader {
    display: none !important;
}

.submit_text {
    display: none;
}

.invalid .submit_text {
    display: none !important
}

.wpcf7-form label.error {
    text-align: left;
    font-size: 0.8rem;
    margin-bottom: 20px;
}

.donation__amount label.error {
    text-align: center !important;
}

.google__address-error, .cvv__message {
    text-align: right;
    margin-bottom: 20px;
    font-size: 1rem;
}

.google__address-error a, .cvv__message a {
    color: #0099cc;
    text-decoration: underline;
}

.expiry_month {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.expiry_year {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.credit__card .gform_card_icon_container {
    width: 100%;
    float: left;
    display: block;
    margin: 10px 0;
}

.credit__card .gform_card_icon {
    margin-right: 4px;
    text-indent: -9000px;
    background-image: url(img/icons/gf-creditcard-icons.png);
    background-repeat: no-repeat;
    width: 36px;
    height: 32px;
    float: left;
}

.credit__card .gform_card_icon.gform_card_icon_amex {
    background-position: -72px -192px;
}

.credit__card .gform_card_icon.gform_card_icon_mastercard {
    background-position: -36px -192px;
}

.credit__card .gform_card_icon.gform_card_icon_visa {
    background-position: 0 -192px;
}

.credit__card .gform_card_icon.gform_card_icon_selected.gform_card_icon_amex {
    background-position: -72px -224px;
}

.credit__card .gform_card_icon.gform_card_icon_selected.gform_card_icon_mastercard {
    background-position: -36px -224px;
}

.credit__card .gform_card_icon.gform_card_icon_selected.gform_card_icon_visa {
    background-position: 0 -224px;
}

.credit__card .gform_card_icon.gform_card_icon_inactive.gform_card_icon_amex {
    background-position: -72px -256px;
}

.credit__card .gform_card_icon.gform_card_icon_inactive.gform_card_icon_mastercard {
    background-position: -36px -256px;
}

.credit__card .gform_card_icon.gform_card_icon_inactive.gform_card_icon_visa {
    background-position: 0 -256px;
}

.total__amount {
    display: inline-block;
    background: #fff;
    padding: 4px 20px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.standalone-campaign .total__amount {
    border: 1px solid #5a5a5a;
    margin-bottom: 30px;
}

.total__amount * {
    color: #5a5a5a !important;
    font-size: 1.5rem;
    line-height: 1;
    margin: 10px 0 5px !important;
}

.standalone-campaign .total__amount p {
    margin: 5px 0 !important;
}

.information-container {
    margin-bottom: 15px;
}

.sub-donation-heading {
    margin-bottom: 25px;
    font-size: 1.3rem;
}

.total__amount .edit_total {
    font-size: 1.2rem;
    position: relative;
    right: 0;
    bottom: 0;
    color: #73c167 !important;
    text-decoration: underline;
    padding-left: 10px;
}

#msform {
    position: relative;
    opacity: 0;
}

#msform fieldset {
    /*background: white;*/
    border: 0 none;
    border-radius: 3px;
    padding: 0 !important;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    /*stacking fieldsets above each other*/
    position: absolute;
}

.max-fieldset-size{
    max-width: 900px;
    margin: auto;
    left: 0;
    right: 0;
}

label {
    text-align: left;
    display: block;
    margin: 0 0 10px 0;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.8;
}

#msform fieldset input[type="text"], #msform fieldset input[type="email"], #msform fieldset select {
    height: 50px;
    border-radius: 5px;
    border: 1px solid #bdbdbd;
    background-color: #fff;
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: .5rem;
    margin: 0 0 1rem;
    font-size: 1rem;
    box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, .1);
    transition: box-shadow .5s, border-color .25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

#msform .button {
    width: auto;
    margin-bottom: 10px;
    border: 0;
    color: #fff !important;
    padding: 10px 54px !important;
    font-size: 1.25rem !important;
    max-width: 250px;
}

#msform input[type=checkbox] {
    width: auto;
    height: auto;
}

.amount-icon input[type=radio] {
    opacity: 0;
    position: absolute;
}

.amount-icon.donation__frequency label {
    border: 6px solid #b5b5b5;
    cursor: pointer;
    margin-bottom: 30px;
    padding: 20px;
    border-radius: 20px;
    width: 100%;
    text-align: center !important;
    margin: 10px 0;
    display: inline-block;
    background-color: #fff;
    color: #0099cc !important;
    font-weight: bold;
    font-size: 1.4rem;
}

.amount-icon.donation__frequency input[type=radio]:checked + label {
    border: 6px solid #73c167;
    color: #73c167 !important;
}

.payment-type-icon {
    border: 2px solid #eee;
    border-radius: 15px;
    padding: 15px 15px;
    font-weight: 700;
    background: #f8f8f8;
    cursor: pointer;
    text-align: center;
    margin-bottom: 15px;
    min-height: 74px;
}

.payment-type-icon img {
    max-width: 100%;
    width: 100%;
}

.column-width-once, .column-width-monthly {
    float: none;
    display: inline-block;
    vertical-align: top;
}

.google__fill-address {
    display: none;
}

.transaction_fee-container {
    margin-bottom: 13px;
}

.donate-form div.wpcf7-response-output, .imis-form div.wpcf7-response-output{
    display: none !important;
}

span.wpcf7-not-valid-tip {
    text-align: left;
    font-size: 0.8rem;
    color: #900;
    padding-left: 5px;
}

#msform .custom__input label.error {
    position: absolute;
    margin-top: 25px;
    display: block;
}

/*------------------------------------*\
    Pillar code
\*------------------------------------*/
.pillar-bg {
    background-color: #F0F0F0;
}

.row-extended div {
    background-color: #4B4B56;
    padding-top: 38px;
    padding-bottom: 41px;
}

.row-extended div .page-title {
    text-align: center;
    color: #ffffff;
    font-size: 3.625rem;
    line-height: 64px;
}

/*------------------------+
 | Gift in your will page |
 +------------------------*/

.find-out-more .wpcf7-form-control {
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #c8c8c8;
}

/*------------------------+
 | Board template         |
 +------------------------*/
.naviBottom .wpb_wrapper p,
.naviBottom .wpb_wrapper a {
    color: #ffffff;
    text-align: center;
}

.naviBottom .wpb_wrapper p {
    font-size: 20px;
    font-weight: 600;
}

.naviBottom .wpb_wrapper a.vc_btn3-shape-round.vc_btn3-style-outline-custom {
    margin: 0 30px;
    border-color: #ffffff;
    background-color: transparent;
}

.naviBottom .wpb_wrapper a.vc_btn3-shape-round.vc_btn3-style-outline-custom:hover {
    border-color: #E14B27;
    color: #ffffff;
    background-color: #E14B27;
}

.board-bg .row-extended div {
    background-color: #0090B9 !important;
}

/*------------------------+
| Single post template   |
+------------------------*/
.event_date {
    font-size: 1.25rem;
    color: #e24999;
    line-height: 1.5rem;
    font-family: 'Avenir', sans-serif;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}

body.single-post {
    background-color: #f0f0f0;
}

.single-post .breadcrumbs {
    padding: 15px 0 !important;
    margin-bottom: 15px !important;
}

.single__featured-image {
    background: #ffffff;
}

.single__featured-image img {
    width: 100%;
    height: auto;
}

.single__title-container {
    padding: 20px 20px 30px;
}

.single__title-container .single__meta-date,
.single__title-container .single__meta-cat {
    font-size: 1.125rem !important;
    line-height: 1.1875rem !important;
    font-family: VAGRounded-Light !important;
}

.single__title-container .single__title {
    font-size: 2.75rem !important;
    line-height: 3rem !important;
    font-family: VAGRounded-Light !important;
    margin-top: 5px;
    color: #ffffff !important;
    margin-bottom: 0;
}

.single__title-container .single__meta-date {
    color: #fff;
    margin-right: 20px;
}

.single__page-image {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 250px;
}

.single__page-content {
    background-color: #fff;
    padding-top: 30px;
    margin-bottom: 70px;
    padding-bottom: 30px;
    box-shadow: 1px 3px 4px 0 #E1E1E1;
}

.single__page-content .vc_column-inner:first-child {
    padding-top: 0 !important;
}

.single__latest-posts-container {
    margin-bottom: 30px;
}

.single__latest-posts .single__page-content {
    padding: 20px;
    margin-bottom: 30px;
}

.single__latest-posts .single__page-content h3 a {
    color: #5a5a5a !important;
}

.single__latest-posts .single__page-content h3 a:hover {
    text-decoration: none;
}

.single__latest-post-read-more {
    font-weight: 900;
}

.single__subscribe-container {
    padding-top: 50px;
    padding-bottom: 40px;
    background-color: #41ac49;
}

.single__subscribe-form {
    margin-top: 30px;
}

.single__page-content hr {
    border-top: 1px solid #979797 !important;
}

.single__nav-links a {
    color: #878787 !important;
}

.single__latest-posts-container .single__latest-posts-title {
    margin-bottom: 30px;
}

.single__latest-posts-container .single__latest-posts img {
    width: 100% !important;
}

/*
    Social Icons
*/
.social_share {
    text-align: center;
}

.social_share a {
    color: #878787;
    font-size: 1.6rem;
    padding: 0 4px 0 5px;
    vertical-align: middle;
}

.social_share a:hover {
    color: #E14B27 !important;
}

.social_share p {
    font-weight: 900;
}

.horizontal_form input[type="submit"] {
    background-color: transparent;
    color: #fff;
    border: 1px solid #ffffff;
}

/********************************
    FULL WIDTH FEATURE ELEMENT
*********************************/
.full-width-feature-element .vc_gitem-animated-block {
    width: 100% !important;
    float: left;
}

.full-width-feature-element .vc_gitem-zone-c {
    width: 100% !important;
    float: left;
}

.full-width-feature-element.vc_grid-item .vc_btn3-container .vc_gitem-link {
    border: 1px solid #979797;
    border-width: 1px !important;
}

/********************************
    DONATION ERROR MESSAGE
*********************************/

#error_message {
    background-color: #ffffff;
    position: fixed;
    top: 25%;
    z-index: 999;
    left: 0;
    right: 0;
    max-width: 500px;
    margin: 0 auto;
    border: 2px solid #41ac49;
    border-radius: 10px;
    padding: 20px 50px;;
}

#error_message * {
    color: #ff0000;
}

#error_message .error_message {
    font-size: 1.1rem;
}

#error_message hr {
    border-color: #41ac49;
}

#error_message .close {
    position: absolute;
    right: 20px;
    top: 10px;
    opacity: 1;
}
/********************************
    COUNNTER BAR
*********************************/
.sr-only{
    position: relative;
}

.progress-bar{
    line-height: 40px;
    background-color: #33b73c;
}

.progress{
    height: 40px;
}

.next-charge-date sup {
    font-size: 1rem;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width: 1700px) {
}

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

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

}

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

    .total__amount .col-lg-offset-2 {
        margin-left: 16.66666667% !important;
    }
}

@media only screen and (max-width: 1200px) {
    .carousel-slider-with-nav.owl-carousel .owl-nav {
        max-width: 1195px;
    }

}

@media only screen and (min-width: 992px) and (max-width: 1090px) {
    .sf-menu a, .header-search:before, header .button-container a {
        font-size: 1rem !important;
    }
}

@media only screen and (max-width: 1024px) {
    .column-width-once, .column-width-monthly {
        width: 50% !important;
    }

    .custom-donate-width {
        width: 100% !important;
    }

    .custom-donate-width .payment_amount-tile {
        margin-bottom: 40px !important;
    }

    .payment_amount-tiles .payment_amount-tile {
        margin-bottom: 0px;
        border-radius: 0px !important;
    }

    .sf-menu li {
        padding: 13px;
    }

    .sub-menu li {
        padding: 0px;
    }

    .sf-menu li:hover ul, .sf-menu li.sfHover ul {
        top: 27px;
    }

    .sub-donation-message-container{
        margin-top: 50px;
    }

}

@media only screen and (min-width: 992px) {
    header .row {
        position: relative;
    }

    .vertical__centered-absolute-larger-screens {
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
        -webkit-transform: translateY(-50%) !important;
        -moz-transform: translateY(-50%) !important;
    }

    .sub-menu-container .sub-menu .sub-menu {
        display: none !important;
    }

    .main-nav #menu-desktop-menu > li:not(.button-container) > a {
        height: 25px;
    }

}

@media only screen and (min-width: 991px) {
	.white__text_desktop, .white__text_desktop * {
		color: #fff !important;
	}
}

@media only screen and (max-width: 991px) {
    .background-image.hide-background-image-medium-down {
        background-image: none !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .dark__text-medium-down,
    .dark__text-medium-down * {
        color: #5a5a5a !important;
    }

    .text-center-medium-down,
    .text-center-medium-down * {
        text-align: center !important;
    }

    nav ul li.mobile-menu {
        opacity: 1 !important;
    }

    nav ul li.mobile-menu a {
        top: 0;
    }

    header .logo img {
        max-width: 150px;
    }

    header .search {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .mobile-menu {
        position: relative;
        top: 5px;
        width: 35px;
        display: block;
    }

    .mobile-menu.active .fa-bars:before {
        content: "\f00d";
    }

    .mobile-menu .fa {
        font-size: 1.8rem;
    }

    .toggle-nav {
        padding: 15px;
        margin: 15px;
        display: inline-block !important;
        color: #fff;
        transition: color linear 0.15s;
    }

    .toggle-nav:hover, .toggle-nav.active {
        text-decoration: none;
        color: #8D7F68;
    }

    nav ul li.mobile-menu {
        opacity: 1 !important;
    }

    nav ul li.mobile-menu a {
        top: 0;
    }

    nav.nav {
        height: 95vh;
    }

    .main-nav {
        display: none;
        margin-top: 0;
        overflow-y: scroll;
    }

    .main-nav ul li.menu-item.menu-contact-phone {
        position: relative;
    }

    .main-nav ul li.menu-item.menu-contact-phone:before {
        top: 50%;
        position: absolute;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
    }

    .main-nav ul li.menu-item.menu-contact-phone a {
        width: 100%;
        float: left;
        padding-left: 40px;
    }

    .main-nav ul li.menu-item.menu-contact-phone a:before {
        position: relative;
        left: 0;
        text-align: center;
        bottom: 5px;
        float: left;
    }

    .main-nav {
        display: none;
        position: absolute;
        top: 65px;
        z-index: 100;
        background: #fff;
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #5a5a5a;
        padding-top: 0;
        padding-bottom: 20px;
        right: 0;
    }

    .main-nav.menu_open {
        background: transparent;
        border-bottom: 0;
        overflow-y: scroll;
        width: 75%;
    }

    .main-nav > nav > ul > li {
        padding: 0;
        display: block;
        text-align: left;
        position: static;
    }

    .main-nav > nav > ul > li > a {
        display: inline-block;
        margin-bottom: 0;
    }

    .main-nav .sub-menu .dropdown-arrow {
        display: block;
    }

    .main-nav .dropdown-arrow {
        right: 0;
        font-size: 1.2rem;
        width: 60px;
        text-align: center;
        height: 60px;
        top: -1px;
        background-color: transparent;
        position: absolute;
    }

    .main-nav .dropdown-arrow:hover {
        background: #dfdfdf;
    }

    .main-nav .dropdown-arrow:before {
        content: "\f054";
        display: inline;
        color: #5a5a5a;
        top: 50%;
        position: absolute;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        left: 0;
        right: 0;
    }

    .main-nav .fa-phone:before {
        margin-right: 15px;
        font-size: 1.6rem;
        vertical-align: middle;
    }

    .main-nav .fa-phone:hover:before {
        color: #0099cc;
    }

    .menu-search-form {
        padding: 25px 15px;
        background-color: #fff;
    }

    .menu-search-form .wpdreams_asl_container {
        max-width: 80%;
        margin: 0 auto !important;
    }

    .main-nav .nav {
        padding: 0;
        float: left;
        width: 100%;
    }

    .main-nav .button {
        color: #fff;
    }

    .mobile-menu.active .fa-bars:before {
        content: "\f00d";
    }

    .mobile-menu .fa {
        font-size: 1.8rem;
    }

    .main-nav .nav_desc {
        display: none;
    }

    .main-nav .sub-menu {
        width: 100%;
        float: left;
        text-align: left;
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
        padding: 0;
    }

    .main-nav .sub-menu-container {
        background-color: #fff;
    }

    .main-nav .sub-menu-container .cta-strip {
        text-align: center;
    }

    .main-nav .sub-menu-container .cta-strip h3 {
        display: block;
        margin-top: 10px;
        padding-left: 0;
    }

    .main-nav .sub-menu-container .cta-strip .button {
        max-width: 250px;
        margin-top: 10px;
    }

    .main-nav .cta-strip .button {
        width: 100%;
    }

    /* MOBILE MENU CSS */
    .main-nav {
        border-bottom: none;
        background-color: #fff;
        padding: 0;
    }

    .main-nav nav {
        width: 100%;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
        transition: 0.3s ease all;
        -webkit-transition: 0.3s ease all;
        -moz-transition: 0.3s ease all;
        -ms-transition: 0.3s ease all;
    }

    .main-nav.menu_open nav {
        float: left;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .sub-menu-container > .row:last-child, .main-nav .sub-menu {
        display: none;
    }

    .sub-menu-container > .row:first-child {
        display: block;
    }

    .main-nav .sub-menu .sub-menu {
        display: none;
    }

    .main-nav nav ul li > .sub-menu-container {
        display: block;
        opacity: 1;
        float: left;
        width: 100% !important;
        box-sizing: border-box;
        position: absolute;
        padding: 0;
        margin: 0;
        left: 0;
        top: 0;
    }

    .menu_open ul li .sub-menu-container .sub-menu {
        position: absolute;
        transition: 0.3s ease all;
        -webkit-transition: 0.3s ease all;
        -moz-transition: 0.3s ease all;
        -ms-transition: 0.3s ease all;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .menu_open ul li.open > .sub-menu-container > div > .sub-menu,
    .menu_open ul li.open > .sub-menu-container > div > .sub-menu.open > li.open > .sub-menu,
    .menu_open ul li.open > .sub-menu-container > div > .sub-menu.open > li.open > .sub-menu.open > li.open > .sub-menu,
    .menu_open ul li.open > .sub-menu-container > div > .sub-menu.open > li.open > .sub-menu.open > li.open > .sub-menu.open > li.open > .sub-menu {
        display: block;
        opacity: 1;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        padding: 0;
        border-bottom: none;
        background-color: #fff;
        top: 0;
        right: 0;
        margin-bottom: 20px;
    }

    .menu_open ul li.open > .sub-menu-container > div > .sub-menu.open,
    .menu_open ul li.open > .sub-menu-container > div > .sub-menu.open > li.open > .sub-menu.open,
    .menu_open ul li.open > .sub-menu-container > div > .sub-menu.open > li.open > .sub-menu.open > li.open > .sub-menu.open,
    .menu_open ul li.open > .sub-menu-container > div > .sub-menu.open > li.open > .sub-menu.open > li.open > .sub-menu.open > li.open > .sub-menu.open {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
        padding: 0;
    }

    .main-nav ul li.back-menu {
        width: 100%;
    }

    .main-nav .sub-menu li a.back-menu {
        padding: 24px 0 0 48px !important;
        display: block;
        height: 70px;
        font-weight: 700;
    }

    ul.sub-menu > li.back-menu:before {
        margin-right: 26px;
    }

    .main-nav ul li {
        width: 100%;
        float: left;
        position: relative;
    }

    .main-nav ul li.menu-item:before {
        position: absolute;
        left: 15px;
        width: 15px;
        text-align: center;
        display: none;
    }

    .main-nav ul li.menu-item-has-children > a, .main-nav ul li.menu-item > a {
        display: block;
        width: 100%;
        float: left;
        position: relative;
        padding: 0 10px 0 25px;
        background-color: transparent;
        padding: 22px 0 0 15px;
        border-bottom: 1px solid #e6e6e6;
        border-left: 1px solid #e6e6e6;
        border-right: 1px solid #e6e6e6;
        height: 60px;
        font-weight: normal;
        color: #5a5a5a;
    }

    .main-nav ul li > ul li {
        position: relative;
    }

    .main-nav > ul > li.menu-item-has-children > ul > li.menu-item-has-children ul {
        left: 100% !important;
    }

    .main-nav .sub-menu-container .cta-strip {
        margin-top: 10px;
    }

    .main-nav .sub-menu-container .sub-menu .sub-menu {
        display: none;
    }

    .main-nav .sub-menu li {
        margin-bottom: 0;
        position: static;
    }

    .main-nav li a {
        font-weight: normal;
        font-size: 1.1rem;
    }

    .main-nav li a:hover {
        background: #eee !important;
    }

    .main-nav .sub-menu-container > .row > .sub-menu > li {
        position: relative;
    }

    .main-nav .sub-menu-container > .row > .sub-menu > li.open {
        position: static;
    }

    .main-nav .sub-menu-container > .row > .sub-menu > li > a {
        padding-left: 40px;
    }

    .main-nav .sub-menu-container > .row > .sub-menu > li.menu-item:before {
        top: 50%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%); /* IE 9 */
        -webkit-transform: translateY(-50%); /* Safari */
        -moz-transform: translateY(-50%); /* Firefox */
    }

    .main-nav li:first-child a {
        border-top: 1px solid #e6e6e6;
    }

    .main-nav .sub-menu li.fa-chevron-left:first-child {
        position: relative;
        border-bottom: 1px solid #e6e6e6;
    }

    .main-nav .sub-menu li.fa-chevron-left:first-child:before {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%); /* IE 9 */
        -webkit-transform: translateY(-50%); /* Safari */
        -moz-transform: translateY(-50%); /* Firefox */
        left: 24px;
    }

    .top-video div#play-Icon-overlay,
    .video_left div#play-Icon-overlay {
        top: 40%;
    }

    .topDog-main-section div#play-Icon-overlay {
        top: 43%;
    }

    .mobile-res {
        padding: 0 15px !important;
    }

    .mobile-menu {
        background: repeating-linear-gradient(to bottom, #777, #777 4px, #fff 4px, #fff 10px);
        height: 30px;;
        width: 30px;
        display: block;
        float: right;
        cursor: pointer;
        margin-left: 15px;
        position: relative;
        top: 6px;
        right: 6px;
        touch-action: none;
    }

    #menu-desktop-menu .mobile-menu {
        position: absolute;
        top: 29px;
        right: 21px;
    }

    .mobile-menu.active {
        background: url("img/menu-close.png") center center no-repeat;
        background-size: 120%;
    }

    .main-nav .menu-cta {
        padding: 40px 0;
    }

    .main-nav .menu-cta .donate-button, .top-mobile-donate-button {
        background: #E14B27 !important;
        border-radius: 30px;
        color: #fff;
        border: 1px solid #E14B27;
        display: inline-block;
        padding: 15px 25px;
    }

    .top-mobile-donate-button {
        padding: 7px 25px;
        font-size: 0.9em;
        margin-right: 10px;
    }

    .top-mobile-donate-button:hover {
        color: #fff;
    }

    .main-nav .menu-cta h4 {
        font-size: 1rem;
        display: block;
        margin: 20px 0 10px;
    }

    .main-nav li.header-search, .main-nav li.button-container {
        display: none;
    }

    .menu-header-item {
        height: 70px;
    }

    .menu-header-item .mobile-menu {
        right: 15px;
        top: 15px;
    }

    #video-modal .vc_col-md-offset-2 {
        margin-left: 16.66666667%;
    }
}

@media only screen and (max-width: 768px) {
    .copyright, footer .copyright-container .site-by {
        text-align: center;
    }

    .main-nav {
        width: 90% !important;
    }

    #menu-desktop-menu .mobile-menu {
        top: 19px;
    }

    .donation__frequency ul li label h2 {
        font-size: 1rem !important;
    }
}

@media only screen and (min-width: 767px) {
    .box-shadow-inner .vc_column-inner {
        box-shadow: 1px 3px 4px 0 #E1E1E1;
    }

    .zg-ul-select .dropdown-arrow, #selected--zg-ul-select {
        display: none;
    }

    .vertical__centered-absolute-medium-screens {
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
        -webkit-transform: translateY(-50%) !important;
        -moz-transform: translateY(-50%) !important;
    }

    .vc_grid .vc_grid-item:not(.full-width-feature-element) .vc_gitem-post-data-source-post_title *,
    .text__ellipse {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /********************************
        FULL WIDTH FEATURE ELEMENT
    *********************************/
    .full-width-feature-element .vc_gitem-animated-block {
        width: 66.666667% !important;
        float: left;
    }

    .full-width-feature-element .vc_gitem-zone-c {
        width: 33.333334% !important;
        float: left;
    }

    .footer-column-height {
        min-height: 240px;
    }
}

@media only screen and (max-width: 767px) {
    .side-margin-mobile-only {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .container-extended {
        padding-right: 15px;
        padding-left: 15px;
    }

    .equalheight-element,
    .equalheight {
        height: auto !important;
    }

    .dark__text-mobile-only,
    .dark__text-mobile-only * {
        color: #5a5a5a !important;
    }

    .text-align-mobile-only,
    .text-align-mobile-only * {
        text-align: center !important;
    }

    .padding-top__mobile-only {
        padding-top: 30px !important;
    }

    .header .logo {
        padding-right: 0;
        text-decoration: none;
    }

    .top-nav {
        position: absolute;
        /*top: 50%;*/
        top: 83%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%); /* IE 9 */
        -webkit-transform: translateY(-50%); /* Safari */
        -moz-transform: translateY(-50%); /* Firefox */
        right: 0;
    }

    .breadcrumb_container,
    .breadcrumbs {
        display: none;
    }

    ul.sidebar-navigation {
        display: none;
    }

    ul.sidebar-navigation.mobile {
        display: block;
    }

    ul.sidebar-navigation.mobile > li.current_page_parent > a {
        border-radius: 5px;
        color: #5a5a5a;
        padding: 15px;
        background-color: #fff;
        margin-bottom: 0;
    }

    ul.sidebar-navigation.mobile .children .current_page_item a {
        font-weight: bold;
    }

    ul.sidebar-navigation.mobile > li.current_page_parent > a .dropdown-arrow {
        padding: 13px 15px;
        bottom: auto;
    }

    ul.sidebar-navigation.mobile > li.current_page_parent > a .dropdown-arrow .fa {
        font-size: 1.5rem;
    }

    ul.sidebar-navigation.mobile > li > .children {
        display: none;
    }

    ul.sidebar-navigation.mobile > li.current_page_parent > .children {
        background-color: #f5f5f5;
        padding: 15px;
        border-radius: 5px;
    }

    ul.sidebar-navigation.mobile > li.current_page_parent > .children li {
        padding-bottom: 10px;
    }

    footer .footer-widget-area, footer .copyright-container {
        text-align: center;
    }

    footer .footer-widget-area, .footer-column-height {
        margin-bottom: 60px;
    }

    footer .copyright-container .site-by {
        text-align: center;
    }

    footer .fa {
        padding: 0 15px;
    }

    #subForm {
        margin: 20px auto;
        float: none;
        max-width: 60%;
    }

    .footer-top-widget {
        margin-top: 285px;
        position: relative;
    }

    .footer-bottom-widget {
        position: absolute;
        display: block;
    }

    .footer-widget-area input[type="submit"] {
        text-align: center;
        margin: auto;
        float: none;
    }

    footer {
        padding: 60px 0 0;
    }

    .mobile-remove-footer-padding {
        margin-bottom: 0px !important;
    }

    .mobile-reduce-padding {
        margin-bottom: 35px !important;
    }

    ul.zg-ul-select {
        border-radius: 2px;
        box-sizing: border-box;
        cursor: pointer;
        font-size: 2em;
        margin: 0;
        padding: 0;
    }

    ul.zg-ul-select li {
        border-radius: 3px;
        display: none;
        padding: 0.5em;
    }

    ul.zg-ul-select li.active {
        align-items: center;
        border: 1px solid #fff;
        border-radius: 3px;
        display: flex;
        justify-content: space-between;
    }

    ul.zg-ul-select.active {
        border: 1px solid #aaa;
    }

    ul.zg-ul-select.active li {
        border: none;
        box-shadow: none;
        display: block;
    }

    ul.zg-ul-select.active li .dropdown-arrow {
        display: none;
    }

    ul.zg-ul-select.active li:hover {
        background: #e14b27;
    }

    ul.zg-ul-select.active li.active {
        background: #e14b27;
    }

    ul.zg-ul-select.active li.active:hover {
        background: #e14b27;
    }

    .dropdown-arrow.fa {
        font-size: 0.625rem;
        margin-top: 0px;
    }

    #selected--zg-ul-select {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        width: auto;
        color: #ffffff;
        font-size: 0.9375rem;
        line-height: 24px;
        font-family: 'Avenir-Bold', sans-serif;
    }

    #selected--zg-ul-select.active {
        border: 1px solid #fff;
        border-radius: 3px;
        padding: 0.7em;
    }

    .footer-widgets {
        display: flex;
        flex-direction: column-reverse;
    }

    /*.carousel-slider-content {
        margin-left: 7.5px;
    }*/
    .mobile-slider-grid .vc_pageable-slide-wrapper .vc_grid-item {
        padding-bottom: 0 !important;
        padding-right: 0 !important;
    }

    .popup-video-open.mobile-icon {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
    }

    /*------------------------------------*\
        Pillar code
    \*------------------------------------*/
    .background-image.hide-background-image-small {
        background-image: none !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .feature-content .mobile_color, .feature-content .mobile_color * {
        color: inherit !important;
    }

    .feature-content .mobile_center {
        text-align: center !important;
    }

    .feature-content .vc_column-inner h2 {
        font-size: 2.25rem !important;
        line-height: 2.5rem !important;
    }

    /*End*/
    /*DONATE FORM CSS MOBILE */
    .donation__amount input {
        max-width: 250px;
        padding-left: 15px !important;
        height: 4rem !important;
    }

    .donation__frequency ul li label {
        font-size: 3rem !important;
    }

    .payment__options label {
        min-width: 0;
        padding: 20px 10px;
    }

    .donation__amount, .donation__frequency {
        margin-bottom: 1rem;
    }

    .total__amount {
        margin-bottom: 1.3rem;
    }

    .donation__amount input {
        font-size: 1.5rem !important;
    }

    .column-width-once, .column-width-monthly {
        width: 100% !important;
    }

    .full-img-tile.other_field_container{
        margin-top: 40px;
    }

    #msform .mobile-slider .owl-item,#msform .mobile-slider-once .owl-item{ 
        margin-top: 20px;
    }

    .single_page_content .custom-grid .wpb_column .vc_column-inner {
        padding: 0 !important;
    }

    #video-modal .vc_col-md-offset-2 {
        margin-left: 0;
    }

    #video-modal .modal-content {
        width: 90%;
    }

    .navigation_blog, .navigation_nxt {
        text-align: center !important;
        margin: 15px 0;
    }

    .mobile_grey_bgcolor {
        background-color: #f0f0f0 !important;
    }

    .single__page-content .single__nav-links > div:not(:last-child) {
        padding-bottom: 10px;
    }

    .single__page-content .single__nav-links > div:first-child {
        padding-top: 10px;
    }

    .single__page-content .single__nav-links div .social_share a {
        vertical-align: sub !important;
    }

    .single__page-content .single__nav-links > div > .social_share > p {
        margin-bottom: 0px !important;
    }

    .carousel-slider .gray-shadow, .grid-shadow .vc_grid-item-mini {
        margin: 4px 1px 4px 0px !important;
        width: calc(100% - 2px) !important;
    }
}

@media only screen and (max-width: 640px) {
    h1, h1 * {
        font-size: 2.625rem !important;
        line-height: 2.875rem !important;
    }

    h2, h2 * {
        font-size: 1.875rem !important;
        line-height: 2.25rem !important;
    }

    h3, h3 * {
        font-size: 1.5rem !important;
        line-height: 1.8125rem !important;
    }

    h4, h4 * {
        font-size: 1.1875rem !important;
        line-height: 1.5625rem !important;
    }

    h5, h5 * {
        font-size: 1.1rem !important;
        line-height: 1.3rem !important;
    }

    .overrides__large-heading-font {
        font-size: 2.25rem !important;
        line-height: 2.5rem !important;
    }

    .inline-content .wpb_wrapper, .inline-content .wpb_text_column {
        display: block;
    }

    .inline-content .wpb_wrapper h2 {
        display: block;
        padding-right: 0px !important;
    }

    #tabs ul li {
        margin: 0;
    }

    .donation__frequency ul li label h2 {
        font-size: 0.8rem !important;
    }

    .search__page-results .pagination .page-numbers, .search__page-results .pagination .page-numbers.current {
        border: 1px solid;
        padding: 5px;
        margin: 0 3px;
    }
}

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

}

@media only screen and (max-width: 480px) {
    header .top-nav .button-container a {
        padding: 5px 25px !important;
    }
}

@media only screen and (max-width: 375px) {
    .payment__options .row {
        display: block;
    }
}

@media only screen and (max-width: 380px) {
    .top-mobile-donate-button {
        padding: 6px 14px;
        font-size: 0.9em;
        margin-right: 4px;
    }
}

@media only screen and (max-width: 320px) {
    .top-mobile-donate-button {
        padding: 6px 11px;
    }

    .donation__frequency ul li label {
        padding: 25px 0px !important;
    }
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}

::-webkit-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}

::-moz-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

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

.gray-shadow {
    box-shadow: 1px 1px 3px 0 #E1E1E1;
    margin: 4px !important;
    width: calc(100% - 8px) !important;
}

.homepage-second-feature-section > .vc_column-inner > .wpb_wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
}

.show-monthly, .show-once {
    display: none;
}

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

@media only screen and (max-width: 768px) {
    .search__page-results article .post-image {
        max-height: none;
    }

    .search__page-results .pagination .page-numbers.next, .search__page-results .pagination .page-numbers.prev {
        min-width: unset;
    }

    .search__page-results .pagination .page-numbers, .search__page-results .pagination .page-numbers.current {
        padding: 8px 13px;
        margin: 0 1px 5px;
    }

    header.header .container {
        padding-top: 12px;
        padding-bottom: 9px;
    }

    .homepage-second-feature-section > .vc_column-inner > .wpb_wrapper {
        background: #f0f0f0;
        padding-left: 20px;
        padding-right: 20px;
    }

    .mobile-no-padding-top {
        padding-top: 0 !important;
    }

    ul.zg-ul-select li.active {
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
    }

    ul.zg-ul-select li {
        padding: 0.7rem 0.2rem 0.7rem 1.3rem !important;
    }

    footer .footer-widget-area li {
        padding-bottom: 0;
    }

    .footer .footer-widget-area a {
        padding: 0;
    }
}