/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
.left-ten {
	padding-left:10px !important;
}
.left-twenty {
	padding-left:20px !important;
}
.left-thirty {
	padding-left:30px !important;
}
.left-fourty {
	padding-left:40px !important;
}
.left-fifty {
	padding-left:50px !important;
}
.left-sixty {
	padding-left:60px !important;
}
.float-right {
	float:right;
}
.float-left {
	float:left;
}
.top-sixty {
	padding-top:60px !important;
}
.top-fourty {
	padding-top:40px !important;
}
.top-thirty {
	padding-top:30px !important;
}
.top-twenty {
	padding-top:20px !important;
}
.top-fifteen {
	padding-top:15px !important;
}
.top-ten {
	padding-top:10px !important;
}



.bottom-sixty {
	padding-bottom:60px !important;
}
.bottom-fourty {
	padding-bottom:40px !important;
}
.bottom-thirty {
	padding-bottom:30px !important;
}
.bottom-twenty {
	padding-bottom:20px !important;
}
.bottom-fifteen {
	padding-bottom:15px !important;
}
.bottom-ten {
	padding-bottom:10px !important;
}

.font-thirteen {
	font-size:13px !important;
}
.font-fourteen {
	font-size:14px !important;
}
.font-fifteen {
	font-size:15px !important;
}
.font-sixteen {
	font-size:16px !important;
}
.font-seventeen {
	font-size:17px !important;
}
.font-eightteen {
	font-size:18px !important;
}
.font-twenty-three {
	font-size:23px !important;
	color:white;
}
.font-nineteen {
	font-size:19px !important;
}
.font-twenty {
	font-size:20px !important;
}
.margin-bottom-ten {
	margin-bottom:10px !important;
}
.margin-bottom-twenty {
	margin-bottom:20px !important;
}
.margin-bottom-thirty {
	margin-bottom:30px !important;
}
.margin-bottom-fifty {
	margin-bottom:50px !important;
}
.margin-top-ten {
	margin-top:10px !important;
}
.margin-top-twenty {
	margin-top:20px !important;
}
.margin-left-ten {
	margin-bottom:10px !important;
}
.margin-left-twenty {
	margin-bottom:20px !important;
}
.padding-bottom-thirtyfive {
	padding-bottom:35px; 
}
.textalignright { 
	text-align:right; 
}

.textalignleft { 
	text-align:left; 
}

.aligncenter { 
	text-align:center; 
}

.alignleft { 
	float:left; 
	margin-right:30px; 
	margin-bottom:30px; 
}

.alignright { 
	float:right; 
	margin-left:30px; 
	margin-bottom:30px; 
}

.one-half {
    float: left;
    margin-right: 10%;
    width: 45%;
}
.one-third {
	margin-bottom: 1em; }
@media screen and (min-width: 640px) {
.one-third {
	float: left;
	margin-right: 5%;
	width: 30%;
	margin-bottom: 0; 
}
.one-third:last-of-type {
	margin-right: 0; } }
.two-thirds {
	width:66%;
	float:left;
	margin-right:2%;
}
.one-fourth {
	width:23.5%;
	float:left;
	margin-right:2%;
}
.three-fourths {
	width:74.5%;
	float:left;
	margin-right:2%;
}
.one-fifth {
	width:18.4%;
	float:left;
	margin-right:2%;
}
.four-fifths {
	width:79.6%;
	float:left;
	margin-right:2%;
}
.last {
	margin-right:0px;
}


/* Put your Mobile First styles here */

.open-sans {
	font-family: 'Open Sans', 'sans-serif';
}

.raleway {
	font-family: 'Raleway', 'sans-serif';
}

.titillium {
	font-family: 'Titillium Web', 'sans-serif';
}

.bold {
	font-size:17px;
	font-weight:bold;
}


.info-box {
    background-color: #F6F6ED;
    padding: 20px 20px;
	font-family: 'Raleway', 'sans-serif' !important;
}

.info-box  h2{
	margin-bottom:2px;
}



.info-box p {
    border-bottom: 2px solid #D8D8D1;
    padding-bottom: 24px;
	font-family: 'Raleway', 'sans-serif';
}

