/*
Theme Name: The Freshwater Trust
Theme URI:
Author: Pixelpress & EUX
Author URI: http://www.ethicalux.com
Version: 2.1
*/



/* main elements */
/*@import "assets/css/screen.css" screen;*/

/* DH red hightlight to donate */


#menu-item-11194 a{
    background-color: #944b23 !important;
}

#menu-item-11194 a:hover {
    background-color: #84431f !important;
}

/* DH to put search icon into the search bar */
.facetwp-btn {
    top: 15px !important;
    right: -250px !important;
    line-height: 1;
    position: absolute;
    cursor: pointer;
    opacity: 0.5;
    z-index: 2 !important;
}


/* Theme custom styles */ 
.page article p img{
	display: block;
    height: auto;
    max-width: 100%;
}

i, em{
     font-style: italic;
}

ul .menu{
	list-style-type: none !important;
}

/*.navbar-right > li:hover  .dropdown-menu{
	display:block;
}*/

/* donate template */
.page-template-template-donatetoday .hero, .page-template-template-donate-thanks .hero{
  min-height:840px;
  position: absolute;
  left: 0;
  top: 0;
}
.page-template-template-donatetoday .how-we-use img{
  padding-top: 15px;
}
.page-template-template-donatetoday .how-we-use .img-comment{
  text-transform: uppercase;
  font-size: 0.8em;
  margin-top: 85px;
  margin-left: 25px;
}
.page-template-template-donatetoday .how-we-use .img-comment p{
  margin: 0 0 10px;
}
.page-template-template-donatetoday .how-we-use .img-comment span{
  display: inline-block;
  height: 18px;
  width: 18px;
  background-color: #9b9b9b;
  border-radius: 2px;
  vertical-align: middle;
  margin-bottom: 3px;
}
.page-template-template-donatetoday .how-we-use .img-comment .camp{
  background-color: #083152;
}
.page-template-template-donatetoday .how-we-use .img-comment .brain{
  background-color: #39b3d7;
}
.page-template-template-donatetoday .how-we-use .img-comment .rocket{
  background-color: #4b9dbe;
}
.page-template-template-donatetoday .logos .imgs{
  width: 500px;
  overflow: hidden;
  margin: 0 auto;
}
.page-template-template-donatetoday .logos .imgs img{
  width: 150px;
  float:left;
  padding: 0 20px;
}
.page-template-template-donatetoday .logos .imgs img:last-child{
  width: 232px;
  float:right;
}
.page-template-template-donatetoday .testimonials{
  background-color: #f5f5f5;
  position: relative;
}
.page-template-template-donatetoday .testimonials img{
  margin-top: -105px;
    margin-bottom: -115px;
}
.page-template-template-donatetoday .testimonials .quote{
  background:  url(assets/images/quotes.png) no-repeat;
  background-size: cover;
  position: absolute; 
  width: 285px;
  height: 254px;
  top:0;
  left:25%;
}
.page-template-template-donatetoday .testimonials .quote-item{
  width: 77%;
  float: right;
}
.page-template-template-donatetoday .testimonials .container{
  padding: 3em 0 3em;
}
.donate-container{
  max-width: 730px;
  margin: 0 auto;
  padding: 112px 0 0;
}
.donate-text{
  color: #fff;
  font-size: 20px;
  text-align: center;
}
.donate-text h1{
  margin: 0 0 10px;
  font-size: 38px;
  line-height: normal;
  font-weight: normal;
  letter-spacing: 1px;
  color: #fff;
}
.donate-text p{
  margin: 0 0 15px;
  line-height: 1.2em;
}
.donate-content{
  background: rgba(213,217,216, 0.8);
  padding: 15px 20px 20px;
  -webkit-border-radius:10px;
  border-radius:10px;
}
.donate__secure{
  margin: 0 0 10px;
  text-align: center;
}
.donate__secure span{
  display: inline-block;
  position: relative;
  padding: 0 0 0 40px;
  color: #666;
  height: 32px;
  font-size: 16px;
  line-height: 40px;
  text-transform: uppercase;
}
.donate__secure span:before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: url(assets/images/lock.png) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  width: 33px;
  height: 32px;
}
.donate__box{
  background: rgba(199,200,202, 0.8);
  padding: 16px;
  margin: 0 0 15px;
  -webkit-border-radius:10px;
  border-radius:10px;
}
.donate__box:last-child{
  margin-bottom: 0;
}
.donate__list-sum{
  margin: 0 0 0;
  list-style: none;
  display:flex;
}
.donate__list-sum li,.donate__list-sum li .ez-radio{
  float: left;
  position: relative;
  margin: 0 14px 14px 0;
  width: 120px;
  height: 120px;
  background: #7b7b7b;
  color: #fff;
  font-size: 35px;
  line-height: 120px;
  text-align: center;
  -webkit-border-radius:10px;
  border-radius:10px;
}

