/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* Typography & Button Style */
body[data-button-style="slightly_rounded_shadow"] .nectar-button:hover {
    transform: translateX(4px) translateY(4px) !important;
    -ms-transform: translateX(4px) translateY(4px) !important;
    -webkit-transform: translateX(4px) translateY(4px) !important;
    box-shadow: 1px 1px 0px #004799 !important;
    background: linear-gradient(125deg,#fff,#fff) !important;
    transition: all 0.1s ease-out !important;
}
body[data-button-style="slightly_rounded_shadow"] .nectar-button {
    background: linear-gradient(125deg,#eeee22,#ffd700) !important;
    border: 2px solid #004799;
    box-shadow: 5px 5px 0px #004799 !important;
    transition: all 0.1s ease-out !important;
}
body[data-button-style="slightly_rounded_shadow"] .nectar-button span, 
body[data-button-style="slightly_rounded_shadow"] .nectar-button i:before {
    color: #004799 !important;
}
body[data-button-style="slightly_rounded_shadow"] .nectar-button::before, 
body[data-button-style="slightly_rounded_shadow"] .nectar-button:hover::before {
    display: none !important;
    background: none !important;
}

/* Main Navigation */
body.material #header-outer[data-header-resize="1"]:not([data-format="left-header"]):not(.scrolled-down):not(.small-nav) {
    box-shadow: 0 3px 45px rgba(0,0,0,0.15);
}
body.material #header-outer header#top nav ul.sf-menu > li.menu-item.current-menu-item > a > span.menu-title-text {
    font-weight: bold;
    color: #004799;
}

/* Main Banner */
#intro {
    z-index: 0 !important;
}
#intro .intro-text {
    margin-bottom: 14px !important;
}
#intro .light .nectar-split-heading {
    margin-bottom: 14px;
}
#intro .play_button {
    transform: scale(1.25);
}
#intro .play_button span.play {
    position: relative;
    z-index: 9999;
}
#intro .intro-video .play_button.nectar_video_lightbox span.play svg {
    width: 24px;
    height: 24px;
}
#intro .intro-video .play_button.nectar_video_lightbox:hover span.play svg path {
    fill: black;
}

#intro .intro-video .play_button.nectar_video_lightbox:before {
    border-color: #ffd700;
    border-width: 6px !important;
    opacity: 0.65 !important;
}
#intro .intro-video .play_button.nectar_video_lightbox:hover::before {
    background-color: #ffd700;
    border-width: 10px !important;
    opacity: 1 !important;
}

.nectar-shape-divider-wrap[data-front="true"] {
    z-index: 2;
}

.nectar-shape-divider-wrap[data-position="top"] {
    top: inherit;
    bottom: 98%;
    transform: none !important;
}

