@charset "utf-8";
/* last update Dec 31 2021 */	
/* Element Selectors*/		
body {
	background:#FFF;
	font-family:"Lato", "Helvetica Neue", Helvetica, Verdana, Arial,sans-serif;
	font-size: 14px;
	line-height:1.625;
	font-weight:300;
	text-align:left;
	color:#373737;
}
p{margin-bottom:1.5em;
}
h1,h2,h3,h4,h5,h6{font-family:"Open Sans", Helvetica, Verdana, Arial,sans-serif;}
h1 {
	color:#222;
	font-size:1.6em;
	font-weight:bold;
	line-height: 1.5em;
    padding-bottom: 0.3em;
    margin-top: 0;
}
h2 {
	color:#222;
	font-size:1.3em;
	font-weight:bold;
	line-height: 1.25em;
    padding-bottom: 0.1em;
    padding-top: 10px;
	}
h3 {
	color:#222;
	font-size:1em;
	font-weight:bold;
	padding-top:10px;
}
h4{
	margin-bottom: 3px;
    font-size: 1em;
    text-decoration-line: underline;
}
ul li.active{
	font-size:1.25em;
}
/* table styles */
table, tr, th, td{
	border: 1px solid #336;
	border-collapse:collapse; 
}
tr{
	vertical-align:top;
}
th, td{
	padding:4px;
	text-align:left;
}
th {
	background-color:#EEE;
	background: linear-gradient(#F9F9F9, #E5E5E5);
}
table thead tr th{border:0px;
	/*background-color:#EEE;*/
	background: linear-gradient(#F9F9F9, #E5E5E5);
}

/*fake table syles using UL  or DL to create table, DIV to create row, LI (DT and DD) to create cell*/
/* table styles from main stylesheet modified for display";table ul and li's */
/* CSS margin property doesn't have any effect on table cells: */
/*   instead use border-spacing instead-must be applied to table element)*/
ul.faketable, dl.faketable{
	display:table;
}
ul.faketable, ul.faketable div, ul.faketable div li, dl.faketable, dl.faketable div, dl.faketable div dt,dl.faketable div dd{
	border: 1px solid #336;
	border-collapse:collapse; 
}
ul.faketable div, dl.faketable div{       /*fake row*/
	vertical-align:top;
	display:table-row;
}
ul.faketable div li{padding-right:50px;}
ul.faketable div li, dl.faketable div dt, dl.faketable div dd{     /*fake cell*/
	padding:4px;
	text-align:left;
	display:table-cell;
}
ul.faketable div:first-child {  /*fake caption */
	background-color:#EEE;
	background: linear-gradient(#F9F9F9, #E5E5E5);
	text-align:center;
	display:table-caption;
}
dl.faketable div dt{  /*fake th */
	background-color:#EEE;
	background: linear-gradient(#F9F9F9, #E5E5E5);
}
.deaconsTable{float:left;}

/* link styles */
a:link {
	text-decoration: none;
	font-weight:bold;
	color:#660000;
	text-decoration:none;
}
a:visited {
	text-decoration: none;
	font-weight:bold;
	color:#660000;
}
a:hover {
	color:#fff;
	background-color:#660000;
}
a:hover.carousel-control{
	background-color:transparent;
}
img {
	border: 1px solid #DDD;
	padding: 6px;
	max-width:100%;
	height:auto;
}
blockquote{
	padding: 10px 20px 10px 20px;
}
/* original header styles when background was used for desktop */
/* header {
	height:110px;   height of background image 
	border: 0;
	margin-bottom: 2px;
	text-align: center;
	background: url(../assets/logo1000-textSide-burg.png) no-repeat left 10px;
	background-color:#600;
} */


nav.col-md-12{
	padding-left:0;
	padding-right:0;
}

/* CSS Document-older 2020 smaller footer */
footer {
	text-align: center;
	padding:10px;
	margin-top:1.5em;
	color: #600;
	background-color: #E7E7E7;              /* have both in case browser cannot interperet rgba alpha value */
	background-color:rgba(231,231,231,0.3); /* have both in case browser cannot interperet rgba alpha value */
	border: #DDD 1px solid;
	border-radius: 4px;
}
footer p{
	margin-bottom:0;
}
footer a:link {
	color:#666;
	text-decoration:none;
}
footer a:hover {
	background-color:#FFFFFF;
}

/* CSS Document-fatfooter */
footer.fatfooter{
	text-align:left;
	font-family:"Open Sans Light", Helvetica, Verdana, sans-serif;
	padding:0;
}
footer.fatfooter p{
	margin-top:0em;
	font-size:.75em;
	padding-bottom:1em;
}
footer.fatfooter h4{
	text-decoration:none;
	font-size:.85em;
	font-weight:normal;
}
footer.fatfooter img{
	border:none;
}
footer.fatfooter ul{
	list-style-type:none;
	padding-left:0em;
}
footer.fatfooter ul li{
	font-family:"Open Sans Light", Helvetica, Verdana, sans-serif;
	font-size:.75em;
}
footer.fatfooter a,footer.fatfooter ul li a, footer.fatfooter ul li a:link, footer.fatfooter ul li a:visited, footer.fatfooter ul li a:hover, footer.fatfooter ul li a:active{
	font-family:"Open Sans Light", Helvetica, Verdana, sans-serif;
	color:#666;
	text-decoration:none;
	background-color:transparent;
	font-weight:normal;
}
footer.fatfooter ul li a:hover{
    text-decoration:underline;	
}

.fatfootercol1{
	background-color: rgba(204,204,204,.5);
	border-right:1px solid #CCC;
	border-top:1px solid #CCC;
	text-align:center;
}
footer.fatfooter div.fatfootercol1 p a,footer.fatfooter div.fatfootercol1 p a:visited{
	color:#600;	
}



 /* Form elements  */
label{float:left;
		clear:left;
		width:120px;
		text-align:right;
		margin-right:10px;
		margin-top:5px;
		color:#336;
		font-weight:bold;
}
input[type="text"], input[type="email"]{	
		width:250px;
		margin-top:7px;
		border:1px solid #ddd;
}
input[type="submit"]{
	padding:5px;
		margin-left:130px;
		margin-top:10px;
}
input:hover{background-color:#eee;
}
input:focus, input:active{border:thin #336 solid;
}
 
 
/* Class Selectors*/
.clear {
	clear:both;
}
.stylenormal {
	font-weight: normal;
}
.centertext{
	text-align:center;
}
.gray_gradient_bckgd{
	background-color:#EEE;
	background: linear-gradient(#F9F9F9, #E5E5E5);
	border:1px solid #DDD;
	border-radius:4px;
	padding:10px;
}
.pushright{margin-left:160px;
} /* for desktop and tablet used to push a UL to the right when an image is floated left beside it*/

/* Bootstrap NAVBAR styles */
/*.navbar-default {
    background-color: #F8F8F8;  
    border-color: #E7E7E7;      
}*/
.navbar-default .navbar-brand {
   	display:none;
	        /*  font-size:1.5em;
                font-variant:small-caps;
                letter-spacing:1px;  */
}
/*.navbar-default .navbar-nav > li > a {
    color: #600;  
}*/

/*.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #E7E7E7; 
    color: #555;  
}*/
.navbar-toggle .icon-bar{ 	width: 30px;          }
.menu_word {
	color: #888;
	font-weight: bold;
	text-align: center;
	letter-spacing:1px;
}


/* Styles to change NAVBAR colors */
/* In BS4 only need to style .navbar-light and .navbar-dark classes for text color and use .bg-light and .bg-dark for background colors*/

.navbar-default {
    background-color: #600;    /* original Boostrap color #F8F8F8 */
    border-color: #600;        /* original Boostrap color #E7E7E7 */
    border-radius: 0;
}
.navbar-default .navbar-brand,.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus {    color: #FFF;}
.navbar-default .navbar-nav > li > a {    color: #FFF;}    /* original Boostrap color #777777 */
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {    background-color: #600;}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus {
    color: #FFF;              /* original Boostrap color #E7E7E7 */
    background-color: #600;   /* original Boostrap color #555555 */
}
.navbar-default .navbar-text {    color: #FFF;}
.navbar-default .navbar-toggle {    border-color: #600;}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {    background-color: #600;}
.navbar-default .navbar-toggle .icon-bar {    background-color: #FFF;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {    color: #FFF;
    background-color: #600; /* was originally transparent */
}






.greenbold {
	/*color: #006633; this is the original green*/
	color:#336; /*this is the new blue*/
	font-weight: bold;
	font-size: 1.25em;
}
#myBS_knit_carousel .carousel-caption{
	background-color:rgba(231,231,231,0.6);
	color:#000;
}
.quote {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style:italic;
	text-indent:-8px;
	margin-left:8px;
	margin-bottom:.1em;
}


/* ID Selectors*/
#main .thumbnail{       /* override Bootsrap's thumbnail class border  */
	border:none;
}
#main img.right {
	float: right;
	padding: 6px;
	margin:10px 0px 10px 10px;
	max-width:100%;
	height:auto;
}
#main img.left {
	float:left;
	padding:6px;
	margin:10px 10px 10px 0px;
	max-width:100%;
	height:auto;
/*	border: 5px inset #600;*/
}

#sermonPlayer{display:block;
	left:-55px;
}
#WICresources ul li{
		list-style-type:none;
		background-color:#600;
		color:#fff;
		border:1px solid #600;
		text-align:center;
		margin-right:20px;
		margin-bottom:20px;	
		padding:10px;
	}
#WICresources ul li:hover, #WICresources ul li a:hover, #WICresources .btn-info a:hover{
		background-color:#d2d2c8;
		color:#600;	
	}
#WICresources ul li a:link,#WICresources ul li a:visited{
		color:#fff;
	}


.phoneShow, .phoneShowCenterBlock, .tabletShow, .tabletShowCenterBlock{display:none;}


/* ----- Media Queries below  ----- */

/* ----- LARGE rules here for desktops ------ */
@media only screen and (min-width: 1025px) {
	body{font-size:18px;}
	.navbar-nav 
	{  /* centering navbar */
	width: 100%;text-align: center;
	}
	.navbar-default{font-size:14px;}
	.navbar-nav > li 
	{  /* also need for centering navbar */
		float: none;display: inline-block; font-size:14px;
	}
	ul.faketable div li br{display:none;}   			/*hide BR inside fake table cell LI*/
    ul.faketable div li em::before{content:"\00a0\00a0"}   			/*add 2 non breaking spaces in place of BR inside fake table cell LI*/
 }  /* end of media query for large screen */

/* ----- MEDIUM rules here for tablets ----- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	body{font-size:16px;}
	.navbar-nav > li {14px;}
   #sermonPlayer{left:0px;}
   .tabletHide{display:none;}
   .tabletShow{display:inline-block;}
   .tabletShowCenterBlock{display:block;margin:auto;}
   .deaconsTable{width:75%}
} /* end of media query for medium screen */

/* ----- SMALL rules here for smartphones  ----- */
@media only screen and  (max-width: 767px) {
	.phoneHide{display:none;}
	.phoneShow{display:inline-block;}
	.phoneShowCenterBlock{display:block;margin:auto;}
	#sermonPlayer{display:none;}
	#myBS_carousel{display:none;}
	#main img.right, #main img.left{
		display:block; 
		float:none;
		margin-left:0;}
	#main img.hideForPhone{display:none;}
	figure.thumbnail img{width:50%;}
	header {
		height:41px; /* height of background image */
		width:100%;
		text-align: center;
		margin-bottom: -8px;
		background: url(../assets/logo135-noText-burg.png) no-repeat;
		/* background-size:contain;*/
		background-position:50% top;
		background-color:#600;
		}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    	color: #FFF;
	}
   .navbar-default .navbar-brand{display:inline;}
   .pushright{margin-left:0;} /* for desktop and tablet used to push a UL to the right when an image is floated left beside it, image is display none on phone*/
   
   .faketable,.deaconsTable{width:100%;padding:2px;}				/*fake table classes*/
   ul.faketable, dl.faketable{display:block;border:0;padding:0}    	/*fake table UL and DL*/
   ul.faketable div, dl.faketable div{display:block;border:0;}     /*UL and DL fake table row DIV*/
   ul.faketable div li{display:list-item;border:0;padding:2px;margin-left:30px;}   	/*UL fake table cell LI*/
   dl.faketable div dt, dl.faketable div dd{display:block;  	  /*DL fake table cell DT and DD*/
											 float:left;
											 border:0;
											 padding:2px;
											 margin-left:0px;
											 background:none;} 
   dl.faketable div dt{clear:left;}  
   
   ul.faketable div li br{display:none;}   			/*hide BR inside fake table cell LI*/
   ul.faketable div li em::before{content:"\00a0\00a0"}   	/*add 2 non breaking spaces (nbsp) in place of BR inside fake table cell LI*/
   ul.faketable div:first-child{display:block;border: 1px solid #336;}   /*UL fake table caption 1st DIV*/
   ul.faketable div:first-child h2{padding-top:0;}    /*UL fake table caption 1st DIV H2*/
  
   dl.faketable div dt::after{content:"\003a\00a0"}   		  /*add colon and nbsp after DL faketable table cell DT*/
   
} /* end of media query for small screen */