.donate__list-sum li:last-child{
  margin-right: 0;
}
.donate__list-sum li .ez-radio.ez-selected{
  background: #39b3d8;
}
.donate__list-sum li.other{font-size:35px;}
.donate__list-sum .drop{
  position: absolute;
  top: 149px;
  left: 0;
  width: 100%;
  background: #39b3d8;
  padding: 10px;
  font-size: 15px;
  line-height: normal;
  -webkit-border-radius:10px;
  border-radius:10px;
  
}
.donate__list-sum .drop.active{display:block;}
.donate__list-sum .drop:before{
  content: '';
  position: absolute;
  width: 10px;
  height: 30px;
  top: -30px;
  left: 50%;
  margin: 0 0 0 -5px;
  background: #39b3d8;
}
.donate__list-sum .drop span{
  display: block;
  margin: 0 0 10px;
  color: #fff;
  text-align: center;
  position:static;
}
.donate__list-sum .drop .input{
  position: relative;
}
.donate__list-sum .drop .input:before{
  content: '$';
  color: #bbb;
  font-size: 25px;
  line-height: 43px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 10px;
}
.donate__list-sum span{
	position:absolute;
	width:100%;
	height:100%;
	text-align:center;
	top:0px;
	left:0px;
}

.donate__list-sum .drop input[type="text"]{
  background: #fff;
  border: none;
  margin: 0;
  padding: 10px 10px 10px 27px;
  width: 100%;
  height: 40px;
  color: #666;
  font-size: 25px;
  -webkit-border-radius:8px;
  border-radius:8px;
}
.donate-content .tit{
  margin: 0 0 10px;
  text-transform: uppercase;
  color: #666;
  font-size: 20px;
  line-height: normal;
}
.donate__row-sep{
  padding: 30px 0 0;
  border-bottom: 1px solid #ccc;
}
.donate__row-sep.first{
  margin-top:10px;
  padding-bottom:20px;
}
.donate__row-sep.last{
  border: none;
}
.donate-checkbox{
  display: inline-block;
  vertical-align: middle;
}
.donate-content .donate-checkbox label{
  position: relative;
  padding: 0 0 0 32px;
  font-size: 20px;
  line-height: 28px;
  color: #333;
  margin-right:40px;
}
.donate-content .donate-checkbox label i{
  background:#fff;
  width: 28px;
  height: 28px;
  position: absolute;
  left: 0;
  top: 0;
  border: 3px solid #999;
  -webkit-border-radius:7px;
  border-radius:7px;
}
.donate-content .donate-checkbox label i:before{
  content: ' ';
  border: none;
  display: block;
  margin: 5px 0 0 3px;
  width: 16px;
  height: 16px;
  text-align: center;
  font-size: 16px;
  line-height: 10px;
  -webkit-border-radius:4px;
  border-radius:4px;
}
.donate-checkbox input{
  position: absolute;
  clip: rect(0 0 0 0);
}
.donate-checkbox input:checked+label i:before{
  font-family: "Glyphicons Halflings";
  content: '\e013';
}
.b-info{
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 0 0 0 25px;
  color: #565656;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 13px;
  cursor: pointer;
  z-index: 999;
}
.b-info:before{
  content: '?';
  position: absolute;
  left: 0;
  top: 0;
  width: 23px;
  height: 23px;
  border: 3px solid #565656;
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
  text-align: center;
  border-radius:12px;
  -webkit-border-radius:12px;
  background:#565656;
  color:rgb(200,205,206);
}
.b-info div{
  position: absolute;
  left: -100px;
  bottom: 125%;
  width: 200px;
  background: rgba(50,50,50,.95);
  padding: 15px;
  color: #fff;
  font-size: 15px;
  line-height: normal;
  text-transform: none;
  -webkit-border-radius:7px;
  border-radius:7px;
  display: none;
}
.b-info div:before{
  content: '';
  position: absolute;
  left: 115px;
  bottom: -10px;
  border-top: 10px solid #323232;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  opacity: .95;
}
.b-info:hover div{
  display: block;
}
.checkbox+.b-info{
  margin: 0 0 0 40px;
}
.donate-content input[type="number"],
.donate-content input[type="text"],
.donate-content input[type="email"],
.donate-content input[type="password"]{
  width: 100%;
  height: 40px;
  background: #fff;
  border: none;
  margin: 0;
  padding: 0 10px;
  font-size: 15px;
  color: #404040;
  -webkit-border-radius:6px;
  border-radius:6px;
}

