a {
  color: #DF2F68;
}

a:hover {
  color: #005588;
}

.nav--pills > li > a, .field--field-landing-page-image-link > a {
  background-color: #DF2F68;
}

.nav--pills > li > a:hover {
  background-color: #005588;
}

#page {
  background: white url("https://files.wri.org/s3fs-public/c4f-banner.png") center -20px no-repeat;
}

.block-title {
  color: #DF2F68;
}

#navigation {
  background-color: #DF2F68;
}

.js .block--menu-main .block-content {
  background-color: #DF2F68;
}

.nav--main .nav-item .nav-link:hover {
  background-color: #005588;
}

.nav--project-local > li > a:hover, .nav--project-local > li > a:active, .nav--project-local > li > a.active {
    background-color: #005588;
    color: white;
}

.field--field-landing-page-image-link > a {
  color: white;
  color: rgba(255, 255, 255, 0.9);
}
.field--field-landing-page-image-link > a:hover {
  color: white;
  background-color: #005588;
}

.link--donate {
  display: none;
}

.menu-block-8 {
    max-width: 615px;
    margin: 0 auto;
}

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

#page {
background-size: contain;
}
}

/* Call to Action */


.c4f-call-action p{
color: black !important;
}
.view-filters{
background-color: rgba(223, 47, 103, 0.7) !important; 
}
.c4f-call-action .views-exposed-form div{
display: inline-block;
padding-right: 7px;
}
.c4f-call-action .view-content{
margin: 25px auto;
padding: 0px 50px;
}
.c4f-call-action .views-row{
width: 300px;
margin: 0 auto;
}
.c4f-call-action .views-exposed-form{
padding: 25px;
}
.c4f-call-action .form-item, .form-actions {
margin: 0;
}
.c4f-call-action label{
color: white;
}
.c4f-call-action select{
border-color: #7D0063;
}
.c4f-call-action .views-exposed-form .form-submit{
background-color: #DF2F68;
}

@media screen and (min-width: 760px){
.c4f-call-action .views-row{
width: calc(24.5% - 5px);
margin-right: 5px;
display: inline-block;
vertical-align: top;
}
.c4f-call-action .views-exposed-form{
margin-bottom: 50px;
max-width: 760px;
margin: 0 auto;
width: 100%;
padding: 20px 25px;
}
}

@media screen and (max-width: 759px) and (min-width: 650px){
.c4f-call-action .views-row{
width: calc(32.5% - 5px);
margin-right: 5px;
display: inline-block;
vertical-align: top;
}
}

@media screen and (max-width: 649px) and (min-width: 549px){
.c4f-call-action .views-row{
width: calc(49.5% - 5px);
margin-right: 5px;
display: inline-block;
vertical-align: top;
}
}

@media screen and (min-width: 1020px){
.c4f-call-action .view-content{
max-width: 1020px;
width: calc(100% - 50px);
}
}