/* -----------------------------------
Site:       www.bernreformeducc.org
CSS author: Jeff Heiser
Updated:	9/2015
----------------------------------- */
.pink { background: pink; }
.sr-only { /* better solution */
    height: auto; 
    margin: 0; 
}
.sr-only-focusable:active, .sr-only-focusable:focus {
	position: absolute;
	display: block;
	left: 15px;
	top: 2px;
	right: auto;
	background-color: #f1f1f1;
	color: #800000;
	clip-path: none;
	text-decoration: none;
	line-height: normal;
	padding: 13px 23px 12px;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
	z-index: 9999;
}
/***** A 1 1 Y  R E S E T *****/
*:focus:not(:focus-visible), *::before:focus:not(:focus-visible), *::after:focus:not(:focus-visible) {
	outline: none;
}
body.using-tab a:focus, body.using-tab .btn:focus, body.using-tab button:focus { 
	outline: none; 
	text-decoration: none; 
	box-shadow: 0 0 0 .1rem #fff, 0 0 0 .3rem #ff0dbf; 
}
/* https://medium.com/@matuzo/writing-css-with-accessibility-in-mind-8514a0007939 */
@media(prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		transition: none !important;
		animation: none !important;
		scroll-behavior: auto !important;
	}
}
/***** B O D Y *****/
html { 
	height: 100%;
	font-size: 62.5%; 
	transition: font-size 0.2s linear;
	scroll-behavior: smooth;
	overflow-x: hidden;
}
body {
	height: 100%;
	background: rgba(0,0,0,0);
	font-family: -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	color: #111;
	line-height: 1.62;
}
.background {
	position: fixed;
	width: 100vw;
	height: calc(100vh + 50px);
	background: #3366bb url(../images/bkgd_rainbow-mobile.jpg) no-repeat center top;
	background-size: cover;
	z-index: -1;
}
@media only screen and (min-width: 600px) {
	.background { background-image: url(../images/bkgd_rainbow-small.jpg); }	
}
@media only screen and (min-width: 992px) {
	.background { background-image: url(../images/bkgd_rainbow.jpg); }	
}
/***** H E A D I N G S  /  P *****/
h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	letter-spacing: .1em;
	color: #fff;
}
h1, .h1 {
	font-size: 4rem;
	font-variant: small-caps;
	text-align: center;
	text-shadow: 1px 1px 0 #dddddd, 2px 2px 0 #c8c8c8, 3px 3px 0 #cccccc, 4px 4px 0 #b8b8b8, 5px 5px 0 #bbbbbb, 0 1px 1px rgba(0, 0, 0, 0.4), 0 2px 2px rgba(0, 0, 0, 0.3), 1px 3px 3px rgba(0, 0, 0, 0.2), 1px 5px 5px rgba(0, 0, 0, 0.1), 2px 8px 8px rgba(0, 0, 0, 0.1), 2px 13px 13px rgba(0, 0, 0, 0.1);
}
.jumbotron .h1 { padding: 0; }
@supports 	( transform-origin: 50% 50% -700px ) or
			( -webkit-transform-origin: 50% 50% -700px ) {
	h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
		font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif;
	}
}
h2, h2 a {
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 -1px 0 rgba(0, 0, 0, 0.7);
	margin: 0 auto;
	padding: .4rem .5rem;
}
h2 a:hover { text-decoration: none; }
h3 {
	text-align: center;
	text-shadow: -1px -1px 1px #fafafa, 1px 1px 1px #000;
	padding: 0;
}
h3 a {
	color: #5d87ae;
	text-align: center;
}
h4, .h4 {
	color: #800000;
	text-align: center;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 -1px 0 rgba(0, 0, 0, 0.7);
	letter-spacing: .05em;
}
h5 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4rem; 
}
h6 {
	font: bold 1.6rem Verdana, Geneva, sans-serif;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 -1px 0 rgba(0, 0, 0, 0.7);
}
@media only screen and (max-width: 1199px) { h1, .h1 { font-size: 3.8rem; } }
@media only screen and (max-width: 991px) {
	h1, .h1 { font-size: 3.6rem; }
	header h1 { font-size: 2.8rem; }
}
@media only screen and (max-width: 767px) {
	h2, h3 { 
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
	.h1 { 
		font-size: 3.2rem;
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 -1px 0 rgba(0, 0, 0, 0.7);
	}
	header h1 { font-size: 0; }
	h2, .h2 { 
		font-size: 2.8rem; 
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 -1px 0 rgba(0, 0, 0, 0.7);
	}
	h3, .h3 { font-size: 2rem; }
}
@media only screen and (max-width: 480px) {
	h1, .h1, h2, .h2 { font-size: 2.4rem; }
	h3, .h3 { font-size: 1.8rem; }
}
p {
	text-align: left;
	margin: 1em;
}
/***** L I N K S *****/
a {
	color: #800000;
	cursor: pointer;
	transition: all .3s ease-in-out;
	-webkit-touch-callout: none;
	-ms-user-select: none; /* IE 10 version for Windows Phone 8 */
}
a:hover {
	background-color: rgba(0,0,0,.1);
	color: #800000;
}
.imgLink { text-decoration: none; }
.imgLink:hover { 
	background: transparent; 
	opacity: 0.75;
}
.textLink, p > a {
	position: relative;
	display: inline-block;
	color: #800000;
	font-weight: 700;
	padding: .1em .2em;
	border-radius: .2em;
	text-decoration: none;
}
.textLink:hover, p > a:hover { text-decoration: none; }
.textLink::after, p > a::after {
    position: absolute;
    left: 0;
    bottom: .2em;
    width: 100%;
    content: '';
    border-bottom: .1em solid currentColor;
    transition: opacity .25s linear, transform .2s ease-in-out;
}
.textLink:not(:hover)::after, p > a:not(:hover)::after {
    opacity: 0;
    transform: scaleX(0);
}
footer a, main a.plain-link { background: none; }
main a.plain-link:hover { background: #800000; }
p a.imgLink::after { display: none!important; }
img { font-size: 1.1rem; font-style: italic; } /* Style Alt Text */

/***** L A Y O U T *****/
.pageWrapper { width: 100%; }

/***** H E A D E R *****/
.navbar-brand {
	height: auto;
	padding: 0;
	margin-top: .4rem;
	margin-left: 0;
	line-height: normal;
}
.joinusBox {
    position: relative;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	color: #fff;
	overflow: hidden;
}
.joinusBox p { 
	font-size: 1.4rem;
	color: #fff;
	font-weight: 700;
	margin: .5rem 0; 
	text-align: center;
	text-shadow: 0 1px 0 rgba(255,255,255,0.3), 0 -1px 0 rgba(0,0,0,0.7);
}
.joinusBox2 { top: 1.4em; }

/***** N A V I G A T I O N *****/
.navbar-toggle {
	position: relative;
    height: 3.7rem;
	width: 3.7rem;
    background: rgba(0,0,0,0);
	margin: 0;
	padding: .4rem .7rem .7rem;
	border: .2rem solid #fff;
	-webkit-touch-callout: none;
	user-select: none;
	z-index: 50;
}
.navbar-toggle span, .navbar-toggle span:before, .navbar-toggle span:after {
	display: block;
	position: absolute;
	left: 0; 
	right: 0;
	height: .3rem;
	width: 2.2rem;
	content: '';
	background-color: #fff;
	margin: 0 auto;
	border-radius: .1rem;
}
.navbar-toggle span:before { top: -.8rem; }
.navbar-toggle span:after { bottom: -.8rem; }
.navbar-toggle, .navbar-toggle span, .navbar-toggle span:before, .navbar-toggle span:after { transition: all 500ms ease-in-out; }
.navbar-toggle.active { border-radius: 50%; }
.navbar-toggle.active span { background-color: transparent; }
.navbar-toggle.active span:before, .navbar-toggle.active span:after { top: 0; }
.navbar-toggle.active span:before { transform: rotate(45deg); }
.navbar-toggle.active span:after { transform: rotate(-45deg); }
.navbar {
	min-height: 3.5rem;
	margin-bottom: 0;
}
.navbar-header {
    width: 100%;
	display: flex;
	padding: 0;
    margin-bottom: .25rem;
}
.navbar-header a  {
	position: relative;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	align-items: center;
	justify-content: space-around;
	text-decoration: none;
	margin-top: -.1rem;
	z-index: 5;
}
.navbar-header a:hover { background: rgba(255, 255, 255, 0.2); }
.navbar-header a:hover i::before {
	color: #e5e5e5;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 -1px 0 rgba(0, 0, 0, 0.7);
}
.icon_canvas {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: auto;
	text-align: center;
}
.icon_canvas i {
	display: block;
	width: 100%;
	height: auto;
	line-height: 1;
	font-size: 3rem;
	color: #fff;
}
.nav > li > a { 
	color: #fff;
	margin-right: .5rem;
	padding: .2rem 1rem; 
	border-radius: .4rem;
}
.nav > li.dropdown > a { border-radius: .4rem .4rem 0 0; }
.nav > li > a:hover, .nav > li > a:focus,
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background-color: #eee;
	color: #333;
	border-color: #800000;
}
#home a.home, #member a.member, #ministries a.ministries, #donate a.donate, 
#giftcards a.giftcards, #events a.events, #about a.about, #contact a.contact, 
#welcome a.welcome, #calendar a.calendar, #pastor a.pastor, #reserve a.reserve {
	color: #fff;
	background: rgba(128,0,0,0.5);
	pointer-events: none;
	cursor: default;
}
.navbar-header i:before, .nav-icon i:before { font-family: "Font Awesome 6 Pro"; }
.navbar-nav .grow:before { 
	width: 1.28571429em;
	left: .75em;
	font-family: "Font Awesome 6 Pro"; 
	text-align: center;
	margin-top: .15em;
}
.navbar-nav .about.grow:before, .history.grow:before { font: var(--fa-font-regular); content: "\f05a"; }
.navbar-nav .calendar.grow:before, .navbar-nav .reserve.grow:before { font: var(--fa-font-light); content: "\f073"; }
.navbar-nav .contact.grow:before { font: var(--fa-font-regular); content: "\f0e0"; }
.navbar-nav .donate.grow:before { font: var(--fa-font-solid); content: "\f155"; }
.navbar-nav .events.grow:before { font: var(--fa-font-light); content: "\f073"; }
.navbar-nav .home.grow:before { font: var(--fa-font-regular); content: "\e3af"; }
.navbar-nav .member.grow:before { font: var(--fa-font-regular); content: "\f007"; }
.navbar-nav .ministries.grow:before { font: var(--fa-font-regular); content: "\e2ca"; }
.navbar-nav .pastor.grow:before { font: var(--fa-font-solid); content: "\f183"; }
/*.navbar-nav .prayer.grow:before { font: var(--fa-font-solid); content: "\f684"; }*/
.navbar-nav .welcome.grow:before { font: var(--fa-font-regular); content: "\f118"; }
.navbar-form { 
	display: block;
	position: relative;
	top: auto;
	bottom: 0; 
	width: 36rem;
	max-width: 100%;
}
.navbar-form .btn { text-overflow: clip; }
.navbar-form .btn i::before { white-space: nowrap; }
input[type="search"]:focus { background-color: #ffc; }
.dropdown-menu { 
	background-color: rgba(255,255,255,.98); 
	border-left: 1rem solid #800000; 
	border-color: #800000;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	color: #fff;
	background-color: #800000;
}
@media only screen and (min-width: 768px) {
    /* Make Navigation Toggle on Desktop Hover */
    .dropdown:hover .dropdown-menu { display: block; }
	li.nav-icon { display: none; }
}
.caret-up {
    display: inline-block;
    width: 0; 
    height: 0; 
    border-left: .4rem solid rgba(0, 0, 0, 0);
    border-right: .4rem solid rgba(0, 0, 0, 0);
    border-bottom: .4rem solid;
    margin-left: 2px;
    vertical-align: middle;
}

/***** I C O N  G R O W *****/
.grow {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	padding-left: 2.2em;
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: auto;
	transition-duration: 0.3s;
}
.grow:before {
	content: "\f015";
	position: absolute;
	left: 1em;
	font-family: "Font Awesome 6 Pro";
	text-shadow: 0 1px 0 rgba(255,255,255,0.3), 0 -1px 0 rgba(0,0,0,0.7);
	padding: 0 1px;
	transform: translateZ(0);
	transition-duration: 0.3s;
	transition-property: transform;
	transition-timing-function: ease-out;
}
.navbar-nav .grow { padding-left: 3em; }
.navbar-nav .grow:before {
	font-size: 1.6rem;
	color: inherit;
	left: .5em;
}
@media only screen and (min-width: 768px) {
    .navbar {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .navbar-header { display: none; }
    .navbar-nav .grow { padding-left: 2.6em; }
	.grow:hover:before, .grow:focus:before, .grow:active:before {
		text-shadow: none;
		transform: scale(1.3) translateZ(0);
	}
}
li.grow { display: block; }
h2.grow { padding-left: 2.7em; }
.about.grow:before, .history.grow:before { content: "\f05a"; }
.calendar.grow:before, .reserve.grow:before { content: "\f073"; }
.checkmark.grow:before { content: "\f046"; color: #006400; }
li.clock.grow { padding-left: 2.9em; }
.clock.grow:before { content: "\f017"; font-size: 1.33em; top: -.2em; }
.contact.grow:before { content: "\f0e0"; }
.donate.grow:before { content: "\f4b9"; }
.download.grow:before { content: "\f019"; }
.email.grow:before { content: "\f003"; color: #800000; }
.events.grow:before { content: "\f073"; }
.facebook.grow:before { font-family: FontAwesome; content: "\f230"; color: #3b5998; text-shadow: none; font-style: normal; }
.giftcards.grow:before { content: "\f663"; }
.grad.grow:before { content: "\f19d"; }
.heart.grow:before { content: "\f004"; color: #f00; left: .5em; }
.home.grow:before { content: "\f015"; }
.map.grow:before { content: "\f041"; color: #1eff00; }
.btn-warning.map.grow:before { color: #fff; }
.member.grow:before { content: "\f007"; }
.ministries.grow:before { content: "\f0d0"; }
.music.grow:before { content: "\f001"; color: #fff; }
.pastor.grow:before { content: "\f183"; }
.paypal.grow:before, .fa-paypal:before { font-family: FontAwesome; content: "\f1ed"; font-style: normal; }
.phone.grow:before { content: "\f3cd"; color: #428bca; }
footer .phone.grow { padding-left: 1.5em; }
footer .phone.grow:before { left: 0; }
.photos.grow:before { content: "\f03e"; }
.prayer.grow:before { content: "\f684"; }
.print.grow:before { content: "\f02f"; }
.search.grow:before { content: "\f002"; color: #428bca; }
.send.grow:before { content: "\f1d8"; }
.share.grow:before { content: "\f1e0"; color: #f00; font-style: normal; }
.testimonials.grow:before { content: "\f0e6"; }
.welcome.grow:before { content: "\f118"; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.navbar-nav .grow { padding-left: 1rem!important; }
	.navbar-nav .grow:before { display: none; }
}
@media only screen and (max-width: 767px) {
	.navbar-nav > li.nav-icon { 
		float: left; 
		width: 15%;
		font-size: 2.4rem;
		line-height: 2.4rem;
		text-align: center;
		margin-left: 5%;
		margin-right: 5%;
		z-index: 999;
	}
	.navbar-nav > li.nav-icon i { font-style: normal; }
	.navbar-nav > li.nav-icon > a { padding: 1rem .6rem; }
	.navbar-nav > li > a.grow { font-size: 1.8rem; margin-bottom: 1rem; }
	.navbar-nav > li > a.grow:before { font-size: 2rem; }
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .dropdown-toggle { color: #fff; }
}

/***** C O N T E N T *****/
.page-header {
	position: relative;
	margin: 0;
	border-bottom: none;
}
aside {
	position: relative;
	width: 100%;
	background-color: rgba(255,255,255,0.2)!important;
	padding: .9rem;
	border: 1px solid #5d87ae;
	border-radius: .3rem;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
aside:nth-of-type(even) { background-color: rgba(0,0,0,0.1)!important; }
aside p {
  	text-align: justify;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; 
}
aside p:last-child { margin-bottom: 0; }
a.readmore {
	position: relative;
	top: -.7rem;
	left: 50%;
	background-color: rgba(255,255,0,0.2);
	color: #1a237e;
	padding: .3rem .6rem;
	overflow: hidden;
	border-radius: 0 0 .4rem .4rem;
	border-right: 1px solid #5d87ae;
	border-bottom: 1px solid #5d87ae;
	border-left: 1px solid #5d87ae;
	transform: translateX(-50%);
}
a.readmore:hover {
	background-color: rgba(255,255,0,0.2);
	border-right: 1px solid #5d87ae;
	border-bottom: 1px solid #5d87ae;
	border-left: 1px solid #5d87ae;
}
.well { border-color: #5d87ae; }
.stewardshipBox { 
	position: relative;
	width: 46rem;
	max-width: 100%;
    font-size: 1.6rem;
	margin: 2.5rem auto 0;
}
.umbrellaBox {
	background: url(../images/bern-umbrella.png) no-repeat 50% top rgba(0,0,0,0);
	background-size: contain;
	margin-bottom: 2.5rem;
	padding-top: 1.5rem;
}

/***** S I D E B A R *****/
figure.thumbnail { width: 100%; max-width: 15.5rem; } 
figcaption { font-size: 1.3rem; }
.paula, .don, .marie {
	position: absolute;
	right: 3.5rem;
}
.don { margin-top: -3.5rem; }
.roth { margin-top: -2.8rem; }
.paula, .marie { margin-top: -2.5rem; }
/***** F O O T E R *****/
footer {
	position: relative;
	bottom: 0;
	height: auto;
	font-size: 1.2rem;
	padding: 1rem 1.5rem;
	border-top: 1px solid #5d87ae;
}
#contact footer { border-top: none; }
.smlogo {
	position: absolute;
	top: 2px;
	right: 0;
}
@media only screen and (min-width: 992px) { .smlogo { top: 0; } }

#home footer li.home, #member footer li.member, #ministries footer li.ministries, 
#events footer li.events, #about footer li.about, #contact footer li.contact, 
#sitemap footer li.sitemap, #terms footer li.terms {
	background: #fff;
	color: #800000;
	pointer-events: none;
	cursor: default;
	padding: .1em .3em;
	border-radius: .3em; 
}
footer li a:hover { 
	background-color: transparent;
	color: inherit;
	text-decoration: underline;
}
/***** L I S T S *****/
.list-block > li { display: block; } /* Use with .grow in lists. */
.list-circle, .list-pdf { list-style: none outside none; }
.list-circle a, .list-pdf a {
	color: #111;
	padding: .1em .2rem; 
	border-radius: .2rem;
}
.list-circle a:hover, .list-pdf a:hover {
	color: #fff;
	background: #800000;
	text-decoration: none;
}
.list-circle a:before { 
	font-family: "Font Awesome 6 Pro";
	font-size: 1.4rem;
	line-height: 1.8rem;
	content:"\f10c";
	color: #800000; 
	margin-right: 1rem;

}
.list-circle a:hover:before, .list-circle a:focus:before { 
	content:"\f111";
	color: #fff;
}
.bible li { list-style: url(../images/bul_bible.png) none;}
.cross li { list-style: url(../images/bul_cross.png) none; }
.christmas li { list-style: url(../images/bul_wreath.png) none; }
.graduate li { list-style: url(../images/bul_graduate.png) none; }
.music li { list-style: url(../images/bul_music-note.png) none; }
.pencil li { list-style: url(../images/bul_pencil.png) none; }
.sunshine li { list-style: url(../images/bul_sunshine.png) none; }
.list-pdf a:before { 
	font-family: "Font Awesome 6 Pro";
	content:"\f1c1";
	color: #800000; 
	text-decoration: none;
	margin-right: 1rem;
}
.list-pdf a:hover:before { 
	background-color: #fff; 
	color: #da372c;
}
ol.custom { 
  	counter-reset: listnumbering;
  	list-style: none outside none;
}
ol.custom > li {
  	display: block;
  	clear: left;
  	margin: 0 1rem 1rem 0;
}
ol.custom > li:before {
  	content: "" counter(listnumbering, decimal);
  	counter-increment: listnumbering;
  	float: left;
  	margin: -1px 0 0 -3rem;
  	width: 1.7em;
  	background: #5d87ae;
  	border-radius: 50%;
  	text-align: center;
  	color: #dff3ff;
  	border: 1px solid #dff3ff;
}
dd { margin-bottom: 1rem; }

/***** P A N E L S *****/
.panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #c0c0c0; }
.panel-default > .panel-heading .badge {
	color: #f5f5f5;
	background-color: #222;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #c0c0c0; }
.panel-heading { 
	position: relative; 
	cursor: pointer;
}
.panel-heading::before {
	position: absolute;
	top: 50%;
	left: .5em;
	font: var(--fa-font-solid);
	font-family: 'Font Awesome 6 Pro';
	content: "\f077";
	font-size: 1.333em;
	transform: translateY(-50%) rotate(0deg);
	transition: transform .5s ease-in-out;
}
.panel-heading.collapsed::before { transform: translateY(-50%) rotate(-180deg); }
.panel-title {
	text-align: left;
	font-size: 1.6rem;
	line-height: normal;
	padding-left: 2.5em;
	transform: translateX(10%);
	transition: all .5s ease-in-out;
}
.collapsed > .panel-title { transform: translateX(0); }
.panel-heading::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 2.5em;
	height: 100%;
	content: "";
	background-color: rgba(0,0,0,0.1);
	border-right: 1px solid currentColor;
}
.panel-body { padding: 1.5rem 1rem; }
.panel-body p.intro:first-letter { color: #696969; }

/***** B U T T O N S *****/
.btn { 
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	z-index: 10; 
}
.btn:hover::after { transform: scaleX(0); }
.btn-link { color: #fff; }
.btn-link:hover { color: #800000; }
.btn-ghost {
	color: #fff;
	background: transparent;
	text-decoration: none;
    border: 2px solid #fff;
    box-shadow: none;
    transition-duration: 0.3s;
    transition-property: all;
}
.btn-ghost.dark {
	color: #212121;
	border-color: #212121;
}
.btn-ghost:hover { 
	background-color: rgba(0,0,0,0);
	color: #ddd;
	border-color: #ddd;
}
.btn-ghost.dark:hover { 
	background-color: rgba(0,0,0,0);
	color: #696969;
	border-color: #696969;
}
.btn[href$=".pdf"]::after, p a[href$=".pdf"]::after {
	display: inline-block;
	font-family: "Font Awesome 6 Pro";
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #da372c!important;
	content:"( \f1c1\ )";
	margin-left: .5rem;
}
.close {
	font-size: 38px;
	color: #fff;
	opacity: 1;
}
.close:hover, .close:focus {
	color: #fff;
	opacity: 0.7;
}
.btn-corner {
	position: absolute;
	top: -1rem;
	right: -1rem;
	padding: 1rem;
	font-size: 1.2rem;
	line-height: 1.5;
	border-radius: 50%;
    transform: rotate(45deg);
	z-index: 999; 
}
.corner-left {
	left: -1.5rem;
	right: auto;
    transform: rotate(-45deg);
}
.btn-round {
	width: 4.5rem;
	height: 4.5rem;
	background-color: rgba(255,255,255,0.9);
	text-align: center;
	padding-top: .8rem;
	border: 1px solid #800000;
	border-radius: 50%;
}

/***** B U T T O N  C O N T A I N E R *****/
.btn-container {
	display: flex;             
	justify-content: space-between;
	width: 100%;
	list-style: none;
	margin: 2rem auto;
	padding-left: 0;
}
.btn-container > li {
	flex: 0 1 33.33333%;
	text-align: center;
}
.btn-container.half > li { flex: 0 1 50%; }
.btn-container.quarter > li { flex: 0 1 25%; }

/***** F L E X  C O N T A I N E R *****/
.flex-container {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	list-style: none;
	margin: 20px auto 0;
	padding-left: 0;
}
.flex-container > li {
	flex: 0 1 50%;
	margin-bottom: 2.5rem;
}
.flex-container > li img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
@media only screen and (min-width: 480px) {
	.flex-container > li { flex: 0 1 31.333333%; }
}

/***** P A Y P A L  B O X *****/
.paypalBox {
	position: relative;
	width: 10rem;
	height: 10rem;
	background: -moz-linear-gradient(90deg, rgba(253,184,46,1) 0%, rgba(253,241,169,1) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,241,169,1)), color-stop(100%, rgba(253,184,46,1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(90deg, rgba(253,184,46,1) 0%, rgba(253,241,169,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(90deg, rgba(253,184,46,1) 0%, rgba(253,241,169,1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(90deg, rgba(253,184,46,1) 0%, rgba(253,241,169,1) 100%); /* ie10+ */
	background: linear-gradient(0deg, rgba(253,184,46,1) 0%, rgba(253,241,169,1) 100%); /* w3c */
	text-align: center;
	border: 1px solid #f89938;
	margin: 3rem 0 1.5rem 2rem;
	padding: 1rem;
	border-radius: 50%;
	box-shadow: .3rem .3rem .4rem rgba(0,0,0,0.5);
}
.paypalBox > div { margin-top: -2.8rem; }
.paypalBox::before {
	position: absolute;
	top: -3rem;
	left: 50%;
	content: "DONATE";
	font: bold 2rem Georgia, "Times New Roman", Times, serif;
	color: #800000;
	text-align: center;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 -1px 0 rgba(0, 0, 0, 0.7);
	transform: translateX(-50%);
}
/***** T O O L T I P S  /  P O P O V E R S *****/
.tooltip { text-indent: 0; }
.tooltip-inner { 
	max-width: 32rem;
	background-color: #800000;
	background-image: -webkit-linear-gradient(top, #e66666 0%, #800000 100%);
	background-image:      -o-linear-gradient(top, #e66666 0%, #800000 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e66666), to(#800000));
	background-image:         linear-gradient(to bottom, #e66666 0%, #800000 100%);
	background-repeat: repeat-x;
	font-weight: 700;
	border: 1px solid #fff;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
}
.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { border-top-color: #fff; bottom: 1px; }
.tooltip.right .tooltip-arrow { border-right-color: #fff; }
.tooltip.left .tooltip-arrow { border-left-color: #fff; }
.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #fff; }
#home .popover-title { background-color: #800000; }
@media only screen and (min-width: 768px) {
	li.contact > .popover { 
		width: 17rem; 
		left: 0!important;
		background-color: #800000;
		background-image: -moz-linear-gradient(135deg, #cc9999 0%, #800000 50%, #cc9999 100%); /* ff3.6+ */
		background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #cc9999), color-stop(50%, #800000), color-stop(100%, #cc9999)); /* safari4+,chrome */
		background-image: -webkit-linear-gradient(135deg, #cc9999 0%, #800000 50%, #cc9999 100%); /* safari5.1+,chrome10+ */
		background-image: -o-linear-gradient(135deg, #cc9999 0%, #800000 50%, #cc9999 100%); /* opera 11.10+ */
		background-image: -ms-linear-gradient(135deg, #cc9999 0%, #800000 50%, #cc9999 100%); /* ie10+ */
		background-image: linear-gradient(315deg, #cc9999 0%, #800000 50%, #cc9999 100%); /* w3c */
		color: #fff;
		border-color: #fff;
	}
	li.contact > .popover.bottom > .arrow { left: 20%!important; }
	li.contact > .popover.bottom > .arrow:after { border-bottom-color: #fff; }
}
/***** T A B L E S ****/
.table-bordered { border-color: #800000; }
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border-color: #800000; }
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: rgba(249,249,249,0.5); }
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: rgba(128,0,0,0.3); }
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: .2rem .5rem; }
th {
	background-color: #800000;
	color: #fff;
	font-weight: 700;
	text-align: center;
	border: 1px solid #800000;
}
td {
	border: 1px solid #800000;
	text-align: center;
}
td.store, th[colspan="3"] {
	padding-left: 1rem;
	text-align: left;
}
th[colspan="3"] { background-color: darkgreen!important; border-top: 0; }
td:nth-of-type(3) {
	color: darkgreen;
	font-weight: bold;
}
tr.thick-bottom > td { border-bottom-width: 1rem; }
.tr-spacer, .tr-spacer > td { border-color: rgba(0,0,0,0); }
.table-striped >tbody > tr.tr-spacer, .table-striped > tbody > tr.tr-spacer > td { background-color: rgba(0,0,0,0)!important; }

/***** F O R M S *****/
#contactForm { 
	width: 38rem;
	max-width: 100%;
	margin: 0 auto;
}
#contactForm .form-control { background-color: rgba(255,255,255,0.25); border-color: rgba(0,0,0,0.5); color: #212121; }
#contactForm .form-group { 
	position: relative; 
	margin-left: 1%;
	margin-bottom: 2.5rem;
	width: 98%;
}
.form-control::-webkit-input-placeholder {
  color: #696969;
  opacity: 1;
}
.form-control::-moz-placeholder {
  color: #696969;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #696969;
  opacity: 1;
}
.form-control::-ms-input-placeholder {
  color: #696969;
  opacity: 1;
}
.form-control::placeholder {
  color: #696969;
  opacity: 1;
}
.input-group-addon { 
	font-size: 1.333333em; 
	background-color: rgba(255,255,255,0.7);
	color: #800000;
	border-color: rgba(0,0,0,0.5);
}
.has-success .asterisk, .has-error .asterisk { 
	padding-right: 24px;
	padding-left: 0;
}
.form-horizontal .has-feedback .form-control-feedback  { top: 11px; right: 12px; }
.form-horizontal .captcha.has-feedback .form-control-feedback { right: 110px; top: 11px; }
.has-feedback .form-control { padding-right: 0; }
#char-count {
	position: absolute;
	top: 0;
	right: 0;
}
#captchaOperation { text-align: right; }
#captcha { 
	width: 5rem; 
	float: left;
}
@media only screen and (min-width: 768px) {
	#contactForm { 
		width: 45rem;
		margin: 2rem auto 0; 
	}
	#char-count { top: -2rem; }
	#captchaOperation { 
		width: 10rem; 
		float: left;
	}
	.form-horizontal .captcha.has-feedback .form-control-feedback { right: 145px; }
}
@media only screen and (min-width: 992px) {
	.form-horizontal .captcha.has-feedback .form-control-feedback { right: 245px; }
}

/**
 * BootstrapValidator (http://bootstrapvalidator.com)
 * The best jQuery plugin to validate form fields. Designed to use with Bootstrap 3
 * @author      http://twitter.com/nghuuphuoc
 * @copyright   (c) 2013 - 2014 Nguyen Huu Phuoc
 * @license     MIT
 */
.bv-form .help-block { 
	position: absolute;
	bottom: -2.2rem;
	right: 0;
	display: inline-block;
	line-height: 1px;
	padding: .1rem .4rem;
}
.bv-form > .captcha > .help-block { 
	left: 7rem; 
	right: auto; 
}
.nav-tabs li.bv-tab-success > a { color: #3c763d; }
.nav-tabs li.bv-tab-error > a { color: #a94442; }

/***** S C R O L L B A R *****/
.scrollbar {
	overscroll-behavior: contain;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	scrollbar-width: thin;
}
/* This class controls what elements have the new fancy scrollbar CSS */
.scrollbar { scrollbar-color: rgba(128,0,0,0.8) transparent; }
.scrollbar::-webkit-scrollbar {
	height: .6rem;
	width: .6rem;
}
.scrollbar::-webkit-scrollbar-track { background-color: transparent; }
.scrollbar::-webkit-scrollbar-thumb {
	background-color: rgba(128,0,0,0.8);
	border-radius: 3px;
}
.scrollbar::-webkit-scrollbar-thumb:hover { background-color: rgba(128,0,0,0.9); }
.scrollbar::-webkit-scrollbar-thumb:active { background-color: #800000; }
.scrollbar::-webkit-scrollbar-thumb:vertical { min-height: .6rem; }
.scrollbar::-webkit-scrollbar-thumb:horizontal { min-width: .6rem; }

/***** G O T O P *****/
.gotop, .gotop:focus {
	display: none;
	position: fixed;
	bottom: 1.5rem;
	right: .5rem;
	width: 3.2rem;
	height: auto;
	color: #800000;
	background-color: rgba(0, 0, 0, 0);
	font-size: 4rem;
	opacity: 1;
	padding: 0;
	border: 0;
	-webkit-appearance: none; /* Safari */
	z-index: 50;
}
.gotop:hover { opacity: 0.8; }
.uccLogo {
	float: left; 
	margin: 0 auto 1rem 5%;
}
.ipageText {
	float: right;
	background: #fff;
	color: #000;
	height: 25px;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
	margin: .5rem 5% 1rem auto;
	padding-right: .8rem;
	padding-left: 1rem;
	border: solid 1px #000;
	box-shadow: .4rem .4rem .5rem rgba(0,0,0,0.5);
	transition: all 1s ease-in-out;
}
.ipageText:hover { 
	background: transparent;
	color: #fff;
	text-decoration: none;
	border-color: transparent; 
	box-shadow: none;
}
.jeff { 
	margin-left: 1.5rem;
	white-space: nowrap;
}
@keyframes carousel {
    from	{ transform: translateX(0); }
	to		{ transform: translateX(-480px); }	
}
@media screen and (min-width: 992px) {
	@keyframes carousel {
		from	{ transform: translateX(0); }
		to		{ transform: translateX(-660px); }	
	}
}
@media screen and (min-width: 1200px) {
	@keyframes carousel {
		from	{ transform: translateX(0); }
		to		{ transform: translateX(-460px); }	
	}
}

/***** M O D A L S *****/
.modal.fade .modal-dialog {
    opacity: 0;
	transform: scale(0.7);
}
.modal.in .modal-dialog {
    opacity: 1;
	transform: scale(1);
}
.modal-title { padding: 0 1rem; color: #fff; }
.modal-body { 
	max-height: 90vh;
	overflow-y: auto;
}
@media only screen and (min-width: 576px) {
    h4.modal-title { font-size: 2.4rem; }
}
@media only screen and (min-width: 768px) {
	.modal-dialog {
		width: 700px;
		height: 100%;
		max-height: calc(100vh - 1rem);
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-top: 0;
		margin-bottom: 0;
	}
}

/***** B L O C K Q U O T E *****/
blockquote {
	background: #f9f9f9;
	border-left: 1rem solid #ccc;
}
.fancy-quote {
	background: none repeat scroll 0 0 transparent;
	box-shadow: 0 .2rem 0 rgba(188,147,200,0.7) inset, -.5rem -.4rem 2.5rem rgba(0,0,0,0.3);
	border-left: none;
}
.fancy-quote p {
    position: relative;
    color: #696969;
    font-family: "Alegreya", serif;
    font-size: 1.6rem;
    font-style: italic;
    font-weight: 400;
}
.fancy-quote p:first-child { text-indent: 3rem; }
.fancy-quote p:first-child:before {
    position: absolute;
    top: -6.5rem;
    left: -6rem;
    font-family: serif;
    font-size: 10rem;
    font-style: normal;
    font-weight: 700;
	color: rgba(188,147,200,0.9);
    content: "“";
    text-shadow: .7rem 1.4rem 1rem rgba(0,0,0,0.1);
}
.attribution {
	background-color: rgba(188,147,200,0.90);
	padding: 1rem;
}
.attribution a {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
	padding: .2rem .4rem;
	border-radius: .3rem;
}

/***** S I D E  N A V I G A T I O N *****/
.side-nav {
    position: fixed;
    right: -20px;
    top: 140px;
    list-style: none;
    margin: 0;
    padding: 0;
    transition: all 0.35s ease-in-out;
    z-index: 50;
}
.side-nav a {
    width: 65px;
    height: 48px;
    float: left;
    background: currentColor;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 48px;
    padding-right: 20px;
    transition: all 0.35s ease-in-out;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.side-nav a:hover, .side-nav a:focus { transform: translateX(-20px); }
.side-nav i {
    font-family: "Font Awesome 6 Pro";
    color: #fff!important;
}
.side-nav .directions, .side-nav .directions:hover, .side-nav .directions:focus { background: #00bcd4; }
.side-nav .donate, .side-nav .donate:hover, .side-nav .donate:focus { background: #006400; }
.side-nav .emailus, .side-nav .emailus:hover, .side-nav .emailus:focus { background: #f57c00; }
.side-nav .facebook, .side-nav .facebook:hover, .side-nav .facebook:focus { background: #3b5998; }
.side-nav .prayer, .side-nav .prayer:hover, .side-nav .prayer:focus { background: #383838; }
.side-nav .search, .side-nav .search:hover, .side-nav .search:focus { background: #800080; }
.side-nav .share, .side-nav .share:hover, .side-nav .share:focus { background: #ff0000; }
.side-nav .fa-facebook:before, .nav-icon .fa-facebook:before { font-family: FontAwesome; content: "\f09a"; font-style: normal; }

/***** M I S C E L L A N E O U S *****/
abbr, dfn {
	font-style: italic;
	border-bottom: 1px dotted;
	cursor: help;
}
.align-items-center { align-items: center; }
b, time { color: #006400; white-space: nowrap; }
.bold { font-weight: 700; }
.bolder {
	font: bold 125%/normal Verdana, Geneva, sans-serif;
	color: #ff9;
	text-shadow: 0 1px 0 rgba(255,255,255,0.3), 0 -1px 0 rgba(0,0,0,0.7);
	vertical-align: baseline;
	margin-right: 1px;
}
.btn-transparent { 
	background-color: rgba(0,0,0,0); 
	color: inherit;
	border-color: transparent;
}
.btn-transparent:hover { text-decoration: underline; }
#calendar iframe { border: 2px solid #800000; }
cite { font-style: italic; }
@media (min-width: 768px) { .disp-flex { display: flex; } }
.divider, .divider2 {
	clear: both;
	width: 80%;
	margin: 1.5em auto 1em;
	border-top: 2px solid rgba(0,0,0,0.2);
    border-bottom: 2px solid rgba(255,255,255,0.2);
}
.engrave { text-shadow: 0 1px 0 rgba(255,255,255,0.3), 0 -1px 0 rgba(0,0,0,0.7); }
.font13 { font-size: 1.3rem; }
.font14 { font-size: 1.4rem; }
.font15 { font-size: 1.5rem; }
.font16 { font-size: 1.6rem; }
.font18 { font-size: 1.8rem; }
.font-cursive { font: 120% Rochester, cursive; }
.font-normal { font: 100% 'Open Sans', Arial, sans-serif!important; }
.heading-border {
	display: inline-block;
	padding-top: .2rem;
	padding-bottom: .2rem;
	border-top: double .4rem #800000;
	border-bottom: double .4rem #800000;
}
[hidden] { display: none; }
.hours {
	color: #fff;
	font-size: 110%;
	font-weight: 600;
	text-align: center;
	margin: 2rem 0 0;
}
.indent, .intro { text-indent: 2.5rem; }
.intro:first-letter {
	font: bold 150%/.5 Verdana, Geneva, sans-serif;
	color: #800000;
	text-shadow: 0 1px 0 rgba(255,255,255,0.3), 0 -1px 0 rgba(0,0,0,0.7);
	margin-right: .1rem;
}
.img-border { border: 1px solid #5d87ae; }
.img-thumbnail, .thumbnail, .img-rounded { 
	box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
	border-color: #5d87ae; 
}
.insetblur { box-shadow: inset 0 0 .4rem .4rem rgba(0,0,0,0.5); }
.insetshadow { box-shadow: inset .3rem .3rem .4rem rgba(0,0,0,0.5); }
.jscroll {
	position: -webkit-sticky;
	position: sticky;
	top: 15px;
}
.justify-content-around { justify-content: space-around; } 
.justify-content-center { justify-content: center; }
.mbot0 { margin-bottom: 0; }
.mbot15 { margin-bottom: 1.5rem; }
.mleft0 { margin-left: 0; }
.mleft10 { margin-left: 1rem; }
.mleft15 { margin-left: 1.5rem; }
.mright10 { margin-right: 1rem; }
.mright15 { margin-right: 1.5rem; }
.mtop-5 { margin-top: -.5rem!important; }
.mtop0 { margin-top: 0; }
.mtop10 { margin-top: 1rem; }
.mtop15 { margin-top: 1.5rem; }
.noindent { text-indent: 0; }
.nowrap { white-space: nowrap; }
.pleft25 { padding-left: 2.5rem; }
.pos-rel { position: relative; }
.purpose {
	display: inline-block;
	background-color: rgba(255,255,255,0.5); 
	font: 1.7rem Rochester, cursive;
	text-align: center;
	margin: 1.5rem auto;
	padding: .5rem 1.5rem;
	border: solid 1px #5d87ae;
	border-radius: .4rem;
}
.purpose.lead { font-size: 2.1rem; }
.pull-left .purpose {
	margin-top: 3rem;
	margin-right: 11rem; 
}
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
.shadow { box-shadow: .3rem .3rem .4rem rgba(0,0,0,0.5); }
.show320, .show480, .show575, .show600 { display: none; }
small { 
	font-size: 85%;
	color: #777;
}
.spacer, .spacer-xl {
    clear: both;
    margin: 1.5rem auto;
    border-top: 1px solid transparent;
}
.spacer-xl { margin: 3rem auto; }
.spacer:before, .spacer-xl:before, .spacer:after, .spacer-xl:after {
	display: table;
	content: " ";
}
.spacer:after, .spacer-xl:after { clear: both; }
.stackpapers {
	background: #fff url(../images/bkgd_jesus.jpg) no-repeat 50% 20rem;
	margin-bottom: 1.5rem;
	padding: 1.5rem;
	border: 1px solid #c7c5ab;
	box-shadow:
        1px 1px   0 rgba(0,   0,   0,   0.100),
        2px 2px   0 rgba(255, 255, 255, 1.0),
        3px 3px   0 rgba(0,   0,   0,   0.125),
        4px 4px   0 rgba(255, 255, 255, 1.0),
        5px 5px   0 rgba(0,   0,   0,   0.150);
}
.tab {
	position:absolute;
	left: 60%; 
}
.twoColumn {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-ms-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 2em; 
	-moz-column-gap: 2em; 
	-ms-column-gap: 2em; 
	column-gap: 2em;	
	-webkit-column-rule: solid 1px #800000;
	-moz-column-rule: solid 1px #800000;
	-ms-column-rule: solid 1px #800000;
	column-rule: solid 1px #800000; 
}
.vcenter { vertical-align: middle; }
.vbase { vertical-align: bottom; }
.whoever { 
	width: 100%;
	max-width: 50rem;
	background-color: rgba(0,0,0,0);
	margin: 0 auto;
	padding: 0;
}
.width300 { 
	width: 300px; 
	max-width: 100%; 
}
.width400 { 
	width: 400px; 
	max-width: 100%; 
}
#inclement, #doorprizes {
	width: 90%;
	background-color: #fafafa;
	background-color: rgba(0,0,0,0.2); 
	text-align: center;
	margin: 0 auto 1.5rem;
	padding: .3rem 1rem;
	border: 2px solid #fff; 
	border-radius: .6rem;
}
/***** C O L O R S *****/
.bg-black { background-color: #000; }
.bg-blue { background-color: blue; }
.bg-brown { 
	background-color: #331a00; 
	border-color: #222;
}
.bg-dark { background-color: rgba(0,0,0,0.2); }
.bg-darkblue { background-color: #006; }
.bg-gold { background-color: #c89e47; }
.bg-gray { background-color: #ccc; }
.bg-gray2 { background-color: #f5f5f5; }
.bg-green { background-color: green; }
/*
.bg-lent { 
	background: #fff url(../images/bg_lent.jpg) no-repeat 50% 50%; 
	background-size: cover;
}
*/
.bg-light { background-color: rgba(255,255,255,0.5)!important; }
.bg-lightblue { background-color: lightblue; }
.bg-lilac { background-color: #cc66cc; }
.bg-maroon { 
	background-image: -moz-linear-gradient(90deg, #800000 0%, #b36666 100%); /* ff3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b36666), color-stop(100%, #800000)); /* safari4+,chrome */
	background-image: -webkit-linear-gradient(90deg, #800000 0%, #b36666 100%); /* safari5.1+,chrome10+ */
	background-image: -o-linear-gradient(90deg, #800000 0%, #b36666 100%); /* opera 11.10+ */
	background-image: -ms-linear-gradient(90deg, #800000 0%, #b36666 100%); /* ie10+ */
	background-image: linear-gradient(0deg, #800000 0%, #b36666 100%); /* w3c */
}
.bg-orange { background-color: orange; }
.bg-pink { background-color: pink; }
.bg-purple { background-color: #9900cc; }
.bg-red { background-color: red; }
.bg-turquoise { background-color: #66cccc; }
.bg-silver { background-color: #c0c0c0; }
.bg-transparent { background-color: rgba(0,0,0,0); }
.bg-white { background-color: #fff; }
.bg-yellow { background-color: yellow; }
.bg-church { background: #fff url(../images/bkgd_bern-drawing.jpg) no-repeat 50% 50%; }
/*
.bg-jesus { 
	background: #fff url(../images/bkgd_jesus.png) no-repeat 50% 50%; 
	background-color: rgba(255,255,255,0.2)!important; 
	background-size: contain;
}
*/
.bg-praying { 
	background: #fff url(../images/bkgd_praying-hands.png) no-repeat 50% 50%; 
	background-color: rgba(255,255,255,0.2)!important; 
	background-size: cover;
}
.black { color: #000; }
.blue { color: #01a1df; }
.dark { color: rgba(0,0,0,0.7); }
.gray { color: #ccc; }
.green { color: darkgreen; }
.gold { color: #c89e47; }
.indigo { color: #1a237e; }
.light { color: rgba(255,255,255,0.7); }
.lightblue { color: lightblue; }
.maroon { color: #800000!important; }
.red { color: #ff0033; }
.silver { color: #c0c0c0; }
.white { color: #fff; }
.yellow { color: #ffff11; }

/***** A N I M A T I O N S *****/
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
  0% {
	font-size: 8rem;  
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
	font-size: 8rem;  
    opacity: 1;
    transform: translate3d(0, 35vh, 0);
  }
  75% { transform: translate3d(0, 31vh, 0); }
  90% { transform: translate3d(0, 33vh, 0); }
  100% {
	font-size: 8rem;  
    opacity: 1;
    transform: translate3d(0, 32vh, 0);
  }
}
@keyframes bounceOutUp {
  0% { transform: translate3d(0, 32vh, 0); }
  20% { transform: translate3d(0, 30vh, 0); }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 33vh, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.buzz {
	outline: none;
	-webkit-transform: translateZ(0);
	animation: buzz 15s linear infinite;
}
@keyframes buzz {
	.5% { transform: translateX(3px) rotate(2deg); }
	1% { transform: translateX(-3px) rotate(-2deg); }
	1.5% { transform: translateX(3px) rotate(2deg); }
	2% { transform: translateX(-3px) rotate(-2deg); }
	2.5% { transform: translateX(2px) rotate(1deg); }
	3% { transform: translateX(-2px) rotate(-1deg); }
	3.5% { transform: translateX(2px) rotate(1deg); }
	4% { transform: translateX(-2px) rotate(-1deg); }
	4.5% { transform: translateX(1px) rotate(0); }
	5%, 100% { transform: translateX(-1px) rotate(0); }
}
@keyframes fadeInScale {
  0% { 
	transform: scale(0.6); 
	opacity: 0; 
	}
  100% { 
	transform: scale(1); 
	opacity: 1; 
  }
}
.pulse {
	outline: none;
	animation: pulse 1s linear .2s infinite;
}
.pulse:hover, pulse:focus { animation: none; }
@keyframes pulse {  
	0% {
 		transform: scale(0.97);
 		opacity: 0.8;
	}
 	50% {
 		transform: scale(1);
 		opacity: 1;
	}
 	100% {
 		transform: scale(0.97);
 		opacity: 0.8;
	}
}
.shake {
	outline: none;
	animation: shake 15s linear infinite;
}
.shake:hover, shake:focus { animation: none; }
@keyframes shake { 
	0%, 10%, 100% { transform: translateX(0); }
	1%, 3%, 5%, 7%, 9% { transform: translateX(-1rem); }
	2%, 4%, 6%, 8% { transform: translateX(1rem); }
}

/***** F O N T  A W E S O M E  S T Y L E S *****/
.fa-lg { text-shadow: 0 1px 0 rgba(255,255,255,0.3), 0 -1px 0 rgba(0,0,0,0.7); }
/* use with .fa-fw.fa-lg on main icon */
.fa-sub {
    position: relative;
    left: -.8em;
    width: .2em;
    vertical-align: -.25em;
    text-shadow: 0 0 1px black; /* optional contrast */
}
.fa-sup { 
    position: relative;
	top: -0.25em; 
	line-height: 0;
	vertical-align: baseline;
	white-space: no-wrap;
}
.fa-15x { font-size: 1.5em; }
.fa-dark { color: rgba(0, 0, 0, 0.7); }
.fa-light2 { color: rgba(255,255,255,0.7); }
.fa-pull-left { margin-right: 0.3em; }
.fa-pull-right { margin-left: 0.3em; }
.fa-pull-up { margin-top: -0.1em; }
.fa-pull-down { margin-bottom: -0.1em; }
.fa-pull-down2 { vertical-align:-15%; }
.fa-rotate10 { transform:rotate(10deg); }
.fa-rotate-10 { transform:rotate(-10deg); }
.fa-ten:before {
	content: "10";
	background: #bb0f2f;
	color: #fff;
	font-weight: 700;
	padding: .2rem;
	border-radius: 50%;
}
/****** I C O N  C O L O R S *****/
.fa-exclamation-triangle::before { color: #d5090a; }
.nav-icon .fa-facebook:before, .fa-facebook-square:before { color: #3b5998;}
footer .fa-facebook-square:before, .side-nav .fa-facebook:before { color: #fff; }
.fa-file-pdf-o:before { color: #da372c; }
.fa-frown-o:before { color: #b94a48; }
.fa-heart:before, .fa-heart-o:before { color: red; }
.fa-money:before { color: #006400; } /* darkgreen */
.fa-pinterest:before, .fa-pinterest-square:before { color: #cb2027; }
.fa-recycle:before, .fa-tree:before { color: #009900; }
.fa-smile-o:before { color: #ffff11; }

/***** T E X T  S E L E C T I O N *****/
::selection {
    background: #800000;
    color: #fff;
}

/***** B O O T S T R A P  T H E M E *****/
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
	transition: background .3s ease-in-out;
}
.btn-default:active, .btn-primary:active, .btn-success:active, .btn-info:active, .btn-warning:active,
.btn-danger:active, .btn-default.active, .btn-primary.active, .btn-success.active, .btn-info.active,
.btn-warning.active, .btn-danger.active {
	box-shadow: inset 0 3px .5rem rgba(0, 0, 0, .125);
}
.btn:active, .btn.active { background-image: none; }
.btn-default .badge, .btn-primary .badge, .btn-success .badge, .btn-info .badge, .btn-warning .badge, .btn-danger .badge { text-shadow: none; }
.btn-default {
	text-shadow: 0 1px 0 #fff;
	background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image:      -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
	background-image:         linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
	background-repeat: repeat-x;
	border-color: #dbdbdb;
	border-color: #ccc;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
	background-image: -webkit-linear-gradient(top, #e0e0e0, #d6d6d6);
	background-image: -moz-linear-gradient(top, #e0e0e0, #d6d6d6);
	background-image: -o-linear-gradient(top, #e0e0e0, #d6d6d6);
	background-image: linear-gradient(top, #e0e0e0, #d6d6d6);
	background-position: 0 -4.5rem;
}
.btn-default:active, .btn-default.active { border-color: #dbdbdb; }
.btn-default:disabled, .btn-default[disabled] {
	background-color: #e0e0e0;
	background-image: none;
}
.btn-primary {
	background-image: -webkit-linear-gradient(top, #3276b1 0%, #05c 100%);
	background-image:      -o-linear-gradient(top, #3276b1 0%, #05c 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3276b1), to(#05c));
	background-image:         linear-gradient(to bottom, #3276b1 0%, #05c 100%);
	background-repeat: repeat-x;
	border-color: #2b669a;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
	background-image: -webkit-linear-gradient(top, #05c, #0045a5);
	background-image: -moz-linear-gradient(top, #05c, #0045a5);
	background-image: -o-linear-gradient(top, #05c, #0045a5);
	background-image: linear-gradient(top, #05c, #0045a5);
	background-position: 0 -4.5rem;
}
.btn-primary:active, .btn-primary.active { border-color: #2b669a; }
.btn-primary:disabled, .btn-primary[disabled] {
	background-color: #2d6ca2;
	background-image: none;
}
.btn-success {
	background-image: -webkit-linear-gradient(top, #398439 0%, #337633 100%);
	background-image:      -o-linear-gradient(top, #398439 0%, #337633 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#398439), to(#337633));
	background-image:         linear-gradient(to bottom, #398439 0%, #337633 100%);
	background-repeat: repeat-x;
	border-color: #3e8f3e;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
	background-image: -webkit-linear-gradient(top, #337633, #2d682d);
	background-image: -moz-linear-gradient(top, #337633, #2d682d);
	background-image: -o-linear-gradient(top, #337633, #2d682d);
	background-image: linear-gradient(top, #337633, #2d682d);
	background-position: 0 -4.5rem;
}
.btn-success:active, .btn-success.active { border-color: #3e8f3e; }
.btn-success:disabled, .btn-success[disabled] {
	background-color: #419641;
	background-image: none;
}
.btn-info {
	background-image: -webkit-linear-gradient(top, #20809c 0%, #1d738c 100%);
	background-image:      -o-linear-gradient(top, #20809c 0%, #1d738c 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#20809c), to(#1d738c));
	background-image:         linear-gradient(to bottom, #20809c 0%, #1d738c 100%);
	background-repeat: repeat-x;
	border-color: #28a4c9;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
	  background-image: -webkit-linear-gradient(top, #1d738c, #1a667c);
	  background-image: -moz-linear-gradient(top, #1d738c, #1a667c);
	  background-image: -o-linear-gradient(top, #1d738c, #1a667c);
	  background-image: linear-gradient(top, #1d738c, #1a667c);
	  background-position: 0 -4.5rem;
}
.btn-info:active, .btn-info.active { border-color: #28a4c9; }
.btn-info:disabled, .btn-info[disabled] {
	background-color: #2aabd2;
	background-image: none;
}
.btn-warning {
	background-image: -webkit-linear-gradient(top, #ffa726 0%, #ff9800 100%);
	background-image:      -o-linear-gradient(top, #ffa726 0%, #ff9800 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffa726), to(#ff9800));
	background-image:         linear-gradient(to bottom, #ffa726 0%, #ff9800 100%);
	background-repeat: repeat-x;
	border-color: #e38d13;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
	background-image: -webkit-linear-gradient(top, #8d590c, #7b4e0a);
	background-image: -moz-linear-gradient(top, #8d590c, #7b4e0a);
	background-image: -o-linear-gradient(top, #8d590c, #7b4e0a);
	background-image: linear-gradient(top, #8d590c, #7b4e0a);
	background-position: 0 -4.5rem;
}
.btn-warning:active, .btn-warning.active { border-color: #e38d13; }
.btn-warning:disabled, .btn-warning[disabled] {
	background-color: #eb9316;
	background-image: none;
}
.btn-danger {
	background-image: -webkit-linear-gradient(top, #d43f3a 0%, #bd362f 100%);
	background-image:      -o-linear-gradient(top, #d43f3a 0%, #bd362f 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d43f3a), to(#bd362f));
	background-image:         linear-gradient(to bottom, #d43f3a 0%, #bd362f 100%);
	background-repeat: repeat-x;
	border-color: #b92c28;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {
	background-image: -webkit-linear-gradient(top, #bd362f, #9e2d27);
	background-image: -moz-linear-gradient(top, #bd362f, #9e2d27);
	background-image: -o-linear-gradient(top, #bd362f, #9e2d27);
	background-image: linear-gradient(top, #bd362f, #9e2d27);
	background-position: 0 -4.5rem;
}
.btn-danger:active, .btn-danger.active { border-color: #b92c28; }
.btn-danger:disabled, .btn-danger[disabled] {
	background-color: #c12e2a;
	background-image: none;
}
.thumbnail, .img-thumbnail { box-shadow: 0 1px 2px rgba(0, 0, 0, .075); }
.navbar-brand, .navbar-nav > li > a { text-shadow: 0 1px 0 rgba(255, 255, 255, .25); }
.list-group {
	border-radius: .4rem;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
	background-image: -webkit-linear-gradient(top, #3277b3 0%, #3278b3 100%);
	background-image:      -o-linear-gradient(top, #3277b3 0%, #3278b3 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3277b3), to(#3278b3));
	background-image:         linear-gradient(to bottom, #3277b3 0%, #3278b3 100%);
	background-repeat: repeat-x;
	text-shadow: 0 -1px 0 #3071a9;
	border-color: #3278b3;
}
.panel { box-shadow: 0 1px 2px rgba(0, 0, 0, .05); }
.panel-default > .panel-heading {
	background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
	background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
	background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
	background-repeat: repeat-x;
}
.panel-primary > .panel-heading {
	background-image: -webkit-linear-gradient(top, #3277b3 0%, #357ebd 100%);
	background-image:      -o-linear-gradient(top, #3277b3 0%, #357ebd 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3277b3), to(#357ebd));
	background-image:         linear-gradient(to bottom, #3277b3 0%, #357ebd 100%);
	background-repeat: repeat-x;
}
.panel-success > .panel-heading {
	background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
	background-image:      -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
	background-image:         linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
	background-repeat: repeat-x;
}
.panel-info > .panel-heading {
	background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
	background-image:      -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
	background-image:         linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
	background-repeat: repeat-x;
}
.panel-warning > .panel-heading {
	background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
	background-image:      -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
	background-image:         linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
	background-repeat: repeat-x;
}
.panel-danger > .panel-heading {
	background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
	background-image:      -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
	background-image:         linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
	background-repeat: repeat-x;
}

@media only screen and (max-width: 767px) {
	body { font-size: 1.6rem; }
	.pull-left .purpose { margin-right: 0; }
	.dropdown { padding-bottom: .5rem; }
	.purpose { font-size: 1.8rem; }
	.purpose.lead { font-size: 2rem; }
}
@media only screen and (max-width: 599px) {
	.hide600 { display: none!important; }
	.show600 { display: block!important; }
	.twoColumn {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		-ms-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 0; 
		-moz-column-gap: 0; 
		-ms-column-gap: 0; 
		column-gap: 0;	
	}
}
@media only screen and (max-width: 575px) {
	.hide575 { display: none!important; }
	.show575 { display: block!important; }
	.col-xs-6 { 
		width: 90%;
		margin-left: 5%;
	}
}
@media only screen and (max-width: 480px) {
	.hide480 { display: none!important; }
	.show480 { display: block!important; }
	.umbrellaBox { padding-top: 0; }
	.btn-group-justified .btn { font-size: 1.1rem; }
}
@media only screen and (max-width: 360px) {
	.hide320 { display: none!important; }
	.show320 { display: block!important; }
}

/***** P R I N T  S E L E C T I O N *****/
#btnPrint { 
	display: block;
	margin: 0 auto 1.5rem; 
}
.modal-header #btnPrint { 
	display: inline-block;
	float: left; 
	margin: -.7rem 0 0; 
	color: #fff; 
	border-color: #fff;
}
@media screen {
  	#printSection, .printer { display: none; }
}
@media print {
	body * { visibility: visible!important; }
	.hidden-print, footer, #sidebar, .btnBox, #btnPrint, .btn-print, .tooltip, .tooltip.in, abbr[title]::after { display: none!important; }
	.twoColumn, .columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 0; 
		-moz-column-gap: 0; 
		column-gap: 0;	
	}
}