/*
common css
Version: 1
Date Launched: 03-23-2026
Last Edit: 03-23-2026
Author: Jeremy Ryan Palmer
Author URI: https://wellspring1866.com
*/
/*===============================================================================*/
/*============================================================== top bar ========*/
/*===============================================================================*/

.titlebar {
  background-color:none;
  position:fixed;
  top:0;
  left:0;
  margin:auto;
  padding: 0px 0px 0px 90px;
  z-index:-4000;
}

.searchbar {
  background:#5a7f5c;
  position:fixed;
  top:0;
  left:0px;
  height:51px;
  width:100%;
  z-index:4500;
  border-bottom:2px solid #fff;
}

.searchtool {
  background: url(https://d1k1hjmqf0kzmk.cloudfront.net/images/required/search.svg) no-repeat;
  position: fixed;
  width: 28px;
  height:28px;
  top: 0;
  right:0;
  padding:3px;
  margin:8px;
  z-index:7000;
}

.questions {
  background: url(https://d1k1hjmqf0kzmk.cloudfront.net/images/required/questions.svg) no-repeat;
  position: fixed;
  width: 28px;
  height:28px;
  top: 3px;
  right:65px;
  padding:3px;
  margin:8px;
  z-index:7000;
}

.homeicon {
  background: url(https://d1k1hjmqf0kzmk.cloudfront.net/images/required/home.svg) no-repeat;
  position: fixed;
  width: 23px;
  height:23px;
  top: 7px;
  left:7px;
  padding:3px 3px 3px 10px;
  margin: 4px 3px 3px 8px;
  z-index:4510;
}

.topicon {
  background: url(https://d1k1hjmqf0kzmk.cloudfront.net/images/required/top_icon.svg) no-repeat;
  position: fixed;
  width: 23px;
  height:23px;
  top: 7px;
  left:80px;
  padding:3px 3px 3px 10px;
  margin: 4px 3px 3px 8px;
  z-index:4510;
}

.kindleWidget {
  background: none;
  position: fixed;
  top: 6px;
  right:55px;
  padding:8px;
  margin:8px;
  z-index:3000;
}

/*===============================================================================*/
/*============================================================== Reset Styles ===*/
/*===============================================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
body {
  color: black;
  background: white;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
  display: block;
}

/*===============================================================================*/
/*============================================================== Clearfix =======*/
/*===============================================================================*/

/* Clearfix */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/*===============================================================================*/
/*============================================================== Main Styles ====*/
/*===============================================================================*/

.red {color:#5a7f5c;}
.blue {color:#476547;}
.grey {color:#aaaaaa;}
.background {color:#cbedcb;}
#alt_background {background-color:#c2e6d6 !important;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.justify {text-align:justify;}
.margin-left {margin-left:2em; text-align:left;}
.margin-left-big {margin-left:3em;}
.padding-left {padding-left:2em; text-align:left;}
.padding-right {padding-right:1.5em; text-align:justify;}
.indent {text-indent:2em;}
.negative_indent {text-indent:-0.4em;}

@media screen {

body {
  background:#cbedcb;
  font-size:24px;
  width:100%;
  }

b, strong {
  font-weight: bold;
}
i, em {
  font-style: italic;
}
u {
  text-decoration: underline;
}
abbr, acronym {
  cursor: help;
  border-bottom: 1px dotted #cccccc;
}
td, td img { vertical-align: top; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

code {
  font: 0.9em/1.1em 'Quicksand', sans-serif;
  color: #555;
  text-align:justify;
  font-weight:400;
  padding:1em 1em 1em 1em;
}

pre {
  background: #fff;
  padding: 0.7em;
  text-align:justify;
  margin: 1em;
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  -moz-box-shadow: inset 0 0 0.2em 0.2em #ccc;
  -webkit-box-shadow: inset 0 0 0.2em 0.2em #ccc;
  box-shadow: inset 0 0 0.2em 0.2em #ccc;
}

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }
/* make buttons play nice in IE:
    www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }

table { margin-bottom: 1em; }
th {
  font-weight: bold;
  padding: 0 0.2em;
}
td { padding: 0 0.2em; }
/*===============================================================================*/
/*============================================================== Skip to Main ===*/
/*===============================================================================*/

a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#000;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    padding:5px;
    border-radius: 15px;
    border:4px solid yellow;
    text-align:center;
    font-size:1.2em;
    z-index:999;
}
/*===============================================================================*/
/*============================================================== nav ============*/
/*===============================================================================*/

/*------------------------------------*\
    Flaunt JS Navigation
\*------------------------------------*/

.nav {
	position:relative;
	display:inline-block;
	width:100%;
	top:0px;
	font-size:20px;
	list-style-type: none;
	z-index:6001;
	margin-bottom:30px;
}
.nav-list {
  	font: 1em/1.2em 'Source Sans Pro', sans-serif;
  	color: #fdf7f7;
	font-weight:400;
	text-align:center;
	text-shadow: 1px 1px 1px #1f0a0b;
}
.nav-item {
	float:left;
	*display:inline;
	zoom:1;
	position:relative;
	list-style-type: none;
    border-right: 1px solid white;
    width: auto;
}
.nav-item a {
	display:block;
	color:#FFF;
	padding:15px 10px;
	background:#5a7f5c;
	border-bottom:2px solid #ffffff;
	list-style-type: none;
}
.nav-item > a:hover {
	background-color:#666666;
	color:#FFF;
}
.nav-item:hover .nav-submenu {
	display:block;
}

/* Navigation submenu */
.nav-submenu {
	display:none;
	position:absolute;
	text-align:center;
	left:0;
	width:300px;
	list-style-type: none;
}
.nav-submenu-item a {
	background:#461619;
	color:#dddddd;
	border-bottom:2px solid #ffffff;
	display:block;
	padding:13px 10px 13px 10px;
}
.nav-submenu-item a:hover {
	background:#5a7f5c;
	color:#cccccc;
}
/* Mobile navigation */

.nav-mobile:before {
	color:#ffffff;
	content:' Menu ';
	text-shadow: 1px 1px 1px #666666;
	}

.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	left:0;
	background:#333333 url(https://d1k1hjmqf0kzmk.cloudfront.net/images/required/menu.svg) no-repeat right center;
	background-size:32px;
	background-position: 125px;
	height:40px;
	width:130px;
	padding: 10px 30px 0px 40px;
	margin: 0px 0px 0px 0px;
	-moz-border-radius:0px 0px 30px 0px;
	border-radius:0px 0px 30px 0px;
}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
	position:absolute;
	top:0;
	left:0;
	display:none;
	border-left:2px solid #cccccc;
	height:40px;
	width:120px;
	cursor:pointer;
}
.nav-click i {
	display:block;
	height:40px;
	width:40px;
	background:url(https://d1k1hjmqf0kzmk.cloudfront.net/images/required/drop.svg) no-repeat center center;
	background-size:20px;
}
.nav-click:hover {
	background-color:#cccccc;
}
.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 768px) {
	.nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
		padding:50px 0 0;
		font-size:26px;
		font-weight:900;
	}

	.nav-list {
		display:none;
	}
	.nav-item {
		width:100%;
		float:none;
	}
	.nav-item > a {
		padding:15px;
	}
	.nav-click {
		display:block;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.nav-item:hover .nav-submenu {
		display:none;
	}
	.nav-submenu {
		position:static;
		width:100%;
	}
}
/*===============================================================================*/
/*============================================================== carousel =======*/
/*===============================================================================*/

.carousel_block {
	background:#fff;
	width:auto;
	height:720px;
	padding:15px;
	margin:0px;
}

.carousel_space {
	background:none;
	width:auto;
	height:232px;
	margin:auto;
}

#owl {
	background:#cddfec;
	padding:4px;
	margin:0px;
}

#owl .item{
	padding:10px;
	margin:10px;
}

#carousel h2  {
  font: 0.8em/1.2em 'Quicksand', sans-serif;
  color: #333;
  text-align: center;
  clear:both;
  font-weight: 400;

  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  text-shadow: 1px 1px 1px #ddd;
  padding:0em 0em 0em 0em;
  margin:0em 0em 0em 0em;
}

#carousel p  {
  font: 1em/1.4em 'Crimson Text', serif;
  color: #333333;
  background: none;
  font-style:normal;
  text-align:justify;
  clear:both;

  padding:0.2em 0em 0.2em 0em;
  margin: 0.2em 5px 0.2em 5px;
  text-shadow: 1px 1px #ffffff;
}

#carousel p strong {
  color: #999999;
  font-weight: 700;
  font-style: bold;
  letter-spacing: 1.3pt;
  word-spacing: -0.8pt;
}

#carousel p em {
  color: #777777;
  font-weight: 600;
  font-style: italic;
  letter-spacing: 1.3pt;
  word-spacing: -0.8pt;
  text-shadow: 1px 1px #dfe2e2;
}

