/* 
==========================
		 Fonts
========================== 
*/

@font-face {
    font-family: 'Futura';
    src: url(futura/FuturaStd-Book.otf);
}

/* 
==========================
		 Global
========================== 
*/

body {
	overflow-x:hidden;
	font-family:'Open Sans', 'Helvetica', sans-serif;
}
h1,h2,h3,h4,h5,h6,.btn {
	font-family:'Futura';
	letter-spacing:1px;
}

p {font-size:1.11em; letter-spacing:.7px; }

a {
	color:rgb(131,198,195);
	font-weight:bold;
	transition:.25s;
}

a:hover {
	color:rgb(131,198,195);
}
.btn {
	text-transform:uppercase;
	width:180px;
}
.spacer {display:none;}

.border-top {
	border-top: 1px solid #ddd;
}
.back-to-top {
	display:none;
	position:fixed;
	bottom:15px;
	right:20px;
	opacity: .9;
}
.back-to-top img {
	opacity:.8;
	width:48px;
}
/* 
==========================
		 Header
========================== 
*/

#hero {
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
	height:600px;
	padding:25px;	
	border-bottom:10px solid rgb(131, 198, 195);
}

#hero.sub-hero {
	height:225px;
	border-color:#ddd;
}


#hero h1 {
	font-family: 'Pacifico', sans-serif;
	font-size:8.1em;
	margin-top:80px;
}

#hero.sub-hero h1 {
	font-size:5em;
	margin-top:-25px;
}

h1 span {
	font-size:1.15em;
}

#hero h1,
#hero h2,
#hero .menu-button i {
	color:rgba(255,255,255,1);
	text-shadow:rgba(0,0,0,.3) 3px 3px 5px;
}


#hero h2 {
	margin-top:-13px;
	font-size:5.2em;
	font-family:'Futura';
	letter-spacing:1.5px;
}

#hero.sub-hero h2 {
	font-size:3em;
}
#hero .dedication {
	position:absolute;
	bottom:25px;
	right:50px;
	color:#fff;
	text-shadow:rgba(0,0,0,.4) 2px 2px 6px;
}

#hero .dedication h4 {
	font-size:22px;
}
#hero.sub-hero h1,
#hero.sub-hero h2,
#hero.sub-hero .menu-button i,
#main h2, #full-main h2,
#main h3, #full-main h3 {
	color:rgb(131, 198, 195);
	text-shadow:none;
}

#hero .buttons {
	margin-top:25px;
}

#hero.sub-hero .buttons {
	margin-top:0;
}

#hero .buttons .btn,
#title-bar .buttons .btn{
	border-radius:0;
	color:#fff;
	background:transparent;
	width:100px;
	padding:10px;
	border:2px solid #fff;
	font-size:1.2em;
	text-shadow:rgba(0,0,0,.3) 1px 1px 5px;
	box-shadow:rgba(0,0,0,.1) 1px 1px 5px;
	transition:.25s;
}

#hero.sub-hero .buttons .btn {
	border-color:rgb(131, 198, 195);
	color:rgb(131,198,195);
	padding-bottom:8px;
	text-shadow:none;
}

#hero .buttons .btn:hover {
	background:rgb(131, 198, 195);
	border-color:rgb(131, 198, 195);

}

#hero.sub-hero .buttons .btn:hover {
	color:#fff;
}

#hero .buttons .btn:first-of-type {
	margin-right:15px;
}

.menu {
	display:none;
	position:fixed;
	height:100vh;
	width:100%;
	top:0;
	left:0;
	z-index:9999999;
	background:rgba(131,198,195, .9);
}

.menu .close {
	color:#fff;
}

.menu ul.nav-menu {
	display:block;
	margin:75px auto;
	padding:0 0 0 0;
	max-width:80%;
	list-style:none;
	text-align:center;
}

.menu ul.nav-menu li {
	list-style-type:none;
}

.menu ul.nav-menu li a {
	font-size:3.8em;
	color:#fff;
	font-family:"Futura";
	text-align:center;
	font-weight:normal;
}
/*
#hero .buttons .btn:last-of-type {
	background:rgba(0, 162, 162, 1);
} */

