body {font-family: 'Roboto', sans-serif; font-size: 18px; line-height:1.6; color:#2e3337; font-weight:300;}
.toolbar select {width: 96px;}
.row {margin: 0 0 0 0;}
#default .panel-group {margin-bottom: 0; border-bottom: solid 1px #ddd;}
#default .panel-default, .panel-default .panel-heading, .panel-group .panel  {border-radius:0; box-shadow: none;border: none;}
#default .panel-heading {padding: 20px 40px;}
#default .panel-heading h4 {font-size: 20px;}
#default .panel-body {padding: 10px 4px;}

.panel-group {margin: 0 0 1px 0;}
.panel-default>.panel-heading {background:#f5f7ec;}
.panel-body {padding: 10px 0 0 0;} 
.table, .banner img {width: 100%; }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {border-top: none;}
.table td {width: 33.333%;}
.table td:first-child {padding-left: 0;}

a, /*.carousel .item,*/ .four-block .gal img, #footer-logos img {transition: all 1s;}
a {color:#42ae32; text-decoration: underline; font-weight: 500;}
a:hover {color:#afcb07;}
a:hover, #header-contact a, #header-language a, .social-block a, #footer a, .panel-heading h4 a, .subscribe-donate a { text-decoration: none !important;}
hr {border-top: dashed 3px #afcb07;}

img a {outline: none !important; text-decoration: none !important;}

.block-move, #mobile-footer, .funders-small {display: none;}
.funders-large {display: block;}
.background {height: 100% !important;margin: 0;background: url(/Content/Images/bg.jpg) #edeae7 repeat-x top center fixed;}
.inner, .bottom {max-width:1200px; margin: 0 auto;}

#header, .top, .bottom, #default .right-pane, #footer-logos, #two-col .left-pane form {background:#fff;}
#default .right-pane form  {padding-right: 60px;}
#home .page {padding-bottom: 16px !important;}
#home .strap {padding: 10px 20px 4px 20px; background:#f5f7ec;text-align: center; }
#home .strap p {color:#42ae32; font-weight: bold;}
.content, .bottom,  .pistachio-bg, .lime-bg, .jade-bg {padding: 20px 60px 20px 60px; }
.content .jade-bg {padding: 40px 60px 20px 60px; }
.content .pistachio-bg {background:#f5f7ec;}
.content .lime-bg, .content .jade-bg { color:#fff;}
.content .lime-bg {background:#afcb07;}
.content .jade-bg {background:#42ae32;}

#home .three-block, #home .four-block, .footer-logos, #header, #footer, .background {width: 100%;}
.three-block .block img, .four-block .block img, .four-block .gal img {width: 100%;}
.three-block .block p, .four-block .block p, .banner p {margin:0 0 0 0;}
#default .gallery{margin-bottom: 0; padding: 0 0 0 0;}
.four-block  {display:block;padding: 0 60px 0 60px;}
.four-block .gal {float: left;width: 25%; padding: 0 10px 0 0;}
.four-block .gal img {height: 360px; object-fit: cover; border:#fff solid 4px; opacity:1;}
.four-block .gal img:hover {border:#afcb07 solid 4px; opacity:0.8;}

#social-switch {display: none;}
#header {height: 190px;}
#header, #footer {position: relative; display: block;}
#header {padding: 30px 30px; background: transparent;}
#footer {height: 170px;padding: 30px 0 18px 0;}
.left-col, .right-col {width: 50%; float:left;}

#header .left-col, #header .right-col {height: 136px;}
#header-language, #header-contact, #desktop-social  {clear:both;float: right; width: 130px;height: 36px;text-align: center; }
#header-language, #header-contact {margin-bottom:12px;line-height:2;}

#desktop-social .fa, #social-switch .fa {width: 34px; height: 34px; padding:4px 0 0 0; font-size: 28px; }
#desktop-social .fa, #header-language a, #social-switch a, .three-block .block h3 a, #header-contact a, #header-language a, #two-col .left-pane form .form-button button,#footer p, #footer a:hover, #mobile-credit, #mobile-footer .panel-default .panel-heading a, #default .right-pane form .form-button button  {color:#fff;}
#header-contact a, #header-language a {display: block; width:128px;height: 35px;}
#header-language a {background:#2e3337;}
#desktop-social, #social-switch  {line-height:0.5;}
#desktop-social .fa-facebook, #social-switch .fa-facebook {float:left; background:#3c5a9a;}
#desktop-social .fa-play {float:right; }
#desktop-social .fa-play, #social-switch .fa-play {background: #eb0e19;}
#desktop-social .fa:hover, #social-switch .fa::after hover {background:#000;}
.fa-twitter {background:#2daae1;}
#footer {height: 136px;}
#footer .left-col, #header .left-col {text-align: left;}
#footer .right-col, header .right-col {text-align: right;}
#footer-bottom  br, #mobile-credit, #footer-top-mobile, #footer-logos br {display: none;}
#footer-bottom {text-align: center;}
#footer-logos {width: 100%; height: 104px; padding: 20px 10px 0 10px; border-top: solid 1px #ddd; text-align: center;}
#footer-logos p {height: 80px; display:inline-block; float: none; width: auto; text-align: center;}
#footer-logos img {float: left;height: 70px; padding: 0 20px; opacity:1;}
#footer-logos img:hover {opacity:0.8;}

.CTA {width: 100%; height: 100px;}
.CTA-wrap {width:520px; height: 60px; padding: 0 0 0 0; margin: 0 auto ;}
.CTA ul {margin-left:-40px; list-style: none;}
.CTA li {float: left; width: 260px;padding: 15px; opacity:1; border-left: solid 16px #fff; border-right: solid 16px #fff;}
.CTA li:hover {opacity:0.8;}
.CTA li:nth-child(1) {background: url(/Content/Images/news.gif) #afcb07 no-repeat center left;}
.CTA li:nth-child(2) {background: url(/Content/Images/donate.gif) #2e3337 no-repeat center left;border-bottom: none;}
.CTA li a {margin-left:60px;color:#fff; text-decoration: none;}
/*HEADER-FOOTER*/
h1 {color:#42ae32;}
h1, h2, h3, #header-language a, #header-contact a {font-family: 'Roboto Slab', serif; }
h1, h2, h3, h4, h5 {margin:0 0 10px 0; padding:0;}
h4, h5 {font-family: 'Roboto', sans-serif; font-size: 18px; }
h2, h3 {font-size: 26px; margin-top: 10px;font-weight:300;}
h2 {color:#afcb07;}
h1 {font-weight: 500;}
.lime-bg h1, .jade-bg h1, .lime-bg h2, .jade-bg h2 , .lime-bg h3, .jade-bg h3  {color:#fff;}
h3 {color:#3baa34;}
.inner {background:transparent;}
.title {padding: 40px 40px 0 40px;text-align:center;background: transparent;}
.title br {display: none;}
#home .top, #home .bottom {padding: 50px 60px 30px 60px;}
#home .three-block {height: 280px;margin: 20px 0 20px 0;padding: 0 19px 0 20px;}
#home .three-block .block {width: 33.3%; float: left; }
#home .three-block .block img {height: 237px;object-fit: cover;}
#home .three-block .block h3 {margin: 0 0 0 0; padding:20px 14px 18px 15px;background: #2e3337; border-top: solid 1px #fff; text-align: center; font-size: 18px; font-weight:300 !important; font-family: 'Roboto', sans-serif; opacity:1;}
#home .three-block .block h3:hover {opacity:0.8;}
.four-block {margin: 0 0 0 0;}
.four-block .block {width: 25%; float: left; padding-right: 20px;}
.page {position: relative;background:#fff; margin-bottom: 80px;}

#default .two-pane, #two-col .two-pane {display: block;width: 100%; height: auto; margin-bottom: 0;}
.two-pane {padding-bottom: 40px;}
.spacer {margin-top: 80px;}
#two-col .page {padding: 0 60px 6px 60px;}
#two-col .left-pane {padding: 0 40px 0 0;}
#two-col .right-pane {padding: 0 0 0 40px;}
#two-col .left-pane form {height: 294px;padding: 30px;}
#two-col .left-pane form .security, #two-col .left-pane form .security .form-button, #default .right-pane form .security .form-button {width: 50%; float: left;}
#two-col .left-pane form input {height: 38px;}
#two-col .left-pane form .form-button button { margin-top:20px;float: right; border: none;padding: 10px 20px; text-transform: uppercase;}
#two-col .left-pane form .form-button button:hover {background:#1b1717;}

#default .sidebar, #default .right-pane, #two-col .left-pane, #two-col .right-pane {float: left;}
#default .sidebar {width: 33.333%; }
#two-col .left-pane, #two-col .right-pane {width: 50%; /*height: 300px;*/ float: left;}
#default .left-pane {padding: 20px 40px 10px 57px;}
#default .right-pane {width:66.666%; padding: 0 50px 0 50px;}

#header-contact a, #two-col .left-pane form .form-button button, #default .right-pane form .form-button button,  .bottom-inner {background:#afcb07; }
#default .right-pane form .form-button button {border: none; padding: 10px 20px;}

.top {background: #f5f7ec;}

.bottom {display: block; width: 100%; }
.bottom {max-width:1200px; margin: 0 auto;}
#footer {background: #2e3337; border-top: solid 1px #fff;}
#footer a {color:#afcb07; font-weight: 300;}

/*MODULE STYLES*/
.social-block {padding: 0 0; }
.social-block ul, .leaf-link ul, .leaf-link ol {list-style: none;}
.social-block ul {margin-left: -40px;}
.social-block li {padding: 15px; opacity:1; border-bottom: solid 1px #fff;}
.social-block li:hover {opacity:0.8;}
.social-block li a {margin-left:60px;color:#fff;}
.social-block li:nth-child(1) {background: url(/Content/Images/facebook.gif) #3c5a9a no-repeat center left;}
.social-block li:nth-child(2) {background: url(/Content/Images/twitter.gif) #2daae1 no-repeat center left;}
.social-block li:nth-child(3) {background: url(/Content/Images/youtube.gif) #eb0e19 no-repeat center left;}
.social-block li:nth-child(4) {background: url(/Content/Images/news.gif) #afcb07 no-repeat center left;}
.social-block li:nth-child(5) {background: url(/Content/Images/donate.gif) #2e3337 no-repeat center left;border-bottom: none;}
.leaf-link ul, .leaf-link ol, .white-bg ol, .white-bg ul, .pistachio-bg ol, .pistachio-bg ul {list-style: none;margin-left: -14px;}
.leaf-link ul li:before, .white-bg ul li:before, .pistachio-bg ul li:before {content:url("/Content/Images/leaf-dark.gif"); margin-right: 6px;}
.leaf-link ol li:before, .white-bg ol li:before, .pistachio-bg ol li:before {content:url("/Content/Images/leaf-light.gif"); margin-right: 6px;}
.leaf-link li, .white-bg ul li, .pistachio-bg ul li, .white-bg ol li, .pistachio-bg ol li {list-style-position: inside;text-indent: -1.4em; margin-bottom: 10px;}
/*MODULE STYLES*/

@media (max-width: 1600px) {
#footer-logos img {height: 70px; padding: 0 10px;}
}
@media (max-width: 1400px) {
#footer-logos {height: 94px;}
#footer-logos img {height: 60px;}
}
@media (max-width: 1280px) {
.inner, .bottom {max-width:1240px; margin: 0 auto;}
.page {margin-bottom: 20px;}
.spacer {margin-top: 20px;}
#footer {padding-left:30px; padding-right:30px;}
#footer-logos {height: 80px; }
#footer-logos img {height: 46px;}
}

@media (max-width: 1240px) {
#footer-logos {margin-top: -20px; padding:20px 10px 0 10px;}
}

@media (max-width: 1024px) {
.title {padding: 40px 10px 0 10px;}
#two-col .left-pane {padding: 0 12px 0 0;}
#two-col .right-pane {padding: 0 0 0 12px;}
.spacer {margin-top: 0;}
.CTA.spacer {height: 90px;}
.CTA li {width: 260px;border-left: solid 12px #fff; border-right: solid 12px #fff;}
#footer {margin-top: 0; height: 140px;padding: 30px 30px 0 30px; }
#footer-logos {padding:20px 10px 0 10px;}
.four-block .gal img {height: 210px;border:#afcb07 solid 4px;opacity:1;}
}

@media (max-width: 1023px) {
.fa-user, .social-block {display: none;}
.content, .bottom, .pistachio-bg, .lime-bg, .jade-bg {padding: 30px 30px 20px 30px; }
.banner, #image-swap {margin-top:-10px;}
#two-col .page {padding: 0 30px 0 30px;}
#default .panel-default .panel-heading {padding: 12px 20px 10px 20px !important;}
#default .panel-heading h4 {font-size: 18px;}
.background {background: #fff;}
.inner, .bottom {width: 100%;}
#myCarousel {margin-top:-10px;}
#home .three-block {height: 310px;margin: 10px 0 6px 0; padding: 20px 30px;}
.social-block {padding: 0 10px;}
#default .right-pane {width: 100%;}
.two-col .left-pane form .form-control {height:50px !important;}
#footer {margin-top: 0;}
#footer-logos {height: 170px; padding: 30px 10px 20px 10px;}
#footer-logos p {height: 140px; display:inline-block; float: none; margin: 0 auto; width: 700px; text-align: center;}
#footer-logos img {height: 70px; margin: 0 30px;padding: 0 0 20px 0;}
.four-block  {padding: 0 20px 0 30px;}
.four-block .gal img:hover {border:#42ae32 solid 4px;  opacity:0.8;}
}


@media (max-width: 767px) {
.funders-small {display: block;}
#desktop-social, .block-hide,#footer, #footer-logos, #header-contact, .CTA, .funders-large {display:none;}
#social-switch, .block-move, #mobile-footer,#mobile-credit {display: block;}
.title {padding: 30px 0 0 0;}
.title p {text-align: left;}
.table td {width: 100%; display: block;padding-left: 0 !important;}
h1 {font-size: 28px;}
h2, h3 {font-size: 22px;}
#header {height: 174px;}
#header .left-col, #header .right-col {float:none; text-align: center;}
#header .left-col {width: 100%; margin-bottom:10px;}
#header .right-col {width: 276px; height: 40px;float:none; margin: 0 auto;padding-left: 6px; }
#header .left-col {height: 100px;}
#header img {height: 98px;}
#header-language, #social-switch  {clear:none;float: left;}
#header-language a {width: 120px; height: 38px;}
#header, #footer {padding: 10px 20px;}
#social-switch .fa {float: left; margin:0 8px 0 0;width: 38px; height: 38px; padding:4px 0 0 0; font-size: 28px; }
.content, .pistachio-bg, .lime-bg, .jade-bg {padding: 20px 20px 10px 20px; }
.four-block .gal {float: left;width: 100%; padding: 0 10px 0 0;}
#home .page {padding-bottom: 10px !important;}
#home .three-block .block {height: 320px;width: 50%;}
#home .three-block .block-1 {padding-right: 10px;}
#home .three-block .block-3 {padding-left: 10px;}
#default .panel-default .panel-heading {padding: 12px 10px 10px 10px !important;}
#two-col .left-pane, #two-col .right-pane {width: 100%; clear: both;  height: auto;padding: 0 0 0 0;}
#default .two-pane, #two-col .two-pane {padding-bottom: 10px; /*margin-bottom: -20px;*/}
#footer {margin-top: -10px;}
#mobile-credit {width: 100%; padding: 12px 10px 2px 10px; background: #2e3337; text-align: center;}
#mobile-footer {height: 80px;}
#mobile-footer .panel-group {margin-bottom: 0;}
#mobile-footer .panel-default {margin-top: 0; }
#mobile-footer .panel-default .panel-heading {padding-top: 12px; }
#mobile-footer .panel-default .panel-heading a {width: 130px; margin: 0 auto;font-size: 20px; font-weight: 300;}
#mobile-footer .panel-default #P-H-1 {background: #afcb07; }
#mobile-footer .panel-default #P-H-2 {background: #3baa34; }
#mobile-footer .panel-default .panel-body {text-align: center;}
#mobile-footer .panel-default .sponsors {padding: 8px 20px 8px 20px;}
#mobile-footer .panel-default .sponsors img {height: 60px; margin: 10px;}
.subscribe-donate {width: 100%;margin-bottom: -10px; padding:0 30px;background:#2e3337; line-height:2.7; }
.subscribe-donate p {text-align: center;}
.subscribe-donate a {color:#fff; font-weight: 300; padding: 0 20px;}
.subscribe-donate a, #mobile-footer .panel-default .panel-heading a  {font-size: 18px !important; }
}

@media (max-width: 580px) {    

.footer-logos, #header, #footer, .background {width: 100%; height: auto;}
#home .page {padding-bottom: 0 !important;}
#home .three-block {height: auto !important; margin: 0 0 -20px 0; padding:20px 20px 0 20px;}
#home .three-block .block {width: 100%;}
#home .three-block .block-1{padding: 0 0 20px 0;}
#home .three-block .block-3 {padding: 0 0 0 0;}
.four-block  {margin: 8px 0 10px 0; padding: 0 10px 0 20px;}
#mobile-footer .panel-default .sponsors {padding: 8px 10px 0 10px;}
#mobile-footer .panel-default .sponsors img {height: 50px; margin: 5px;}
.four-block .gal img {height: 190px;}

}


@media (max-width: 420px) {
#language-contact {width: 276px;}
#header-contact {margin-left: 0;}
#home .title br {display: block;}
#footer .left-col, #footer .right-col {height: 88px;}
#footer {font-size: 16px; line-height: 1.8;}
.subscribe-donate a {padding: 0 10px;}
}