@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,600,600i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Cinzel:400,700,900');

.source-sans{font-family: 'Source Sans Pro', sans-serif !important;}
.cinzel{font-family: 'Cinzel', serif !important;}

body{
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.6;
	color: #666666;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Cinzel', serif !important;
	color: #1a4f8f !important;
	font-weight: 400 !important;
}

p a{color: #3ab54a !important;}
p a:hover{color: #1a4f8f !important; text-decoration: none !important;}

.width75{max-width: 75%; margin-left: auto !important; margin-right: auto !important;}


#header{
	border-top: 5px solid #3ab54a !important;
	font-family: 'Source Sans Pro', sans-serif !important;
}


.site-logo{
	padding: 15px 0 !important;
}



.hero-area{
	background-image: url('images/hero_v02.jpg');
	background-attachment: fixed;
	background-position: center center;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
}

.hero-area:after{background-color: rgba(102,110,112, 0.4);}
.bg-overlay:after{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
}

.hero-content{
	z-index: 999;
	position: relative;
}

.hero-area *{color: #fff !important;}

.phead{
	font-size: 20px; 
	font-style: italic;
	font-weight: 600 !important;
	margin: 20px 0;
	color: #1a4f8f !important;
}


.col3{background: #eee !important;}

.inner-white-box{
	background: #fff;
	padding: 25px 15px;
}

.inner-white-box img{margin: auto auto 15px !important;}
.inner-white-box h5{font-size: 18px !important; margin-bottom: 10px;}


.paypal-btn {
    background: #3ab54a !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 4px solid #3ab54a !important;
    border-radius: 6px !important;
    color: white !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 12px 24px 8px !important;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    display: inline-block !important;
    white-space: normal !important;
	font-size: 14px;
	margin-bottom: 15px;

}

.paypal-btn2 {
    background: #3ab54a !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 4px solid #3ab54a !important;
    border-radius: 6px !important;
    color: white !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 12px 24px 8px /*!important*/;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    display: inline-block !important;
    white-space: normal !important;
	font-size: 14px;
	margin-bottom: 0px;

}

.paypal-btn:hover , .paypal-btn2:hover {border-bottom: 4px solid #008c2e !important; text-decoration: none !important;}

.fl-btn{min-width: 220px !important;}



#footer{
	font-size: 12px;
	background: #3e577a;
	color: #fff;
	padding-top: 30px;
	padding-bottom: 15px;
}

.footer-nav{
	padding: 0;
}

.footer-nav li{
	list-style: none !important;
	display: block;
	text-align: center;
}

.footer-nav li a{
	color: #fff !important;
	padding: 0 10px;
}

.footer-right{text-align: center;}




/*** ABOUT PAGE ***/
	.hero-about{
		background-image: url('images/AdobeStock_61733228.jpg');
		background-attachment: fixed;
		background-position: center center;
		position: relative;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.hero-about:after{background-color: rgba(102,110,112, 0.65);}
	
	.hero-about h2{color: #fff !important; text-align: center;}
	
	
/*** ORDER PAGE ***/
	.hero-order{
		background-image: url('images/AdobeStock_80040218.jpg');
		background-attachment: fixed;
		background-position: center center;
		position: relative;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.hero-order:after{background-color: rgba(102,110,112, 0.65);}
	
	.hero-order h2{color: #fff !important; text-align: center;}
	
	.order-left{
		background: rgba(238,238,238, 1) !important;
		padding: 20px;
	}
	
	.order-col2 .paypal-btn{margin-bottom: 0 !important;}
	

/*** DONATE PAGE ***/
	.hero-donate{
		background-image: url('images/donate.jpg');
		background-attachment: fixed;
		background-position: center center;
		position: relative;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.hero-donate:after{background-color: rgba(102,110,112, 0.4);}
	
	.hero-donate h2{color: #fff !important; text-align: center;}


/*** CONTACT PAGE ***/
	.hero-contact{
		background-image: url('images/contact2.jpg');
		background-attachment: fixed;
		background-position: center center;
		position: relative;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.hero-contact:after{background-color: rgba(102,110,112, 0.4);}
	
	.hero-contact h2{color: #fff !important; text-align: center;}
	
	.contact-form input[type="text"],
	.contact-form input[type="email"],
	.contact-form textarea{
		width: 100% !important;
		border-radius: 4px;
		background: #fcfcfc !important;
		border: 1px solid #ddd;
		color: #666;
		margin-bottom: 15px;
		padding: 5px 12px;
	}
	
	.contact-form input[type="submit"]{
		background: #3ab54a !important;
		border-top: 0 !important;
		border-left: 0 !important;
		border-right: 0 !important;
		border-bottom: 4px solid #3ab54a !important;
		border-radius: 6px !important;
		color: white !important;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		padding: 12px 24px 8px !important;
		transition-duration: 0.4s;
		-webkit-transition-duration: 0.4s;
		-moz-transition-duration: 0.4s;
		-ms-transition-duration: 0.4s;
		-o-transition-duration: 0.4s;
		display: inline-block !important;
		white-space: normal !important;
		font-size: 14px;
		margin-bottom: 15px;
		width: 100% !important;
	}
	.contact-form input[type="submit"]:hover {border-bottom: 4px solid #008c2e !important; text-decoration: none !important;}
	
	
	
	

	
/*** BLOG PAGE ***/
	.hero-blog{
		background-image: url('images/hero_v01.png');
		background-attachment: fixed;
		background-position: center center;
		position: relative;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.hero-blog:after{background-color: rgba(102,110,112, 0.4);}
	
	.hero-blog h2{color: #fff !important; text-align: center;}	
	
	
	h2 a{color: #1a4f8f;}
	h2 a:hover{color: #3ab54a; text-decoration: none !important;}
	
	.blog-item{
		    border-bottom: 1px solid #e6e6e6;
			padding-bottom: 40px;
			margin-bottom: 40px;
	}
	
	form.search input[type="text"]{
		width: 100% !important;
		border-radius: 4px;
		background: #fcfcfc !important;
		border: 1px solid #ddd;
		color: #666;
		margin-bottom: 15px;
		padding: 5px 12px;
		font-style: italic;
	}
	
	
/* My cell phone is 375px
	XS < 575px (576px?)
	575px (576px?) <= Small < 768px */
@media (max-width: 767px)
{
	#header .container{padding: 0 !important;}
	#header .col-cs-10{padding-left: 0 !important;}
	#header .col-cs-2{padding-right: 0 !important;}
	
	.navbar-toggle{
		padding: 0 !important;
		margin-top: 60px !important;
		margin-right: 0 !important;	
	}
	
	.fl-row{padding-top: 25px; padding-bottom: 25px;}
	
	.hero-area h2,
	.hero-about h2{font-size: 24px;}
	
	h2.hero-head{font-size: 24px;}
	
	#disappear1 { display: none; }
	#disappear2 { display: none; }
	#disappear3 { display: none; }
}


/* 768px <= Med < 992px */
@media (min-width: 768px)
{
	
	.container{
		width: 100% !important;
		max-width: 1100px !important;
	}
	
	.navbar-nav{float: none !important; text-align:right !important;}
	.navbar-nav > li{
		float: none !important;
		display: inline-block !important;
	}
	
	
	.navbar-nav > li > a{
		transition: all 0.3s ease !important;
		letter-spacing: 0.03em;
		font-size: 12px;
		font-weight: 400;
		line-height: 1.4;
		text-transform: uppercase;
		color: #545454 !important;
		
		padding: 80px 14px 15px;
	}
	
	.navbar-nav > li > a:hover,
	.navbar-nav > li > a:focus,
	.navbar-nav > li > a:active,
	.navbar-nav > li.active > a{
		background: #3ab54a !important;
		color: #fff !important;
	}
	
	.fl-row{padding-top: 75px; padding-bottom: 75px;}
	
	.hero-area h2{font-size: 50px;}
		
	.hero-about h2{margin: 75px 0; font-size: 2.2em;}
	.hero-donate h2{font-size: 2.2em;}
	.hero-contact h2{font-size: 2.2em;}
	
	h2.hero-head{font-size: 2.2em;}
	
	.fl-btn{min-width: 320px !important;}
	
	.footer-nav li{display: inline-block;}
	
	.footer-right{text-align: right;}
	
	.order-right{padding-left: 45px;}
	
	.col2-donate .order-left{margin-top: 80px;}
	.col2-donate .donate-right{padding-left: 45px;}
	
	.contact-right{
		border-left: 1px solid #ccc !important;
		padding-left: 45px;
	}
	
	.blog-left{border-right: 1px solid #ccc !important; padding-right: 40px;}
	.blog-right{padding-left: 45px;}
	
	.thanks-contact-right{padding-top: 160px; padding-bottom: 160px;}
	
	#disappear1 { display: block; }
	#disappear2 { display: block; }
	#disappear3 { display: block; }
}

/* 992px <= Lg < 1200px
	1200px <= XL */
@media (min-width: 992px)
{
	.navbar-nav > li > a{
		font-size: 16px !important;
		padding: 80px 20px 15px !important;
		margin-top: -1px;
	}
	
	#disappear1 { display: none; }
	#disappear2 { display: none; }
	#disappear3 { display: none; }
}