/* font-family: 'Cinzel', serif; for Title  
font-family: 'Open Sans', sans-serif; for body text 
font-family: 'Noto Serif', serif; for headings */
/* ---- CHANGE FONTS ---- */
body, p, button, .button, ul, ol, .top-bar-section ul li a {font-family: 'Open Sans', sans-serif;}
p, .panel p { color: #777; }
h1, h2, h3, h4, h5, h6 {font-family: 'Noto Serif', serif; font-weight:600;}
h1 {font-size: 2rem; color: #055324;}
h2 {font-size: 1.625rem; color: #0a5d2b;}
h3 {color: #968455; font-style:italic; margin-top:0;}
h4, .panel h4 {color: #0a5d2b;}
.location-header h2 { font-family: 'Open Sans', sans-serif; font-size: 0.875rem; font-weight:600; text-align:center; border: 1px solid #e3dbc3;background-color: #f1ede1; margin: 1px 0 .25em 0; padding: .25em; text-transform: uppercase; color: #5296a1; letter-spacing: 0.25em; }
@media only screen and (min-width: 54.1875em) {
	h1 { font-size: 2.25rem; }
	h2 { font-size: 1.875rem; }
	h3 { font-size: 1.5rem; }
	h4 { font-size: 1.25rem; }
	.church-announcement { font-size: 1.5rem; }
}
.page-title { padding-bottom: .25em; border-bottom: 1px dotted #0a5d2b; }
.top-bar-section ul li > a {font-size: 1rem;}
h2.options-header { padding: .75em 0; }
.church-announcement { margin: 2rem auto; text-align: center; color: #0a5d2b; }
/* ---- LISTS ---- */
	ul { margin-left: 2.1rem; }
	ul, ol { color: #777; }
	ol.decimalbd { list-style-type: decimal; font-weight: bold; }
	ol.lower-alpha { list-style-type: lower-alpha; font-weight: normal; }
/* ---- FONT AWESOME ---- */
.accordion .accordion-navigation a i.fa-check-square-o { color:#0F0; background:#fff; padding: 4px 1px 2px 2px; margin-right: 5px; }
.fa-check { color:#0C0; }
.fa-file-pdf-o, .fa-times { color:#F00; }
/* ---- NUMBER ---- */
.number {
    font-size:1.25rem; font-weight:bold;
}
/* ---- MORE UTILITY CLASSES ---- */
.larger-body-text { font-size: 1.25rem; }
.indent { margin-left: 1.25rem; }
.note, .panel .note { font-size: 0.875rem; margin-bottom:0.75rem; color: #999; }
.panel p.note:last-of-type { margin-bottom: 0 !important; }
@media only screen and (max-width: 54.1875em) {
	.note .show-for-small { display: inline !important; }
}
.red { color:#F00; font-weight: bold; }
/* ---- LINKS COLORS ---- */
a { color:#0897c5; font-weight:600; }
a:hover, a:focus { color:#1287ad; }
hr {border-color: #968455 ;}
/* ---- CHANGE MAX-WIDTH ---- */
.row, .contain-to-grid .top-bar { max-width: 73.13rem; }

/* ---- LOGO ---- */
.logo { margin: .5em; }
.logo h1 { font-family: 'Cinzel', serif; font-weight: normal; font-size: 1.5rem; text-transform: uppercase; line-height: 0.875em; color: #615229; padding: .15em 0; margin: 0; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.3); overflow:hidden; }
.logo h1 span { font-family: 'Noto Serif', serif; font-style: italic; text-transform: none; font-size: 1.275rem; color: #0c7837; }
.logo div.img-container { float: left; padding-right: .025em; }
.logo div.img-container img { max-width: 90%; }
@media only screen and (min-width: 36.250em) {
	.logo h1 {  font-size: 2.25rem; }
	.logo h1 span { font-size: 1.5rem; }
	/*.logo { margin: .5em 0; }*/
	.logo div.img-container { padding-right:.5em; }
	.logo div.img-container img { max-width: 100%; }
}
/* ---- SEARCH ---- */
.search { padding-top: 1rem; }
.search input, .search .button { margin-bottom: 0; }
@media only screen and (min-width: 54.1875em) {
	.search { padding-top: 1.75rem; }
}
/* ---- CHANGE TOP-BAR ---- */
.has-form {width: 20rem;}
@media only screen and (min-width: 54.1875em) {
	.top-bar-section li:not(.has-form) a:not(.button), .top-bar-section .has-form {
		background: -webkit-linear-gradient(#0a5d2b 50%, #055324 50%); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#0a5d2b 50%, #055324 50%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#0a5d2b 50%, #055324 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#0a5d2b 50%, #055324 50%); /* Standard syntax (must be last) top/bottom */	
	}
	.top-bar-section li:not(.has-form) a:not(.button):hover {
		background: -webkit-linear-gradient(#baa46a 50%, #ac9761 50%); /* For Safari 5.1 to 6.0 */
    	background: -o-linear-gradient(#baa46a 50%, #ac9761 50%); /* For Opera 11.1 to 12.0 */
    	background: -moz-linear-gradient(#baa46a 50%, #ac9761 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#baa46a 50%, #ac9761 50%); /* Standard syntax (must be last) */		
	}
	.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    	background: #ac9761;
    	color: #FFFFFF;
}
	.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
        color: #FFFFFF;
        background: #055324; }
}
.top-bar.expanded .title-area { background: #0a5d2b; }
.top-bar.expanded .toggle-topbar a { color: #d2e1f0; }
.top-bar.expanded .toggle-topbar a span::after { box-shadow: 0 0 0 1px #d2e1f0, 0 7px 0 1px #d2e1f0, 0 14px 0 1px #d2e1f0; }
.top-bar-section ul li { background: #055324; }
.top-bar-section ul li:hover:not(.has-form) > a { background-color: #baa46a; }
.top-bar-section ul li > a { font-size: 1rem; }
.top-bar,.contain-to-grid {
    background: -webkit-linear-gradient(#0a5d2b 50%, #055324 50%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0a5d2b 50%, #055324 50%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0a5d2b 50%, #055324 50%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0a5d2b 50%, #055324 50%); /* Standard syntax (must be last) */
}
.top-bar-section .divider, .top-bar-section [role="separator"] {
    border-top: solid 1px #055324;
}
.top-bar-section .dropdown label {
	background: #055324;
    color: #ccc;
    font-size: 0.75rem;
    padding: 0.25rem 0.9375rem;
}
@media only screen and (min-width: 54.1875em) {
	.top-bar-section .dropdown li label { background: #055324;}
}
/* ---- BREADCRUMBS ---- */
[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
    content: "";
}
/* ---- BUTTONS ---- */
button, .button, .button.expand { background-color: #0897c5; border-color: #1287ad; text-transform: uppercase; font-weight: 500; padding: 0.5rem 0.75rem; font-size: 0.875rem; }
button:hover, button:focus, .button:hover, .button:focus { background-color: #1287ad; }
.button.signin { padding: 0.615rem 2.5rem; margin-bottom: 0; margin-left: 0.5em; }
.account-buttons { text-align: right; margin-top:0.313rem; }
.account-buttons .button { margin-bottom:0.313rem; padding: 0.5rem 1rem 0.5rem 1rem; }
.split.button span { width: 2.09375rem; }
.split.button { padding-right: 3.0625rem; }
.f-dropdown { text-align: left; }
.f-dropdown li.purchased a { color:#0C0; }
button.dropdown { margin-bottom: 1.25rem; }
.button.dropdown { padding-right: 2rem; }
button.disabled, button[disabled], .button.disabled, .button[disabled] { background: #5296a1; opacity:0.8; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #5296a1; }
@media only screen and (min-width: 54.1875em) {
.top-bar .button {font-size: 0.75rem;}
}
.button.av { padding: 0.25rem 0.5rem; }
/* ---- AUDIO OPTIONS BUTTONS ---- */
.audio-options { padding-top: 0.5rem; text-align: center; }
@media only screen and (min-width: 54.1875em) {
	.audio-options { text-align: right; }
}
.audio-options .button { padding: 0.25rem 0.625rem; font-size: 0.75em; margin-bottom: 0.25rem; }
/* ---- LABELS ---- */
.label { background-color: #399dad; font-size: 0.7875rem; text-transform:uppercase; }
.sign-in-box label.inline {
    padding: 0.5625rem .25rem .5625rem 0;
    background: rgba(150,132,85,0.2);
}
td[headers="audio-language"] div.label { display:inline-block; width: 2.5em; margin-bottom: 2px; font-weight: 600; padding:0.25rem; }
.label.success { background:#0C0; }
/* ---- SIGN-IN SECTION ---- */
.sign-in-container { background:url(../img/cork-wallet-tanbg.jpg); }
.sign-in-container h2 { color:#fff; }
.sign-in-box h4 { margin-top: 0; text-align: center; }
.sign-in-box label.special { font-weight: 600; height: 2.3125rem; border-width: 1px 0 1px 1px; border-style: solid; border-color: #c7bca1; line-height: 1.125; color: #7b6b40; }
.sign-in-box input[type="text"] { border: 1px solid #c7bca1; }
.sign-in-box label.label-in { padding-right: .5rem; color: #7b6b40; }
@media only screen and (min-width: 54.1875em) {
	.sign-in-box h4 { text-align: left; }
	.sign-in-box label.label-in {float: none; display: inline;}
}
/* ---- SUB-NAV ---- */
.sub-nav {
    display: block;
    margin: 0.5rem auto; /* margin: 1px 0 .25em 0; */
	padding: 0 0.25rem;
	border: 1px solid #e3dbc3;
	background-color: #f1ede1;  
}
.sub-nav.block { margin: 0 0 0.75rem 0; }
.sub-nav.block dd { border-bottom: 2px dotted #e3dbc3; margin:0; font-size: 1rem; text-align:left; }
.sub-nav.block dd a.active:before {
	content: "\f138";
	font-family: FontAwesome;
    position: absolute;
	left: 1.65rem;
	padding-top: 0.175rem;
	z-index: 1;
	color: #0897c5;
}
.sub-nav.block dd a.active {
    border-radius: 0;
    background: #e3dbc3;
    color: #0897c5;
    cursor: default;
    font-weight: 600;
    padding: 0.1875rem 1rem 0.1875rem 1.5rem;
}
.sub-nav.block dd:first-of-type { margin-top: 0.25rem; }
.sub-nav.block dd:last-of-type { border-bottom: none; margin-bottom: 0.25rem; }
.sub-nav dt, .sub-nav dd, .sub-nav li {
    color: #5296a1;
	font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
.sub-nav dd { display: block; float: none; text-align: center; margin: .25em 0; }
.sub-nav dd a { color:#0897c5; font-weight:600; display: block; }
.sub-nav dd a:hover { background-color:#0897c5; color:#fff;}
@media only screen and (min-width: 41.375em) {
	.sub-nav { display: inline-block; }
	.sub-nav dd { float: left; }
	.sub-nav.block { display: block; }
	.sub-nav.block dd { float: none; }
}
/* ---- PANEL ---- */
.panel.sign-in-box { padding:1em 1.25em; margin-top: 0; background-color: rgba(241,237,225,0.5); border: 1px solid #968455; }
.panel.tan { background-color: #ede8db; border-color: #baa46a; }
.panel.tan.new { margin-top:0.5rem;}
.panel.tan.new h3{ text-align:center; line-height: 1.25;}
.panel.tan.new h3 span { font-size:1.125rem; font-style: normal; font-weight: normal; color: #777; }
.panel.tan.new p { border-bottom: 1px solid #baa46a; padding: 0.5rem; margin-bottom: 0.25rem; }
.accordion .panel.tan { margin-bottom: 0.15rem; }
.panel h4 { line-height: 1.3; margin-top:0; margin-bottom: 0.25rem; }
.panel .button { margin-bottom: 0.25rem; }
.panel.languages { padding: 0.5rem; margin-bottom: 0.75rem; }
.panel.languages h3 {color: #968455; line-height: 1.75rem;}

/* ---- FORMS ---- */
span.prefix, label.prefix {
    background: #eae7dd;
    border-right: none;
    color: #333333;
    border-color: #ddd5c0;
}
label { font-weight: 600; }
.input0 { padding-bottom: 0.75rem; }
.input0 input[type="text"] {margin-bottom:0;}
#LangSel {
  background-color: transparent;
  border: 0;
  background-image: url(../img/down-arrow-blue.svg);
  color: #0897c5;
  font-weight: bold;
  font-size: 1.125em;
  text-transform: uppercase;
  outline: none;
  margin-bottom: 0;
  width: 10.5em;
}
#LangSel:focus {
  background-color: transparent;
  border: 0;
  color: #0897c5;
}
#LangSel option {
  background-color: #fafafa;
  color: #333;
  font-weight: normal;
  font-size: 1em;
  text-transform: none;
}
.lang-icon {
  display: inline-block;
  padding: 0.325em;
}
.lang-icon i { 
  color: #0897c5; 
  font-size: 1.125em;
}
/* ---- TABLES ---- */
.container { width: 100%; }	
table { width: 100%; margin: 0; border-collapse: collapse; border: solid 1px #f1ede1; }
td:nth-child(1) { white-space:nowrap; }
td[headers="msg"] { text-align: center; font-weight: bold; }
td[headers="audio-language"] { text-align: center; max-width: 10em; min-width:10em; }
td[headers="audio-language"].multiple-languages { width: 50%; max-width: 50%; min-width: 25.563rem; text-align: left; }
td[headers="audio-language"].multiple-languages li { padding: 0 0.375rem 0.25rem 0.375rem; white-space:nowrap; }
td[headers="audio-language"].multiple-languages li input { margin-bottom: 0; }
td[headers="audio-language"].multiple-languages li label.disabled { cursor: default; }
td[headers="otl-language"] { width: 7.125em; }
td[headers="media"] { width: 6.75rem; min-width: 6.75rem; white-space:nowrap; }
td.purchased { color:#fff; background: #0C0;}
td[headers="msg-title"] { min-width: 22.5em; }
table td .button.dropdown { padding: 0.25rem 1.75rem 0.25rem 0.375rem; margin-bottom:0; }
table tr:nth-of-type(even) { background: #f5f5f5; }
tbody tr:hover { background-color:rgba(0,0,0,0.1); }
td, th { padding: .5em 1em; border: 1px solid #968455; }
.license { width: 1.625rem; }
td .button { margin-bottom: 0; }
td[headers="modify"] { width: 10rem; }
td[headers="group"] { width: 7rem; }
.table-container {
		width: 100%;
		overflow-y: auto;
		_overflow: auto;
		margin: 0 0 1em;
	}
table thead { background: #e3dbc3; }
table thead tr th { color: #968455; }
table tr td a { font-weight: 600; }
.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);
}

/* ---- PRICING TABLES ---- */
.pricing-table {border:0;}
.price-col { border: 1px solid #968455; margin-bottom: 1em;}
@media only screen and (min-width: 64.025em) {
	.price-col { margin-right: 1.5em; }
}
.pricing-table .title {
    background-color: #baa46a;
    color: #fff;
    font-family: 'Noto Serif', serif;
    font-size: 1.25rem;
    font-weight: 700;
    padding: 0.9375rem 1.125rem;
    text-align: center;
}
.pricing-table .sub-title {
    background-color: #dcd1b4;
    color: #055324;
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
	font-weight: 600;
    padding: 0.25rem 1.25rem;
    text-align: center;
	text-transform: uppercase;
	letter-spacing: .125em;
}
.pricing-table .price {
    background-color: transparent;
    color: #5296a1;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.625rem;
    font-weight: 600;
    padding: 0.75rem 1rem;
    text-align: center;
}
.pricing-table .price span {
	color: #777;
	font-size:1.25rem;
	font-weight: 500;
}
.pricing-table .price div {
	color: #968455;
	font-size:1rem;
	font-weight: 600;
	font-style: italic;
	padding: 1em 0;
}
.pricing-table .description {
    border-bottom: 0;
    color: #777;
    font-size: 0.875rem;
	padding: 0.75rem;
}
/*.pricing-table .description span { color:#0C0; font-weight:bold; }*/

/* ---- ACCORDIONS ---- */
#messages .accordion { counter-reset: section; }
.accordion { margin-left: 0; margin-bottom: 0.75rem; }
.accordion .accordion-navigation { margin-bottom: .15rem !important; }
#messages .accordion .accordion-navigation > a { 
	padding-left: 3.75rem; 
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; } 
.accordion .accordion-navigation > a { 
	font-family: 'Open Sans', sans-serif; 
	color: #5e4631; 
	font-weight: bold;
	background-color: #dcd1b4;
	border: 1px solid #baa46a;
	padding-right: 2.25rem;
}
.accordion .accordion-navigation > a em { font-weight: normal; }
.accordion .accordion-navigation > a:hover { background: #baa46a; }
.accordion .accordion-navigation.active > a { background: #baa46a; }
.accordion .accordion-navigation > .content { padding: 0; }
.accordion .accordion-navigation > .content.active { background: none; }
.accordion .accordion-navigation .content h3 span { font-size: .75em; color: #999; }
#messages .accordion-navigation > a:after {
    content: "\f055";
	font-family: FontAwesome;
    position: absolute;
	right: 1.75rem;
	z-index: 1;
}
#messages .accordion-navigation.active > a:after {
    content: "\f056";
	font-family: FontAwesome;
	color: #5e4631;
}
#questions .accordion .accordion-navigation > a { 
	padding-left: 3rem;
}
#questions .accordion-navigation  > a:before {
    content: "\f055";
	font-family: FontAwesome;
    position: absolute;
	left: 1.75rem;
	z-index: 1;
}
#questions .accordion-navigation.active > a:before {
    content: "\f056";
	font-family: FontAwesome;
	color: #5e4631;
}
#questions .accordion .accordion-navigation .answer { margin: 0 1.5rem 0.15rem 1.5rem; padding: .5rem 1.5rem; border-left: 1px solid #baa46a; border-right: 1px solid #baa46a; border-bottom: 1px solid #baa46a; }
#messages .accordion > li:before {
	counter-increment: section; 
  	content: counter(section);
	display: block;
	position: absolute;
	height: 50px;
	width: 50px;
	margin: 5px 0;
	left: .75em;
	text-align: right;
	font-weight: 600;
	color: #0a5d2b;
	font-size: 1.5em;
	padding: 5px 2px 0 2px;
}
.accordion .panel .button { margin-bottom:0.25rem; }
.not-available { margin: 0.75rem 0 0.25rem 0; border-top: 1px solid #baa46a; font-style: italic; padding-top: 0.25rem; }
.not-available .label { font-style: normal; }
/* ---- WATCH SAMPLE VIDEO SECTION ---- */
.watch-video { padding: 0 1.25em;  background-color:#dceaec; }
.watch-video h2 {text-align:center; padding: 0.5em 0; margin: 0; font-style:italic; }
.watch-video p { font-size: 1.125rem; text-align:center; padding: 0 .5em; color:#096979; }
@media only screen and (max-width: 64.025em) {
	.watch-video { margin-bottom: 1em; }
}

/* ---- ANNOUNCEMENTS ---- */
.announcement:first-of-type { border-top:1px solid #baa46a; }
.announcement { border-bottom:1px solid #baa46a; border-left:1px solid #baa46a; border-right:1px solid #baa46a; padding: 0;}
.announcement .date { background-color: #baa46a; color: #fff; font-size: 1.25em; font-weight: bold; padding: .25em .5em; }
.announcement p { margin: 0 1.25em 1.25em 1.25em; }
.announcement h3 { font-style: normal; color: #5296a1; margin: .5em; }
.preview-notice { margin-bottom: 5px; }

/* ---- FOOTER ---- */
.footer { background:url(../img/cork-wallet-greenbg.jpg); }
.footer p.copyright { color:#e7e7e7; font-size: 0.875rem; }
.footer .row { padding: 1em 0; }
.footer-links { font-size: 1rem; border-bottom: 1px dotted #fff; text-align:right; padding-bottom: .75em; }
.footer-links a { color: #fff; display: inline-block; padding: .5em .75em; background-color:rgba(0,0,0,0.4);}
.footer-links a:hover, .footer-links a:focus { background-color:rgba(0,0,0,0.6); }
@media only screen and (max-width: 36.250em) {
	.footer-links { text-align: center; }
	.footer-links a { margin-bottom: 0.25em; }
}
/* ---- 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;
}

/* ---- VIDEO PLAYER ---- */
figure {
      margin: 0;
      padding: 0;
    }
    .player-wrapper {
      width:        100%;
      margin-right: auto;
      margin-left:  auto;
	  margin-bottom: 1rem;
      box-shadow:   0 0 5px rgba(0,0,0,0.5);
    }
    #webserver-warning {
      margin:           0 0 1.25rem 0;
      padding:          1.5rem 1.75rem;
      background-color: none;
      display:          none;
	  border: 			1px solid red;
    }
	#webserver-warning h1 { color: red; }
	#webserver-warning h2 { color: #444; }
    .bmpui-ui-watermark {
      display: none;
    }
.content.video { margin-top: 1rem; }
.bmpui-ui-watermark { display: none;}
.placeholder { background: url("/img/VideoPlaceholder.jpg") no-repeat center center; }
.placeholder, .mtg-active { width:100%; height:23.125em; }
.msg-not-active { 
	position: absolute;
  left: 50%;
  top: 45%;
	width: 90%;
  -webkit-transform: translate(-50%, -55%);
  transform: translate(-50%, -55%);
	font-size: 2.5em;
	color: #086979;
	text-align: center;
	font-family: 'Noto Serif', serif;
	font-style: italic;
}