/* 
	Hand Crafted by Central Plains Computer Service

	CPCS 2 0 1 3   [ http://www.cpcis.net/ ]
	 
*/

@import "foundation.css";

@import url(http://fonts.googleapis.com/css?family=Bitter|Russo+One);


/*	--------------------------------------------------
	:: Base Styles
	-------------------------------------------------- */

img{
	border: none;
}

html {
	height: 100%;
	background: #111; 
}

body {
		background: #e5e4e3;
}

body, button, input, select, textarea, p {
	color: #363636;
	font-family: Georgia, serif;
	font-size: 16px;
}

/* Links */	
a { color: #252525; 
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out; 
}
	
a:hover, a:active, a:focus {
	color: #7d90ac !important;				
}


.clear-both{
	clear: both;
}

/*	--------------------------------------------------
	:: Logo/ Navigation
	-------------------------------------------------- */

#logo-container{
	display: block;
	background-color: #e1e1e1;
	/*border-bottom: solid 1px #959595;*/
	width: 100%;
}

#logo-container .twelve.columns{
	max-width: 1200px;
	padding: 0;
	margin: 0 auto;
	float: none;
}

.lljt-logo-container .lljt-logo img{
	margin: 20px;
	width: 320px;
	height: auto;
	
	/*background: tan;*/	
}

.pr-nav-container{
	/*background-color: grey;*/
}

.pr-nav-container .pr-navigation{
	text-align: right;
	margin: 43px 0 0 0;
}

.pr-nav-container .pr-navigation a{
	font-family: 'Russo One', sans-serif;
	font-weight: normal;
	font-size: 18px;
}

.pr-nav-container .pr-navigation li{
	list-style-type: none;
	display: inline;
}

.pr-nav-container .pr-navigation li.pr-selected a{
	color: #7d90ac;
}

	@media only screen and (max-width: 820px) {
		
		#logo-container .praise-ranch-logo{
			width: 45%;
		}
		
		#logo-container .pr-nav-container{
			width: 55%;
		}	
	}


	@media only screen and (max-width: 767px) {
		
		.lljt-logo-container .lljt-logo img{
			margin: 15px;
			width: 320px;
			height: auto;
			
			display: block;
			margin: 0 auto;
			padding: 20px 20px 0 20px;
		}
		
		.pr-nav-container .pr-navigation{
			text-align: center;
			margin: 15px 0 15px 0;
			border-top: solid #111 1px;
			padding-top: 15px;
		}
		
		#logo-container .twelve.columns{
			padding: 0;
		}
		
		#logo-container .six.columns{
			padding: 0;
		}
			
	}
	
	@media only screen and (max-width: 480px) {
		
		.pr-nav-container .pr-navigation{
			padding: 10px 0 0 0;
		}
		
		.pr-nav-container .pr-navigation li{
			display: block;
			margin-bottom: 10px;
		}
		
		.pr-nav-container .pr-navigation .pr-spacer-hide{
			display: none;
		}
		
		.pr-nav-container .pr-navigation li:nth-child(1){
			width: 50%;
			float: left;
			border-right: solid #252525 2px;
		}
		
		.pr-nav-container .pr-navigation li:nth-child(2){
			width: 50%;
			float: left;
		}
		
		.pr-nav-container .pr-navigation li:nth-child(3){
			width: 50%;
			float: left;
			border-right: solid #252525 2px;
		}
		
		.pr-nav-container .pr-navigation li:nth-child(4){
			width: 50%;
			float: left;
		}
		
	}	
	
/*	--------------------------------------------------
	:: Home 
	-------------------------------------------------- */

.lljt-home{
	padding-bottom: 0;
}

.lljt-home .home-header h1, .lljt-home .home-header h2{
	font-family: 'Bitter', serif;
	font-weight: bold;
	font-size: 32px;
	color: #363636;
	margin: 30px 0 20px 0;
	padding-bottom: 10px;
	text-align: center;
	border-bottom: solid 1px #7d90ac ;
}

.pr-description{
	/*border-bottom: solid 5px #898989 ;*/
	background-color: #d7d7d7;
	width: 100%;
}

.pr-description .pr-width{
	max-width: 1200px;
	float: none;
	margin: 0 auto;
}