/* Highlights */
#highlights {
    overflow: visible;
}
#highlights > .row_col_wrap_12 > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_row {
    margin-bottom: 0;
}
#highlights > .row_col_wrap_12 > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .nectar-animated-title {
    position: absolute;
    display: block;
    width: 30%;
    z-index: 999;
    left: 35%; top: -40px;
}
#highlights > .row_col_wrap_12 > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .nectar-animated-title > .nectar-animated-title-outer, 
#highlights > .row_col_wrap_12 > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .nectar-animated-title > .nectar-animated-title-outer > .nectar-animated-title-inner {
    position: relative;
    display: block;
    width: 100%;
}
#highlights .highlight > .vc_column-inner {
    border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
}
#highlights .highlight > .vc_column-inner .column-image-bg-wrap, 
#highlights .highlight > .vc_column-inner .column-bg-overlay-wrap, 
#highlights .highlight > .vc_column-inner * {
    border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
}
#highlights .highlight > .vc_column-inner {
    border: 2px solid #004799;
    box-shadow: 5px 5px 0px #004799;
}
#highlights .highlight.organization-highlights > .vc_column-inner > .wpb_wrapper, 
#highlights .highlight.community-highlights > .vc_column-inner > .wpb_wrapper {
    padding: 10% 8% 8%;
}
#highlights .highlight > .vc_column-inner > .wpb_wrapper h3 {
    font-size: 24px !important;
    color: #004799;
}
#highlights .highlight > .vc_column-inner > .wpb_wrapper li {
    font-size: 18px;
}
#highlights .community-highlights {
    background-color: black;
    transform: translateY(-20px);
    z-index: 9999;
}
#highlights .organization-highlights .column-image-bg-wrap .column-image-bg, 
#highlights .community-highlights .column-image-bg-wrap .column-image-bg, 
#highlights .stores-highlights .column-image-bg-wrap .column-image-bg, 
#highlights .services-highlights .column-image-bg-wrap .column-image-bg {
    background-repeat: no-repeat;
}
#highlights .organization-highlights .column-image-bg-wrap .column-image-bg, 
#highlights .services-highlights .column-image-bg-wrap .column-image-bg {
    background-size: 40% auto;
}
#highlights .organization-highlights .column-image-bg-wrap .column-image-bg {
    background-position: 7% 85%;
}
#highlights .community-highlights .column-image-bg-wrap .column-image-bg {
    background-position: 94% 10%;
    background-size: 34% auto;
    opacity: 0.3;
}
#highlights .stores-highlights .column-image-bg-wrap, 
#highlights .stores-highlights .column-image-bg-wrap > .inner-wrap {
    overflow: visible;
}
#highlights .stores-highlights .column-image-bg-wrap .column-image-bg {
    background-position: top right;
    background-size: 50% auto;
    transform: translateY(-16px) translateX(50px);
}
#highlights .services-highlights .column-image-bg-wrap .column-image-bg {
    background-position: 95% 91%;
}
#highlights .stores-highlights {
    background-color: #1656a0;
}
#highlights .nectar_icon_wrap {
    margin-bottom: 14px !important;
}
 
/* Pizza Chart Specific */
[data-pie-id] > *:nth-child(7n+1), 
[data-bar-id] > *:nth-child(7n+1), 
[data-line-id] > *:nth-child(7n+1) {
    color: #003878;
}
#numbers .legend-box ul li:nth-child(7n+1) {
    border-color: #003878;
}
[data-pie-id] > *:nth-child(7n+2), 
[data-bar-id] > *:nth-child(7n+2), 
[data-line-id] > *:nth-child(7n+2) {
    color: #004799;    
}
#numbers .legend-box ul li:nth-child(7n+2) {
    border-color: #004799;
}
[data-pie-id] > *:nth-child(7n+3), 
[data-bar-id] > *:nth-child(7n+3), 
[data-line-id] > *:nth-child(7n+3) {
    color: #0753aa;    
}
#numbers .legend-box ul li:nth-child(7n+3) {
    border-color: #0753aa;
}
[data-pie-id] > *:nth-child(7n+4), 
[data-bar-id] > *:nth-child(7n+4), 
[data-line-id] > *:nth-child(7n+4) {
    color: #0c6ab1;    
}
#numbers .legend-box ul li:nth-child(7n+4) {
    bborder-color: #0c6ab1;
}
[data-pie-id] > *:nth-child(7n+5), 
[data-bar-id] > *:nth-child(7n+5), 
[data-line-id] > *:nth-child(7n+5) {
    color: #398dc4;
}
#numbers .legend-box ul li:nth-child(7n+5) {
    bborder-color: #398dc4;
}
[data-pie-id] > *:nth-child(7n+6), 
[data-bar-id] > *:nth-child(7n+6), 
[data-line-id] > *:nth-child(7n+6) {
    color: #68afd4;
}
#numbers .legend-box ul li:nth-child(7n+6) {
    border-color: #68afd4;
}
[data-pie-id] > *:nth-child(7n+7), 
[data-bar-id] > *:nth-child(7n+7), 
[data-line-id] > *:nth-child(7n+7) {
    color: #99d1e5;
}
#numbers .legend-box ul li:nth-child(7n+7) {
    border-color: #99d1e5;
}
[data-pie-id] > *:nth-child(7n+8), 
[data-bar-id] > *:nth-child(7n+8), 
[data-line-id] > *:nth-child(7n+8) {
    color: #5e8fcb;
}
#numbers .legend-box ul li:nth-child(7n+8) {
    border-color: #0c6ab1;
}
[data-pie-id] > *:nth-child(7n+9), 
[data-bar-id] > *:nth-child(7n+9), 
[data-line-id] > *:nth-child(7n+9) {
    color: #004799;
}
[data-pie-id] > *:nth-child(7n+10), 
[data-bar-id] > *:nth-child(7n+10), 
[data-line-id] > *:nth-child(7n+10) {
    color: #5e8fcb;
}