.donate-content input[type="text"]#HonoreeFirstName{
	text-align: center;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance: none; 
	margin: 0; 
}

input[type=number] {
	-moz-appearance: textfield;
}

.donate-content select#ExpirationMonth{
    width: 50px;
    padding: 5px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    border-radius: 6px;
    height: 40px;
}
.donate-content select#ExpirationYear{
    width: 70px;
    padding: 5px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    border-radius: 6px;
    height: 40px;
}

.donate-content input#Cvv2{
    width: 70px;
    padding: 5px;
    height: 40px;
}

.donate-content .state input[type="text"]{
	width:60px;
}
.donate-content ::-webkit-input-placeholder {
  color: #aaa;
}
.donate-content :-moz-placeholder{
  color: #aaa;
}
.donate-content ::-moz-placeholder{
  color: #aaa;
  opacity: 1;
}
.donate-content :-ms-input-placeholder{
  color: #aaa;
}
.donate__row{
  margin-bottom: 30px;
}
.donate__row:last-child{
  margin-bottom: 0;
}
.donate-content label{
  display: block;
  margin: 0 0 5px;
  font-size: 15px;
  line-height: normal;
  font-weight: normal;
  color: #656565;
}
.wrap-field input.error{
  border: 2px solid #db463f;
}
.wrap-field.error .message{
  color: #db463f;
  display: block;
  margin: 5px 0 0;
}
.wrap-field .message{
  display: none;
  text-transform: uppercase;
  position: relative;
  font-size: 12px;
  line-height: 13px;
}
.wrap-field.error .message{
  padding: 0 0 0 18px;
}
.wrap-field.error .message:after{
  content: '!';
  position: absolute;
  left: 0;
  top: 0;
  border: 2px solid  #db463f;
  width: 15px;
  height: 15px;
  text-align: center;
  font-size: 15px;
  line-height: 13px;
  -webkit-border-radius:4px;
  border-radius:4px;
  background: #db463f;
  color: #ffffff;
}
.list-credit-cards{
  margin: 27px 0 0;
}
.list-credit-cards li{
  display: inline-block;
  vertical-align: top;
  width: 36px;
  margin: 0 1px 0 0;
}
.list-credit-cards li:last-child{
  margin-right: 0;
}
.donate-content .expiration input[type="text"]{
  width: 63px;
}
.donate-content .expiration .sep{
  font-size: 40px;
  padding: 0 5px;
}
.donate-content .wrap-field.cvv{
  margin-right: -30px;
}
.donate-content .wrap-field.cvv input[type="text"]{
  width: 60px;
  margin: 0 21px 0 0;
}
.btn-donate{
  display: block;
  background:#39b3d8;
  border:none;
  width:100%;
  height:93px;
  margin:0;
  padding:0 15px;
  text-align: center;
  color: #fff;
  font-size:50px;
  font-weight: 300;
  cursor:pointer;
  -webkit-border-radius:10px;
  border-radius:10px;
}

.ez-hide{opacity:0;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:20;}

.donate__list-sum span{z-index:10;text-transform:uppercase;}


.donate__list-sum:after{
  content: '';
  display: table;
  clear: both;
}

.drop.mob{
		display:block;
		background:#39b3d8;
		padding:10px 0;
		margin:0 0 20px;
		width:100%;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		text-align:center;
		position:relative;
	}
	.drop.mob:after{
		position:absolute;
		right:7%;
		top:-34px;
		content:'';
		height:51px;
		width:10px;
		background:#39b3d8;
	}
	.drop.mob .input span{
		display:inline-block;
		margin: 5px 25px 0 0;
		color:#fff;
		font-size:22px;
		vertical-align:top;
	}
	.drop.mob .input input{
		width:100px;
		display:inline-block;
		vertical-align:top;
		height:40px;
}
  .drop.mob .input input:before{
  content: '$';
  color: #bbb;
  font-size: 25px;
  line-height: 43px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 10px;
}

	}
	.drop.mob .input{
		max-width:385px;
		margin:0 auto;
	}