#carousel blockquote {
}

#carousel cite {
}

#carousel blockquote p {
  font:1.6em/1.9em 'Tangerine', cursive;
  color: #666666;
  background: none;
  text-align:left;
  font-weight: normal;
  clear:both;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;

  line-height: 42px;
  padding:0;
  margin: 0;
  text-shadow: 1px 1px 1px #e8edf0;
  -moz-border-radius:none;
  border-radius:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}

#carousel cite p {
  font: 0.8em 'Quicksand', sans-serif;
  color: #777777;
  background: none;
  text-align: right;
  clear:both;
  font-weight:500;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  padding:5px;
  margin:3px;
  text-shadow:none;
}

#carousel cite p a {
  color: #666666;
}
/*===============================================================================*/
/*============================================================== Links ==========*/
/*===============================================================================*/

a  {
  text-decoration: none;
  }
/*===============================================================================*/
/*========================================================= international =======*/
/*===============================================================================*/

#international {
	background:#bbbbbb;
	width:auto;
	height:auto;
	padding:5px;
	margin:0px;
}
/*===============================================================================*/
/*============================================================== clock ==========*/
/*===============================================================================*/

.clockdate-wrapper {
    background-color: #333;
    padding:25px;
    max-width:350px;
    width:100%;
    text-align:center;
    border-radius:5px;
    margin:0 auto;
    margin-top:15%;
}
#clock{
    background-color:#333;
    font-family: sans-serif;
    font-size:60px;
    text-shadow:0px 0px 1px #fff;
    color:#fff;
}
#clock span {
    color:#888;
    text-shadow:0px 0px 1px #333;
    font-size:30px;
    position:relative;
    top:-27px;
    left:-10px;
}
#date {
    letter-spacing:10px;
    font-size:14px;
    font-family:arial,sans-serif;
    color:#fff;
}
.com { color: #93a1a1; }
.lit { color: #195f91; }
.pun, .opn, .clo { color: #93a1a1; }
.fun { color: #dc322f; }
.str, .atv { color: #ff8a3c; }
.kwd, .prettyprint .tag { color: #195f91; }
.typ, .atn, .dec, .var { color: #3fbf79; }
.pln { color: #48484c; }
.pun{ color:#48484c; }
pre.prettyprint {
  padding: 20px;
  background-color: #f3f3f3;
  border: 0px solid #e1e1e8;
}


/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
  margin: 0 0 0 40px; /* IE indents via margin-left */
}
ol.linenums li {
  padding-left: 12px;
  color: #bebec5;
  line-height: 20px;
  text-shadow: 0 1px 0 #fff;
}
/*===============================================================================*/
/*============================================================== Header =========*/
/*===============================================================================*/

#article_title {
  font: 1.3em 'Source Sans Pro', sans-serif;
  background:none;
  color: #5a7f5c;
  font-weight: 800;
  letter-spacing: 0pt;
  word-spacing: 0pt;
  padding:0.6em;
  margin: 0em;
  text-shadow: 1px 1px 2px #fff;}

h1 {
    }

h1 a {
    }

article h1 {
  }

h2  {
  font: 1.2em/1.6em 'Source Sans Pro', sans-serif;
  color: #21282b;
  clear:both;
  font-weight: 400;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  text-shadow: 1px 1px 1px #ddd;
  padding:1em 0em 0.5em 0em;
  margin:0.3em 0em 0.3em 0em;
}

h3  {
  font: 1em/1.2em 'Source Sans Pro', sans-serif;
  color: #333333;
  clear:both;
  font-weight: 400;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  text-shadow: 1px 1px 1px #fff;
  padding:0.7em 0em 0.7em 0em;
  margin:0.7em 0em 0.7em 0em;
}

article h3  {
  font: 1em/1.2em 'Source Sans Pro', sans-serif;
  color: #333333;
  clear:both;
  font-weight: 400;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  text-shadow: 1px 1px 1px #fff;
  padding:0.7em 0em 0.7em 0em;
  margin:0.7em 0em 0.7em 0em;
}

h4  {
  font: 1em/1em 'Source Sans Pro', sans-serif;
  color: #333333;
  clear:both;
  font-weight: 300;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  text-shadow: 1px 1px 1px #fff;
  padding:0.7em 0em 0.7em 0em;
  margin:0.7em 0em 0.7em 0.0em;
}

article h4  {
  font: 1em/1em 'Source Sans Pro', sans-serif;
  color: #333333;
  clear:both;
  font-weight: 300;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  text-shadow: 1px 1px 1px #fff;
  padding:0.7em 0em 0.7em 0em;
  margin:0.7em 0em 0.7em 0.0em;
}

article h5  {
  font: 0.9em/1.2em 'Source Sans Pro', sans-serif;
  color: #555555;
  clear:both;
  font-weight: normal;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  text-shadow: 1px 1px 2px #999;
  padding:0.7em 0em 0.7em 0em;
  margin:0.7em 0em 0.7em 0.4em;
}
/*===============================================================================*/
/*============================================================== hgroup =========*/
/*===============================================================================*/

.spacer {
	margin: 21px auto auto auto;
}

hgroup {
  background:none;
  clear:both;
  top:0px;
  left:0;
  right:0;
  margin:auto;
  z-index:1000;
  }

hgroup h1 {
  font: 1.6em 'Source Sans Pro', sans-serif;
  color: #5a7f5c;
  font-weight: 800;
  letter-spacing:0pt;
  word-spacing: 0pt;
  display: block;
  border-radius: 0.4em;
  padding:0em;
  margin: 0px 0px 0.3em 0px;
  z-index:1000;
  }

hgroup h2 {
  font: 1em/1.4em 'Cinzel', serif;
  color: #555555;
  position:relative;
  left:0;
  right:0;
  font-weight:400;
  letter-spacing: 0pt;
  word-spacing: 2pt;
  text-shadow:1px 1px 1px #dfe2e2;
  padding:0.1em 0em 0.4em 0em;
  margin:0.1em 0em 0.4em 0em;
  z-index:1;
}

.synopsis {
  font: 1em/1.4em 'Crimson Text', serif;
  color: #555;
  background: none;
  font-style:normal;
  clear:both;

  padding:0.2em 0em 0.2em 0em;
  margin: 0.2em 5px 0.2em 5px;
  text-shadow: 1px 1px #ddd;
}


#tagline {}

#header1 {text-align:center;!important}
#header1 a {color:#999;}
/*===============================================================================*/
/*============================================================== Article ========*/
/*===============================================================================*/

.article {
  background:none;
  clear:both;
  padding:0px;
  margin:0px 0px 0px 0px;
}

.article p  {
  font: 1em/1.4em 'Crimson Text', serif;
  color: #222222;
  background: none;
  font-style:normal;
  clear:both;
  margin: 0.5em 5px 0.5em 5px;
  text-shadow: 1px 1px #f2f7fa;
}

.bible-verse  {
font-family: 'Times New Roman', serif;!important
letter-spacing: 1.2pt;
word-spacing: 1.1pt;
}

.article p .bible-verse  {
font-family: 'Times New Roman', serif;!important
letter-spacing: 1.2pt;
word-spacing: 1.1pt;
}

.article strong {
  color: #333333;
  font-weight: 700;
  font-style: bold;
  letter-spacing: 1.3pt;
  word-spacing: -0.8pt;
}

.article em {
  color: #21282b;
  font-weight: 400;
  font-style: italic;
  letter-spacing: 1.3pt;
  word-spacing: -0.8pt;
  text-shadow: 1px 1px #dfe2e2;
}
/*===============================================================================*/
/*============================================================== Aside ==========*/
/*===============================================================================*/

aside {
  font: 0.8em/1.2em 'Cabin', sans-serif;
  color: #eeeeee;
  background:#5a7f5c;
  text-align: left;
  clear:both;
  height:auto;
  font-weight: normal;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  padding: 0.4em 0.4em 0.4em 0.4em;
  margin: 0em 0.4em 0em 0.4em;
}

aside p {
  font: 0.9em/1.2em 'Cabin', sans-serif;
  color: #ddd;
  background:none;
  text-align: left;
  clear:both;
  font-weight: normal;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  padding: 0em;
  margin: 0.2em;
}

aside ul li {
  font: 0.8em/1.2em 'Cabin', sans-serif;
  color: #565656;
  background:none;
  text-align: left;
  clear:both;
  font-weight: normal;
  padding:0em 0em 0em 0.4em;
  margin: 0em 0em 0em 0.3em;
}

aside h2  {
  font: 1.1em/1.4em 'Cabin', sans-serif;
  color: #ffffff;
  text-align: left;
  clear:both;
  font-weight: normal;

  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  text-shadow: 1px 1px 1px #222222;
  padding:0em 0em 0.3em 0em;
  margin:0em 0em 0.3em 0em;
}

aside h3  {
  font: 1em/1.2em 'Cabin', sans-serif;
  color: #ddd;
  background:none;
  text-align: left;
  clear:both;
  font-weight: normal;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  padding: 0em;
  margin: 0.2em;
  text-shadow:none;
}

.aside {
  font: 1em/1.2em 'Cabin', sans-serif;
  color: #ddd;
  background:none;
  text-align: left;
  clear:both;
  font-weight: normal;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  padding: 0em;
  margin: 0.2em;
  text-shadow:none;
}

/*===============================================================================*/
/*============================================================== Audio ==========*/
/*===============================================================================*/

audio {
    display: block;
    width: 100%;
}

audio::-webkit-media-controls-enclosure {
    max-width: 100%; /*or inherit*/
}
/*===============================================================================*/
/*============================================================== BBPress ========*/
/*===============================================================================*/


.bbPress #bbp_stick_topic, .bbPress label[for="bbp_stick_topic"], .bbPress .bbp_stick_topic, .bbPress label[for="bbp_stick_topic"] {

display:none !important;
}


button {
    font: 1em '.HelveticaNeueDeskInterface-Regular';
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-shadow: none;
    margin:auto;
    display: inline-block;
    text-align: start;
}
/*===============================================================================*/
/*============================================================= buttons =========*/
/*===============================================================================*/

.button1 {
    background-color: #5a7f5c;
    color: #ffffff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	font-family:Verdana;
	font-size:0.8em;
	padding:5px 5px 5px 5px;
	margin:5px 5px 5px 5px;
	text-decoration:none;
}
.button1:hover {
    background-color: #0050a6;
    color: #ffffff;
}
.button1:active {
	position:relative;
	top:1px;
}
/*===============================================================================*/
/*============================================================= Calendar Popup ==*/
/*===============================================================================*/

/* The Modal (background) */
.modal {
		display: none; /* Hidden by default */
		position: fixed; /* Stay in place */
		z-index: 1; /* Sit on top */
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		overflow: auto; /* Enable scroll if needed */
		background-color: rgb(0,0,0); /* Fallback color */
		background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
		background-color: #ffffff;
		margin: 15% auto; /* 15% from the top and centered */
		padding: 20px;
		border: 1px solid #888;
		width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
		color: #aaa;
		float: right;
		font-size: 28px;
		font-weight: bold;
}

.close:hover,
.close:focus {
		color: black;
		text-decoration: none;
		cursor: pointer;
}
/*===============================================================================*/
/*============================================================ Class P1 =========*/
/*===============================================================================*/

.p1  {
  font: 1em/1.5em 'Crimson Text', serif;
  color: #222222;
  background: none;
  clear:both;
  text-indent:none;
  padding:0.2em 0em 0.2em 0em;
  margin: 0.2em 5px 0.2em 5px;
}

.p1 strong  {
  font: 1em/1.5em 'Crimson Text', serif;
  color: #222222;
  font-weight:700;
}
/*===============================================================================*/
/*============================================================== Colophon =======*/
/*===============================================================================*/

#colophon {
  font: 0.8em/1.3em Courier,"Courier New", Monaco,Tahoma;
  background: #eee;
  color: #999999;
  text-align:center;
  padding: 1em;
  margin-bottom: 1em;
  text-shadow: 1px 1px 1px #ffffff;
}
/*===============================================================================*/
/*============================================================= definition list =*/
/*===============================================================================*/

.more {
   opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
     -moz-transition: opacity 0.3s ease-out;
      -ms-transition: opacity 0.3s ease-out;
       -o-transition: opacity 0.3s ease-out;
          transition: opacity 0.3s ease-out;
}
dl:hover .more {
   opacity: 1;
}
/*===============================================================================*/
/*============================================================== Dividers =======*/
/*===============================================================================*/

hr {
  margin:1em auto 1em auto;
  clear:both;
  text-align:center;
  width:200px;
  border:1px solid #bbb;
  }

article hr {
  margin:1em auto 0px auto;
  clear:both;
  text-align:center;
  width:200px;
  border:1px solid #bbb;
  }
/*===============================================================================*/
/*============================================================== Divs ===========*/
/*===============================================================================*/

#carousel {
	background:#cddfec;
	padding-top:10px;
	padding-bottom:10px;
}

#1 {
	background:#999999;
	padding-top:20px;
	padding-bottom:20px;
}

#2 {
	background:#cccccc;
	padding-top:20px;
	padding-bottom:20px;
}
/*===============================================================================*/
/*============================================================== Embellishment ==*/
/*===============================================================================*/

.arrow-down {
width: 0px;
height: 0px;
margin-left:auto;
margin-right:auto;
margin-top:-10px;
padding-bottom:10px;
border-left: 1em solid transparent;
border-right: 1em solid transparent;
border-top: 1em solid #aaaaaa;
}

.arrow-down2 {
width: 0px;
height: 0px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
padding-bottom:20px;
border-left: 1em solid transparent;
border-right: 1em solid transparent;
border-top: 1em solid #aaaaaa;
}

.arrow-down3 {
width: 0px;
height: 0px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
padding-bottom:20px;
border-left: 1em solid transparent;
border-right: 1em solid transparent;
border-top: 1em solid #cccccc;
}

.arrow-up {
width: 0px;
height: 0px;
margin-left:auto;
margin-right:auto;
border-left: 0.5em solid transparent;
border-right: 0.5em solid transparent;
border-bottom: 0.5em solid #aaaaaa;
}
/*===============================================================================*/
/*============================================================== Figure =========*/
/*===============================================================================*/

.logo {
  display: block;
  text-indent: -9999px;
  width: 63px;
  height: 72px;
  background: url(https://d1k1hjmqf0kzmk.cloudfront.net/images/required/guide_grayscale.svg);
  background-size: 63px 72px;
  margin-top:20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:20px;
}

figure {
  padding:0em;
  margin:0em;
  text-align:center;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0.2em;
  -webkit-margin-end: 0.2em;
}

figcaption {
  font: 0.9em/1.2em 'Quicksand', sans-serif;
  color:#999999;
  padding:0em;
  margin:0px 0.2em 2em 0.2em;
  text-align:center;
}

figure blockquote {
}

figure cite {
}

figure blockquote p {
  font:1.8em 'Tangerine', cursive;
  color: #666666;
  background: none;
  text-align:left;
  font-weight: normal;
  clear:both;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;

  line-height: 42px;
  padding:0;
  margin: 0;
  text-shadow: 1px 1px 1px #e8edf0;
  -moz-border-radius:none;
  border-radius:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}

figure cite p {
  font: 0.8em 'Quicksand', sans-serif;
  color: #777777;
  background: none;
  text-align: right;
  clear:both;
  font-weight:500;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;

  padding:5px;
  margin:3px;
  text-shadow:none;
}

figure cite p a {
  color: #666666;
}
/*===============================================================================*/
/*============================================================== List ===========*/
/*===============================================================================*/

.article p li {
  font: 1.2em/1.6em 'Libre Baskerville', serif;
  text-align: left;
  font-weight:400;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  list-style-type: none;
}

.article p li a {
  color:#333;
  text-decoration:none;
}

/*---- unordered lists ----*/

.article ul {
  background-color: none;
  list-style-type: none;
}

.article ul li:nth-child(odd) {
  background-color: #cedfeb;
  color: #132633;
  padding:0.3em 0.7em 0.3em 0.7em;
  margin: 0em 0em 0em 0em;
  text-shadow: 1px 1px #ffffff;
  list-style-type: none;
}

.article ul li:nth-child(even) {
  background-color: #e6eff5;
  color: #173346;
  padding:0.3em 0.7em 0.3em 0.7em;
  margin: 0em 0em 0em 0em;
  text-shadow: 1px 1px #f7f8f9;
  list-style-type: none;
}

.article ul li:nth-child(odd)  a {
  color:#0e1b24;
  text-decoration:none;
  display: block;
}

.article ul li:nth-child(even) a {
  color:#0e1b24;
  text-decoration:none;
  display: block;
}

/*---- ordered lists ----*/


.article ol {
  font: 1em/1.4em 'Crimson Text', serif;
  padding:0em 0em 0em 1.2em;
  margin:0em 0em 0em 1.1em;
}

.article ol li:nth-child(odd) {
  background-color: #cedfeb;
  color: #224054;
  padding:0.3em 0.7em 0.3em 0.7em;
  margin: 0em 0em 0em 0em;
  text-shadow: 1px 1px #ffffff;
}

.article ol li:nth-child(even) {
  background-color: #e6eff5;
  color: #224054;
  padding:0.3em 0.7em 0.3em 0.7em;
  margin: 0em 0em 0em 0em;
  text-shadow: 1px 1px #e6eff5;
}

.article ol li:nth-child(odd)  a {
  color:#0e1b24;
  text-decoration:none;
  display: block;
}

.article ol li:nth-child(even) a {
  color:#0e1b24;
  text-decoration:none;
  display: block;
}
/*===============================================================================*/
/*============================================================== Media ==========*/
/*===============================================================================*/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*===============================================================================*/
/*============================================================== Quotations =====*/
/*===============================================================================*/

article blockquote {
  font:0.9em/0.9em 'Cinzel', serif;
  color: #555555;
  background: none;
  font-weight: normal;
  clear:both;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  padding:0;
  margin: 0;
  text-shadow: 1px 1px 1px #e8edf0;
  -moz-border-radius:none;
  border-radius:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}

cite {
  font: 0.8em/1em'Cinzel', serif;
  color: #555555;
  background: none;
  font-weight:400;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  !important
  text-shadow:none;
}

cite em {
  font: 1em 'Crimson Text', serif;
  font-style: italic;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  text-shadow:none;
}
/*===============================================================================*/
/*============================================================== Section ========*/
/*===============================================================================*/


section {
}

#buffer {
margin-top:90px;
}
/*===============================================================================*/
/*========================================================= separator ===========*/
/*===============================================================================*/

#separator {
	background:#cccccc;
	width:auto;
	height:auto;
	padding:0px;
	margin:0px;
}
/*===============================================================================*/
/*============================================================== tables =========*/
/*===============================================================================*/

table {
  font-size:0.8em;
  width: 100%;
  border-collapse: collapse;
}
/* Zebra striping */
tr:nth-of-type(odd) {
  background: #eee;
}
th {
  background: #333;
  color: white;
  font-weight: bold;
}
td, th {
  padding: 6px;
  border: 2px solid #ccc;
  text-align: left;
}
/*===============================================================================*/
/*============================================================== Sidebar ========*/
/*===============================================================================*/

#sidebar {
  background:none;
  padding:0.4em 0.4em 0em 0.4em;
  margin: 0.4em 0.4em 0em 0.4em;
  }

#sidebar p  {
  font: 0.7em/1.2em Arial, sans-serif;
  color: #777777;
  background: none;
  font-weight: 400;
    text-align:justify;
    clear:both;
  padding:0.2em 0.3em 0.2em 0.3em;
  margin: 0.4em 0.7em 0.4em 0.7em;
}