.pr-description .pr-width p{
	font-family: 'Bitter', serif;
	font-weight: normal;
	font-size: 24px;
	color: #252525;
	margin: 15px 0 15px 0;
}

.home-content-container{
	background-color: #ebebeb;
	width: 100%;
	padding-bottom: 35px;
}

.home-content-container .home-content-width{
	max-width: 1200px;
	float: none;
	margin: 0 auto;
}
						
		@media only screen and (max-width: 1100px) {
			
			.lljt-home .home-header{
				/*width: 100%;*/
			}

		}
		
		@media only screen and (max-width: 767px) {
			
			.lljt-home .home-header h1, .lljt-home .home-header h2{
				/*font-size: 32px;*/
			}	
		}
				
/*	--------------------------------------------------
	:: Home Image
	-------------------------------------------------- */	
.home-img-container{
	width: 100%;
}

.home-img-container .home-img{
	padding: 0;
	border-top: solid 6px #252525;
}

.home-img-container .home-img img{
	width: 100%;
}

.home-img-container #pr-img-border{
	position: absolute;
	width: 100%;
	height: 8px;
	bottom: 0;
	background-color: #252525;
}


#pr-img-summary-wrapper{
	position: absolute;
	display: block;
	width: 100%;
	height: 95px;
	bottom: 0;
	
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out; 
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

#pr-img-summary-container{
	position: relative;
	margin: 0 auto;
	max-width: 1200px;
}

#pr-img-summary{
	position: absolute;
	display: block;
	margin-left: 15px;
	background-color: #252525;
}

#pr-img-summary p{
	padding: 10px 20px 15px 20px;
	margin: 0 0 5px 0;
	color: #e1e1e1;
	font-size: 18px;
}

#pr-img-summary p #pr-img-title{
	color: #7d90ac;
	font-family: 'Bitter', serif;
	font-weight: normal;
	font-size: 20px;
}

/*	--------------------------------------------------
	:: Say Hello
	-------------------------------------------------- */			

.say-hello{
	text-align: center;
	background-color: #8595ac;
	border-top: solid #93a5be 30px;
	width: 100%;
}

.say-hello h4{
	color: #363636;
	font-family: 'Bitter', serif;
	font-weight: normal;
	font-size: 35px;
	letter-spacing: 1px;
	margin: 30px 0 15px 0;
}

.say-hello #love-to-hear{
	font-size: 26px;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	color: #363636;
	padding-bottom: 40px;
}

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

/*	--------------------------------------------------
	:: Footer
	-------------------------------------------------- */	

.non-profit {
	text-align: center;
	background-color: #7d90ac;
	width: 100%;
}

.non-profit p{
	color: #363636;
	font-size: 14px;
	padding: 25px 0 10px 0;
}

/*	--------------------------------------------------
	:: About
	-------------------------------------------------- */	

.pr-about-us{
	background-color: #e1e1e1;
	width: 100%;
}

.pr-about-us .pr-about-us-width{
	max-width: 1200px;
	float: none;
	margin: 0 auto;
}

.pr-about-us .pr-about-us-width h1{
	font-family: 'Bitter', serif;
	font-weight: normal;
	font-size: 24px;
	color: #252525;
	margin: 25px 0 15px 0;
	padding-bottom: 10px;
	text-transform: uppercase;
	/*border-bottom: solid #7d90ac 2px;*/
}

.pr-about-us .de-tello-photo{
	float: left;
	border: solid #b3bfcd 5px;
	margin: 0 30px 15px 0;
	width: 45%;
	height: auto;
}

.about-quote-container{
	background-color: #ebebeb;
	width: 100%;
	padding: 60px 0;
}

.about-quote-container .about-quote{
	max-width: 1200px;
	float: none;
	margin: 0 auto;
	padding: 30px;
	background: #e1e1e1;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.about-quote-container .about-quote p{
	font-family: 'Bitter', serif;
	font-weight: normal;
	font-size: 24px;
}

	@media only screen and (max-width: 767px) {
		.about-quote-container .about-quote{
			padding: 30px 15px;
		}
	}

	@media only screen and (max-width: 667px) {
		.pr-about-us .de-tello-photo{
			float: none;
			display: block;
			border: solid #b3bfcd 5px;
			margin: 0 auto;
			margin-bottom: 15px;
			width: auto;
		}
	}


