/* CSS updates/changes by Devs */
#header #main-menu > li:last-child{
	display: none;
}
#header { position: fixed; }

.banner .banner-details h2{
	text-align: center;
    font-size: 76px;
    text-shadow: none;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}
.color-red{ color: #d34f42; }
.color-yellow{ color: #eea533; }
.color-blue{ color: #60a9b8; }
.font-rockwell{font-family: 'rockwell', sans-serif;}

.home-content h1{
	color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}
.home-content h1 strong{
	font-family: rockwell, sans-serif;
    font-size: 45px;
    font-weight: bold;
    display: block;
}
.mailing-list .frm_final_submit{
    display: none;
}
.photo-gallery .photo-container{
    position: relative;
    /*padding-bottom: 56.25%;*/
    overflow: hidden;
}

.MagicSlideshow > .mss-slider-wrapper + *,
.MagicSlideshow > *:nth-child(n+2),
.MagicSlideshow .mss-buttons-wrapper,
.MagicSlideshow .mss-play{display: none !important;}
.quicklinks ul{width: 100%;}

.btn-content{
	width: auto;
    display: inline-block;
    padding: 0 40px;
    min-width: 245px;
}

.main-cont hr{
	border-top: 1px solid #60a9b8;
    margin: 60px 0;
}
.strip-section.strip-green{
    background-color: #b3d181;
}
.strip-section.strip-green *{
    color: #fff;
}
.strip-team .team-container .team-item{
    overflow: hidden;
}
.strip-team .team-info{
    border-left: 8px solid #fff;
    padding-left: 15px;
}
.strip-team .team-info h2{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}
.strip-team .team-info h2 span{
    text-transform: uppercase;
    display: block;
}
.strip-team .team-info h2 .first-name{
    font-family: rockwell, sans-serif;
    font-weight: bold;
    font-size: 45px;
}
.strip-team .team-info h2 .title{
    font-size: 17px;
}
.strip-team .team-bio p{
    line-height: 1.4em;
}

.contact-box .wrap-boxes h1{
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    border-left: 8px solid #fff;
    padding-left: 15px;
    text-shadow: none;
    font-size: 35px;
}
.contact-box .wrap-boxes h1 strong{
    font-size: 50px;
    font-family: rockwell, sans-serif;
    font-size: 45px;
    font-weight: bold;
    display: block;
}

.banner-img:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.banner-img.overlay-green:before{
    background-color: rgba(179,209,129,0.75);
}
.banner-img.overlay-blue:before{
    background-color: rgba(96,169,184,0.75);
}
.banner-img.overlay-red:before{
    background-color: rgba(211,79,66,0.75);
}
.banner-img.overlay-orange:before{
    background-color: rgba(238,165,51,0.75);
}

#main-nav ul > li.current-menu-item > a, #main-nav ul > li.current-menu-ancestor > a{
    color: #b3d181;
    background: url(../images/bg-nav-hover.png) no-repeat center center;
    text-decoration: none;
    background-size: 78px!important;
}

.quicklinks ul li.current-menu-item a {color: #b3d181;}


.mm-menu.mm-offcanvas{
    display: none;
}
.mm-menu.mm-offcanvas.mm-opened{
    display: block;
}
.mm-menu .mm-listview > li .mm-next:after, .mm-panel.mm-hasnavbar .mm-navbar a.mm-btn:before{
    border-color: #ffffff !important;
}
.mm-listview .current-menu-item a.mm-next:after,
.mm-listview .current-page-parent a.mm-next:after { border-color: #444 !important; }
.mm-listview .current-menu-item a,.mm-listview .current-page-parent a { /*background: #60a9b8 !important;*/ color: #444; background: #fff; }

.wsp-container ul li{ margin-bottom: 15px; }
.wsp-container ul li.current_page_item{ display: none; }

.contact .banner { height: auto; }
.contact .banner img { opacity: 1; }
.contact .banner .banner-img { display: none; }
.contact .wrap-banner { overflow: hidden; }
.contact .banner .banner-details { position: static; transform: unset; padding: 229px 0 60px 0; }
.contact .banner .banner-details h2 { font-family:"rockwell", sans-serif !important; font-weight: 700; }
.contact .banner .banner-details h2 a { font-family: 'Montserrat', sans-serif !important; font-weight: 500;  }

#main-nav ul li { position: relative; }
#main-nav ul li a { background: none !important; }
#main-nav ul#main-menu > li > a:before { content: ''; background: url('../images/bg-nav-hover.png') no-repeat 50% 50% / 100% 100%; width: 78px; height: 78px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0; transition: all 0.3s; }
#main-nav ul#main-menu > li:nth-child(3) > a:before { background-image: url('../images/bg-navblue-hover.png'); }
#main-nav ul#main-menu > li:nth-child(4) > a:before { background-image: url('../images/bg-navred-hover.png'); }
#main-nav ul#main-menu > li:nth-child(5) > a:before { background-image: url('../images/bg-navorange-hover.png'); }
#main-nav ul#main-menu > li > a:hover:before,
#main-nav ul#main-menu > li > a:focus:before,
#main-nav ul#main-menu > li > a:active:before,
#main-nav ul#main-menu > li.selected > a:before,
#main-nav ul#main-menu > li.current-menu-item > a:before,
#main-nav ul#main-menu > li.current-menu-ancestor > a:before { opacity: 1; }

#main-nav ul > li:nth-child(3).current-menu-item > a,
#main-nav ul > li:nth-child(3).current-menu-ancestor > a,
#main-nav ul li:nth-child(3) ul li.current-menu-item  a { color: #60a9b8; }
#main-nav ul > li:nth-child(4).current-menu-item > a,
#main-nav ul > li:nth-child(4).current-menu-ancestor > a,
#main-nav ul li:nth-child(4) ul li.current-menu-item  a { color: #d35846; }
#main-nav ul > li:nth-child(5).current-menu-item > a,
#main-nav ul > li:nth-child(5).current-menu-ancestor > a,
#main-nav ul li:nth-child(5) ul li.current-menu-item  a { color: #eea533; }

#main-nav ul ul { height: 0; overflow: hidden; width: 240px; margin: 0; left: 50%; transform: translate(-50%,0); }
#main-nav ul li:hover ul { height: auto; }

.btn { overflow: hidden; }
.btn span { top: auto !important; line-height: 56px; }

.homepage .banner { height: auto; margin: 0 !important; }
.homepage .banner .banner-img { width: 100%; height: 100vh; }
.homepage .banner .banner-img img { max-height: unset; max-width: unset; width: 100%; height: 100%; object-fit: cover; position: static; }
.homepage .banner .banner-details { transform: translate(-50%,0); }

@media only screen and (max-height: 500px) {
	.homepage .banner .banner-img { width: 100%; height: 550px !important; }
}


.scroll-down { z-index: 10; }

.home-content h1 { text-shadow: none; }
.home-content a { color: inherit; font-weight: 700; }

.news-and-events .wrap-details { width: auto; padding-left: 30px; padding-right: 30px; }
.news-and-events .wrap-details h3 { padding: 0 0 10px 0; }

.side-resources { width: auto; display: flex; flex-wrap: wrap; margin: 30px -10px 0 -10px; }
.resources-btn { width: 100%; max-width: 33.33%; padding: 0 10px; }
.resources-btn a { display: block; height: 100%; }
.resources-btn a .wrap-btn { display: flex; align-items: center; width: 100%; height: 100%; padding: 0; position: relative; }
.resources-btn a .wrap-btn:before { content: ''; position: absolute; top: 0; right: 100px; width: 1px; height: 100%; background: #fff; }
.resources-btn a h3 { line-height: 1; margin: 0; padding: 14px 10px 10px 10px; text-align: center; max-width: calc(100% - 100px); }
.resources-btn a h3,
.resources-btn a span { display: block; border-left: 0 none; width: 100%; }
.resources-btn a span { padding: 10px 0; text-align: center; max-width: 100px; }

.contact-box .blue-boxes .btn-white { position: relative; background: none transparent; padding: 0; }
.contact-box .blue-boxes .btn-white:before { background: url('../images/img-btn-arrow-white.png') no-repeat 23px center transparent; }
.contact-box .blue-boxes .btn-white:before,
.contact-box .blue-boxes .btn-white:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: all 0.3s; }
.contact-box .blue-boxes .btn-white:after { background: url('../images/img-btn-arrow.png') no-repeat 23px center transparent; opacity: 0; }
.contact-box .blue-boxes .btn-white:hover:before { opacity: 0; }
.contact-box .blue-boxes .btn-white:hover:after { opacity: 1; }

.contact-box .blue-boxes .wrap-boxes { margin: 0; width: 790px; padding: 0 100px 0 10px; }
.contact-box .blue-boxes .wrap-boxes { display: flex; align-items: center; }
.contact-box .green-boxes .wrap-boxes { margin: 0; width: 790px; padding: 0 10px 0 70px; }


.mailing-list .frm_message, 
.mailing-list .frm_error_style{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
	display: -ms-flexbox;
	display: flex;
    -ms-flex-pack: center;
	justify-content: center;
    -ms-flex-align: center;
	align-items: center;
    -webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	animation-duration: 0.4s;
}
.mailing-list .frm_message p,
.mailing-list .frm_error_style p{
	font-size: 24px;
    font-weight: bold;
    color: #fff;
}

.scroll-down { bottom: 0; }

.btn.focus,
.btn:focus { box-shadow: none; }

#sitemap-menu li {
    margin-top: 15px;
}

.team-slider .slick-prev { display: none !important; }
.team-slider .slick-next { border: 2px solid #fff; width: 56px; height: 56px; border-radius: 50%; position: absolute; right: 25%; top: 50%; transform: translate(0,-50%); background: transparent url('../images/img-btn-arrow-white.png') 50% 50% / 22px auto no-repeat; font-size: 0; transition: none; }
.team-slider .slick-next:hover { border-color: #559ba5; background-image: url('../images/img-btn-arrow.png'); }

.slide-arrow { position: absolute; top:50%; transform:translate(0,-50%); z-index:2; border:none; background:none; color:#FFFFFF; font-size:60px; }
.slide-arrow:hover { color:#60a9b8; }
.prev-arrow { left:0; }
.next-arrow { right:0; }

.content .news-event-gallery ul li:before { display:none; }
.content .news-event-gallery ul { display:flex; align-items:center; justify-content:center; margin:0; }
.content .news-event-gallery ul li { margin:0 5px; }
.content .news-event-gallery ul li button { font-size:0; border:none; width:10px; height:10px; border-radius:50%; background:#FFFFFF; padding:0; }
.content .news-event-gallery ul li.slick-active button { background:#60a9b8; }



/* Media Queries
============================================================ */
@media only screen and (max-width: 1890px) {
	/*.contact-box .blue-boxes .wrap-boxes { float: none; margin: 0 auto; }*/
}

@media only screen and (min-width: 1200px) { /* .col-xl- */
}

@media only screen and (min-width: 1680px){
	.homepage #header { height: 150px; }
	.homepage #header .logo img { height: calc(150px - 11px); }
	.homepage #main-nav { padding-top: 35px; }
	.homepage #main-nav ul#main-menu > li > a { margin-bottom: 34px; }
	.homepage .donate-button { margin-top: 45px; }
	
	.homepage .banner .banner-img { padding: 150px 0 0 0; }
	.homepage .banner .banner-details { top: calc(8vh + 150px); }
}

@media only screen and (max-width: 1679px) {
	.homepage .banner .banner-img { padding: 144px 0 0 0; }
	.homepage .banner .banner-details { top: calc(8vh + 144px); }
	
	.contact .banner .banner-details { padding-top: 204px; }

	.contact-box .blue-boxes .wrap-boxes { width: 590px; padding: 0 60px 0 10px; }
	.contact-box .green-boxes .wrap-boxes { width: 590px; padding: 0 10px 0 10px; }
	.contact-box .wrap-boxes h1,
	.contact-box .wrap-boxes h2 { font-size: 28px; }
	.contact-box .wrap-boxes h1 strong,
	.contact-box .wrap-boxes h2 strong { font-size: 40px; }
}

@media only screen and (max-width: 1199px) {
    .banner.hm-banner{ margin-top: 75px; }
	
	.homepage .banner .banner-img { padding: 116px 0 0 0; }
	.homepage .banner .banner-details { top: calc(8vh + 116px); }
	
	#footer .footer-top .buttons-section { text-align: center; }
	#footer .footer-top .buttons-section .btn { display: inline-block; margin-left: 10px; margin-right: 10px; }
	
	.contact-box .blue-boxes .wrap-boxes .form-box { width: auto; }
}

@media only screen and (min-width: 992px) {
	.success-stories .transform-center { width: 100%; max-width: 1250px; margin: 0; font-size: 0; padding: 0 70px; }
	.success-stories .transform-center .box-one { width: 230px; margin: 0; padding: 0; }
	.success-stories .transform-center .box-two { width: calc(100% - 230px); margin: 0; padding: 0 0 0 70px; }
	
	.contact-box .blue-boxes .wrap-boxes .sub-box { display: block; width: 100%; }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.success-stories .transform-center { padding: 0 50px; }
	.success-stories .transform-center .box-two { padding: 0 0 0 50px; }
}

@media only screen and (min-width: 992px) and (max-width: 1350px) {
    .home-content h1{ font-size: 30px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    /*#footer .footer-top .footer-logo{ margin-top: 0; }
    #footer .footer-top .footer-logo img{ margin: auto; }
    #footer .footer-top .logo-section{ order: 3; }
    #footer .footer-top .quicklinks{ max-width: 700px; margin: auto; margin-top: 40px; }
    #footer .footer-top .quicklinks > div{ margin-top: 10px; margin-left: 125px; }
    #footer .footer-top .quicklinks h4{ text-align: center; }
    #footer .footer-top .links-section{ order: 1; }
    #footer .footer-top .buttons-section{ margin-top: 30px; margin-bottom: 50px; text-align: center; order: 2;}
    #footer .footer-top .buttons-section .btn{ max-width: 300px; margin-bottom: 15px; }*/
	#footer .footer-top .logo-section { max-width: 400px; }
	#footer .footer-top .links-section { max-width: 350px; }
	#footer .footer-top .buttons-section { max-width: 210px; }
	
	.success-stories .transform-center { padding: 0 30px; }
	.success-stories .transform-center .box-one { width: 190px; vertical-align: middle; }
	.success-stories .transform-center .box-two { width: calc(100% - 190px); padding: 0 0 0 30px; vertical-align: middle; }
	.success-stories .transform-center .box-two .testimonial-wrap { display: flex; flex-wrap: wrap; align-items: center; }
	
	.contact .banner .banner-details { padding-top: 176px; }
	
	.contact-box .blue-boxes .wrap-boxes { width: 470px; padding: 0 100px 0 10px; }
	.contact-box .green-boxes .wrap-boxes { width: 470px; padding: 0 10px 0 100px; }
}

@media only screen and (min-width: 992px) { /* .col-lg- */
}

@media only screen and (max-width: 991px) {
	#header #main-menu > li:last-child{
		display: block;
	}
    .success-stories{ height: auto; }
	.success-stories .transform-center .box-one { margin: 0; }
	.success-stories .transform-center .box-two .testimonial-wrap { height: auto !important; }
	
	.homepage .banner .banner-img { padding: 161px 0 0 0; }
	.homepage .banner .banner-details { top: calc(8vh + 161px); }
	
	.resources-btn { max-width: 50%; }
	
	.contact-box .blue-boxes .submit-btn { position: static; transform: none; }
	
	.strip-team .team-container .team-item .container { max-width: 100%; padding: 20px; }
	.strip-team .team-container .team-item .wrap-img { text-align: center; padding-bottom: 20px; }
	.strip-team .team-container .team-item .wrap-img img { margin: 0 auto; }
	
	#footer .footer-top .buttons-section { order: 1; position: static; }
	#footer .footer-top .logo-section { order: 2; }
	#footer .footer-top .logo-section .footer-logo { padding-top: 50px; }
	.footer-logo img { max-width: 400px; }
	
	/*.bbox-link { display: block; }*/
	.mailing-list .frm_message{position: relative;}
	
	.contact-box .blue-boxes .wrap-boxes,
	.contact-box .green-boxes .wrap-boxes { width: auto; padding: 80px 0; }
	
	.team-slider .slick-next { right: auto; left: 0; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.contact .banner .banner-details { padding-top: 221px; }
	.contact .banner .banner-details .title { text-align: left; }
	.bbox-link { min-width: 220px; }
	.contact-box .wrap-boxes .sub-box { margin: 0 auto; width: 720px; padding: 0 10px; }
	.contact-box .form-box { width: auto; }
	
	.footer-top .boxes:nth-child(2) { display: block; order: 2; }
	.footer-top .quicklinks { max-height: 480px; margin: 0 auto; padding: 50px 0 0 0; text-align: center; }
	#footer .footer-top .logo-section { order: 3; }
}

@media only screen and (min-width: 768px) { /* .col-md- */
	.bbox-link { margin-top: 0; }
}

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

    .banner.hm-banner{ margin-top: 50px; }
	
	.strip-team .team-container .team-item .container .row { margin: 0; }
	.strip-team .team-container .team-item .team-bio { margin: 20px 0 0 0; }

	.contact .banner .banner-details { padding-top: 201px; }

	#header,
	.logo img,
	.homepage .banner .banner-img,
	.contact .banner .banner-details { transition: all 0.3s; }

	.scroll #header { height: 100px; }
	.logo img { height: calc(125px - 11px); width: auto; max-width: unset; }
	.scroll .logo img { max-width: unset; width: auto; height: calc(100px - 11px); }
	.scroll .homepage .banner .banner-img { padding-top: 136px; }
	.scroll .contact .banner .banner-details { padding-top: 196px; }
	
	.bbox-link { display: block; }
	
	.contact-box .wrap-boxes .sub-box { padding: 0; }
	.contact-box .wrap-boxes .form-box { width: auto; }
	
	body .wp-block-image .alignright,
	body .wp-block-image .alignleft { width: 100%; }
	
	.homepage .banner .banner-details h2 { font-size: 50px; }
	
	.green-boxes .wrap-boxes,
	.sectin-one .blue-boxes .wrap-boxes { padding: 80px 0 !important; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.resources-btn a h3 { font-size: 16px; }
	
	.contact-box .wrap-boxes .sub-box { margin: 0 auto; width: 540px; padding: 0 10px; }
	.contact-box .form-box { width: auto; }
	
	body .about-img.wp-block-image .alignright { float: right !important; }
	body .about-img.wp-block-image .alignright,
	body .about-img.wp-block-image .alignleft { width: auto; margin: 0 0 20px 20px; }
	body .about-img.wp-block-image .alignleft { float: left !important; }
}

@media only screen and (min-width: 576px) { /* .col-sm- */
}

@media only screen and (max-width: 575px) { /* .col-xs- */
	.side-resources { width: 100%; display: block; margin: 30px auto 0 auto; }
	.resources-btn { max-width: 100%; padding: 0; }
	
	.btn { height: 42px; width: 100%; max-width: 230px; min-width: 10px; }
	.btn span { line-height: 46px; }
	
	.success-stories .transform-center { padding: 40px 0; }
	
	.footer-logo img { max-width: 350px; }
	
	.mailing-list .form-action { text-align: center; }
	.mailing-list .form-action button { margin-left: auto; margin-right: auto; }
}

@media only screen and (min-width: 481px) and (max-width: 575px) {
	h1 { font-size: 36px; }
	h2 { font-size: 26px; }
	h3 { font-size: 20px; }
}

@media only screen and (max-width: 480px) {
	.wrap-boxes {padding-top: 30px !important;}
	.banner .banner-details h2 {font-size: 49px;}
	.home-content h1 strong {font-size: 32px;}
	.home-content h1 {font-size: 29px;}
	.success-stories {height: 688px;}
	
	.footer-logo img { max-width: 300px; }
	
	body .main .wp-block-image { margin-top: 20px; }
	body .main .wp-block-image img { max-width: 75%; }
	
	.contact-box .wrap-boxes { padding: 60px 0 !important; }
	
	.contact-box .green-boxes .img { left: 0; top: 0; width: 100%; height: 100%; transform: none; }
	.contact-box .green-boxes .img img { width: 100%; height: 100%; object-fit: cover; }
	
	.green-boxes .wrap-boxes,
	.sectin-one .blue-boxes .wrap-boxes { padding: 60px 0 !important; }
}

@media print {
}

/* no CSS beyond this point */