#sidebar em {
  color: #21282b;
  font: 0.7em/1.2em 'Puritan', arial, serif;
  font-weight: normal;
  font-style: italic;
  letter-spacing: 1.3pt;
  word-spacing: -0.8pt;
}

#sidebar h1
  {
  font: 1.4em/1.2em 'Crimson Text', serif;
  background:none;
  color: #6c0d63;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2pt;
  padding:0.4em;
  margin: -0.4em -0.4em 0.4em -0.4em;
  text-shadow: 1px 1px 2px #0f3a58;
    }

#sidebar h2  {
  font: 0.7em/1.2em serif;
  margin: 0em;
  color: #777777;
  text-align: left;
  font-weight: normal;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  padding:3px 0em 0.2em 0.4em;
  margin:0.2em 0em 0.2em 0.4em;
}
/*===============================================================================*/
/*============================================================== Social =========*/
/*===============================================================================*/

.social {
  background:none;
  color: #ccc;
  padding:auto;
  margin:20px 0em 20px 0em;
  text-align: center;
  }

.social a {
  color: #555;
  font: 0.7em 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  letter-spacing: .7pt;
  word-spacing: -0.8pt;
  text-shadow:none;
  height:auto;
  }

.social a:hover {
  color: #556556;
  background:none;
  font: 0.7em 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  letter-spacing: .7pt;
  word-spacing: -0.8pt;
  text-shadow:1px 1px 1px #bbbbbb;
  height:auto;
  }