.svg-box svg path {
    box-shadow: 0 0 10px black;
} 
.svg-box svg rect:before {
    content: 'test';
    position: absolute;
    display: block;
    font-size: 14px;
    color: #000;
    top: 0; left: 0;
}

#pie, #donut, #bar {
max-height: 450px; }

svg {
width: 100%;
height: auto; }

.tooltip {
margin-left: -5px;
border-radius: 3px;
padding: 5px; }

ul[data-pie-id] {
list-style: none;
padding: 10px; }


/* Numbers Section */
#numbers .numbers-pie-chart .operating-graph {
    padding: 0 100px;
}
#numbers .nectar-animated-title {
    position: relative;
    display: block;
    margin: 0 auto;
}
#numbers .nectar-animated-title > .nectar-animated-title-outer, 
#numbers .nectar-animated-title > .nectar-animated-title-outer > .nectar-animated-title-inner {
    position: relative;
    display: block;
    width: 100%;
}
#numbers .operating-expenses {
    display: block;
    visibility: visible;
}
#numbers .numbers-placed {
    display: block;
    visibility: visible;
}
#numbers .operating-expenses-mobile, 
#numbers .numbers-placed-mobile {
    display: none;
    visibility: hidden;
}
#numbers .operating-graph, 
#numbers .operating-info, 
#numbers .numbers-graph, 
#numbers .numbers-info, 
#numbers .recycling-graph, 
#numbers .recycling-info {
    font-size: 14px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
#numbers .operating-graph, 
#numbers .recycling-graph {
    width: 100%;
}
#numbers .operating-info, 
#numbers .recycling-info {
    width: 100%;
}

#numbers .numbers-graph {
    width: 100%;
}
#numbers .numbers-graph:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%; height: auto;
    left: 7%; bottom: -24px;
    width: 92.5%; height: 20px;
}
#numbers .numbers-info {
    width: 100%;
}

#numbers .numbers-graph span.bar-label {
    position: absolute;
    display: block;
    bottom: 0; left: 0;
}
#numbers .numbers-graph.program-enrollment span.bar-label#bar1 {
    bottom: 92%;
    left: 15%;
}
#numbers .numbers-graph.program-enrollment span.bar-label#bar2 {
    bottom: 44%;
    left: 33%;
}
#numbers .numbers-graph.program-enrollment span.bar-label#bar3 {
    bottom: 30%;
    left: 52%;
}
#numbers .numbers-graph.program-enrollment span.bar-label#bar4 {
    bottom: 14%;
    left: 70%;
}
#numbers .numbers-graph.program-enrollment span.bar-label#bar5 {
    bottom: 7%;
    left: 88%;
}
#numbers .numbers-graph.hourly-rate span.bar-label#bar1 {
    bottom: 90%;
    left: 13%;
}
#numbers .numbers-graph.hourly-rate span.bar-label#bar2 {
    bottom: 86%;
    left: 31.5%;
}
#numbers .numbers-graph.hourly-rate span.bar-label#bar3 {
    bottom: 80%;
    left: 49.5%;
}
#numbers .numbers-graph.hourly-rate span.bar-label#bar4 {
    bottom: 78%;
    left: 68%;
}
#numbers .numbers-graph.hourly-rate span.bar-label#bar5 {
    bottom: 76%;
    left: 87%;
}
#numbers .numbers-graph .axis-labels {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}
#numbers .numbers-graph .axis-labels span.axis-label {
    position: absolute;
    display: block;
    width: 17%;
    text-align: center;
    line-height: 1.2;
    top: 5px; left: 0;
}
#numbers .numbers-graph.program-enrollment .axis-labels span.axis-label#axis1 {
    left: 7.5%;
}
#numbers .numbers-graph.program-enrollment .axis-labels span.axis-label#axis2 {
    left: 25%;
}
#numbers .numbers-graph.program-enrollment .axis-labels span.axis-label#axis3 {
    left: 45%;
}
#numbers .numbers-graph.program-enrollment .axis-labels span.axis-label#axis4 {
    left: 62%;
}
#numbers .numbers-graph.program-enrollment .axis-labels span.axis-label#axis5 {
    left: 81%;
}
#numbers .numbers-graph.hourly-rate .axis-labels span.axis-label#axis1 {
    left: 8%;
}
#numbers .numbers-graph.hourly-rate .axis-labels span.axis-label#axis2 {
    left: 27%;
}
#numbers .numbers-graph.hourly-rate .axis-labels span.axis-label#axis3 {
    left: 44.5%;
}
#numbers .numbers-graph.hourly-rate .axis-labels span.axis-label#axis4 {
    left: 62.5%;
}
#numbers .numbers-graph.hourly-rate .axis-labels span.axis-label#axis5 {
    left: 81%;
}

