/* featured content box style */

.featureContainer{ 
	position: relative;
	text-align: center;
	
	
}
#featureContentFW{
	width: 100%;
	position: relative;


}
#featureContentFW:empty{ /* if empty offset maincol margin */

	height:150px;
}
#featureContentFW h1, #featureContentFW p{
	color:#fff;
	
}
#basicTitle{
	/* display: none; */
}
#main-content{
	margin-top:-150px;
	padding-top:0;
}
@media all and (max-width: 1024px) and (min-width: 768px){

	#main-content{
	margin-top:-50px !important;
	}
	#featureContentFW:empty{
	height:50px !important;
	}
}
@media all and (max-width: 768px){
	
	#main-content{
	margin-top:0!important;
	}
	#featureContentFW:empty{
	height:0px !important;
	}
}

.featureWrapper{
	/* max-width: 1066px; */
	margin: 0 auto;
	padding-top: 32%;
	height:350px;
}

/***donate page styles***/

#featureContentFW .donateFeature h1{
	color:#da1c5c;
}

#featureContentFW .donateFeature h1 .donate-h1-lc{
	font-weight:normal;
}

.donateFeature .featureWrapper{
	padding-top: 7%;
}
@media all and (min-width: 1500px){
	.donateFeature .featureWrapper{
		padding-top: 2% !important;
	}
}

.donateFeature{
	width:100%;
	/* max-width:1440px; */
	/* height:410px; */
	/* background-image: url(http://www.kera.org/wp-content/themes/news-mix/library/images/features/donateTest.jpg); */
	/* background-image: url(http://www.kera.org/wp-content/uploads/2014/08/bicycleSummer.jpg); */
	/* background-image: url(http://www.kera.org/wp-content/uploads/2015/02/stpeters.jpg); */
	/* background-image: url(http://www.kera.org/wp-content/uploads/2015/07/schoolhouse_edited.jpg); */
	/*background-image: url(http://www.kera.org/wp-content/uploads/2015/07/gradient_top_background1.jpg);*/
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto;
	
}
.donateFeature h1{
	font-size: 50px;
	padding-bottom: 25px;
	line-height: 65px;
	
}
#page-804851 #basicTitle,
#page-26612 #basicTitle{
	display: none;
}