/*	--------------------------------------------------
	:: Missions
	-------------------------------------------------- */

.pr-missions{
	background-color: #e1e1e1;
	width: 100%;
}

.pr-missions .pr-missions-width{
	max-width: 1200px;
	float: none;
	margin: 0 auto;
}

.pr-missions .pr-missions-width .missions-container{
	margin-bottom: 35px;
}

.pr-missions .pr-missions-width .missions-container img{
	border: solid #b3bfcd 5px;
}

.pr-missions .pr-missions-width h1{
	font-family: 'Bitter', serif;
	font-weight: normal;
	font-size: 24px;
	color: #252525;
	margin: 25px 0 15px 0;
	padding-bottom: 10px;
	text-transform: uppercase;
	/*border-bottom: solid #7d90ac 2px;*/
}

.pr-missions .pr-missions-width .missions-info{
	background-color: #ebebeb;
	padding: 15px;
	min-height: 260px;
}

.pr-missions .missions-img{
	width: 100%;
}

.pr-missions .pr-missions-width h3{
	font-family: 'Bitter', serif;
	font-weight: normal;
	font-size: 24px;
	color: #363636;
	margin: 0 0 5px 0;
}

.pr-missions .pr-missions-width h4{
	font-family: 'Bitter', serif;
	font-weight: normal;
	font-size: 16px;
	color: #707070;
	margin: 0 0 15px 0;
}

	@media only screen and (max-width: 1100px) {
		
		.pr-missions .pr-missions-width .missions-info{
			min-height: auto;
		}
	}

/*	--------------------------------------------------
	:: Google/ Contact Info
	-------------------------------------------------- */

#google-container {
	width: 100%;
}

.google-maps-container{
	padding: 0 !important;
}

.google-maps-container .google-top-trans-bar{
	height: 2px;
	width: 100%;
	background-color: rgb(37,37,37); 
	background-color: rgba(37,37,37,0.4);
	position: absolute;
	top: 0;
}

.google-maps-container .google-bottom-trans-bar{
	height: 4px;
	width: 100%;
	background-color: rgb(37,37,37);
	background-color: rgba(37,37,37,0.4);
	position: absolute;
	bottom: 0;
}

#map_canvas {
	width: 100%;
	height: 450px;
	position:center;
	
}

	@media only screen and (max-width: 767px) {
		
		#map_canvas {
			height: 200px;
		}
					
	}
	
	@media only screen and (max-width: 480px) {
	
		
	} 
	
/*	--------------------------------------------------
	:: Contact Us
	-------------------------------------------------- */

.contact-us{
	background-color: #e1e1e1;
	width: 100%;
	padding-bottom: 60px;
}

.contact-us .contact-us-width{
	max-width: 1200px;
	float: none;
	margin: 0 auto;
}

.contact-us h1, .contact-us h2{
	font-family: 'Bitter', serif;
	font-weight: normal;
	font-size: 24px;
	color: #363636;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: solid #7d90ac 1px;
}

.contact-us #name{
	/*
	width: 48%;
		float: right;*/
	
}

.contact-us #email{
	/*
	width: 48%;
		float: right;*/
	
}

.contact-us #message{
	/*
	width: 48%;
		max-width: 48%;
		min-width: 48%;*/
	
	min-height: 140px;
	/*float: left*/
}

.contact-us #contact_submit{
	width: 200px;
	text-align: center;
	-webkit-appearance: none;
}

fieldset { border: 0; margin: 0; padding: 0; }

.contact form input.text, .contact form textarea {
	border: none;
	border: 1px #e2dcce solid;
	outline: none;
	background-color: #ebebeb;
	color: #827f76;
}

.contact form input.text:focus, .contact form textarea:focus {
	border-color: #7d90ac;
	color: #827f76;
}

.contact form input.text {
	font-size: 16px;
	font-family: Georgia, serif;
}

.contact form textarea {
	font-size: 16px;
	line-height: 20px;
	font-family: Georgia, serif;
	min-height: 100px;
}

