/********************************************/
/********* UNIVERSAL CONTENT STYLES *********/
/********************************************/

	/* FONT STYLES FROM URL */
	@font-face {
		font-family: 'Copperplate Gothic Lite';
		src: url('fonts/COPRGTL.TTF');
	}
	@font-face {
		font-family: 'Copperplate Gothic Bold';
		src: url('fonts/COPRGTB.TTF');
	}

	/* ELEMENT STYLES */
	html{
		background-image: url('../img/background_fake_3.jpg'); 
		background-repeat:no-repeat;
		background-size:cover;
		-webkit-background-size: cover; 
		-moz-background-size: cover;
		-o-background-size: cover;
		background-attachment:fixed;
		background-position:bottom left;
		color: #1F1E1E;
	}

	form{ margin-bottom:0; }

	h1, h2, h3, h4{ 
		font-family: 'Jost', sans-serif;
		text-transform: uppercase;
		font-weight:300;
		letter-spacing:4px;
	 }
	 
	h1 { font-size:18pt; text-align:center; margin:15px 25px 0 25px; }

	h1 a{ color: #1F1E1E; } 	
	
	h1.home-header{ font-family:'Bitter',serif; font-weight:normal; letter-spacing:2pt; margin:20px 25px; }
	
	h3 { text-align:center; font-size:24px; }

	h4 { margin:15px 25px 0 25px; color:#313E37; font-size:20px; }

	h4.browse-lib { margin:15px 5px 0 5px; text-align:left; }

	h5 { margin-bottom: 10px; }

	hr { border : 0; height: 1px; background-image: linear-gradient(to right, rgba(90, 90, 90, 0), rgba(90, 90, 90, 0.75), rgba(90, 90, 90, 0)); width:70%; }
	hr.left-fade { border : 0; height: 1px; background-image: linear-gradient(to right, rgba(90, 90, 90, 0), rgba(90, 90, 90, 0.75)); width:100%; }
	hr.right-fade { border : 0; height: 1px; background-image: linear-gradient(to right, rgba(90, 90, 90, 0.75), rgba(90, 90, 90, 0)); width:100%; }

	a { 
		color: #5c7b60;
		text-decoration:none;
	} 
	
	a.underline{
		text-decoration:underline;
	}

	/** MAIN MENU **/
	nav {
		width:80%;
		min-width:780px;
		padding:0 30px;
		margin: 0 auto; 
		text-align: center;	
		/*background: #C8E2AA;*/
		background: #C4D1CA;
		/*border: 1px solid #A2CE70; */
		border: 1px solid #C4D1CA;
		border-radius: 3px;
		font-family: 'Open Sans', sans-serif;
		font-size: 18px;
		font-weight:normal;
	}
	nav ul ul {
		display: none;
		z-index:1;
	}
	nav ul li:hover > ul {
		display: block;
	}
	nav ul {
		list-style: none;
		margin: 0;                 /* << add this */
		padding: 0;                /* << add this */
		display: inline-block;     /* << add this */
		vertical-align: top;       /* << add this */
	}
	nav ul li {
		float: left;
		margin: 0;          /* << add this */
		padding: 0;         /* << add this */
		/*border-right: 1px solid #A2CE70;*/
		border-right: 1px solid #C4D1CA;
		text-align:center;
	}
	nav ul li:hover{
		/*background: #B3D68A;*/
		background: #213128;
	}

	nav ul li:hover a {
		/*color:#313E37;*/
		cursor:pointer;
		color: #FCF9F9;
		background-color: rgba(184,198,189,0.85);
	}
	nav ul li a {
		display: block; 
		color: #2D433E;
		padding: 10px 15px;
		text-decoration: none;
	}       
	nav ul ul {
		border-radius: 0px;
		padding: 0;
		position: absolute; 
		background: #f2f5f6; 
		padding: 0px;
		border-bottom: 1px solid #DDDDDD;
		border-right: 1px solid #DDDDDD;
		border-left:1px solid #DDDDDD;
		border-radius: 0px 0px 3px 3px;
		box-shadow: 2px 2px 3px #ECECEC;
		-webkit-box-shadow: 2px 2px 3px #ECECEC;
		-moz-box-shadow:2px 2px 3px #ECECEC;
	} 
	nav ul ul li {
		float: none; 
		border-bottom:1px solid #DDDDDD;
		border-right:1px solid #DDDDDD;
		width:100%; 
		position: relative;
		/*background-color:#C1CEC7;*/
	}
	nav ul ul li a {
		color:#6791AD;
	}
	nav ul ul li:hover{
		background:#F2F8E8;
	}
	nav ul ul li a:hover {
		color: #637169;
		background-color: rgb(232,237,234);
	}
	nav ul ul ul {
		position: absolute;
		top:0;
	}

	/* LAYOUT ID STYLES */
	div#masthead{
		min-width:840px;
		width:85%;
		display:flex;
		justify-content:space-between;
		margin:0 auto;
	}
	div#masthead-right{
		margin-top: 20px;
	}
	div#masthead-right img{
		width:160px;height:125px;
	}
	div#masthead-left{
		margin-top: 20px;
		margin-left:15px; 
	}
	div#masthead-left img{
		height:100px; 
	}
	div#mainNavContainer { margin-top:-25px; }
 
	#breadcrumbs{ 
		font-family: 'Raleway',sans-serif; 
		font-size: 11pt;
		margin:0 25px 15px 25px;
	}
	
	#footer {
		background-color: #75877c;
		width:80%;
		min-width:780px;
		padding:0 30px;
		margin: 0 auto 10px auto; 
	}
	#footer table{
		table-layout:auto;
	}
	#footer table td{
		padding-right:15px;
	}
	#footer table td.left, #footer table td.right{
		width:50%;
	}
	#footer table td.center{
		white-space: nowrap;
	}
	
	#footer a, #footer td {
		font-size: 12pt;
		color: #f7f7f7;
		font-family: 'Open Sans Condensed', sans-serif;
	}
	#footer a:hover{
		color:#35413C;
		text-decoration:underline;
	}
	#footer td.left { text-align:right; }
	#footer td.right { text-align:left; }
	
	#footer div#updates{ flex-wrap:nowrap; align-items:stretch; }
	#footer div#updates div#text-updates-cont{ width:275px; display:flex; align-items:stretch; }
	#footer div#updates div#text-updates-info{ font-size:15pt; line-height:1.45em; border:1px solid #b1c5c1; border-radius:8px; margin:10px; padding:10px; }
	#footer div#updates div#text-updates-info a{ font-size:15pt; }
	#footer div#updates div#text-updates-info a:hover{ border-bottom:1px solid #ffffff; color:#ffffff; text-decoration:none; }
	#footer div#updates div#text-updates-info span{ color:#ffffff; }

	/* UNIVERSAL CLASS STYLES */
	.transparent-content{
		min-width:780px;
		background-color: rgba(255,255,255,.75);
		width:80%;
		margin:20px auto; 
		padding:25px 30px;
		border-radius:3px;
		border-top:1px solid #FFFFFF;
		border-left:1px solid #FFFFFF;
		border-bottom:1px solid #DCDBD9;
		border-right:1px solid #DCDBD9;
	}
	.carousel-container{ 
		text-align:center; 
		background-color:none; 
		padding:0 15px; 
	}
	.carousel-container div.carousel { 
		height:235px; 
	}
	.carousel-tile{  
		position:relative;
		font-family: 'Open Sans Condensed', sans-serif;
		font-size: 18px;
		padding:0; 
		background-color:white; 
		margin:10px; 
		height:175px; 
	}
	.opaque-content{
		font-family:'Open Sans Condensed', sans-serif;
		font-size:14pt;
		background: #f2f5f6;
		border-radius:3px;
		border: 1px solid #DDDDDD; 
		padding: 15px;
	}
	.opaque-content.white{
		background-color:white;
	}
		
	.left{ text-align:left; }
	.center{ text-align:center; }
	.right{ text-align:right; }

	.fade {
		/*
		position: sticky; 
		bottom: 0;*/
		position:absolute;
		top:125px;
		width:calc(100% - 20px);  
		height: 40px;
		background: -webkit-linear-gradient(
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, .8) 50%,
			rgba(255, 255, 255, 1) 100%
		); 
		background-image: -moz-linear-gradient(
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, .8) 50%,
			rgba(255, 255, 255, 1) 100%
		);
		background-image: -o-linear-gradient(
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, .8) 50%,
			rgba(255, 255, 255, 1) 100%
		);
		background-image: linear-gradient(
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, .8) 50%,
			rgba(255, 255, 255, 1) 100%
		);
		background-image: -ms-linear-gradient(
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, .8) 50%,
			rgba(255, 255, 255, 1) 100%
		);
		text-align:center;
		vertical-align:bottom;
		font-size:11px;
		line-height:65px;
	}
	.fade.calendar{
		line-height:50px;
	}
	.fade.online-reg{
		height:20px;
		line-height:25px;
		top:150px;
	}
	.fade.online-reg-cal{
		top:165px;
	}

	.content-space-top { margin-top:20px; }
	.content-space-bottom { margin-bottom:20px; }
	.verse-bottom { font-style:italic; text-align:center; }

	/** FLEXBOX STYLES **/
	.flex-parent{ width:100%; 
		display:flex; 
		flex-wrap:wrap; 
		justify-content:space-around; /* IE can't do space-evenly - bug */ 
		justify-content:space-evenly; 
		align-items:center; 
	}
	.flex-start{ justify-content:flex-start; }
	.items-flex-start{ align-items:flex-start; }
	.flex-child{ flex-grow:0; text-align:center; }
	.flex-left-align{ align-items:left; justify-content:left; }
	.flex-center-align{ align-items:center; }
	.flex-nowrap{ flex-wrap:nowrap; } 
	.flex-space-between { justify-content:space-between;}
	
	.flex-child.left{ text-align:left; }
	.flex-child.right{ text-align:right; }
	.flex-child.flex-start{ align-self:flex-start; }
	 
	/** HEADER STYLES **/
	div#recent-events-container h1{ margin-top:0; }
	div#recent-newsletter-container h1{ margin-top:0; }
	h2.page-header{ margin:10px 25px 40px 25px; cursor:pointer; border-bottom:1px solid black; }
	h2.page-header:hover{ color:#527E5B; }

	/** HORIZONTAL RULE STYLES **/
	hr.content-divider { 
		border: 0; 
		height: 1px; 
		margin:25px 0; 
		background-image: 
		linear-gradient(to right, rgba(132, 190, 174, 0), rgba(132, 190, 174, 0.75), rgba(132, 190, 174, 0)); 
	}

	/** HYPERLINK STYLES **/
	a.border,
	a.rtBibleRef{
		border-bottom:1px solid #2A5913;
	}
	a.border:hover,
	a.rtBibleRef:hover{
		border-bottom:1px solid #868A79;
	}
	a:hover{
	color: #868A79;
	}
	
	.lib-wk { background-image:linear-gradient(#D7ACAC,#C94B4B); }
	.lib-ts { background-image:linear-gradient(#D7C4AC,#DDA662); }
	.lib-fc { background-image:linear-gradient(#D3D7AC,#E9DD4F); }
	.lib-dw { background-image:linear-gradient(#ACD7BB,#59DD87); }
	.lib-ev { background-image:linear-gradient(#ACD7BB,#59DD87); }
	.lib-jd { background-image:linear-gradient(#ACBBD7,#5182DB); }
	.lib-sh { background-image:linear-gradient(#C1ACD7,#A369DF); }
	.spacer { background-color:none; } 
	.spacer div { background-color:unset !important; border-color:rgb(255,255,255,0) !important; cursor:auto; }

/********************************************/
/*********** PAGE SPECIFIC STYLES ***********/
/********************************************/

	/* HOME PAGE */
	.slick-dots{width:96% !important;}
	div.church-information { font-family:'Open Sans Condensed', sans-serif; background-color:white; margin:40px 20px; border:1px solid #5a5a5a; border-radius:8px; }
	
	/* HOME :: CHURCH INTRODUCTION */

	div.church-information p { font-size:18pt; padding:20px 25px; margin:0; line-height:24pt; }
	.church_byline { font-family:'Bitter', serif; text-transform:uppercase; letter-spacing:6pt; margin:60px auto 20px auto; cursor:pointer;}
	.church_byline div { display:flex; flex-wrap:nowrap; justify-content:space-evenly;}
	.church_byline div div {text-align:center; }

	div#tagline-dropdown div.tagline-container{ display:flex; arrange-items:space-around; margin:0 auto; width:90%; flex-wrap:nowrap; }
	div#tagline-dropdown div.tagline-container div{ width:33%; margin:0 30px; font-family:'Open Sans Condensed'; font-size:14pt; text-align:justify; hyphens:auto; }
	div#tagline-dropdown div.tagline-container div p{ text-align:justify; margin-top:0; }
	div#tagline-dropdown.inactive{ height:0; opacity:0; transition: all 1s ease-out; overflow:hidden; }
	div#tagline-dropdown.active{ height:240px; opacity:1; transition: all 1s ease-in; overflow:visible; }
		
	/* HOME :: RECENT WEEKLY TEACHINGS / EVENTS */
	div.icons{ 
		position:absolute;
		bottom:10px;
		width:100%;
		display:flex; 
		flex-wrap:wrap;
		justify-content:space-around; 
		/*justify-content:space-evenly; IE does not support space-evenly*/
		align-items:center;
	}
	div.event-info-icons-cont{ 
		display:flex;	
		flex-wrap:wrap;
		height:132px; 
	}
	div#recent_events div.icons{
		position:relative;
		margin-bottom:10px;
		bottom:0;
		left:0;
		width:100%;
		display:flex; 
		flex-wrap:wrap;
		/*justify-content:space-evenly;IE does not support space-evenly */ 
		justify-content:space-around; 
		align-items:center;
		align-self:flex-end;
	}
	div#recent_events div.event-image{
		background-size:cover; 
		height:175px; 
		min-width:225px; 
		background-position:center center;
	}
	div#recent_events div.event-date{
		background-color:#B7D3C2;
		text-transform:uppercase;
		color:#ffffff;
		font-size:16pt;
		font-weight:normal;
		padding:5px 0;
		letter-spacing:2pt;
	}
	div#recent_events div.event-topic{ 
		text-align:left;  
		text-transform:uppercase;
		padding:10px 10px 5px 15px;
		font-weight:normal;
		font-size:calc(12pt + 0.5vw);
		line-height:calc(12pt + 0.25vw); 
	}
	div#recent_events div.event-type{ 
		text-align:left; 
		text-transform:uppercase;
		padding:0 10px 0 15px;
	}
	div.event-info-cont {
		width:100%;
	}
	div.icons div.icon{
		flex-grow:0; 
		text-align:center;
	}
	div.icons div.icon:hover{  
		cursor:pointer;
		background-color: #E1EDEB;
		background-blend-mode:difference;
		transition: background-color 0.5s ease;
	}
	div.icons div.stream{
		background-image: url("../img/ICO-Set_L02-GG-32.png");
		height:30px; width:32px;
		background-position: 48px 90px; 
		border: 1px solid #DBDAD5; 
		border-radius:4px;
	}
	div.icons div.download{
		background-image: url("../img/ICO-Set_L02-GG-67.png"); 
		height:30px; width:32px;
		background-position: 48px 90px; 
		border: 1px solid #DBDAD5;
		border-radius:4px;
	}
	div.icons div.view{
		background-image: url("../img/ICO-Set_L02-GG-71.png"); 
		height:30px; width:32px;
		background-position: 143px 42px; 
		border: 1px solid #DBDAD5;
		border-radius:4px;
	}
	div.teaching-info-cont{
		width:auto;
		flex-grow:2; 
		padding:10px 15px;
	}
	div.teaching-date{
		background-color:#d9e2e2;
		border-bottom:5px solid #76909b;
		text-transform:uppercase; 
		padding:4px 0;
		font-size:15pt;
		font-weight:600;
		width:100%;
	}
	div.teaching-info-cont div.teaching-info div.title {
		text-align:left;
		color: #0A4313;
		font-size:calc(12pt + 0.35vw);
		line-height:calc(12pt + 0.25vw);
	}
	div.teaching-info-cont div.teaching-info div.teacher {
		padding-top:5px;
		text-align:left;
		/*text-align:center;*/
		vertical-align:top;
		font-size: 16px;
	}
	
	div#recent-events-container{
		width:55%;text-align:left;
	}
	
	/* HOME :: UPCOMING EVENTS */
	div.calendar-date{
		background-color:#466580;
		text-transform:uppercase;
		color:#D4DBE1;
		font-size:16pt;
		font-weight:bold;
		padding:5px 0;
	}
	div.details-container{
		text-align:left;
		padding:10px 15px;
		/*max-height:116px;*/
		overflow:hidden;
	}
	div.details-container.online-reg{
		max-height:170px;
	}
	div.details-container div.calendar-title{
		font-size:calc(12pt + 0.4vw);
		line-height:calc(12pt + 0.3vw);
		text-transform:uppercase;
		font-weight:normal;
	}
	div.details-container div.calendar-desc{
		padding:0 0 15px 0;
	}
	div.details-container div.calendar-desc span{
		font-size:12pt;
	}
	div.details-container div.calendar-desc p{
		margin:8px 0 0 0;
		font-size:10pt;
	}
	
	a.reg_cal_button{
		width:calc(100% - 20px);
		border:0;
		padding:5px 10px;
		/*font-weight:bold;*/
		font-size:18px;
		font-family:'Open Sans Condensed';
		text-transform:uppercase;
		cursor:pointer;
		
		border:1px solid #25729a; 
		-webkit-border-radius: 6px; 
		-moz-border-radius: 6px;
		border-radius: 6px;
		text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
		color:#ffffff;

		background-color: #3093c7; background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85));
		background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
		background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
		background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
		background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
		background-image: linear-gradient(to bottom, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
	}
	a.reg_cal_button_vol{
		border:1px solid #32a665; 
		background-color: #4bcc8a; background-image: -webkit-gradient(linear, left top, left bottom, from(#4bcc8a), to(#1c8551));
		background-image: -webkit-linear-gradient(top, #4bcc8a, #1c8551);
		background-image: -moz-linear-gradient(top, #4bcc8a, #1c8551);
		background-image: -ms-linear-gradient(top, #4bcc8a, #1c8551);
		background-image: -o-linear-gradient(top, #4bcc8a, #1c8551);
		background-image: linear-gradient(to bottom, #4bcc8a, #1c8551);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4bcc8a, endColorstr=#1c8551);
	}
	a.reg_cal_button:hover{
		border:1px solid #1c5675;
		background-color: #26759e; background-image: -webkit-gradient(linear, left top, left bottom, from(#26759e), to(#133d5b));
		background-image: -webkit-linear-gradient(top, #26759e, #133d5b);
		background-image: -moz-linear-gradient(top, #26759e, #133d5b);
		background-image: -ms-linear-gradient(top, #26759e, #133d5b);
		background-image: -o-linear-gradient(top, #26759e, #133d5b);
		background-image: linear-gradient(to bottom, #26759e, #133d5b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#26759e, endColorstr=#133d5b);
	}
	a.reg_cal_button_vol:hover{
		border:1px solid #206940;
		background-color: #3aac72; background-image: -webkit-gradient(linear, left top, left bottom, from(#3aac72), to(#125c38));
		background-image: -webkit-linear-gradient(top, #3aac72, #125c38);
		background-image: -moz-linear-gradient(top, #3aac72, #125c38);
		background-image: -ms-linear-gradient(top, #3aac72, #125c38);
		background-image: -o-linear-gradient(top, #3aac72, #125c38);
		background-image: linear-gradient(to bottom, #3aac72, #125c38);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3aac72, endColorstr=#125c38);
	}

	a.reg_cal_button.thin{
		padding:2px 10px;
	}


	/* HOME :: RECENT NEWSLETTER */
	div#recent-newsletter-container {
		width:45%; 
		text-align:left; 
		vertical-align:top; 
		margin-bottom:40px;
	}
	div#recent-newsletter-container table{
		padding:10px 15px;
	} 
	
	
	
	/* HOME :: LISTEN LATEST */
	#listen_latest_cont{
		flex-wrap:nowrap;
	} 
	.listen_latest_cont_a{
		width:375px;
		margin:25px;
		height:200px;
	}

	.listen_latest_cont_b{
		background-image:url('../img/livestream.jpg');
		background-position: center;
		margin:25px;
		height:200px;
		width:300px;
	}
	.listen_latest{
		position:relative;
		font-family:'Open Sans Condensed';
		font-size:14pt;
		height:160px;
		padding:20px 30px;
		background-color:rgba(255,255,255,.3);
	}
	.listen_latest span{
		font-family:'Bitter';
	}
	.listen_latest:hover{
		background-color:rgba(255,255,255,.45);
	}
	.listen_latest_cont_a a,
	.listen_latest_cont_b a{
		color:unset;
	}
	.link_class{
		display: inline-block;
		width: 100%; 
		height: 100%;
	}
	.livestream{
		text-align:center;
		text-transform:uppercase;
		font-family:'Bitter';
		font-size:20pt;
		color: #3b6488;
		font-weight: bold;
		text-shadow: 0px 0px 4px white;
	}

	div#recent_newsletter table td#thumb { padding-right:10px; }
	div#recent_newsletter table td#thumb img{  height:145px; border:1px solid #a5a5a5; margin-left:5px; }
	div#recent_newsletter table td#title { font-weight:bold; }
	div#recent_newsletter table td#title a:hover{ border-bottom:1px solid #868A79; }
	div#recent_newsletter table td#view div.preview-cont a.preview{ font-weight:bold; }
	div#recent_newsletter table td#view div.preview{ height:110px; overflow:hidden; font-size:10pt; text-align:left; }
	div#recent_newsletter table td#view div.preview p{ padding-top:0; margin-top:0; font-family:'EB Garamond'; }
	div#recent_newsletter div.fade { width:calc(100% - 145px); }
	
	div#recent-events-newsletter-cont{ justify-content: space-between; }
	
	/* TEACHERS PAGE */
	div#teachers { align-items:stretch; }
	div#shawn_sam div.teacher,
	div#teachers div.teacher { margin:20px 30px; }
	div#shawn_sam div.teacher table,
	div#teachers div.teacher table { margin:0 auto; }
	div#shawn_sam div.teacher > table td,
	div#teachers div.teacher > table td	{ text-align:center; vertical-align:top;}
	div#shawn_sam div.teacher > table td.info,
	div#teachers div.teacher > table td.info { padding-top:10px; }
	div#shawn_sam div.teacher > table td.headshot,
	div#teachers div.teacher > table td.headshot{ height:275px; }
	div#shawn_sam div.teacher > table span.website,
	div#teachers div.teacher > table span.website{ padding-top:10px; }
	div#shawn_sam{ flex-wrap:nowrap !important; align-items:stretch; }
	div#shawn_sam div.teacher { margin:20px 10px;  }
	div#shawn_sam div.teacher > table td.name{ text-align:top; padding-top:10px; }
	#shawn_sam div.teacher table td.bio{ font-size:13pt; text-align:justify; vertical-align:top; max-width:200px; padding:0 10px;}
	#contact table td { text-align:center; font-family:'PT Sans Narrow'; font-size:18px;} 

	/* TEACHING PAGE */	
	#teaching-header h2, 
	#teaching-header h3, 
	#teaching-header h4, 
	h4.topic-info { text-align:left; margin:0; }
	
	#teaching-header h4, 
	h4.topic-info { border-bottom: 1px solid #5a5a5a; margin-bottom:15px; } 
	h4.topic-info{ margin-top:25px; }

	#teaching-info { display:flex; flex-wrap:no-wrap; width:100%; font-family:'Verdana'; font-size:10pt; }
	#teaching-info div#teaching-keywords, 
	#teaching-info div#teaching-verses{ width:50%; } 
	#teaching-info div#teaching-verses { margin-right:20px; }
	#teaching-info h5 { border-bottom:1px solid black; text-transform: uppercase; font-family:'Open Sans Condensed', sans-serif; font-size:14pt; }

	.jp-progress { height:16px !important; }
	.jp-video-270p { width:100%; }
	
	.jp-controls-holder{ display:table !important; width:auto !important; }
	.jp-controls{ width:100% !important; margin-left:130px !important; }
	.jp-volume-controls{ left:0 !important; }
	
	button#jpSpeedControl{
		text-indent: 0;
		width: 45px;
		font-family: Calibri;
		font-size: 9pt;
		font-weight: bold;
		color: #666666;
		background-color: #DFDFDF;
		border-radius: 5px;
		box-shadow: inset 1px 1px 2px #9E9E9E;
	}

	button#jpSpeedControl:active{
		color:#009DE6;
	}
	button.jp-repeat{
		margin-left:12px; 
	}
	button.jp-share{
		margin-left:8px; 
	}
	
	div.jp-controls-holder{ 
		display:flex !important; 
		justify-content: center; 
		align-items:center;
	}
	div.jp-controls-holder div.jp-controls,
	div.jp-controls-holder div.jp-toggles,
	div.jp-controls-holder div.jp-volume-controls { 
		position:inherit !important; 
		margin:5px 10px 0 10px !important; 
		height:unset !important;
		padding:0; 
		top:unset; 
		display:inherit; 
		width:unset !important; 
		right:unset; 
		left:unset; 
	}
	div.jp-controls-holder div.jp-volume-controls { width: 92px !important; }
	div.jp-controls-holder div.jp-volume-controls{ height:16px !important; }
	div.jp-controls-holder div.jp-toggles{ height:18px !important; }	
	
	
	#share-teaching,
	#share-teaching--clone{
		width:500px;
	}
	@media screen and (max-width: 400px){
		#share-teaching{
			width:100%;
		}	
	}

	#teaching-link{
		border: 4px solid #EFEFEF;
		border-radius: 8px;
		box-shadow: 0 0 0 1px rgb(0 0 0 / 20%) inset;
		outline: medium none;
		background: none repeat scroll 0 0 #FBFBFB;
		padding: 6px 0 6px 6px;
		color: #666666;
		font-size: 75%;
		margin: 0;
	}
	.not-shared{
		appearance: none;
		background-color: #0095ff;
		border: 1px solid rgba(27, 31, 35, .15);
		border-radius: 6px;
		box-shadow: rgba(27, 31, 35, .1) 0 1px 0;
		box-sizing: border-box;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-family: -apple-system,system-ui,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
		font-size: 14px;
		font-weight: 600;
		line-height: 20px;
		padding: 6px 16px;
		position: relative;
		text-align: center;
		text-decoration: none;
		user-select: none;
		-webkit-user-select: none;
		touch-action: manipulation;
		vertical-align: middle;
		white-space: nowrap;
		width:calc(100% - 8px);
		margin:5px auto;
	}

	.not-shared:focus:not(:focus-visible):not(.focus-visible) {
	  box-shadow: none;
	  outline: none;
	}

	.not-shared:hover {
	  background-color: #07c;
	}

	.not-shared:focus {
	  box-shadow: rgba(46, 164, 79, .4) 0 0 0 3px;
	  outline: none;
	}

	.not-shared:disabled {
	  background-color: #94d3a2;
	  border-color: rgba(27, 31, 35, .1);
	  color: rgba(255, 255, 255, .8);
	  cursor: default;
	}

	.not-shared:active {
	  background-color: #0064bd;
	  box-shadow: rgba(20, 70, 32, .2) 0 1px 0 inset;
	}
	.shared{ background-color: #2ea44f; }
	.shared:hover{ background-color: #2c974b; }
	.shared:active{ background-color: #298e46; }
		
	
	.video-player{ width:480px; margin: 0 auto; }
	#jquery_jplayer_1{ margin:0 auto; }
	
	#topic-listing tr.current { color: #009AE1; }
	#topic-listing tr.current a { border-bottom:1px solid #009AE1; }
	#topic-listing td a { color: inherit; border-bottom:1px solid #000000; text-decoration:none; } 
	#topic-listing td a:hover { color: #009AE1; border-bottom:1px solid #009AE1; }
	#topic-listing td { vertical-align:top; }
	
	/* STREAM TEACHINGS */	
	div#stream-teaching-container { margin:0 auto;}
	div#stream-teaching-container div#teaching-header { display:flex; width:460px; padding:0 10px; margin:15px auto 10px auto; }
	div#stream-teaching-container div#teaching-player { width:480px; margin:0 auto; }
	div#stream-teaching-container div#teaching-header div#pabtf-logo img{ height:90px; margin-right:10px; }
	div#stream-teaching-container div#teaching-header div#teaching-data { padding: 5px 0; }
	div#stream-teaching-container div#teaching-header div#teaching-data h2 { font-size:18pt; line-height:16pt; }
	div#stream-teaching-container div#teaching-header div#teaching-data h3 { font-size:14pt; margin-top:5px;}
	div#stream-teaching-container div#teaching-header div#teaching-data h4 { font-size:12pt; border:0 !important; margin-bottom:0 !important; }
	div#stream-teaching-container div#teaching-info { flex-wrap: wrap; width:460px; margin:0 auto; padding:0 10px; }
	div#stream-teaching-container div#teaching-info h5 { margin: 10px 0 5px 0; }
	div#stream-teaching-container div#teaching-info div { width:100%; margin-right:0; }
	div#stream-teaching-container div#teaching-info div#teaching-keywords{ margin-bottom:20px; }
	div#stream-teaching-container div#teaching-study-materials { width:470px; margin:0 auto;}
	div#stream-teaching-container div#library-study-materials div.flex-child{ width:100%; }
	
	/* TEACHINGS */ 
	#teaching-container{ margin: 0 25px 25px 25px; }
	#library-headline{
		font-family:'Raleway', sans-serif;
		font-size:15pt;
		text-align:justify; 
		hyphens:auto; 
		line-height:26pt;
		background-color:white;
		padding:40px 50px;
		margin:20px 25px 60px 25px;
		display:flex;
	}
	#library-headline div#img{
	    background-image: url(../img/library-headline2.jpg);
		background-size: cover;
		min-width: 370px;
		margin-left: 60px;
		background-position: center;
	}
	#recent-wrap{
		margin-top:80px;
	}
	#browse-header-wrap{
		margin-top:80px;
	}
	#search-header-wrap{
		margin-top:80px;
	}
	
	#listen_to_latest_and_recent_weekly_cont div.listen_latest_cont_a {
		width:calc(25% - 20px); margin-left:10px; margin-right:10px;
	}
	#listen_to_latest_and_recent_weekly_cont  div.carousel-container {
		padding:15px 40px 0 0;
	}
	
	@media screen and (max-width: 1600px){
	  #listen_to_latest_and_recent_weekly_cont div.listen_latest{ font-size:22px !important; }
	}
		#listen_to_latest_and_recent_weekly_cont{ margin:-10px 20px;flex-wrap:nowrap; }
	@media screen and (max-width: 1375px){
		#listen_to_latest_and_recent_weekly_cont{ flex-wrap:wrap; justify-content:center; }
		#listen_to_latest_and_recent_weekly_cont div.listen_latest_cont_a { width:calc(37% - 20px);} 
		#listen_to_latest_and_recent_weekly_cont  div.carousel-container { padding:15px 0 0 0;  margin-top:-30px;}
	}
	#recent_weekly{ width:50%; }
	
	
	div#interact { width: 340px; display:flex; flex-wrap:nowrap; padding-top:35px; padding-right:20px; }
	div#interact img { width:110px; }
	
    /*
      Rollover Image
     */
    .figure {
        position: relative;
        /*width: 360px; /* can be omitted for a regular non-lazy image */
        max-width: 100%;
    }
    .figure img.image-hover {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      object-fit: contain;
      opacity: 0;
      transition: opacity .2s;
    }
    .figure:hover img.image-hover {
      opacity: 1;
    }
	
	/* TEACHINGS :: SEARCH LIBRARY */
	table#slibrary{ width:100% !important; } 
	form#library-search fieldset{ border:0; padding:5px 10px; }
	form#library-search fieldset#basic a{ margin-right:15px; }
	form#library-search fieldset#basic input#search{ width:75%; }
	form#library-search input[type="text"], form#library-search input[type="date"]{
		border: 4px solid #EFEFEF;
		border-radius: 8px;
		box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset;
		outline: medium none;
		background: none repeat scroll 0 0 #FBFBFB	;
		padding: 6px 12px;
		color: #666666;
		font-size: 90%;
		margin: 0;
	}
	form#library-search input[type="radio"]{}
	form#library-search button{
		border: 4px solid #EFEFEF;
		border-radius: 8px;
		box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset;
		outline: medium none;
		color: #666666;
		padding: 6px 12px;
		background: rgb(221, 221, 221);
	}
	
	form#library-search button:hover{
		cursor:pointer;
		background: rgb(221, 221, 221, 0.6);
	}
	form#library-search select{
		border: 4px solid #EFEFEF;
		border-radius: 8px;
		box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset;
		outline: medium none;
		background: none repeat scroll 0 0 #FBFBFB;
		padding: 6px 0 6px 6px;
		color: #666666;
		height: 36px;
		font-size: 90%;
		margin: 1px 0;
	}
	form#library-search select:disabled, form#library-search input[type="date"]:disabled{
		background:#EFEFEF;
	}
	form#library-search div{
		font-family: 'Open Sans Condensed', sans-serif;
		font-size: 10pt;
	}
	form#library-search div label{
		clear: both;
		color: #444;
		display: block; 
		font-size: 85%;
		line-height: 15px;
		margin: 0;
		padding-top: 3px;
		padding-left:5px;
	}

	form#library-search fieldset#basic div#basic-parent-flex{ display:flex; width:100%; } 
	form#library-search fieldset#basic div#basic-parent-flex div{ flex-grow:1; }
	form#library-search fieldset#basic div#basic-parent-flex div#search-options{ text-align:right; flex-grow:0; }
	form#library-search fieldset#basic div#basic-parent-flex div#search-options p { margin-bottom:0; }
	form#library-search fieldset#basic div#basic-parent-flex div#search-options a{ margin-right:0; font-size:90%; }

	form#library-search fieldset#advanced div#advanced-parent-flex{ display:flex; width:100%; }
	form#library-search fieldset#advanced div#advanced-parent-flex div{ flex-grow:1; }

	#libSearchResult{ 
		margin-top:20px; 
		text-align:center; 
		font-family:'Open Sans Condensed', sans-serif;
	}
	#libSearchResult td,
	#libBrowseResult td{ 
		text-align:left;
	}
	
	#libSearchResult td.aud-opt,
	#libBrowseResult td.aud-opt{ 
		text-align:center;
	}

	/* TEACHINGS :: BROWSE LIBRARY */
	div#teaching-splash img { width:25px; }
	
	#libBrowseResult{ 
		margin:20px 25px; 
		text-align:center; 
	}

	#blibrary td a { color:inherit; border-bottom:1px solid #000000; text-decoration:none; } 
	#blibrary td.aud-opt { min-width:60px;  }
	#blibrary td.aud-opt a { color:inherit; border:0; text-decoration:none; }  
	#blibrary td.aud-opt img { height:16px; }
	#blibrary td a:hover { color:#009AE1; border-bottom:1px solid #009AE1; }
	#blibrary td.aud-opt a:hover { border:0; }
	/*
	#blibrary td.aud-opt a img.down:hover { content:url('http://www.pabibletf.org/img/download_icon&16_hover.png'); transition: content 2s ease-in-out 2s; }
	#blibrary td.aud-opt a img.stream:hover { content:url('http://www.pabibletf.org/img/headphones_icon&16_hover.png'); transition: content 2s ease-in-out 2s; }
	*/
	
	#library-browse-bar { margin-top:20px; position:relative; margin-bottom:40px; justify-content; gap:16px; justify-content:center;}
	#library-search-bar { margin:20px 25px; }
	h3.library-header { text-align:left; }
	#library-browse-bar div.library-category,
	#library-browse-bar div.library-sub-category { 
		width: 22%; 
		height:120px; 
		
		display:table; 
		position: relative; 
		top:50%; 
		
		padding:0; 
		margin:10px;
		
		font-family:'Open Sans Condensed', sans-serif; 
		font-weight:normal;
		font-size:18pt; 
		line-height:17pt;
		/*text-transform:uppercase;*/
		
		cursor:pointer; 
	} 
	#library-browse-bar div.library-category {
		width:30%;
		text-transform:uppercase;
		font-weight:normal;
		font-size:24pt;
		color:#393939;
		letter-spacing:1pt;
		background-size:cover;
		
		-webkit-transition: text-shadow 0.5s ease;
		-moz-transition: text-shadow 0.5s ease;
		-o-transition: text-shadow 0.5s ease;
		transition: text-shadow 0.5s ease;
		
		-webkit-transition: letter-spacing 0.5s ease;
		-moz-transition: letter-spacing 0.5s ease;
		-o-transition: letter-spacing 0.5s ease;
		transition: letter-spacing 0.5s ease;
	}
	#library-browse-bar div.library-category:hover {
		text-shadow:0 0 5px white;
		letter-spacing:2px;
		font-weight:bold;
	}
	#library-browse-bar div.library-category.lib-wk{
		height:175px;
		background-image:url('../img/weekly_teachings.jpg');
		background-position: center bottom;
	}
	#library-browse-bar div.library-category.lib-ts{
		height:175px;
		background-image:url('../img/teaching_series.jpg');
		background-position: center bottom;
	}
	#library-browse-bar div.library-category.lib-dw,
	#library-browse-bar div.library-category.lib-ev{
		height:175px;
		background-image:url('../img/days_in_gods_word.jpg');
		background-position: center center;
	}
	#library-browse-bar div.library-category.lib-fc{
		height:175px;
		background-image:url('../img/family_camps.jpg');
		background-position: center center;
	}
	#library-browse-bar div.library-category.lib-jd{
		height:175px;
		background-image:url('../img/jeff_duclos_wing.jpg');
		background-position: center center;
	}
	#library-browse-bar div.library-category.lib-sh{
		height:175px;
		background-image:url('../img/study_helps.jpg');
	}
	#library-browse-bar div.library-category.lib-ws{
		height:175px;
		background-image:url('../img/workshops.jpg');
	}
	#library-browse-bar div.library-sub-category.spcl_frmt{
		background-position:center center;
	}
	#library-browse-bar div.library-category div, 
	#library-browse-bar div.library-sub-category div { display:table-cell; background-color:rgba(255,255,255,0.65); vertical-align:middle; padding:10px;}
	#library-browse-bar div.library-category div span,
	#library-browse-bar div.library-sub-category div span { 
		margin-top:10px;  
		font-size:15pt;
		text-transform:initial;
		display:block; 
	}
	#library-browse-bar div.library-sub-category.spcl_frmt div span{
		font-family:'Jost';
		margin-top:0;
		font-size:20pt;
	}		
	#library-browse-bar div.library-category div:hover,
	#library-browse-bar div.library-sub-category div:hover { background-color:rgba(255,255,255,0.5); transition: background-color 0.5s ease; }


	#letters-to-the-church div.flex-child { 
		background-color:white; 
		padding:10px; 
		margin:10px 5px; 
		width:calc(25% - 30px); 
	}
	#letters-to-the-church div.flex-left-align { 
		justify-content:flex-start;
		justify-content:left;
	}
	#letters-to-the-church div.flex-child img:hover {
		opacity: 0.6;
		box-shadow: 0 0 10px #5a5a5a;
	}

	#library-study-materials table { width:100%; border-collapse:collapse; /*max-width:50%; */}
	#library-study-materials table tr td { padding: 10px 15px; vertical-align:top; }
	#library-study-materials table tr td.title { height:40px; }
	#library-study-materials table tr td.thumb { width:152px; }
	#library-study-materials table tr td a{ text-decoration:none; color:#5a5a5a; }
	#library-study-materials table tr td a:hover { text-decoration:underline; color:#969696; }
	#library-study-materials table tr td img { border:1px solid #d9d9d9; }
	#library-study-materials div.flex-child { background-color:white; padding:10px; margin:10px 5px; width:calc(50% - 30px); }
	#library-study-materials div.flex-left-align { 
		justify-content:flex-start;
		justify-content:left;
	}

	#library-study-materials table tr td.icons { vertical-align:top; }
	#library-study-materials div.icons{ position:relative; bottom:0; justify-content:flex-start; } 
	#library-study-materials div.icons div.icon{ margin-right:10px; }
	
	#teachings {width: 100% !important; }
	#teachings td a.border { color:inherit; border-bottom:1px solid #000000; text-decoration:none; }
	#teachings td a.border:hover { color:#009AE1; border-bottom:1px solid #009AE1; }
	#teachings td a img { height:16px;; } 
	#teachings td.aud-opt { min-width:60px; }
	div.jeff-wing{ text-align:left; margin-bottom:20px; display:flex;}
	div.jeff-wing span{ font-size:18pt; font-weight:bold; }
	div.jeff-wing img{ margin-right:15px; height:200px; }

    #libSearchResultSplash { text-align:center; margin-top:20px; padding:15px; font-weight:bold; }
    #libSearchResultSplash img{ height:20px;}
	
	/* NEWSLETTERS */
	div#newsletter-container{ flex-wrap:nowrap; align-items:flex-start; flex-grow:1; }
	div#newsletter { margin-right:20px; padding:15px 30px; width:98%; }
	div#newsletter div { text-align:left; padding:15px 20px; font-family:'EB Garamond'; margin-top:35px; }
	div#newsletter div h1{ font-size:18pt; background-color: black; color:white; text-align:center; margin:-40px 60px 15px 60px; font-family:'Copperplate Gothic Lite','Alegreya SC'; font-weight:normal; letter-spacing:4px; padding:12px; } 
	div#newsletter div h2{ font-family:'EB Garamond'; text-align:center; font-size:13pt; font-weight:normal;  margin:0; text-transform: none; }
	div.active-newsletter {   box-shadow: 0 0 8px rgba(81, 203, 238, 1); padding: 3px 0px 3px 3px; margin: 5px 1px 3px 0px; border: 1px solid rgba(81, 203, 238, 1); }
		
	div#newsletters { flex-grow:1; width:35%; }
	div#newsletters div.flex-parent { justify-content:center; }
	div#newsletters div.flex-parent div.flex-child { padding:10px; margin:10px 5px;  }
	div#newsletters h3{ font-size:14pt; margin-bottom:40px; }
	div#newsletters div#newsletters-container div.newsletter-option { border:1px solid #a5a5a5; margin:20px 5px 20px 5px; font-family:'Open Sans Condensed', sans-serif; font-size:15pt;}
	div#newsletters div#newsletters-container div.newsletter-option h1:hover { background-color:#5a5a5a; }
	div#newsletters div#newsletters-container div.newsletter-option h1{ border:1px solid #A2AFA7; margin:-30px auto 5px auto; font-family:'Open Sans Condensed', sans-serif; padding:6px 12px; color: #5a5a5a; font-size:14pt; background-color:#A2AFA7; font-weight:bold; color:#ffffff; width:60%;}
	div#newsletters div#newsletters-container div.newsletter-option h1 a{ color:#ffffff; font-weight:normal; }
	div#newsletters div#newsletters-container div.newsletter-option div.view-pdf{ margin-top:8px; font-size:10pt; }
	
	div#newsletter-container div.opaque-content.white div{ 
		padding:0; display: block;
		margin-block-start: 0.7em;
		margin-block-end: 1em;
		margin-inline-start: 0px; 
		margin-inline-end: 0px; 
	} 
	div#newsletter-container div.opaque-content.white div a {
		color:#4f5254;
	}
	div#newsletter-container div#newsletters div#newsletters-container div.newsletter-option{ 
		padding:15px; 
		margin:30px 5px;
	}	
	div#newsletter-container div#newsletters div#newsletters-container div.newsletter-option div{ 
		margin-block-end: 0; 
	}

	/* FELLOWSHIPS PAGE */ 
	div#fellowship-browse { justify-content:initial; }
	div.fellowship-day { cursor:pointer;  padding:8px; font-size:13pt; position: relative; top:50%; flex-grow:1; font-weight:bold; border-radius:5px 5px 0 0; margin:0 5px; border-bottom:0; text-transform:uppercase; }
	div.fellday { align-items:stretch; background-color:white; border-radius: 0 0 3px 3px; border-left:1px solid #DDDDDD; border-top:1px solid #DDDDDD; border-right:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; padding:15px 0; }
	div.fellowship-day:hover,
	div.fellowship-day-active { background-color:#AED6BB; }
	div.fellday div.fellowship{ margin:10px 8px; width:28%; text-align:left; }
	div.fellday div.fellowship table{ width:100%; border-collapse:collapse; }
	div.fellday div.fellowship table tr.header{ border-bottom:1px solid #a5a5a5; font-size:18px; font-weight:bold; text-align:center; }
	div.fellday div.fellowship table tr.header td { font-size:15pt; text-transform:uppercase;  } 
	div.fellday div.fellowship table td.location,
	div.fellday div.fellowship table td.contact { vertical-align:top; padding-top:10px; } 
	div.fellday div.fellowship table td.notes hr { width:90%; margin-top:20px; border: 0; height: 1px; background-image: linear-gradient(to right, #23232300, #232323bf, #23232300); }
	div.fellday div.fellowship table td.notes { padding-top:5px; font-size:10pt; }
	div.fellday div.fellowship table td.contact a { border-bottom:1px solid #0F534D; }
	div.fellday div.fellowship table td.contact a:hover { border-bottom:1px solid #868A79; }

	/* FORMS PAGE */
	div#forms-cont { justify-content:flex-start; } 
	div#forms-cont > div.flex-child{ width:calc(50% - 70px); margin:0 20px 15px 15px; }  
	div#forms-cont > div.flex-child table { width:100%; }
	div#forms-cont > div.flex-child table td.thumb { width:150px; } 
	div#forms-cont > div.flex-child table td.event { vertical-align:top; text-align:center; padding:10px 20px; font-weight:bold; }
	div#forms-cont > div.flex-child table td.event div.details { margin-top:10px;  padding:10px; }
	div#forms-cont > div.flex-child table td.event div.details table td { text-align:left; font-size:10pt; vertical-align:top;}
	div#forms-cont > div.flex-child table td.event div.details table td.header { font-weight:bold; }
	div#forms-cont > div.flex-child table td.download { font-weight:bold; font-size:14pt; padding:0 20px; text-align:center; }

	/* SUBSCRIBE :: EMAIL SIGNUP PAGE */
	div#subscribe-options { align-items:flex-start; width:auto; }
	div#subscribe-options div.flex-child{ flex-grow:1; text-align:left; width:calc(50% - 40px); margin:0 20px; }
	div#subscribe-options div.flex-child form { width:initial; border-top-left-radius: 8px; border-top-right-radius: 8px; }
	div#subscribe-options div.flex-child form input[type="email"],
	div#subscribe-options div.flex-child form textarea { width:calc(100% - 16px); }
	
	form#online-registration-form { text-align:left; width:50%; }
	
	div#subscribe-options div.flex-child form input[type="text"]{
		width:calc(50% - 16px);
	}
	
	.email_signup{
		margin: 20px auto;
		width: auto;
		background: #F8F8F8;
		padding: 30px 20px 20px 20px;
		font: 18px 'PT Sans Narrow', sans-serif;
		color: #666;
		border: 1px solid #DDDDDD;
	}
	.email_signup h1{
		font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
		padding: 20px 0px 20px 25px;
		display: block;
		margin: -30px -21px 10px -21px;
		color: #FFF;
		/*background: #297d52;*/
		background: #96bba8;
		text-shadow: 1px 1px 1px #949494;
		border-radius: 5px 5px 0px 0px;
		-webkit-border-radius: 5px 5px 0px 0px;
		-moz-border-radius: 5px 5px 0px 0px;
		border-bottom: 1px solid #89AF4C;
		text-align: left;	
	}
	.email_signup h1>span{
		display: block;
		font-size: 12px;
		color: #FFF;
	}
	.email_signup label>span {
		font-size:70%;
	}
	.email_signup label>span.form-error,
	.email_signup label table.dist_lists td>span.form-error{
		color:rgb(185, 74, 72);
		font-weight:bold;
	}
	.email_signup span.label{
		clear: both;
		color: #444;
		display: block;
		line-height: 15px;
		margin: 0;
		padding-top: 3px;
		padding-left:5px;
		font-size:65%;
	}
	.email_signup input[type="text"],
	.email_signup input[type="email"] { 
		border: 4px solid #EFEFEF;
		border-radius: 8px;
		box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset;
		outline: medium none;
		background: none repeat scroll 0 0 #FBFBFB;
		padding: 6px 0 6px 6px;
		color: #666666;
		font-size: 75%;
		width:70%;
		margin: 0;
	}
	.email_signup label table.dist_lists{
		border-top:1px solid #CECECE;
		margin-top:10px;
		width:70% !important;
	}
	.email_signup label table.dist_lists td{
		font-size:16px; padding-top:8px;
		font-size: 75%;
	}
	.email_signup label table.dist_lists td>span{
		margin-left:40px;
		color:rgb(185, 74, 72);
	}
	.signup_button{
		width:calc(100% - 20px);
		border:0;
		padding:5px 10px;
		/*font-weight:bold;*/
		font-size:18px;
		font-family:'Open Sans Condensed';
		text-transform:uppercase;
		margin:10px;
		cursor:pointer;
		
		border:1px solid #25729a; 
		-webkit-border-radius: 6px; 
		-moz-border-radius: 6px;
		border-radius: 6px;
		text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
		color:#ffffff;

		background-color: #3093c7; background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85));
		background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
		background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
		background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
		background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
		background-image: linear-gradient(to bottom, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
	}
	.signup_button:hover{
		border:1px solid #1c5675;
		background-color: #26759e; background-image: -webkit-gradient(linear, left top, left bottom, from(#26759e), to(#133d5b));
		background-image: -webkit-linear-gradient(top, #26759e, #133d5b);
		background-image: -moz-linear-gradient(top, #26759e, #133d5b);
		background-image: -ms-linear-gradient(top, #26759e, #133d5b);
		background-image: -o-linear-gradient(top, #26759e, #133d5b);
		background-image: linear-gradient(to bottom, #26759e, #133d5b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#26759e, endColorstr=#133d5b);
	}
	
	.signup_button.orange{
		border:1px solid #c57603; 
		background-color: #e5af0f; background-image: -webkit-gradient(linear, left top, left bottom, from(#e5af0f), to(#bc7000));
		background-image: -webkit-linear-gradient(top, #e5af0f, #bc7000);
		background-image: -moz-linear-gradient(top, #e5af0f, #bc7000);
		background-image: -ms-linear-gradient(top, #e5af0f, #bc7000);
		background-image: -o-linear-gradient(top, #e5af0f, #bc7000);
		background-image: linear-gradient(to bottom, #e5af0f, #bc7000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e5af0f, endColorstr=#bc7000);
	}
	.signup_button.orange:hover{
		border:1px solid #a86503; 
		background-color: #c89a11; background-image: -webkit-gradient(linear, left top, left bottom, from(#c89a11), to(#845004));
		background-image: -webkit-linear-gradient(top, #c89a11, #845004);
		background-image: -moz-linear-gradient(top, #c89a11, #845004);
		background-image: -ms-linear-gradient(top, #c89a11, #845004);
		background-image: -o-linear-gradient(top, #c89a11, #845004);
		background-image: linear-gradient(to bottom, #c89a11, #845004);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#c89a11, endColorstr=#845004);
	}
	.signup_button.red{
		border:1px solid #bb0d00; 
		background-color: #F44336; background-image: -webkit-gradient(linear, left top, left bottom, from(#F44336), to(#ab190e));
		background-image: -webkit-linear-gradient(top, #F44336, #ab190e);
		background-image: -moz-linear-gradient(top, #F44336, #ab190e);
		background-image: -ms-linear-gradient(top, #F44336, #ab190e);
		background-image: -o-linear-gradient(top, #F44336, #ab190e);
		background-image: linear-gradient(to bottom, #F44336, #ab190e);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F44336, endColorstr=#ab190e);		
	}
	.signup_button.red:hover{
		border:1px solid #850900; 
		background-color: #b13027; background-image: -webkit-gradient(linear, left top, left bottom, from(#b13027), to(#7e130a));
		background-image: -webkit-linear-gradient(top, #b13027, #7e130a);
		background-image: -moz-linear-gradient(top, #b13027, #7e130a);
		background-image: -ms-linear-gradient(top, #b13027, #7e130a);
		background-image: -o-linear-gradient(top, #b13027, #7e130a);
		background-image: linear-gradient(to bottom, #b13027, #7e130a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b13027, endColorstr=#7e130a);	
	}
	
	.thank-you{ font: 14pt 'PT Sans Narrow'; text-align:center; }

	/* SUBSCRIBE :: NEWSLETTER SIGNUP */
	.newsletter_signup{
		margin: 20px auto;
		width: auto;
		background: #F8F8F8;
		padding: 30px 20px 20px 20px;
		font: 18px 'PT Sans Narrow', sans-serif;
		color: #666;
		border: 1px solid #DDDDDD;
	}
	.newsletter_signup h1{
		font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
		padding: 20px 0px 20px 25px;
		display: block;
		margin: -30px -21px 10px -21px;
		color: #FFF;
		/*background: #297d52;*/
		background: #96bba8;
		text-shadow: 1px 1px 1px #949494;
		border-radius: 5px 5px 0px 0px;
		-webkit-border-radius: 5px 5px 0px 0px;
		-moz-border-radius: 5px 5px 0px 0px;
		border-bottom: 1px solid #89AF4C;
		text-align: left;	
	}
	.newsletter_signup h1>span{
		display: block;
		font-size: 12px;
		color: #FFF;
	}
	.newsletter_signup label>span {
		font-size:70%;
	}
	.newsletter_signup label>span.form-error,
	.newsletter_signup label table.dist_lists td>span.form-error{
		color:rgb(185, 74, 72);
		font-weight:bold;
	}
	.newsletter_signup span.label{
		clear: both;
		color: #444;
		display: block;
		line-height: 15px;
		margin: 0;
		padding-top: 3px;
		padding-left:5px;
		font-size:65%;
	}
	.newsletter_signup input[type="text"],
	.newsletter_signup input[type="email"],
	.newsletter_signup input[type="phone"],
	.newsletter_signup input[type="number"],
	.newsletter_signup textarea { 
		border: 4px solid #EFEFEF;
		border-radius: 8px;
		box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset;
		outline: medium none;
		background: none repeat scroll 0 0 #FBFBFB;
		padding: 6px 0 6px 6px;
		color: #666666;
		font-size: 75%;
		width:70%;
		margin: 0;
	}
	.newsletter_signup textarea { 
		height:75px;
	}
	.newsletter_signup label table.dist_lists{
		border-top:1px solid #CECECE;
		margin-top:10px;
		width:70% !important;
	}
	.newsletter_signup label table.dist_lists td{
		font-size:16px; padding-top:8px;
		font-size: 75%;
	}
	.newsletter_signup label table.dist_lists td>span{
		margin-left:40px;
		color:rgb(185, 74, 72);
	}
	.newsletter_signup p{
		margin-bottom:0;
	}
	/* GIVING */
	div#giving div.flex-child { width:33%; }

	/* ABOUT */
		/* ABOUT :: WHAT IS PA BIBLE? */
		#about-container{ text-align:center;  }
		#about-verbiage{ text-align:left; padding:15px 25px; }
		#about-verbiage > h3 { font-family:'Open Sans Condensed',sans-serif; text-align:left; font-weight:bold; }
		#about-verbiage > h3#contact-header { text-align:center; }
		.about-header{ margin-top:0; }
		div#contact-cont { text-align:center; }
		div#contact-cont > div#contact-info { display:inline-block; margin:0 auto 15px auto; text-align:left; }

		/* ABOUT :: MEETINGS INFO */ 
		div#meetings-info { padding:15px 25px; }
		div#meetings-info > h3 { font-weight:bold; font-size:22px; font-family:'Open Sans Condensed',sans-serif; text-align:left; border-bottom:1px solid #5a5a5a; padding: 0;}
		div#meetings-info > h4 { font-weight:bold; font-size:18px; font-family:'Open Sans Condensed',sans-serif; text-align:left; margin: 0; } 
		div#mtng-cont div { width:calc(33% - 30px); flex-grow:1;}
		div#church-cont div { width:33%; } 
		div#church-cont div p, div#mtng-cont div p { text-align:left; }

	/* CALENDAR PAGE */  
	div#calcontainer{ overflow:hidden; }   
	  
	div#gcal { width:calc(62% - 30px); margin-right:30px; }
	div#gcal iframe { border-width:0; width:100%; height:632px; }
	div#listcal { width:calc(38% - 45px); height:600px; overflow-y:scroll; overflow-x:hidden; }
	div#listcal table tr td.preview { width:100%; font-size:24px; font-family:'Bitter'; color:#5A5A5A; }
	
	div#listcal div.carousel.calendar,
	div#listcal div.carousel-tile { height:initial; }
	
	div#dwnld_church_cal { margin-top:20px; width:100%; font-size:16px; font-family:'Bitter'; text-align:center; }
	div#dwnld_church_cal a { color:#5A5A5A; text-decoration:none; }
	div#dwnld_church_cal a:hover { color:#37885E; text-decoration:underline; }
	  
	.box { float: left; position: relative; width: 50%; }  

	div.content-sub { margin:0 15px; }
	div.content-sub.meeting-info{ margin:15px;}
	div.content-sub > h4.content-sub-header { font-family:'Squada One'; color:#84BEAE; font-size:20pt; border-bottom:1px solid #84BEAE;font-weight:normal; margin:0 0 15px 0; }
	h4.content-sub-header { font-family:'Squada One'; color:#84BEAE; font-size:20pt; border-bottom:1px solid #84BEAE;font-weight:normal; margin:0 0 15px 0; }
	div.content-sub > h4.content-sub-header.bold { font-weight:bold; }
	div.content-sub > h4.content-sub-header.large { font-size:28pt; }
	div.content-sub > h4.content-sub-header.small { font-size:16pt; }
	div.content-sub > p { margin:0 0 10px 0; text-align:left; }
	div.content-sub > p > a { border-bottom:1px solid #2A5913; font-weight:bold; }
	div.content-sub > p > a:hover { border-bottom:1px solid #868A79; font-weight:bold;}
	p.meeting-link { font-size:12pt; }
	
	/* FOOTER STYLES */
	div#footer{  
		background-color: #75877c;
		background-color: #466580;
		background-color: #2d433e;
		color:#b3c8db;
		color:#b1c5c1;
		font-family:'Open Sans Condensed';
		font-weight:500;
		font-size:12pt;
	}
	div#bot-nav{ 
		padding-top:20px;
		display:flex;
	}

	div#bot-nav div.submenu{
		margin-right:50px; 
	}
	div#bot-nav div h1{ 
		font-weight:500;
		letter-spacing:2px;
		/*border-bottom:1px solid #ffffff;*/
		font-family:'Bitter';
		font-weight:500;
		text-align:left;
		font-size:14pt;
		margin:0;
		color:#ffffff;
	}
	div#bot-nav div h1 span{
		display:none;
	}
	div#bot-nav div ul,
	div#bot-nav div p{
		margin:15px 0;
	}
	div#bot-nav div ul{
		list-style-type:none;
		padding:0;
	}
	div#bot-nav div ul li{
		margin:6px 0;
	}
	div#bot-nav div ul a:hover{
		color:#ffffff;
		text-decoration: none;
		border-bottom: 1px solid white;
	}
	div#copy a:hover,
	div#bot-nav div p a:hover{
		color:#ffffff;
		text-decoration: none;
		border-bottom: 1px solid white;
	}
	div#copy{
		padding-bottom:15px;
	}
	div#footer hr{    
		width: 100%;
		margin: 15px 0;
		border: 0;
		height: 1px;
		background-image: linear-gradient(to right, #ffffff00, #ffffffbf, #ffffff00);
	}
	form#subscribe div#name-cont{
		margin:0;
		display:flex;
		flex-wrap:nowrap;
	}
	form#subscribe div#list-cont{
		margin:0;
	}
	form#subscribe div#name-cont div,
	form#subscribe div#email-cont div{
		margin:0;
		width:100%;
		padding:10px;
	}
	form#subscribe div#list-cont div{
		margin:0;
		width:100%;
		padding:0 10px;
	}
	form#subscribe div#email-cont div input {
		width:calc(100% - 44px);
		margin:0;
	}
	form#subscribe div#name-cont div input{
		width:calc(100% - 24px);
		margin:0;
	}
	form[name="contact-form"]{
		font-family:'Open Sans Condensed';
		color:#B94A48;
	}
	div#mailing-lists span.help-block.form-error{
		color:#ffffff;
	}
	form#subscribe input[type=text],
	form#subscribe input[type=email]{
		background-color:#578278;
		border-radius:6px;
		padding:6px 12px;
		font-size:12pt;
		font-family:'Open Sans Condensed';
		color:#ffffff;
	}

	form#subscribe input[type=email],
	form#subscribe input[type=text]{
		border:0;
	}
	form#subscribe input[type=submit]{
		width:calc(100% - 20px);
		border:0;
		padding:10px;
		/*font-weight:bold;*/
		font-size:18px;
		font-family:'Open Sans Condensed';
		text-transform:uppercase;
		margin:10px;
		cursor:pointer;
		
		border:1px solid #25729a; 
		-webkit-border-radius: 6px; 
		-moz-border-radius: 6px;
		border-radius: 6px;
		text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
		color:#ffffff;
		background-color: #3093c7; background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85));
		background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
		background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
		background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
		background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
		background-image: linear-gradient(to bottom, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
	}
	
	button.submit{
		width:calc(100% - 20px);
		border:0;
		padding:10px;
		/*font-weight:bold;*/
		font-size:18px;
		font-family:'Open Sans Condensed';
		text-transform:uppercase;
		margin:10px;
		cursor:pointer;
		
		border:1px solid #25729a; 
		-webkit-border-radius: 6px; 
		-moz-border-radius: 6px;
		border-radius: 6px;
		text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
		color:#ffffff;
		background-color: #3093c7; background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85));
		background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
		background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
		background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
		background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
		background-image: linear-gradient(to bottom, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
	}

	form#subscribe input[type=submit]:hover{
	 border:1px solid #1c5675;
	 background-color: #26759e; background-image: -webkit-gradient(linear, left top, left bottom, from(#26759e), to(#133d5b));
	 background-image: -webkit-linear-gradient(top, #26759e, #133d5b);
	 background-image: -moz-linear-gradient(top, #26759e, #133d5b);
	 background-image: -ms-linear-gradient(top, #26759e, #133d5b);
	 background-image: -o-linear-gradient(top, #26759e, #133d5b);
	 background-image: linear-gradient(to bottom, #26759e, #133d5b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#26759e, endColorstr=#133d5b);
	}


	div#mailing-lists { margin-right:0 !important; }
	div#mailing-lists h1{ text-align:center !important; }
	div#spacer{ flex-grow:2; }

	form#subscribe div input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #b1c5c1; opacity: 1; /* Firefox */  font-family:'Open Sans Condensed'; }
	form#subscribe div input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #b1c5c1; font-family:'Open Sans Condensed'; }
	form#subscribe div input::-ms-input-placeholder { /* Microsoft Edge */ color: #b1c5c1; font-family:'Open Sans Condensed'; }
	
	/* CONTACT */
	
		p.contact-success{
			font-family:'Open Sans Condensed';
			font-size:14pt;
			color:#1c5a85;
			font-weight:bold;
		}
		form[name="contact-form"] div#email-subject-container input{ 
			width: calc(100% - 68px); 
			border: 1px solid rgb(214, 225, 227);
			padding: 6px 12px 6px 54px;
		}
		form[name="contact-form"] div#email-subject-container select{ 
			width: 100%; 
			border: 1px solid rgb(214, 225, 227);
			padding: 6px 12px 6px 51px;
			color:#555555;
		}
		form[name="contact-form"] div#email-subject-container select span{ 
			font-family: fontAwesome;
		}
		div.input-container{
			position: relative;
			margin-bottom:10px;
		}
		div.input-container label{
			width:16px;
			padding:5px 12px 1px 12px;
			border-right: 1px solid rgb(214, 225, 227);
			background-color:#ffffff;
			margin:1px 0 2px 1px;
			position: absolute;
		} 
		div#contact-form-container{
			display:flex;
			flex-wrap:nowrap;
		}
		div#contact-form-container #email-subject-container{
			flex-grow:2;
		} 
		div#contact-form-container #submit-container{
			margin:0 0 0 10px; 
			display:flex;
			flex-wrap:nowrap;
		}
		div#captcha-error{
			font-color:red;
			margin-left:15px;
		}
		form[name="volunteer-captcha-validate"] input[type="submit"]{
			width:100%;
			border:0;
			padding: 10px 25px;
			font-size: 24px;
			line-height: 20px;
			font-family:'Open Sans Condensed';
			text-transform:uppercase;
			margin:10px 0 10px 0;
			cursor:pointer;
			
			border:1px solid #25729a; 
			text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
			color:#ffffff;
			background-color: #3093c7; background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85));
			background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
			background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
			background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
			background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
			background-image: linear-gradient(to bottom, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
		}
		form[name="contact-form"] button{
			width:100%;
			border:0;
			padding: 17px 25px;
			font-size: 24px;
			line-height: 20px;
			font-family:'Open Sans Condensed';
			text-transform:uppercase;
			margin:0 0 10px 0;
			cursor:pointer;
			
			border:1px solid #25729a; 
			text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
			color:#ffffff;
			background-color: #3093c7; background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85));
			background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
			background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
			background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
			background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
			background-image: linear-gradient(to bottom, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
		}

		form[name="contact-form"] button:hover{
			 border:1px solid #1c5675;
			 background-color: #26759e; background-image: -webkit-gradient(linear, left top, left bottom, from(#26759e), to(#133d5b));
			 background-image: -webkit-linear-gradient(top, #26759e, #133d5b);
			 background-image: -moz-linear-gradient(top, #26759e, #133d5b);
			 background-image: -ms-linear-gradient(top, #26759e, #133d5b);
			 background-image: -o-linear-gradient(top, #26759e, #133d5b);
			 background-image: linear-gradient(to bottom, #26759e, #133d5b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#26759e, endColorstr=#133d5b);
		}
		
		select#reason{
			display:none;
		}
		ul#reason-display { 
			font-family:Arial;
			font-size:10pt;
			padding:1px 12px 1px 44px;
			width: calc(100% - 58px);
			border: 1px solid rgb(214, 225, 227);
			background-color:#ffffff;
			list-style-type:none;
			color:#787878;
			margin-bottom:0;
		}
		ul#reason-display li { 
			padding: 5px 10px; 
			z-index: 2; 
			cursor:pointer;
		}
		ul#reason-display li:not(.init) { 
			position: relative; 
			width: calc(100% - 10px);
			display: none; 
		}
		ul#reason-display li:not(.init):first{
			margin-top:4px;
		}
		ul#reason-display li:not(.init):hover, 
		ul#reason-display li.selected:not(.init) { 
			background: #09f; 
			color:#ffffff;
		}