#numbers .legend-box ul {
    margin: 0;
    padding: 0;
}
#numbers .legend-box ul li {
    position: relative;
    display: block;
    list-style: none;
    padding: 4px 20px;
    border-bottom: 3px solid;
    border-radius: 6px;
    margin-bottom: 4px;
}
#numbers .legend-box ul li .color {
    display: none;
    visibility: hidden;
} 
#numbers .legend-box ul li span, 
#numbers .legend-box ul li .number {
    position: relative;
    display: inline-block;
    color: rgb(51,51,51);border
}
#numbers .legend-box ul li span {
    font-size: 20px;
}
#numbers .legend-box ul li .number {
    font-size: 20px;
    font-weight: bold;
    float: right;
}
#numbers .legend-box ul li .number.red {
    color: #cc5c5c !important;
}

.svg-box {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 100%;
    max-height: 450px;
    overflow: visible;
}
.svg-box svg {
    position: absolute;
    display: block;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: visible;
}
.svg-box.bar-graph {
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    padding-bottom: 40%;
}

.svg-box.bar-graph svg {
    transform: translatey(-42%) translatex(2.5%) scale(.975);
}
.svg-box.bar-graph svg g[data-id="labels"] {
    display: none;
}
.svg-box.bar-graph svg g[data-id="grid"] {
    opacity: 0.25;
}

/* Success Stories */
#success-stories .nectar-animated-title {
    position: relative;
    display: block;
    width: 30%;
    margin: 0 auto;
}
#success-stories .nectar-animated-title > .nectar-animated-title-outer, 
#success-stories .nectar-animated-title > .nectar-animated-title-outer > .nectar-animated-title-inner {
    position: relative;
    display: block;
    width: 100%;
}
#success-stories .nectar-flickity.nectar-carousel[data-format="default"] .flickity-slider .cell .img-with-aniamtion-wrap .hover-wrap {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border: 3px solid #004799;
    border-right: 0;
    box-shadow: 6px 6px 0px #004799;
}
#success-stories.success-stories-mobile .nectar-flickity.nectar-carousel[data-format="default"] .flickity-slider .cell .img-with-aniamtion-wrap .hover-wrap {
    border-radius: 8px;
    border: 3px solid #004799;
}
#success-stories .success-story-text {
    border-radius: 8px;
    border-top-left-radius: 0;
    border: 3px solid #004799;
    background: linear-gradient(125deg,#fff,#99d1e5);
    box-shadow: 6px 6px 0px #004799;
    padding: 24px 48px 48px;
}
#success-stories.success-stories-mobile .success-story-text {
    border-radius: 8px;
    padding: 24px 32px 32px;
}
#success-stories .success-story-text hr {
    opacity: 0.3;
}
.success-stories-content {
    overflow: visible;
}
.success-stories-content .nectar-sticky-tabs[data-navigation-width="25%"] .scrolling-tab-nav {
    width: 13%;
}
.success-stories-content .wpb_tabs_nav li.menu-item {
    text-align: center;
    padding: 6px;
    transition: all 0.5s ease;
}
.success-stories-content .wpb_tabs_nav li.menu-item.active-tab {
    background-color: #ffd700;
}
.success-stories-content .wpb_tabs_nav li.menu-item.active-tab a span {
    font-weight: bold !important;
}
.success-stories-content blockquote p {
    font-style: italic;
    font-size: 30px;
    line-height: 1.25;
}
.success-stories-content .nectar_single_testimonial span.wrap {
    position: relative;
    padding-left: 40px;
}
.success-stories-content .nectar_single_testimonial span.wrap:before {
    content: '~';
    position: absolute;
    display: block;
    left: 0; top: 5px;
    font-size: 54px;
    color: #ffd700;
}
.success-stories-content .nectar_single_testimonial span {
    font-size: 140%;
}
.success-stories-content .nectar_single_testimonial span.title {
    font-size: 120%;
}
.success-stories-content .nectar-button {
    margin-bottom: 50px;
}
.success-stories-content .nectar-button span {
    font-weight: bold;
    color: black;
}