#hero .nav-pills>li.active>a {
	background:transparent;
}

/* 
==========================
	  Landing Page
========================== 
*/

#about p,
#triad p,
#main p,
#full-main p,
#triad .block .holder h3,
.donations-box p,
#main ul, #full-main ul {
	color:#aaa;
}

#triad .block .holder h3 {
	margin-top:0;	
}

#about,
#triad {
	padding:75px 50px;
}

#about p,
#main p,
#full-main p,
.donations-box p,
#main ul, #full-main ul {
	font-size:1.3em;
	letter-spacing:.7px;
}

#img-block {
	min-height:600px;
}

#closer {
	background:#ddd;
}

.img-col {
	padding:0 0 0 0;
}

.img-holder,
.img-holder .overlay {
	height:300px;
}

.img-holder .overlay {
	display:none;
	background:rgba(131, 198, 195,.65);
	padding:125px;
}
.img-holder .overlay:hover {
	cursor:pointer;
}

.img-holder .overlay i {
	color:rgb(255,255,255);
}

.lightbox {
	display:none;
	position:fixed;
	top:0;
	left:0;
	z-index:99999999;
	height:100vh;
	min-height:2000px;
	width:100%;
	background:rgba(255, 255, 255,.5);
}

.close {
	display:block;
	position:absolute;
	top:25px;
	right:25px;
	opacity:.9;
}

.lightbox .close {
	color:rgba(131, 198, 195,1);
}

.lightbox .inner {
	margin:25px auto;
	text-align:center;
}

.lightbox .inner img {
	max-width:80%;
	max-height:90vh;
	height:auto;
	width:auto;
	border:10px solid #fff;
	box-shadow:rgba(0,0,0,.3) 3px 3px 5px;
}


#triad {
	padding-top:50px;
	padding-bottom:100px;
}

#triad .container {
	border-top:1px solid #e4e4e4;
	padding-top:50px;
}
#triad .block {
	min-height:300px;
}

#about h2,
#triad h2 {
	font-size:2.7em;
	color: rgb(131,198,195);
	text-transform:uppercase;
}

#triad p {
	margin-top:15px;
	letter-spacing:.7px;
}


#triad .block .holder {
	height:100%;
	padding:25px;
}

#about .btn,
#img-block .btn,
#triad .btn,
.content .btn,
#content .btn {
	margin-top:30px;
	border-radius:0;
	color:#fff;
	border:2px solid rgb(131,198,195);
	background:rgb(131, 198, 195);
	padding:10px 25px;
	font-size:1.2em;
	text-shadow:rgba(0,0,0,.3) 1px 1px 5px;
	transition:.25s;
}


#about .btn:hover,
#img-block .btn:hover,
#triad .btn:hover,
.content .btn:hover,
#content .btn {
	color:#aaa;
	background:transparent;
	border:2px solid #aaa;
	text-shadow:none;
}

.content .btn,
#content .btn {
	width:auto;
	min-width:250px;
	max-width:100%;
}

#content .btn:hover {
	color:#fff;
	border:2px solid rgb(131,198,195);
	background:rgb(131, 198, 195);
	text-shadow:rgba(0,0,0,.3) 1px 1px 5px;
}

#img-block .btn {
	margin-top:50px;
}

#content {
	min-height:350px;
	background:#e4e4e4;
	background-size:cover;
	background-position:right;
	padding-top:50px;
	padding-bottom:50px;
}
#content h3,
#content p { color: #696969; }

#content h1 {
	color:rgb(131,198,195);
	font-size:5em;
}

#content .container-fluid {
	padding:0;
}

/* Carousel - Currently Deactivated */
/* ================================ */
/*
#content .carousel .item,
#content .carousel .item div {
	height:500px;
}

#content .carousel .carousel-control {
	color: rgb(131,198,195);
	opacity:.8 !important;
	background:transparent !important
}
#content .carousel .carousel-control:hover {
	opacity:1 !important;
}

#content .carousel .carousel-indicators li {
	border:1px solid rgb(131,198,195);
}
#content .carousel .carousel-indicators li.active {
	background:rgb(131,198,195);
}
/*
/* ================================ */