.info-box p:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
	margin: 0;
}


.shadow {
	-webkit-box-shadow: 0px 10px 5px -3px rgba(0,0,0,0.21);
-moz-box-shadow: 0px 10px 5px -3px rgba(0,0,0,0.21);
box-shadow: 0px 10px 5px -3px rgba(0,0,0,0.21);
}

.red-span {
	color:#00545e;
}


.copyright {
	background-color:#00545e;
	color:#FFF;
	padding: 15px; }
	.copyright p {
		margin-bottom: 0; }

.copyright a {
	color:#ffffff;
	text-decoration:none;
}

.copyright a:hover {
	color:#ffffff;
	text-decoration:underline;
}

.box {
    height: auto;
    background-color: #e6edf0;
    margin-bottom: 30px;
    padding-bottom: 15px;
	padding-top: 15px;
}

.box p, .box img, .box ul, .box h1, .box h2, .box h3, .box h4, .box h5, .box h6 {
	padding:0 15px 0 15px;
}


.background-image-cover {
	background-attachment: fixed;
    background-image: url("../images/background-cover.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 5px 10px 0 #666666 inset;
    padding-bottom: 30px;
    padding-top: 30px;		
}


.background-image-cover .box {
    background-color: rgba(255, 255, 255, 0.8);
    height: auto;
    margin-top: 20px;
	padding:30px 80px 30px 80px;
}
	.background-image-cover .box p {
		text-align: center;
		font-size:18px; 
		line-height:25px;
	}
	.background-image-cover .box a {
		color: #00545e;
		text-decoration:none;
	}



.arrow {
    background-image: url("../images/arrow.png");
    background-position: 670px 15px;
    background-repeat: no-repeat;
	min-height:28px;
}


.auctionitems {
	text-align:center;
}


.auctionitems img { 
	display:inline-block; 
	border:#ffffff solid 5px;
	margin:0 17px 17px 17px; 
}



.auctionitems img:first-child { 
	margin-left:0;
}



.auctionitems img:last-child { 
	margin-right:0;
}


/*.cta { 
	margin-bottom:30px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	text-align:center;
}
	.cta a {
		display:block;
		width:100%;
		color: #ffffff;
		text-decoration: none;
		font-size: 22px;
		padding:15px 0 15px 0;
		background-color: #00545e;
		position: relative;
		border: 1px solid #00545e;
		z-index: 2;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
	}
			.cta:hover a {
			color: #00545e;
			background-color: #e7e6c6;
			border: 1px solid #e7e6c6;
		}
	.cta a:before {
		content: "";
		position: absolute;
		top: -7px;
		left: -7px;
		height: 90%;
		width: 90%;
		border-left: 1px solid #00545e;
		border-top: 1px solid #00545e;
		z-index: -1; 
	}
		.cta:hover a:before {
			top: -14px;
			left: -14px;
		}
	.cta a:after {
		content: "";
		position: absolute;
		bottom: -7px;
		right: -7px;
		height: 90%;
		width: 90%;
		border-right: 1px solid #00545e;
		border-bottom: 1px solid #00545e;
		z-index: -1; 
	}
		.cta:hover a:after {
			bottom: -14px;
			right: -14px;
		}



.cta2 {
	margin:auto auto 15px auto;
	text-align:center;
}
	.cta2 a {
		display:block;
		width:76%;
		margin:auto;
		color:#ffffff;
		text-decoration: none;
		font-size: 22px;
		padding:15px 2% 15px 2%;
		background:#00545e;
	}
	.cta2 a:hover {
		background:#4d0000;
	}


.cta_ministries {
	padding:10px 0 10px 0;
	margin-bottom:50px;
}
	.cta_ministries a {
		padding:10px 40px 10px 40px;
		background:#00545e;
		color:#ffffff;
		font-weight:bold;
		text-decoration: none;
		font-size: 16px;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
	}
	.cta_ministries a:hover {
		background:#4d0000;
	}
*/

.prayerlist ul { 
	margin-left:0;
}
	.prayerlist ul li { 
		list-style:none;
		padding:20px;
	}
	.prayerlist ul li:nth-child(odd) { 
		background:#e6edf0;
	}


ul.staff { 
	margin-left:0;
}
	ul.staff li { 
		list-style:none;
		padding:20px;
		clear:both;
		overflow:hidden;
	}
	ul.staff li:nth-child(odd) { 
		background:#e6edf0;
	}
		ul.staff li img { 
			width:100px;
			margin-right:25px;
			float:left;
		}

.chaplains_sfpmfunds img {
	float:left;
	margin-right:25px;
	width:100px;
}


ul.volunteer, ul.board {
	margin-left:0;
}
	ul.volunteer li, ul.board li {
		list-style:none inside;
		font-size:14px;
		margin-bottom:5px;
	}


.stories ul { 
	margin-left:0;
}
	.stories ul li { 
		list-style:none;
		padding:20px;
	}
	.stories ul li:nth-child(odd) { 
		background:#e6edf0;
	}
		.stories ul li p:nth-child(1) { 
			font-style:italic;
		}
		.stories ul li p:nth-child(2) { 
			font-weight:bold;
			text-align:right;
		}


.aftercare div {
	min-height:270px;
}
	.aftercare p:nth-child(2) {
		font-weight:bold;
		margin-bottom:30px;
	}


.about {
	text-align:center;
}
	.about p:nth-child(2) {
		margin-bottom:80px;
	}


ul.newsletters {
	margin-left:0;
}
	ul.newsletters li { 
		list-style:none;
	}
	ul.newsletters li:nth-child(odd) { 
		background:#e6edf0;
	}
		ul.newsletters li a { 
			display:block;
			padding:15px 1% 15px 1%;
			width:98%;
			text-decoration:none;
		}
		ul.newsletters li a:hover { 
			background:#00545e;
			color:#ffffff;
		}


.auction {
	
}
	.auction section {
		margin-bottom:50px;
	}
	
.gallery-item {
	
}
	.gallery-item .gallery-caption {
		
	}
	.gallery-item {
		margin-top:0;
	}
		.gallery-item .gallery-icon {
			padding:5px;
		}
			.gallery-item .gallery-icon img {
				border:none !important;
				-webkit-transition: all .3s ease;
				-moz-transition: all .3s ease;
				-ms-transition: all .3s ease;
				-o-transition: all .3s ease;
				transition: all .3s ease;
				height:auto;
			}
			.gallery-item .gallery-icon img:hover {
				-moz-transform: scale(1.1);
				-webkit-transform: scale(1.1);
				-o-transform: scale(1.1);
				-ms-transform: scale(1.1);
				transform: scale(1.1);
			}



.auction_donated {
	
}
	.auction_donated p:nth-child(even) {
		font-weight:bold;
		margin-bottom:5px;
	}
	.auction_donated p:nth-child(odd) {
		margin-bottom:30px;
	}


nav ul#menu-footer-menu {
	margin-left:0;
	-webkit-column-count: 4; 
	-moz-column-count: 4; 
	column-count: 4; 
	-webkit-column-gap: 80px; 
	-moz-column-gap: 80px; 
	column-gap: 80px;
}
@media only screen and (max-width: 75em)  {
	nav ul#menu-footer-menu {
		-webkit-column-count: 3; 
		-moz-column-count: 3; 
		column-count: 3; 
		-webkit-column-gap: 50px; 
		-moz-column-gap: 50px; 
		column-gap: 50px;
	}
}
@media only screen and (max-width: 479px) {
	nav ul#menu-footer-menu {
		-webkit-column-count: 2; 
		-moz-column-count: 2; 
		column-count: 2; 
		-webkit-column-gap: 30px; 
		-moz-column-gap: 30px; 
		column-gap: 30px;
	}
}
	nav ul#menu-footer-menu li {
		list-style:none;
	}
		nav ul#menu-footer-menu li a {
			font-weight:bold;
			text-decoration:none;
			font-size: 17px;
			color:#444;
		}
		nav ul#menu-footer-menu li a:hover {
			color:#00545e;
		}