.donateFeature-btn-turq{
	display: inline-block;
	min-width: 8rem;
	padding: 1rem 2rem;
	border: none;
	border-bottom: 3px solid #3F444A;
	background: #00aeef;
	background: -moz-linear-gradient(left, #00aeef 0%, #483a7d 100%);
	background: -webkit-linear-gradient(left, #00aeef 0%,#483a7d 100%);
	background: linear-gradient(to right, #00aeef 0%,#483a7d 100%);
		background-repeat: repeat;
		background-size: auto auto;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeef', endColorstr='#483a7d',GradientType=1 );
	font-family: Lato, Calibri, Arial, sans-serif;
	font-size: 1.1rem;
	text-transform: uppercase;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-webkit-appearance: none;
	cursor: pointer !important;
	margin-left:5px;
	font-weight: bold;
	color:#fff;
	-webkit-transition: background 1s ease;
	-moz-transition: background 1s ease;
	-ms-transition: background 1s ease;
	-o-transition: background 1s ease;
	transition: background 1s ease;
	-webkit-transition: color 1s ease;
	-moz-transition: color 1s ease;
	-ms-transition: color 1s ease;
	-o-transition: color 1s ease;
	transition: color 1s ease;
	margin-bottom: 10px;
}
.donateFeature-btn-turq:hover{
	cursor: pointer !important;
	background: #ef4136;
	background: -moz-linear-gradient(left, #ef4136 0%, #da1c5c 100%);
	background: -webkit-linear-gradient(left, #ef4136 0%,#da1c5c 100%);
	background: linear-gradient(to right, #ef4136 0%,#da1c5c 100%);
		background-repeat: repeat;
		background-size: auto auto;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef4136', endColorstr='#da1c5c',GradientType=1 );
	color: #efefef;
}



.donateFeature-btn-turq-rev{
	display: inline-block;
	min-width: 8rem;
	padding: 1rem 2rem;
	border: none;
	border-bottom: 3px solid #3F444A;
	background: #ef4136;
	background: -moz-linear-gradient(left, #ef4136 0%, #da1c5c 100%);
	background: -webkit-linear-gradient(left, #ef4136 0%,#da1c5c 100%);
	background: linear-gradient(to right, #ef4136 0%,#da1c5c 100%);
		background-repeat: repeat;
		background-size: auto auto;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef4136', endColorstr='#da1c5c',GradientType=1 );
	font-family: Lato, Calibri, Arial, sans-serif;
	font-size: 1.1rem;
	text-transform: uppercase;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-webkit-appearance: none;
	cursor: pointer !important;
	margin-left:5px;
	font-weight: bold;
	color:#fff;
	-webkit-transition: background 1s ease;
	-moz-transition: background 1s ease;
	-ms-transition: background 1s ease;
	-o-transition: background 1s ease;
	transition: background 1s ease;
	-webkit-transition: color 1s ease;
	-moz-transition: color 1s ease;
	-ms-transition: color 1s ease;
	-o-transition: color 1s ease;
	transition: color 1s ease;
	margin-bottom: 10px;
}

.donateFeature-btn-turq-rev:hover{
	cursor: pointer !important;
	background: #00aeef;
	background: -moz-linear-gradient(left, #00aeef 0%, #483a7d 100%);
	background: -webkit-linear-gradient(left, #00aeef 0%,#483a7d 100%);
	background: linear-gradient(to right, #00aeef 0%,#483a7d 100%);
		background-repeat: repeat;
		background-size: auto auto;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeef', endColorstr='#483a7d',GradientType=1 );
	color: #efefef;
}

a.donateFeature-btn-turq-rev {
    text-decoration: none;
}


.donateFeature-btn{
	display: inline-block;
	min-width: 8rem;
	padding: 1rem 2rem;
	border: none;
	border-bottom: 3px solid #3F444A;
	background: #C7C7CC;
	font-family: Lato, Calibri, Arial, sans-serif;
	font-size: 1.1rem;
	text-transform: uppercase;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-webkit-appearance: none;
	cursor: pointer !important;
	margin-left:5px;
	font-weight: bold;
	color:#fff;
	-webkit-transition: background 1s ease;
	-moz-transition: background 1s ease;
	-ms-transition: background 1s ease;
	-o-transition: background 1s ease;
	transition: background 1s ease;
	-webkit-transition: color 1s ease;
	-moz-transition: color 1s ease;
	-ms-transition: color 1s ease;
	-o-transition: color 1s ease;
	transition: color 1s ease;
	margin-bottom: 10px;
}
.donateFeature-btn:hover{
	cursor: pointer !important;
	background: #595C55;
	color: #efefef;
}


/***************************************
***************************************
*************************************** about page feature styles */
#page-22192 #basicTitle, .page-id-22192 .mainWrapper {
	display: none;
}
.page-id-22192 #main-content{

	font-size: 20px;
	line-height: 27px;
	margin: 10% !important;
	text-align: left;
	color:#000;
	
}
.page-id-22192 #featureContentFW{
	/* ORIGINAL: background-color: #A3A99D; */
	background-color: #353535
}
.page-id-22192 #main-content img{
	margin-bottom: 10px;
}
.aboutFeature .featureWrapper{
	padding-top: 7%;
	
}
.aboutFeature2 .featureWrapper{
	padding-top: 5%;
	
}
.aboutFeature{
	width:100%;
	height:400px;
	 background: url(http://www.kera.org/wp-content/themes/news-mix/images/features/building-back1b.jpg) center center fixed; 
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto;
	
}

.aboutFeature2{
	position: relative;
	width:100%;
	height:400px;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto;
	background: url(http://www.kera.org/wp-content/themes/news-mix/images/features/schoolhouse-wide.jpg) center center fixed;
}
.aboutFeature3 {
position: relative;
	width:100%;
	height:400px;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto;
	background: url(http://www.kera.org/wp-content/themes/news-mix/images/features/krys-studio.jpg) center center fixed;
}
.aboutFeature4 {
	position: relative;
	width:100%;
	height:400px;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto;
	background: url(http://www.kera.org/wp-content/themes/news-mix/images/features/building-front.jpg) center center fixed;
}

.aboutFeature5 {
	position: relative;
	width:100%;
	height:400px;
	
	background-size: cover;
	margin: 0 auto;
	background: url(http://www.kera.org/wp-content/themes/news-mix/images/features/maxresdefault.jpg) center center fixed;
	background-repeat: no-repeat;
}
.aboutFeature6 {
	position: relative;
	width:100%;
	height:400px;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto;
	background: url(http://www.kera.org/wp-content/themes/news-mix/images/features/stella-field.jpg) center center fixed;
}

.aboutFeature7 {
	position: relative;
	width:100%;
	height:400px;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	margin: 0 auto;
	background: url(http://www.kera.org/wp-content/themes/news-mix/images/features/grover.jpg) center center fixed;
}

.aboutFeature8 {
	position: relative;
	width:100%;
	height:400px;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto;
	background: url(http://www.kera.org/wp-content/themes/news-mix/images/features/as_spotlight_edwin-fuller.jpg) center center fixed;
}


.aboutFeature h1, .aboutFeature2 h1, .aboutFeature3 h1,.aboutFeature4 h1, .aboutFeature5 h1, .aboutFeature6 h1, .aboutFeature7 h1, .aboutFeature8 h1{
	font-size: 70px;
	padding-bottom: 25px;
	line-height: 65px;
	text-shadow: 2px 2px 8px #000;
	
}


.aboutFeature .about_block{
	color: #fff;
	font-size: 20px;
	font-family: lato, sans-serif;
	line-height: 27px;
	padding: 4% 6%;
	text-shadow: 2px 2px 8px #000;
	background: rgba(0,0,0,0.6);
	margin: 0 20%;
}
.aboutFeature2 .about_block{
	
	color: #fff;
	font-size: 20px;
	font-family: lato, sans-serif;
	line-height: 27px;
	padding: 30px 50px;
	text-shadow: 2px 2px 8px #000;
	border: 5px solid #ffffff;
	position: absolute;
	max-width: 272px;
	top: 40%;
	left: 50%;
	margin-left: -136px;

}
.aboutFeature3 .about_block, .aboutFeature4 .about_block, .aboutFeature5 .about_block, .aboutFeature6 .about_block, .aboutFeature7 .about_block, .aboutFeature8 .about_block{
	color: #fff;
	font-size: 20px;
	font-family: lato, sans-serif;
	line-height: 27px;
	padding: 30px 50px;
	text-shadow: 2px 2px 8px #000;
	border: 5px solid #ffffff;
	position: absolute;
	max-width: 272px;
	top: 30%;
	left: 50%;
	margin-left: -136px;
}


.featureQuote{
	max-width: 300px;
	float: right;
}
.featureQuote img{
	padding-top: 50px;
	float: left;
}
.featureQuote p{
	display: inline;
	position: relative;
	bottom:0;
	left:0;
	color:#000 !important;
}
.centerMiniBlock{
	width: 500px;
	text-align: center;
	margin: 0 auto;
}
.greenBack{
	/* ORIGINAL: background-color: #A3A99D !important; */
	background-color:#353535 !important;

}

.greenBack p {
		font-family: lato, sans-serif;
		font-size:20px;
		line-height:27px;
}

.greenBack p a {
		color:#fff;
		font-weight:bold;	
}
@media only screen 
and (min-device-width : 569px) 
and (max-device-width : 1024px) {
	.aboutFeature{
		background-attachment: scroll;
	}
	.aboutFeature6{
		background: url(http://www.kera.org/wp-content/themes/news-mix/images/features/script.jpg) center bottom fixed;
	}
	.aboutFeature5{
		
		background: url(http://www.kera.org/wp-content/themes/news-mix/images/features/summerCut2014.jpg) center bottom relative;
	}
	.aboutFeature3{
		background: url(http://www.kera.org/wp-content/themes/news-mix/images/features/90.1people.jpg) center bottom	 fixed;
		
	}
	.aboutFeature4{
		background: url(http://www.kera.org/wp-content/themes/news-mix/images/features/mic.jpg) center top scroll;
		background-size: 100%;
		height: 350px;
		
	}
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { 
	div[class*='aboutFeature']{
		
	}
	.aboutFeature2{
		background: url(http://www.kera.org/wp-content/themes/news-mix/images/features/schoolhouse-wide.jpg) center top scroll;
		background-size: 100%;
		height:300px;
	}
	.aboutFeature4{
			background-size: 100%;
		height: 175px;
		background-position: bottom center;
	}
	.aboutFeature3{
			background-size: 100%;
		height: 225px;
		background-position: top center;
	}
	.aboutFeature2 .about_block, .aboutFeature3 .about_block, .aboutFeature4 .about_block, .aboutFeature5 .about_block, .aboutFeature6 .about_block{
		display: none;
	}
	.aboutFeature h1, .aboutFeature2 h1, .aboutFeature3 h1,.aboutFeature4 h1, .aboutFeature5 h1, .aboutFeature6 h1{
	font-size: 40px;
	padding-bottom: 25px;
	line-height: 40px;
	text-shadow: 2px 2px 8px #000;
	
	}
	.aboutFeature h1{
		padding-top: 50px;
	}
	.aboutFeature .about_block{
		margin: 5%;
	}
	.page-id-22192 #main-content img{
		width:100%;
	}


}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
	.aboutFeature{
		height:600px;
	}
	.aboutFeature h1{
	padding: 10px !important;
	}
		.aboutFeature3{
		background: url(http://www.kera.org/wp-content/themes/news-mix/images/features/90.1people.jpg) center top	 scroll;
		background-size: 100%;
	}
	.aboutFeature4{
		background: url(http://www.kera.org/wp-content/themes/news-mix/images/features/mic.jpg) center top scroll;
		background-size: 100%;
	
		
	}
	.aboutFeature5{
		background: url(http://www.kera.org/wp-content/themes/news-mix/images/features/summerCut2014.jpg) center top scroll;
		background-size: 100%;
		height: 150px;
	
		
	}
	.aboutFeature2{
		height: 175px;
	}
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
	.aboutFeature5{
		background: url(http://www.kera.org/wp-content/themes/news-mix/images/features/summerCut2014.jpg) center top scroll;
		background-size: 100%;
		height: 150px;
	
		
	}
	.aboutFeature{
		height:500px;
	}
	.aboutFeature h1{
		padding-top: 20px;
	}
}