#closer {
	height:300px;
	background:#fff;
}

/* 
==========================
		Sub-Pages
========================== 
*/
#angel {
	height:125px;
	background:url('img/clouds.jpg');
	background-size:cover;
	background-repeat:no-repeat;
}
#title-bar {
	height:60px;
	background:rgb(131,198,195);
	padding-top:12px;
	padding-bottom:12px;

}

#title-bar h3 {
	font-size:2.4em;
	margin:0 0 0 10px;
	color:#fff;
	font-family:'Futura';
}

#title-bar h3, #main h2, #full-main h2 {
	text-transform:uppercase;
	letter-spacing:1.2px;
}

#title-bar .buttons .btn {
	display:inline-block;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:10px;
}
#title-bar .buttons .btn:hover,
#title-bar .buttons .btn.active {
	background:#fff;
	border-color:#fff;
	color:rgb(131,198,195);
	text-shadow:none;
}
#main {
	padding-top:50px;
	padding-bottom:50px;
	min-height:150px;
}
#full-main {
	padding-bottom:50px;
}

#main h4, #full-main h4 {
	color:#999;
}
#full-main .border-top {
	padding-bottom:25px;
}
#full-main .content .btn,
#content .btn {
	margin-left:15px;
	margin-right:15px;
}
#full-main ul li, #main ul li {
	padding-top:5px;
}
#main.about-photos {
	min-height:250px;
}
.content {
	padding-right:25px;
}

.about {
	padding-top: 50px;
	padding-bottom: 50px;
}

.about .row {
	border-top:1px solid #e4e4e4;
	padding-top:25px;
	padding-bottom:25px;
}

.about .row .img-holder,
.about .row .img-holder .overlay {
	height:225px;
}
.about .row .img-holder .overlay {
	padding:85px;
}

#main .about p {
	font-size:1em;
}

#img-block.about-photos {
	padding-top:15px;
	padding-bottom:15px;
}

.events .img-holder {
	border:1px solid #ddd;
}

/* 
==========================
	  Contact form
========================== 
*/
.content form {
	margin-top:25px;
}
.content form input,
.content form textarea {
	border:2px solid rgb(131,198,195);
	width:80%;
	padding:5px;
	font-size:1.1em;
	color:#aaa;
	margin-bottom:10px;
}

.content form .btn {
	margin-top:15px;
}

/* 
==========================
		Sidebar
========================== 
*/
.sidebar {
	padding-left:25px;
	border-left:1px solid #e4e4e4;
}
.sidebar iframe {
	min-height:225px;
}

/* 
==========================
		Donations
========================== 
*/

.lightbox .donations-box {
	margin:100px auto;
	padding:0 0;
	background:#fff;
	box-shadow:rgba(0,0,0,.3) 3px 3px 5px;
	height:50vh;
	width:40%;
	border:5px solid rgb(131,198,195);
}

.lightbox .donations-box h3 {
	background:rgb(131,198,195);
	color:#fff;
	text-transform:uppercase;
	padding:15px;
	margin-top:0;
}

.lightbox .donations-box p {
	padding:25px;
}

.lightbox .donations-box input[type="image"] {
	border-radius:0;
}

/* 
==========================
		 Footer
========================== 
*/

.top-footer {
	min-height:135px;
	background:rgb(131, 198, 195);
	padding-top:25px;
	padding-bottom:25px;
}

.top-footer .logo {
	opacity:.9;
}

.top-footer h1 {
	font-size:2.7em;
	font-family: 'Pacifico';
	margin-top: 0;
	margin-bottom: 0;
}

.top-footer h2 {
	font-size:2em;
	margin-top:-3px;
}
.top-footer ul {
	padding-top:10px;
}

.top-footer p {
	padding-top:20px;
}
.top-footer ul li {
	list-style-type:none;
	font-size:1.1em;
}
.top-footer ul li a {
	font-weight:normal;	
}
.top-footer ul li a,
.top-footer h1,
.top-footer h2,
.top-footer p {
	color:#fff;
}
.top-footer .footer-menu {
	display:inline-block;
}
.bottom-footer {
	background:#696969;
	height:35px;
	padding-top:7px;
}