/* Locations */
#locations .nectar-animated-title {
    position: relative;
    display: block;
    width: 30%;
    margin: 0 auto;
}
#locations .nectar-animated-title > .nectar-animated-title-outer, 
#locations .nectar-animated-title > .nectar-animated-title-outer > .nectar-animated-title-inner {
    position: relative;
    display: block;
    width: 100%;
}
#locations .divider-wrap .divider-small-border {
    margin-left: auto;
    margin-right: auto;
}

body[data-fancy-form-rcs="1"] #locations .select2-container .select2-choice {
    border-color: rgba(0,0,0,0.5);
    border-width: 2px;
}
body[data-fancy-form-rcs="1"] #locations .select2-container .select2-choice:hover, 
body[data-fancy-form-rcs="1"] #locations .select2-dropdown-open .select2-choice {
    background-color: rgba(0,0,0,0.5) !important;
    border-color: rgba(0,0,0,0.5) !important;
}
.map-outer {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto -100px;
    transition: all 0.5s ease-out;
}
.map_container {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    max-width: 1000px;
    margin: 30px auto 0;
    text-align: center;
    transform: translateX(-25%) translateY(-10%) scale(0.85);
    transition: all 0.5s ease-in-out;
}
.map-outer.non .map_container  {
    transform: translateX(0) translateY(0) scale(1);
}
.map_container img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.map_container a.dot {
    font-size: 56px;
    color: rgba(0,0,0,0.96);
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    line-height: 1;
    z-index: 9999;
    transform: scale(1);
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari and Chrome */
    -o-transform: scale(1); /* Opera */
    -moz-transform: scale(1); /* Firefox */
    transform-origin: 50% bottom;
    -webkit-transform-origin: 50% bottom;
        -moz-transform-origin: 50% bottom;
        -ms-transform-origin: 50% bottom;
        -o-transform-origin: 50% bottom;
    cursor: pointer;
    backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        transition: all 0.3s ease-in-out;
}
.map_container a.dot:before {
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    background-color: rgba(255,255,255, 0.7);
    width: 12px;
    height: 12px;
    top: 2px; left: 30%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    transition: all 0.3s ease-in-out;
}
.map_container a.dot:after {
    content: '';
    position: absolute;
    display: block;
    z-index: 0;
    background: transparent url(https://myrender.com/goodwillstory/wp-content/themes/salient-child/images/marker-shadow.png) no-repeat;
    width: 100%;
    height: 50%;
    bottom: 0; left: 42%;
    background-size: 100% auto;
    opacity: 0.65;
}
.map_container a.dot i {
    position: relative;
    display: block;
    z-index: 99;
    font-size: 32px;
}
.map_container a.dot.selected {
    color: #fff;
    transform: scale(1.75);
    -ms-transform: scale(1.75); /* IE 9 */
    -webkit-transform: scale(1.75); /* Safari and Chrome */
    -o-transform: scale(1.75); /* Opera */
    -moz-transform: scale(1.75); /* Firefox */
}
.map_container a.dot.selected:before {
    background-color: #004799;
}
.map_container a.dot#baltci {
    top: 19%; left: 63%;
}
.map_container a.dot#baltco {
    top: 10%; left: 61.5%;
}
.map_container a.dot#annea {
    top: 34%; left: 63%;
}
.map_container a.dot#carol {
    top: 42%; left: 74%;
}
.map_container a.dot#cecil {
    top: 3%; left: 79.2%;
}
.map_container a.dot#dorch {
    top: 67%; left: 70%;
}
.map_container a.dot#how {
    top: 23.5%; left: 57%;
}
.map_container a.dot#harf {
    top: 5%; left: 70%;
}
.map_container a.dot#kent {
    top: 23%; left: 70%;
}
.map_container a.dot#queen {
    top: 34%; left: 71.4%;
}
.map_container a.dot#talbot {
    top: 55%; left: 75%;
}
.map_container a.dot#somer {
    top: 82.5%; left: 76%;
}
.map_container a.dot#wicom {
    top: 69.8%; left: 86%;
}
.map_container a.dot#worc {
    top: 81.2%; left: 81.8%;
}
.map_container a.dot#caroll {
    top: 8%; left: 53.3%;
}
.map_container a.dot#cambridge {
    top: 63%; left: 74%;
}
.map_container a.dot#denton {
    top: 45%; left: 75.5%;
}
.map_container a.dot#princegeorge {
    top: 29%; left: 60%;
}
.map_container a.dot:hover {
    color: #ffd700;
    transform: scale(1.5);
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    -moz-transform: scale(1.5); /* Firefox */
}
.map_container a.dot:hover:before {
    background-color: rgba(255,255,255,1);
}
.map-outer .info {
    position: absolute;
    display: block;
    bottom: 25%;
    left: 40px;
    width: 40%;
    height: auto;
    padding: 20px;
    border-radius: 8px;
    background-color: #ffd700;
    border: 2px solid #004799;
    box-shadow: 5px 5px 0px #004799;
}
.map-outer .info h2 {
    color: #004799;
    font-weight: bold;
    font-size: 26px;
    text-transform: none;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
}
.map-outer .info  p {
    color: rgba(0, 71, 153, 0.66);
    line-height: 1.5;
}
.map-outer .contentBox .area_box {
    position: absolute;
    display: block;
    top: -30px; right: 0;
    width: 34%;
    padding: 40px 0;
    padding-right: 30px;
}
.contentBox .area_box h3, 
.surround_areas h3 {
    position: relative;
    display: block;
    letter-spacing: 0;
    text-align: center;
    margin-top: 0;
    margin-bottom: 14px;
    font-size: 30px;
    color: #4a4a4a;
}
.surround_areas {
    font-size: 0;
    position: relative;
    overflow: scroll;
}
.map-outer .contentBox h3 {
    background-color: transparent;
    color: rgba(0,0,0,0.4);
}
.surround_areas.onLoad {
    position: relative;
    display: block;
}
.contentBox .area_box {
    display: none;
}
.area_box {
    display: block;
    position: relative;
}
.surround_areas .addressBox {
    position: relative;
    display: inline-block;
    width: 32.2%;
    vertical-align: top;
    margin-right: 1%;
    margin-bottom: 10px;
    text-align: center;
}
.surround_areas .addressBox:nth-child(3n + 1) {
    margin-right: 0;
}
.addressBox.halfer {
    width: 48.6%;
    margin-right: 2%;
}
.addressBox.halfer:nth-child(odd) {
    margin-right: 0;
}
.addressBox.fuller {
    width: 100%;
    margin-right: 0;
}
.area_box .addressBox {
    width: 100%;
    margin-right: 0;
}
.map-outer .area_box .addressBox {
    width: 49%;
}
.area_box#mobile-box .addressBox {
    text-align: center;
}
.area_box#mobile-box .addressBox:nth-child(2n) {
    margin-right: 0;
}
.addressBox span {
    position: relative;
    display: block;
}
.addressBox span.head {
    color: rgba(0,0,0,0.5);
    font-size: 15px;
    font-weight: bold;
}
.addressBox address {
    position: relative;
    display: block;
    font-style: normal;
    color: rgba(0,0,0,0.5);
}
.addressBox address span {
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
}
.addressBox span.phone {
    font-size: 13px;
    color: rgba(0,0,0,0.5);
}
.addressBox span.phone:before {
    content: '\f095';
    font-family: 'FontAwesome';
    position: relative;
    display: inine-block;
    margin-right: 6px;
}
.area_detail {
    display: none !important;
}
.mobileSelection {
    display: none;
    visibility: hidden;
    text-align: center;
}
.mobileSelection select {
    position: relative;
    width: 100%;
    font-size: 18px;
    background-color: #fff;
    border: 4px double #2c2f3a;
    color: #2c2f3a;
    height: 40px;
}
#mobile-box {
    display: none;
    visibility: hidden;
}