.donate-text  .addtoany_share_save_container {display:none;}

.logos{
	padding: 20px 20px;
}


/*** DONATE THANKS  ***/
.donate-thanks-container{
  max-width: 730px;
  margin: 0 auto;
}
.donate-thanks-container .donate-content{
	padding:30px 20px 20px;
}

h1.name-slab{
	font-size: 4.5em;
    font-weight: 900;
    text-transform: uppercase;
    color: #f7f6d7;
}
.donate-thanks-container .donate-text{
    text-align: center;
    margin: 480px 0px 50px;
}
.share-icon{
	padding:20px;
	width: 50%;
}


/*** RESPONSIVE  ***/
@media only screen and (max-width: 1024px) {

	.donate-thanks-container .donate-text{margin: 366px 0px 50px;}
}

@media only screen and (max-width: 828px) {
	.donate__box{
		padding:0;
		background:none;
	}
	.donate-content{background: rgba(213,217,216, 1)};
	.donate__list-sum li, .donate__list-sum li .ez-radio{
		height:100px;
		line-height:100px;
	}
	.donate__list-sum li.other .drop{display:none;}
	
	.donate__list-sum{margin-bottom:20px;}
	.b-info{margin-right:25px;}
	.page-template-template-donatetoday .testimonials img{margin-top:0px;}
	.donate-content .expiration input[type="text"]{width:42%;}
	.donate-content .wrap-field.cvv input[type="text"]{width:38%;margin-right:0px;}
	.donate__row-sep.last{padding:30px 0px; margin-bottom:50px;border-bottom: 1px solid #ccc;}
	
}

@media only screen and (max-width: 768px) {
	.donate__list-sum li{width:18%;}
	.donate__list-sum{display:flex;}
	.donate__list-sum li .ez-radio{width:100%;}
	.donate__list-sum li, .donate__list-sum li .ez-radio{font-size:27px;}
	.donate__list-sum li.other span{font-size:27px;}
	.drop.mob:after{right:7%;}
	h1.name-slab{font-size: 3.5em;}
	.donate-thanks-container .donate-text{margin: 290px 0px 50px;}
  .phone{margin-top:30px;}
  .cvv{margin-top:30px;}

}

@media only screen and (max-width: 560px) {
	.donate__list-sum li, .donate__list-sum li .ez-radio{font-size:18px;}
	.donate__list-sum li.other span{font-size:15px;}
	.donate__list-sum li, .donate__list-sum li .ez-radio{
		height:40px;
		line-height:40px;
	}
	.donate-content .donate-checkbox label{margin-right:0px;}
	.page-template-template-donatetoday .logos .imgs img,.page-template-template-donatetoday .logos .imgs img:last-child{
		float:none;
		display:block;
		margin:0 auto 20px;
	}
	.donate__list-sum li.other span{font-size:11px;}
	.donate__list-sum{margin-bottom:0px;}
	.drop.mob:after{right:4%;top:-14px;height:22px;}
	.page-template-template-donatetoday .testimonials .quote-item{
		float:none;
		width:auto;
		padding-left:10px;
		padding-right:10px;
	}
	.page-template-template-donatetoday .logos .imgs{width:100%;}
	.page-template-template-donatetoday .testimonials img{margin-bottom:0px;}
	.wrap-field .message,.b-info{font-size:10px;}
	
	h1.name-slab{font-size: 2em;}
    .donate-thanks-container .donate-text{margin: 229px 0px 30px;}
    .share-icon{padding:5px;}
    .donate-thanks-container .btn{font-size:13px}
    .logos{padding: 12px 0px;}
}

@media only screen and (max-width: 320px) {
	.drop.mob:after{top:-14px;width:10px;}
	.donate-thanks-container .donate-text{margin: 158px 0px 30px;}
	.donate-thanks-container .btn{font-size:10px}

}

input[id*="emma-form-submit-"]{
    text-decoration: none;
    border: none;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 10px;
    background-color: #944b23 !important;
    color: #fff !important;
    border: none !important;
    width: 38% !important;
}
div[class*="emma-submit-wrap-"]{
	text-align: center;
}
#emma-form{
	  min-height: 20px;
    padding-top: 50px;
    padding-bottom: 20p;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.emma-form-row{
	margin-bottom: 20px !important;
}

iframe {
	background-color:#fff !important;
}

.no-border {
	box-shadow: none !important;
}