.ls-slide .ls-l {
	top:auto !important;
	bottom:0;
	padding: 25px !important; 
	background: url("../images/slidercaptionbackground.png") repeat;
	font-size: 22px !important; 
	line-height:25px !important;
	color: #ffffff; 
	font-weight:600; 
	text-shadow: 1px 1px 2px #000000; 
	width:100% !important;
	white-space:normal !important;
}










body {
	background: #f0e6d5; }
h1, h3, h5 {
	color: #9b1f20; }
h1 {
	margin: 0;
	margin-bottom: 10px; }
h2, h4, h6 {
	color: #00545e; }
	
header {}
	header .logo {
		padding: 1em 0;
		text-align: center; }
		header .logo p {
			margin-top: 10px;
			margin-bottom: 0; }

.info-box {}
	.info-box a {
		color: inherit;
		text-decoration: none; }
		.info-box a:hover {
			text-decoration: underline; }
		
.main__content {
	background: white;
	padding: 2em 0; }
.main__content.grey {
	background: #e7e4df; }
	.container { }
	.block {
		padding: 2em;
		background: rgba(255,255,255,.5); }
	.cta {
		display: block;
		background: #00545e;
		color: white !important;
		text-align: center;
		padding: 1em;
		box-sizing: border-box; }
		.cta h3 {
			color: white !important; }
		.cta p strong {
			color: white !important; }
		.cta p a {
			color: #f0e6d5 !important; }
	.line {
		display: block;
		position: relative;
		z-index: 1; }
		.line span {
			display: inline-block;
			background: #e7e4df;
			padding: 0 20px; }
			.line:before, .line:after {
				content: "";
				height: 3px;
				width: 100%;
				background: #fbca2e;
				display: block;
				position: absolute;
				top: 50%;
				left: 0;
				z-index: -1; }
	
.copyright {}
	.copyright .verse {
		font-family: 'Titillium Web', sans-serif;
		font-style: italic;
		font-weight: bold;
		font-size: 20px;
		text-align: center; }




/* #Mobile - Landscape
================================================== */

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		/*#desktop-nav{ display: none;}
		.mobile-only, #nav-reveal {display: block;}*/
	}








  /* Note: Design for a width of 480px */
@media only screen and (min-width: 30em) {
	/*#desktop-nav{ display: none;}
		.mobile-only, #nav-reveal {display: block;}*/


} /* Close Mobile Landscape media query */




/* #Tablet - Portrait
================================================== */
  /* Note: Design for a width of 768px */
@media only screen and (min-width: 48em) {
	
	/*#desktop-nav{ display: none;}
		.mobile-only, #nav-reveal {display: block;}*/


} /* Close Tablet media query */




/* # 960 Grid - Desktop
================================================== */
  /* Note: Design for a width of 960px */
@media only screen and (min-width: 60em) {
	
	/*#desktop-nav{ display: block;}
		.mobile-only, #nav-reveal {display: none;}*/


} /* Close Desktop media query */




/* Going BIG, we love the large screens - 1200px and up
================================================== */
  /* Note: Design for a width of 1200px */
@media only screen and (min-width: 75em)  {
	
	/*#desktop-nav{ display: block;}
		.mobile-only, #nav-reveal {display: none;}*/


} /* Close Wide Desktop media query */



/* Styles for Internet Explorer
================================================== */









/* Put your styles above here
================================================== 
 * Print styles: Inlined to avoid required HTTP connection: h5bp.com/r */
 @media print {
     * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
     a, a:visited { text-decoration: underline; }
     a[href]:after { content: " (" attr(href) ")"; }
     abbr[title]:after { content: " (" attr(title) ")"; }
     /* Don't show links for images, or javascript/internal links */
     .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
     pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
     thead { display: table-header-group; /* h5bp.com/t */ }
     tr, img { page-break-inside: avoid; }
     img { max-width: 100% !important; }
     @page { margin: 0.5cm; }
     p, h2, h3 { orphans: 3; widows: 3; }
     h2, h3 { page-break-after: avoid; }
 }