/* Donate */
#donate a.nectar-button.jumbo {
    position: relative;
    display: block;
}
#donate a.nectar-button.jumbo span {
    font-size: 22px;
}

#success-stories.success-stories-desktop {
    display: block;
    visibility: visible;
}
#success-stories.success-stories-mobile {
    display: none;
    visibility: hidden;
}

@media only screen and (max-width: 1260px) {
    #header-outer #social-in-menu {
        position: absolute;
        top: 120%;
        right: 0;
    }
    #header-outer #top #logo img {
        height: 48px;
    }
}

@media only screen and (max-width: 1050px) {
    #header-outer #top nav > ul > li > a {
        font-size: 15px;
    }
    body #header-outer .menu-item-7344 > a {
        border-left-width: 18px;
        border-right-width: 18px;
    }
}

/* 999px and below */
@media only screen and (max-width: 999px) {
    .svg-box.bar-graph svg {
        transform: translatey(-42%) translatex(0) scale(.975);
    }
    #success-stories.success-stories-desktop {
        display: none;
        visibility: hidden;
    }
    #success-stories.success-stories-mobile {
        display: block;
        visibility: visible;
    }

    #success-stories.success-stories-mobile.full-width-content .vc_col-sm-12 .nectar-flickity:not(.masonry) .flickity-viewport {
        overflow: hidden !important;
    }
    #success-stories.success-stories-mobile .nectar-flickity[data-controls*="arrows_overlaid"] .flickity-prev-next-button::before {
        background-color: #ffd700;
    }
    #success-stories.success-stories-mobile .nectar-flickity[data-controls*="arrows_overlaid"] .flickity-prev-next-button.previous, 
    #success-stories.success-stories-mobile .nectar-flickity[data-controls*="arrows_overlaid"] .flickity-prev-next-button.next {
        top: 25%;
    }
    #success-stories.success-stories-mobile .nectar-flickity[data-controls*="arrows_overlaid"] .flickity-prev-next-button.previous {
        left: -5px;
    }
    #success-stories.success-stories-mobile .nectar-flickity[data-controls*="arrows_overlaid"] .flickity-prev-next-button.next {
        right: -5px;
    }
    #success-stories.success-stories-mobile h3 {
        font-size: 20px;
    }
}

