@charset "utf-8";
html, body { height: 100%; }
body { 
	font-family: 'Droid Serif', serif; 
	color:#444; 
	display: flex;
	flex-direction: column; 
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: 'Droid Serif', serif; color: #8d6a44; font-weight: bold; }
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small { color: #888; text-shadow: none; font-weight: normal; }
h3, .h3 { font-size: 1.375rem; }
h5, .h5 { color: #777; }
.alert-msg, .error-msg { color: #C00; font-size: 1.125rem; }
span.alert-msg { color: #C00; }
.sans-code { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: bold; }
@media print { 
 .hide-for-print { display: none !important; } 
}
@media print, screen and (min-width: 40em) {
	h3, .h3 { font-size: 1.9375rem; }
}
a { color:#288b0c; font-weight: bold; }
a:hover { color: #33bd0c; }
hr { border-bottom: 1px solid #d0c3af; }
.nowrap { white-space:nowrap; }
div.nowrap { white-space:nowrap; display:inline-block; padding: 0.25em 0.125em; }
.link-color { color:#288b0c; }
.lead { font-size: 120%; }
.error { color: #F00; }
.attention { color: #ee4806; }
.success { color: #2b9e05; }
.grayed { color: #999; }
.label { 
	padding: .375rem .5rem;
  border-radius: 4px;
	font-size: 1rem; 
}
.note { color: #777; font-size: 0.875rem; }
code {
  padding: 0;
  color: crimson;
}
.url { word-wrap: break-word; }
.maintenance-msg { font-size: 1.25rem; text-align: center; }
.button.warning { background-color: #f77206; color: #fff; }
.button.warning:focus, .button.warning:hover { background-color: #e68208; color: #fff; }
.has-tip { font-weight: normal; display: inline; }

/* LOGO AND TITLE */
.logo {
	padding: 0.5rem 0;
	font-family: 'Cinzel',serif;
	font-size: 6vw; 
	font-weight: normal;
  text-transform: uppercase;
  margin: 0;
  line-height: 1;
	color: #7c4b1a;
	text-align: center;
}
.logo img { 
	display: block; 
	padding-bottom: 0.75rem; 
	margin: 0 auto; 
}
.logo small { 
	font-family: 'Droid Serif',serif;
	font-size: 80%;
	text-transform: none;
	color: #bda58c;
	font-style: italic;
	margin: 0;
}

@media only screen and (min-width: 40em) {
	.logo { 
		display: flex;
		align-items: center;
		padding: 0.75rem 0;
		font-size: 2.5rem; 
		line-height: 0.75;
		text-align: left; 
	}
	.logo small { font-size: 55%; }
	.logo img { margin-right: 0.75rem; max-width: 100%; padding: 0; }
}
/* NAVIGATION TOP BAR AND FOOTER */
.no-js .top-bar { display: none; }
@media screen and (min-width: 40em) {
  .no-js .top-bar { display: block; }
  .no-js .title-bar { display: none; }
}
.navigation-bar, .footer { background-color: #165411; }
@media screen and (max-width: 73em) {
	.navigation-bar .grid-container { padding-right:0; padding-left:0; }	
}
.top-bar { background-color: transparent; padding: 0; }
.top-bar ul { background-color: transparent; }
.top-bar.stacked-for-medium .top-bar-right {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-left: auto;
}

.drilldown .is-drilldown-submenu.my-account { top: -7.2em; }
.drilldown .is-drilldown-submenu.features-menu { top: -2em; }
.menu a { color: #fff; font-weight: normal; }
.menu a:hover { background-color: #0d3f09; }
.title-bar { background: #165411; }
.title-bar-title { margin-left: 0.5em; }
.drilldown a { background: transparent; }
.is-dropdown-submenu { min-width: 250px; border: 1px solid #d0c3af; }
.dropdown-pane { width: 250px; right: 1em !important; }
.dropdown .is-dropdown-submenu a i, #my-account-menu ul li a i { display: inline-block; width: 2.125em; margin-right: 0; }
.dropdown .is-dropdown-submenu a { background: #efece7; color: #603e0e; font-weight: normal; }
.dropdown .is-dropdown-submenu a:hover { background-color:#cac1b5; color: #603e0e; }
.dropdown.menu>li.is-active>a { color: #fff; background-color:#0d3f09; }
.drilldown .is-drilldown-submenu-parent>a::after { border-color: transparent transparent transparent #fff; }
.drilldown .js-drilldown-back>a::before { border-color: transparent #fff transparent transparent; }
.drilldown .js-drilldown-back a { color: #fff; font-weight: bold; }
.drilldown .is-drilldown-submenu a { background-color: #cac1b5; color: #603e0e; font-weight: normal; }
.drilldown .is-drilldown-submenu a:hover { background-color: #a99983; color: #603e0e; }
@media print, screen and (min-width: 40em) {
	.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a { padding-right: 1.75em; }
	.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after { border-color: #fff transparent transparent; right: 10px; }
}
@media print, screen and (min-width: 64em) {
	.large-align-left {
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
	}	
}

/* IMPORTANT NOTICE BUTTON */
#important-notice-button { 
	background: #e4ddc9 url(../img/vintage-concrete.png) repeat;
	padding: 0.75em 0;
}
#important-notice-button .button {
	margin-bottom: 0;
	border-radius: 4px;
	font-size: 1rem;
}
#important-notice-button .button:hover {
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	background-color: #ec1216;
}

/* BREADCRUMBS */
.breadcrumbs { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
.breadcrumbs a { font-weight: normal; color:#288b0c; }
.breadcrumbs li { color: #555; }
/* SUB NAV */
.subnav { border-bottom: 1px solid #b1a890; margin-bottom: 1.25em; }
.subnav a { color:#288b0c; font-weight: bold; }
.subnav a:hover { color: #288b0c; background-color: #eeebe2; }
.subnav .is-active>a {
	background: #b1a890;
	color: #fefefe;
}
/* BANNER FEATURES and FREE SAMPLE SECTIONS */
.banner, .free-sample { padding: 1.5rem 0; }
.banner .button, .features .button, .free-sample .button { 
	font-size: 1rem;
	border: 1px solid rgba(42,127,18,0.5);
	border-radius: 4px; 
}
/* BANNER AND PAGE HEADINGS */
.banner { background: #e4ddc9 url(../img/vintage-concrete.png) repeat; border-bottom: 1px solid #d0c3af; }
.banner p { color: #694210; font-size: 1.25rem; line-height: 1.5; margin-top: 1rem; }
.banner p a { font-weight: normal; }
.banner h3 { margin: 0; color:#5c3b0d; text-shadow:1px 1px 2px rgba(105,72,27,0.4); }
/* FEATURES SECTION */
.features { padding: 2em 0; background-color: #f6f4ed; }
.features h3 { margin-bottom: 1em; }
.features-list { margin-bottom: 2.5em; color: #444; font-size: 1.25rem; }
.features-list.menu a { 
	font-weight: normal;
	color:#288b0c; 
}
.features-list.menu a:hover {
	color: #33bd0c;
	background-color: transparent;
}
.features-list.menu a i {
	color: #c1992d;
}
.features-btn .button { margin-bottom: 0; }

/* Highlight Features List on Features page */
.highlights-list {
	list-style-type: none;
  margin: 0 1.5em 1em 0.5em;
  color: #777;
}
.highlights-list li {
	margin-bottom: 0.25em;
	font-size: 1.125rem;
	padding-left: 1em;
  margin-left: 0.25em;
}
.highlights-list li::before {
	color: #c1992d;
	display: inline-block;
	width: 1.75em;
	padding-right: .5em;
	margin-left: -2em;
}
.highlights-list .verse-links::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0c1";
}
.highlights-list .searchable::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f002";
}
.highlights-list .reg-code::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f084";
}
/* DOWNLOAD SAMPLE SECTION */
.free-sample { background-color: #b1a890; }
.free-sample p { color: #f7f7f7; font-size: 1.25rem; line-height: 1.5; margin-top: 1.5rem; font-weight: normal; }
@media print, screen and (min-width: 64em) {
	.banner p, .free-sample p { font-size: 1.5rem; }
}
/* MODALS */
.screenshot-modal { margin-top: 2.25rem; text-align: center; }
.screenshot-modal img, .border { border: 1px solid #ccc; }
/* CONTENT AREA */
.content { margin: 0.25rem 0 1rem 0; flex: 1 0 auto; }
.callout { background-color: #f9f8f6; border: 1px solid #dad2c7; border-radius: 4px; }
.callout .button { margin-bottom: 0; }
.main-items { margin-top: 1.25rem; margin-bottom: 1rem; }
.main-items .callout:hover { box-shadow: 0 3px 8px rgba(0,0,0,0.3); }
.main-items .callout { padding-top: 2rem; padding-bottom: 2rem; }
.main-items .callout i { margin-bottom: 0.75rem; }
.instructions { font-size: 1.125rem; color: #8d6a44; }
.myepubs-list { max-height: 300px; height: 300px; overflow-y: auto; margin: 1.875rem 0; }
.myepubs-list::-webkit-scrollbar { width: 16px; }
.myepubs-list::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
	border-radius: 8px;
}
.myepubs-list::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
	box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.myepubs-list .number-list li { margin-bottom: 0.25em; }
@media screen and (max-width: 27.625em) {
	.callout .button { margin-top: 0.5em; }
}
.inside-callout { background-color: #fff; padding: 0.75em; border: 1px solid #d0c3af; margin-bottom: 0.5em; }
.wbottommarg { margin-bottom: 1em; }
.button { background-color: #288b0c; font-weight: normal; }
.button:hover, .button:focus { background-color: #33bd0c; }
.important-note { text-align: center; background-color:#FF9; padding: 0.375em 0.5em; }
/* ORDERED LISTS */
.number-list { margin-left: 1rem; }
.number-list li { font-weight: bold; color: #8d6a44; margin-left: 1rem; margin-bottom: 0.875em; }
.number-list li span { font-weight: normal; color: #444; }
.number-list p { margin-bottom: 0; margin-top: 0.875em; }
.directions b { background-color: lightyellow; }
.lower-alpha { list-style-type: lower-alpha; }
.lower-alpha li { font-weight: normal; color: #555; }
/* UNORDERED LISTS DOWNLOAD MULTIPLE LINKS */
ul.no-bullet { margin: 0; }
ul.no-bullet input, .category-check-all input { margin-right: 0.75rem; }
.category-check-all { 
	margin: 0; 
	margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 0.875rem;
	font-weight: bold;
	line-height: 1; 
	color: #888; 
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
}
.categories { 
	list-style-type: none; 
	border: 1px solid #ccc; 
	border-bottom: none; 
	margin: 0; 
	margin-bottom: 1rem; 
}
li.category-title {
	border-bottom: 1px solid #ccc;
}
li.category-title a { 
	display: block; 
	padding: 0.75rem 1rem; 
	background-color: #f1f1f1; 
	position: relative;
}
li.category-title a::after {
	font-family: "Font Awesome 5 Free";
  font-weight: 900;
	content: "\f107";
	right: 1rem;
	position: absolute;
}
li.category-title input { margin-bottom: 0; }
.category-title div { margin: 1em; }
.category-controls { text-align: center; }
.category-controls .button { border: 1px solid #ccc; }
ul.no-bullet li a {  
	display: inline;
	background-color: #fff;
	padding: 0.25rem 0;  
}
ul.no-bullet li a::after { content: ""; }
/* FORMS */
label { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: bold; font-size: 1em; color: #444; }
label span { font-weight: normal; color: #777; }
td label { font-weight: normal; }
.login .callout { margin: 1.5em 1em; }

/* DASHBOARD */
#user-options { padding: 0; }
.menu.not-topbar a { color: #288b0c; }
.menu.not-topbar a:hover { background-color:rgba(79,50,10,.10); }
.menu.not-topbar i { margin-right: 0.375em; }
.dropdown-pane .menu.icons li a i { color:#948065; }
.welcome { line-height: 1; margin-bottom: 1rem; }
.menu.icon-top li a { text-align: center; }
.menu.icon-top li a i { margin-bottom: 0.5em; margin-left: 0; margin-right: 0; }
/* DOWNLOAD LIST */
.download-list {
	list-style-type: none;
	margin: 0 0 1em 0;
}
.download-list li { margin-bottom: 0.25em; }
.download-list li a {
	position: relative;
	padding: 0.5em 1em 0.5em 2.5em;
	display: block;
	background-color: #efefef;
}
.download-list li a:hover { background-color: #f5f1e9; }
.download-list li a::before {
	position: absolute;
	top: 0.5em;
	left: 1em;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f019';
	color: #c1992d;
}
/* TABLES */
table { border: 1px solid #d0c3af; border-collapse: separate; margin: 0; border-radius: 4px; }
table tbody td { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
table td .button { padding: 0.75em 1em; margin-bottom: 0; }
#user-info-options { width: 180px; }
.container { width: 100%; }
.table-container {
	width: 100%;
	overflow-y: auto;
	_overflow: auto;
	margin: 0 0 1em;
}
.table-container::-webkit-scrollbar
{
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}

.table-container::-webkit-scrollbar-thumb
{
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, .3);
}
thead {
    background: #efece7;
    color: #7c4b1a;
}
tbody tr:nth-child(even) { background-color: #f9f6f5; }
td input[type="checkbox"] { margin-bottom: 0; }
.purchase-list td[headers="title"] input[type="checkbox"] {     
	float: left;
	margin-top: 0.475rem; 
}
.purchase-list td[headers="title"] label { margin-left: 1.5rem; display: block; }
td[headers="price"] { text-align: right; }
.total-cost { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 1.125rem; }
.total-cost div { display: inline-block; padding: .5rem .625rem .625rem; }
/* ACCORDIONS */
.accordion-title input { margin-bottom: 0; margin-right: 0.75rem; }
.accordion-item:first-child>:first-child { border-radius: 4px 4px 0 0; }
:last-child:not(.is-active)>.accordion-title { border-radius: 0 0 4px 4px; }
.accordion-title {
	font-size: 1rem;
	padding-left: 2.5rem;
	color: #7c4b1a;
	font-family: 'Droid Serif',serif;
	background-color: rgba(216, 200, 175, 0.10);
	line-height: 1.25;
	border: 1px solid #dcd1c4;
	border-bottom: 0;
}
:last-child:not(.is-active)>.accordion-title { border-bottom: 1px solid #dcd1c4; }
.accordion-title span { font-weight: normal; color: #999; }
.accordion-title::before {
  position: absolute;
  top: 45%;
  left: 1rem;
  margin-top: -0.5rem;
	font-family: "Font Awesome 5 Free";
  content: '\f055';
	font-weight: 900;
}
.accordion-title a { line-height: 1.25; }
.is-active > .accordion-title::before { font-family: "Font Awesome 5 Free"; content: '\f056'; }
.accordion-title:hover, .accordion-title:focus { background-color: #f4f2ee; }
.inside .accordion-title { font-weight: normal; }
.inside .accordion-title span { font-weight: bold; color: #7c4b1a; }
:only-child:not(.is-active)>.accordion-title {
	border-radius: 4px 4px 4px 4px;
}
/* FAQ */
.question { font-weight: bold; margin-bottom: 0.25em; }
.answer { margin-left: 1.5em; }
/* show/hide notes button */
#ShowButton { display: block; }
#HideButton { display: none; }
@media print, screen and (min-width: 40em) {
.reveal.med-large {
    width: 75%;
    max-width: 73.125rem;
	}
}
@media print {
  a[href]:after { content: none !important; }
	.footer .grid-x>.medium-6 { width: 100%; }
	.grid-x.print-width>.large-6 { width: 100%; }
  .breadcrumbs, .menu.submenu { display: none; }
}
/* BACK TO TOP BUTTON */
a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: rgba(0,0,0,0.15) url("../img/up-arrow.png") no-repeat center 43%;
	border-radius: 30px;
}
/* FOOTER */
.footer { flex-shrink: 0; }
.footer a { color:#f6f4ed; font-weight: normal; text-decoration: underline; }
.footer-nav a { margin-left: 0.5rem; margin-right: 0.5rem; }
.footer a:hover { color: #4ec244; }
.footer p { color: #f6f4ed; font-size: 0.875rem; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-top: 1em; }