/*===============================================================================*/
/*============================================================== Footer =========*/
/*===============================================================================*/

.logo {
  display: block;
  text-indent: -9999px;
  width: 63px;
  height: 72px;
  background: url(https://d1k1hjmqf0kzmk.cloudfront.net/images/required/Sword_and_Crown_grayscale.svg);
  background-size: 63px 72px;
  margin-top:20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:20px;
}


footer {
  background:#ffffff;
  color: #ccc;
  padding:auto;
  margin:auto;
  text-align: center;
  }

footer a {
  color: #555;
  font: 0.7em 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  letter-spacing: .7pt;
  word-spacing: -0.8pt;
  text-shadow:none;
  height:auto;
  }

footer a:hover {
  color: #556556;
  background:none;
  font: 0.7em 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  letter-spacing: .7pt;
  word-spacing: -0.8pt;
  text-shadow:1px 1px 1px #bbbbbb;
  height:auto;
  }

}
/*===============================================================================*/
/*============================================================== SMALLER ========*/
/*===============================================================================*/

@media handheld, only screen and (max-width: 767px) {

/*===============================================================================*/
/*=============================================================== Main Styles ===*/
/*=============================================================== Mobile ========*/
/*===============================================================================*/

body {
  background: #cbedcb;
  font-size:23px;
  }

hgroup {
  background:none;
  clear:both;
  top:70px;
  left:0;
  right:0;
  margin:70px auto auto auto;
  z-index:1000;
  }

article {
  background:none;
  clear:both;
  padding:0em;
  margin:0em;
}

article p  {
  font: 1.1em/1.5em 'Crimson Text', serif;
  color: #222222;
  background: none;
  font-style:normal;
  text-align:justify;
  clear:both;
  padding:0px;
  margin: 10px 0px 10px 0px;
}

h2  {
  font: 1.1em/1.4em 'Source Sans Pro', sans-serif;
  color: #21282b;
  clear:both;
  font-weight: 400;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  text-shadow: 1px 1px 1px #ddd;
  padding:1em 0em 0.5em 0em;
  margin:0.3em 0em 0.3em 0em;
}

.the {
  font: 0.4em/0.5em 'Source Sans Pro', sans-serif;
  background:none;
  color: #777777;
  font-style: italic;
  font-weight: 100;
  text-align: center;
  padding:0em;
  margin: -0.5em 0px -1em 0px;
  text-shadow: none;
    }

.titlebar {
  background-color:none;
  position:fixed;
  top:0;
  left:0;
  margin:auto;
  z-index:-4000;
}

.searchbar {
  background-color:#555555;
  position:fixed;
  top:0;
  left:0px;
  height:51px;
  width:100%;
  z-index:4500;
}

.searchtool {
  background: url(https://d1k1hjmqf0kzmk.cloudfront.net/images/required/search.svg) no-repeat;
  position: fixed;
  width: 23px;
  height:23px;
  top: 7px;
  right:7px;
  padding:3px;
  margin:3px;
  z-index:7000;
}

.questions {
  background: url(https://d1k1hjmqf0kzmk.cloudfront.net/images/required/questions.svg) no-repeat;
  position: fixed;
  width: 23px;
  height:23px;
  top: 7px;
  right:65px;
  padding:3px;
  margin:3px;
  z-index:7000;
}

.homeicon {
  background: url(https://d1k1hjmqf0kzmk.cloudfront.net/images/required/home.svg) no-repeat;
  position: fixed;
  width: 23px;
  height:23px;
  top: 7px;
  left:7px;
  padding:3px 3px 3px 10px;
  margin: 4px 3px 3px 8px;
  z-index:4510;
}

.topicon {
  background: url(https://d1k1hjmqf0kzmk.cloudfront.net/images/required/top_icon.svg) no-repeat;
  position: fixed;
  width: 23px;
  height:23px;
  top: 7px;
  left:80px;
  padding:3px 3px 3px 10px;
  margin: 4px 3px 3px 8px;
  z-index:4510;
}

.kindleWidget {
  background: none;
  position: fixed;
  top: 4px;
  right:37px;
  padding:3px;
  margin:8px;
  z-index:3000;
}

.spacer {
	margin: 18px 0px 0px 0px;
}

aside {display:none;}

th {display:none}

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr { border: 1px solid #ccc; }

	td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #ccc;
		position: relative;
		padding-left: 35%;
	}

	td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 60%;
		padding-right: 10px;
		white-space: nowrap;
	}

	/*
	Label the data
	*/
#nostore td:nth-of-type(1):before { content: "Event"; }
#nostore td:nth-of-type(2):before { content: "Date"; }
#nostore td:nth-of-type(3):before { content: "Title"; }
#nostore td:nth-of-type(4):before { content: "Watch"; }
#nostore td:nth-of-type(5):before { content: "Listen"; }

#nostore th {display:none}

#store td:nth-of-type(1):before { content: ""; }
#store td:nth-of-type(2):before { content: ""; }
#store td:nth-of-type(3):before { content: ""; }
#store td:nth-of-type(4):before { content: ""; }
#store td:nth-of-type(5):before { content: ""; }

#bible_study td:nth-of-type(1):before { content: "Date"; }
#bible_study td:nth-of-type(2):before { content: "Moderator"; }
#bible_study th {display:none}

#individual_watch td:nth-of-type(1):before { content: "Time"; }
#individual_watch td:nth-of-type(2):before { content: "Watcher"; }
#individual_watch th {display:none}

#Scriptural_Fruitage td:nth-of-type(1):before { content: "Date"; }
#Scriptural_Fruitage td:nth-of-type(2):before { content: "Scriptural"; }
#Scriptural_Fruitage td:nth-of-type(3):before { content: "Fruitage"; }
#Scriptural_Fruitage td:nth-of-type(4):before { content: "Benediction"; }
#Scriptural_Fruitage th {display:none}

#Weekly_Lesson td:nth-of-type(1):before { content: "Date"; }
#Weekly_Lesson td:nth-of-type(2):before { content: "Subject"; }
#Weekly_Lesson td:nth-of-type(3):before { content: "Reader"; }
#Weekly_Lesson th {display:none}

#Wednesday_Readers td:nth-of-type(1):before { content: "Date"; }
#Wednesday_Readers td:nth-of-type(2):before { content: "Reader"; }
#Wednesday_Readers td:nth-of-type(3):before { content: "Reader"; }
#Wednesday_Readers th {display:none}

#bible_study_archive td:nth-of-type(1):before { content: "Date"; }
#bible_study_archive td:nth-of-type(2):before { content: "Title"; }
#bible_study_archive td:nth-of-type(3):before { content: "Questions"; }
#bible_study_archive td:nth-of-type(4):before { content: "Audio links"; }
#bible_study_archive th {display:none}

#roundtable_archive td:nth-of-type(1):before { content: "Date"; }
#roundtable_archive td:nth-of-type(2):before { content: "Title"; }
#roundtable_archive td:nth-of-type(3):before { content: "Page"; }
#roundtable_archive td:nth-of-type(4):before { content: "Audio links"; }
#roundtable_archive th {display:none}

#Hotels_2018 td:nth-of-type(1):before { content: "Hotel"; }
#Hotels_2018 td:nth-of-type(2):before { content: "Address"; }
#Hotels_2018 td:nth-of-type(3):before { content: "Phone"; }
#Hotels_2018 td:nth-of-type(4):before { content: "Time"; }
#Hotels_2018 td:nth-of-type(5):before { content: "Distance"; }
#Hotels_2018 td:nth-of-type(6):before { content: "Breakfast"; }
#Hotels_2018 td:nth-of-type(7):before { content: "Nightly rate"; }
#Hotels_2018 th {display:none}

.margin-left {margin-left:0.2em; text-align:left;}
.margin-left-big {margin-left:3px;}
.padding-left {padding-left:0.2em; text-align:left;}

}
/*===============================================================================*/
/*============================================================== SMALLEST =======*/
/*===============================================================================*/

@media handheld, only screen and (max-width: 624px) and (-webkit-min-device-pixel-ratio: 2) {

/*===============================================================================*/
/*=============================================================== Main Styles ===*/
/*=============================================================== Mobile ========*/
/*===============================================================================*/

body {
  background: #cbedcb;
  font-size:21px;
  }


.margin-left {margin-left:0;}
.margin-left-big {margin-left:2px;}
.padding-left {padding-left:0;}

hgroup {
  background:none;
  clear:both;
  top:0px;
  left:0;
  right:0;
  margin:70px auto auto auto;
  z-index:1000;
  }

h2  {
  font: 1em/1.3em  'Quicksand', sans-serif;
  color: #333;
  text-align: center;
  clear:both;
  font-weight: 400;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  text-shadow: 1px 1px 1px #ddd;
  padding:0em 0em 0.3em 0em;
  margin:0em 0em 0.3em 0em;
}

.titlebar {
  background-color:none;
  position:fixed;
  top:0;
  left:auto;
  right:auto;
  width:200px;
  padding:1px auto 0px auto;
  margin: 3px 0px 0px 0px;
  z-index:2900;
}

.titlebartext {
  font: 20px 'Source Sans Pro', sans-serif;
  font-style: normal;
  font-weight: 100;
  overflow:hidden;
  color:#cccccc;
}

.searchbar {
  background-color:#555555;
  position:fixed;
  top:0;
  left:0px;
  height:51px;
  width:100%;
  z-index:4500;
}

.searchtool {
  background: url(https://d1k1hjmqf0kzmk.cloudfront.net/images/required/search.svg) no-repeat;
  position: fixed;
  width: 23px;
  height:23px;
  top: 7px;
  right:7px;
  padding:3px 10px 3px 3px;
  margin: 4px 8px 3px 3px;
  z-index:7000;
}

.questions {
  background: url(https://d1k1hjmqf0kzmk.cloudfront.net/images/required/questions.svg) no-repeat;
  position: fixed;
  width: 23px;
  height:23px;
  top: 7px;
  right:65px;
  padding:3px 10px 3px 3px;
  margin: 4px 8px 3px 3px;
  z-index:7000;
}

.homeicon {
  background: url(https://d1k1hjmqf0kzmk.cloudfront.net/images/required/home.svg) no-repeat;
  position: fixed;
  width: 23px;
  height:23px;
  top: 7px;
  left:7px;
  padding:3px 3px 3px 10px;
  margin: 4px 3px 3px 8px;
  z-index:4510;
}

.topicon {
  background: url(https://d1k1hjmqf0kzmk.cloudfront.net/images/required/top_icon.svg) no-repeat;
  position: fixed;
  width: 23px;
  height:23px;
  top: 7px;
  left:80px;
  padding:3px 3px 3px 10px;
  margin: 4px 3px 3px 8px;
  z-index:4510;
}

.kindleWidget {
  background: none;
  position: fixed;
  top: 0;
  right:50px;
  padding:3px;
  margin:8px;
  z-index:3000;
}

.spacer {
	margin: 16px 0px 0px 0px;
}

aside {display:none;}

#buffer {
margin-top:45px;
}

}