.contact form input.submit { 
	border: none;
	cursor: pointer;
	display: block;
	font-size: 20px;
	font-family: 'Bitter', serif;
	font-weight: normal;
	margin-top: 10px;
	padding: 8px 10px;
	text-align: left;
	color: #ebebeb;
	background: #7d90ac;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out; 
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.contact form input.submit:hover {
	background: #93a5be ;			
}

.contact form .pr-label {
	font-size: 18px;
	font-family: 'Bitter', serif;
	font-weight: normal;
	margin: 5px 0 5px 0;				
}

/* AJAX/ jQuery contact form rules */
#error {
	display: none; 
	color: #252525; 
}

.fillplease {
	background: #7d90ac !important;
	color: #ffffff !important; 
}

.thank-you #thanks p{
	line-height: 55px;
}

.thank-you #thanks p img{
	float: left;
	padding: 0;
	margin: 0;
	padding-right: 18px;
	vertical-align: middle;
}

.thank-you #thanks p span{
	font-family: 'Bitter', serif;
	font-weight: normal;
	font-size: 20px;
	color: #7d90ac;
}

.pr-email-icon:before{
	content: "\f003"; 
    font-family: FontAwesome; 
    margin-right: 7px;
}

.pr-phone-icon:before{
	content: "\f095"; 
    font-family: FontAwesome; 
    margin-right: 7px;
}

	@media only screen and (max-width: 767px) {
		
		/*
		.contact-us h1{
					font-size: 36px;
					margin-top: 20px;
				}
				
				.contact-us #name{
					width: 100%;
					float: none;
				}
		
				.contact-us #email{
					width: 100%;
					float: none;
				}
		
				.contact-us #message{
					width: 100%;
					max-width: 100%;
					min-width: 100%;
					min-height: 100px;
					float: none
				}
		
				.contact-us #contact_submit{
					width: 50%;
					float: none;
					text-align: center;
					margin: 0 auto;
				}*/
		
	}
	
	@media only screen and (max-width: 480px) {
			
		/*
		.contact-us h1{
					font-size: 30px;
					margin-top: 20px;
				}
				
				.contact-us #contact_submit{
					width: 100%;
				}*/
		
	}	

/*	--------------------------------------------------
	:: Common page elements
	-------------------------------------------------- */


/*	--------------------------------------------------
	:: Donate
	-------------------------------------------------- */	

.pr-donate{
	background-color: #e1e1e1;
	width: 100%;
	padding-bottom: 30px;
}

.pr-donate .pr-donate-width{
	max-width: 1200px;
	float: none;
	margin: 0 auto;
}

.pr-donate .pr-donate-width h1{
	font-family: 'Bitter', serif;
	font-weight: normal;
	font-size: 24px;
	color: #252525;
	margin: 25px 0 15px 0;
	padding-bottom: 10px;
	text-transform: uppercase;
	/*border-bottom: solid #7d90ac 2px;*/
}

.pr-donate .donate-photo{
	border: solid #b3bfcd 5px;
	/*margin: 0 30px 15px 0;*/
	width: auto;
	height: auto;
}

.pr-paypal-donations{
	border-top: solid #7d90ac 1px;
}

.pr-paypal-donations h3{
	font-family: 'Bitter', serif;
	font-weight: normal;
	font-size: 24px;
}

.donate-photo-container{
	width: 30%;
	float: left;
}

.donate-text{
	width: 70%;
	float: right;
}

.donate-padding-right{
	padding-right: 15px;
}

.donate-padding-left{
	padding-left: 15px;
}
	
	@media only screen and (max-width: 767px) {
		
		.pr-donate .donate-photo{
			display: block;
			border: solid #b3bfcd 5px;
			margin: 0 auto;
			margin-bottom: 15px;
			width: auto;
		}
		
		.donate-photo-container{
			background: #b3bfcd;
			width: 100%;
			float: none;
		}

		.donate-text{
			width: 100%;
			float: none;
		}

		.donate-padding-right{
			padding-right: 0;
		}		

		.donate-padding-left{
			padding-left: 0;
		}
	
	}
	
	
	
a:link {
	text-decoration: none;
	border:none!important;
}