/* 690px and below */
@media only screen and (max-width: 690px) {
    #numbers .legend-box ul li span, 
    #numbers .legend-box ul li .number {
        display: block;
        font-size: 16px;
        text-align: center;
        line-height: 1.5;
    }
    #numbers .legend-box ul li .number {
        float: none;
    }
    #numbers .numbers-graph .axis-labels {
        display: none;
        visibility: hidden;
    }

    .map-outer {
        display: none;
        visibility: hidden;
    }
    .mobileSelection {
        display: block;
        visibility: visible;
        text-align: center;
        margin-bottom: 30px !important;
    }
    #mobile-box {
        display: block;
        visibility: visible;
        margin-bottom: 30px !important;
    }

    #success-stories.success-stories-mobile .nectar-flickity[data-controls*="arrows_overlaid"] .flickity-prev-next-button.previous, 
    #success-stories.success-stories-mobile .nectar-flickity[data-controls*="arrows_overlaid"] .flickity-prev-next-button.next {
        top: 18%;
        transform: scale(1);
    }
    #success-stories.success-stories-mobile .nectar-flickity[data-controls*="arrows_overlaid"] .flickity-prev-next-button.previous {
        left: -5px;
    }
    #success-stories.success-stories-mobile .nectar-flickity[data-controls*="arrows_overlaid"] .flickity-prev-next-button.next {
        right: -5px;
    }
}


@media print {
    #header-outer, #intro, .before-footer {
        display: none;
        visibility: hidden;
    }

}