.bottom-footer p {
	color:rgba(255,255,255,.8);
	font-size:.83em;
	letter-spacing:.7px;
}

/* 
==========================
	    Responsive
========================== 
*/
@media screen and (max-width: 1200px) {
	#triad .block { min-height:250px; }
	#triad .block .img-holder { height:250px; }
	.sidebar iframe { min-height:175px; }
}

@media screen and (max-width: 1110px) {
	#hero h1 { font-size:7em; }
	#hero { background-position:left center; }
}

@media screen and (max-width:992px) {
	#hero { height:500px; }
	#hero h1 { font-size:5.5em; }
	#hero h2 { font-size:4em; }

	#triad .block { min-height:175px; }
	#triad .block .img-holder { height:175px; }

	.lightbox .donations-box {
		height:70vh;
		width:60%; }

	.sidebar iframe { min-height:135px; }
	#bodyContent #main table {
		max-width:99%;
	}
	#bodyContent #main table td {
		max-width:45% !important;
	}

}
@media screen and (max-width:895px) {
	#hero h1 { font-size:4.7em; }
	#hero h2 { font-size:3.5em; }
}

@media screen and (max-width:768px) {
	.parallax-mirror { display:none;}
	#hero {
		height:400px;
		background:url(img/angel.jpg);
		background-repeat:no-repeat;
		background-size:cover; }
	
	#hero.sub-hero { 
		height:260px;
		background-image:none; }

	#hero.sub-hero h1 { margin-top:75px; }

	#hero h1,
	#hero.sub-hero h1 { font-size:4em; }

	#hero h2,
	#hero.sub-hero h2 { font-size:3em; }


	.menu ul.nav-menu li a { font-size:2.5em;}

	#angel {
		height:75px; }

	#about, #triad { padding-left:0; padding-right:0; }

	#triad .block { min-height:300px; }
	#triad .block .img-holder { height:300px; }

	#img-block {min-height:450px; }

	#img-block .img-holder,
	#img-block .img-holder .overlay { min-height:150px; }

	#triad .block { min-height:150px; }
	#triad .block .holder { padding:25px 0; }

	#main { padding-top:25px; }

	#content h1 { font-size:3em; }
	.content { padding-right:15px; padding-left:15px; }

	.about .img-col { margin-bottom:15px; }

	.lightbox .inner { margin:75px auto; }
	.lightbox .donations-box {
		height:70vh;
		width:90%; }

	.sidebar {
		margin-top:35px;
		border-top:1px solid #e4e4e4;
		padding-top:35px;
		border-left:none; }

	.content form input,
	.content form textarea { width:97%; }

	.about h3,
	.about h4,
	.top-footer { text-align:center; }

	.top-footer .footer-menu { -webkit-padding-start: 4px; }
	.hidden-xs { display:none; }

	.sidebar iframe { min-height:350px; }	
}

@media screen and (max-width:600px) {
	#hero { 
		background:url(img/angel.jpg);
		background-size:cover;
		background-repeat:no-repeat; }

	#hero.sub-hero { height:230px; }

	#hero.sub-hero .btn {
		padding-top:5px;
		padding-bottom:5px;
		margin-left:-15px;
	}



	#hero h1 { margin-top:105px; }
	#hero.sub-hero h1 { margin-top:55px; }
	#hero .menu-button { margin-top:-2px; margin-right:-15px; }

	#hero h1,
	#hero.sub-hero h1 { font-size:3.5em; }
	#hero h2,
	#hero.sub-hero h2 { font-size:2.6em; }

	#img-block .img-holder,
	#img-block .img-holder .overlay { height:350px; }

	.about-photos#img-block .img-holder,
	.about-photos#img-block .img-holder .overlay { height:200px; }
	.about-photos#img-block {
		margin-bottom:75px !important;
	}

	#title-bar .buttons .btn {
		width:85px;
		font-size:.9em; }

	.sidebar iframe { min-height:225px; }
	
}

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

	/* Below iPhone width ?? */

}