@charset "utf-8";
/* FONTS 
		font-family: 'Cinzel', serif;
		font-family: 'Lora', 'Georgia' ,'Times New Roman', serif;
    font-family: 'Roboto', 'Tahoma', 'Helvetica', sans-serif;
*/
html, body { height: 100%; }
html.is-reveal-open body {
  height: auto;
}
body { 
  font-family: 'Roboto', 'Tahoma', 'Helvetica', sans-serif; 
  color: #555; 
  display: flex;
  flex-direction: column;
}
#content-section {
  flex: 1 0 auto;
  margin-bottom: 2rem;
}
#footer-wrapper {
  flex-shrink: 0;
}
a, .breadcrumbs a { color: #d02323; }
a:hover { color: #791b1b; text-decoration: underline; }
small { font-size: 70%; }
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: #999;
}

/* LOGO AND TITLE */
.site-title { padding: 0.5em 0; }
.site-title a:hover { text-decoration: none; }
.site-title h1 { font-family: 'Cinzel', serif; color: #bfa582; text-transform: uppercase; line-height: 1; font-size: 2em; margin-bottom: 0; padding-top: 0.1375em; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); }
.site-title h1 span { font-family: 'Lora', 'Georgia' ,'Times New Roman', serif; font-style: italic; color: #000; text-transform: none; font-size: 80%; padding-left: 0.125em; }
.site-title img { float: left; margin-right: 0.75rem; margin-bottom: 0; max-width: 90px; }
@media only screen and (min-width: 40em) {
	.site-title h1 { font-size: 2.375em; }
}
@media screen and (max-width: 40em) {
	.navigation .grid-container { padding: 0; }
	small { font-size: 80%; }
}
@media screen and (max-width: 25em) {
  .site-title img {
    float: none;
    width: 120px;
    height: auto;
    max-width: 100%;
    position: absolute;
    opacity: 0.2;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
  }
  .site-title h1 {
    text-align: center;
    z-index: 2;
  }
  .read-online-btn {
    z-index: 2;
  }
}
.read-online-btn { margin-top: 0.5em; }
.read-online-btn .button { font-size: 0.875rem; }

.highlight { 
	font-family: 'Lora', 'Georgia' ,'Times New Roman', serif;
	font-size: 1.275rem; 
	font-style: italic;
	color: #000;
}
.cinzel { font-family: 'Cinzel', serif; text-transform: uppercase; }
.no-break { white-space: nowrap; }
.note { color: #999; font-size: 0.875rem; }
.img-border { border: 1px solid #555; }
img { margin-bottom: 1em; }
.top { padding-top: 1em; }
.bottom { padding-bottom: 1em; }
.no-bottom-m { margin-bottom: 0; }

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 { 
  font-family: 'Lora', 'Georgia' ,'Times New Roman', serif; 
  color: #764c24; 
  line-height: 1.3; 
}
/* BANNER */
.banner { background:#efece7 url(../img/banner-bg.jpg) no-repeat; border-bottom: 1px solid #dbceba; }
.banner h2 { margin: 0.5em 0; font-style: italic; color: #573714; }
/* TOP BAR */
.no-js .top-bar {display: none;}
@media screen and (min-width: 40em) {
  .no-js .top-bar {display: block;}
  .no-js .title-bar {display: none;}
}
.top-bar { padding: 0; }
.navigation, .top-bar, .top-bar ul { background-color: #791b1b; font-family: 'Lora', 'Georgia' ,'Times New Roman', serif; }
.top-bar ul ul { background-color: #c8b59d; }
.dropdown.menu > li > a { padding: 0.75rem 1.25rem; color: #fff; text-decoration: none; }
.dropdown .is-dropdown-submenu a, .dropdown .is-dropdown-submenu a:hover, .dropdown .is-dropdown-submenu a:focus { color: #fff; }
.dropdown.menu.vertical > li.opens-right > a::after { border-color: transparent transparent transparent #fff; }
@media print, screen and (min-width: 40em) {
	.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { border-color: #fff transparent transparent; }
}
.dropdown.menu > li > a:hover, .dropdown.menu > li.is-active > a { background-color: #c8b59d; color: #fff; text-decoration: none; }
.dropdown .is-dropdown-submenu a:hover { background-color: #bfa582; }
.dropdown.menu > li.is-dropdown-submenu-parent > a, .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { padding-right: 2em; }
.dropdown.menu > li.is-dropdown-submenu-parent > a::after, .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { right: 13px; }
.is-dropdown-submenu { width: 310px; }
.title-bar { background-color: #791b1b; padding: 0.625rem 0.5rem; }
.title-bar .menu-icon { margin-right: 0.75rem; }
.title-bar-title { font-weight: normal; }
.is-drilldown, .drilldown .is-drilldown-submenu { background-color: #c8b59d; }
.drilldown a { background: #c8b59d; color:#fff; }
.drilldown a:hover { background: #bfa582; }
.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; }

/* INTRO PAGE */
.intro:first-of-type { padding-top: 1.75em; }
.intro:last-of-type { padding-bottom: 1.75em; }
.intro { padding-top: 0.5em; padding-bottom: 0.5em; }
@media screen and (min-width: 40em) {
	.intro { padding-top: 1.75em; padding-bottom: 1.75em; }
}
.intro .callout { margin-bottom: 0; background-color: rgba(245,243,240,0.5); }
.main-img { float: right; padding: 0 0 1em 1em; }
.xref-img {
  height: 488px;
  width: auto;
}
@media screen and (max-width: 32.5em) {
	.main-img { float: none; display: block; padding: 1em 0; margin: 0 auto; }
}

/* ORBIT */
.comments .orbit-container {
height: 100%;
background-color: rgba(0,0,0,0.1);
margin-bottom: 1em;
}
.orbit-text { padding: 1rem 4rem; margin: auto; }
.orbit-text p { color: #555; margin:0; }
.orbit-previous, .orbit-next { color: rgba(0,0,0,0.3); }
.orbit-previous:hover, .orbit-next:hover, 
.orbit-previous:active, .orbit-next:active, 
.orbit-previous:focus, .orbit-next:focus {
  background-color: 
  transparent; color: rgba(0,0,0,0.5); 
  cursor: pointer; 
}
.fullscreen-image-slider .slide {
  background-image: url('../img/slider/recver-slider-background.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.fullscreen-image-slider .orbit-figure {
  margin: 0 auto;
  text-align: center;
}
.fullscreen-image-slider .orbit-image {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}


/* BUTTONS */
.button { 
	background-color: #791b1b; 
	padding: 0.5em 1em; 
  font-family: 'Lora', 'Georgia' ,'Times New Roman', serif;
	font-size: 1rem; 
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	border-radius: 4px;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.button-space:not(:first-child):not(:last-child) {
	margin-left: 20px;
	margin-right: 20px;
}
.button:hover, .button:focus {
	background-color: #d02323;
}
.button .fa-file-pdf { padding-left: 5px; }

/* LISTS */
ol[type="I"] { margin-left: 2.5rem; }
ol[type="I"] li { font-size: 1.5rem; color: #764c24; font-family: 'Lora', 'Georgia' ,'Times New Roman', serif; }
ol[type="A"] li { font-size: 1.25rem; }
.translation { margin-top: 1em; font-size: 1rem; font-style: normal; font-family: 'Roboto', 'Tahoma', 'Helvetica', sans-serif; color: #555; }
ol[type="A"] li p { margin-top: 0; }

/* FORMS */
label { font-size: 1rem; }
label span { margin-right: 1em; color: #06C; font-weight: bold; border: 2px solid #06C; border-radius: 50%; padding: 0.25em 0.375em; }
.label-heading { font-size: 1.25rem; font-family: 'Lora', 'Georgia' ,'Times New Roman', serif; color: #764c24; }
.input-group { margin-bottom: 0.5rem; }
.input-group-label { background-color: #f5f3f0; border-color: #dbceba; }
label.middle { padding: 0.375rem 0 0.25em 0; margin-bottom: 0; }
input[type="radio"], input[type="text"], select { margin-bottom: 0; }
.radio-btns { padding-top: 0.5em; }
form .grid-padding-x { margin-bottom: 0.75rem; }
.navigation form .grid-padding-x { margin-bottom: 0; }
.navigation select { height: 2rem; margin: 0; padding: 0.125rem 1.5rem 0.125rem 0.5rem; line-height: 1; }
.navigation label { color: #fff; }
.navigation label.middle { padding: 0 0.5rem 0 0; margin: 0.5rem 0; }
@media screen and (max-width: 40em) {
	.navigation label.middle { margin-bottom: 0; margin-top: 0.25rem; }
}

/* CALLOUTS */
.callout { background-color: #f5f3f0; border-color: #dbceba; border-radius: 4px; }
.callout.quote { background-color: #fff; padding: 1rem 1.25rem; }
.callout.quote h3 { color: #764c24; }
.callout.quote p { color: #764c24; }
.callout img { display: block; margin: 1em auto; }
.search-form { background-color: rgba(239,236,231,0.75); padding: 0.5em 0.75em; margin-bottom: 0; }
.search-form input[type="radio"] { margin-bottom: 0; }
.focus-title { margin-bottom: 0; }
.focus-title small { color: #444; font-size: 75%; line-height: 1.5; }
.focus-title span { color: #bfa582; }

/* TOC INDEX PAGE */
.toc-index { border: 1px solid #dbceba; padding-bottom: 1rem; }
.toc-index h4 { padding: 1rem; border-bottom: 1px solid #dbceba; }
.toc-index ul { list-style-type: none; margin: 0 1rem; }
.toc-index ul li a { display: block; padding: 0.25em 0.5em 0.25em 1.5em; }
.toc-index ul li a:hover { text-decoration: none; color: #d02323; background-color: #f5f3f0; }

/* BLOCKQUOTES */
blockquote {
		font-family: 'Lora', 'Georgia' ,'Times New Roman', serif;
    margin: 0 0 1em 0;
    padding: 1.25rem 1.75rem;
		background-color: rgba(0,0,0,0.1);
		color: #777;
    border-left: none;
		text-align:center;
		font-size: 1.25rem;
		font-style: italic;
}
blockquote cite { font-family: 'Roboto', 'Tahoma', 'Helvetica', sans-serif; font-style: normal; font-size: 1rem; } 

/* BREADCRUMBS */
.breadcrumbs { margin-top: 0.25em; }

/* QUICK TOUR MENU */
.menu { font-family: 'Lora', 'Georgia' ,'Times New Roman', serif; }
.menu a:hover { text-decoration: none; }
.tour .menu { background-color: #f5f3f0; border: 1px solid #dbceba; border-radius: 4px; margin-bottom: 1em; }
.tour .menu a { 
	color: #d02323; 
	padding: 0.7rem 1rem;
}
.tour .menu a:hover { background-color: #d2c5b6; color: #fff; }
.tour .menu li.active a, .tour .menu .is-active { background-color: #e2d9d0; color: #d02323; }
.sample-pages img { border: 2px solid #dbceba; margin-bottom: 1.125em; }
.tour .menu li:last-child { margin-bottom: 1rem; }

.docs-nav-title {
  text-transform: uppercase;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size: 0.75rem;
  line-height: 1.6;
  margin: 1rem 0.75rem;
  color: #5a5a5a;
  letter-spacing: .1em;
  border-bottom: 1px solid #dedede;
}

/* FOOTNOTES PAGE */
.reference { font-weight: bold; margin-bottom: 0; }
p .reference { color: #cc9933; }
.verse strong, .verse strong sup { color:#cc9933; }
.verse sup { color: #d02323; font-weight: bold; } 
.footnote { color:#cc9933; margin-left: 1em; text-indent: 1em; }

/* SCREENSHOT IMAGES */
.links h3 { margin-bottom: 0; }
.links hr { margin: 0.75em auto; }
.screenshots img { border: 1px solid #ccc; border-radius: 4px; margin: 0 0 1rem 0; display: inline-block; }
@media screen and (min-width: 40em) {
	.screenshots img { margin: 0; }
}

/* MODALS */
.reveal {
	border-radius: 6px;
	padding: 1.5em; 
}
.reveal p { text-indent: 1em; margin-bottom: 0; text-align: justify; }
.no-indent p { text-indent: 0; }
.close-button, .close-button.medium {
    right: 0.75rem;
    top: 0.75rem;
    font-size: 1.75em;
}

/* CHARTS AND MAPS */
.charts-maps-samples { padding: 0.5em 1em; text-align: center; background-image:url(../img/cross-ref-bg.jpg); border:1px solid #780d06; }
.charts-maps-samples img { border: 2px solid #bbac95; }
.charts-maps-samples .small-up-1 img { margin-bottom: 0.5em; margin-top: 0.5em; }
.gnte-sample { background-color:#791b1b; border:1px solid #780d06; margin-bottom:1em; padding:1em; }
.gnte-sample img { margin-bottom: 0.75em; }
.gnte-sample p { color:#ede4d3; }
.gnte-sample a { color:#FF0; }

/* ACCORDIONS */
.accordion-title {
	font-size: 1rem;
	color: #b81818;
	padding-left: 2.5rem;
	background-color: rgba(216, 200, 175, 0.10);
	line-height: 1.25;
}
.accordion-title span { font-weight: normal; color: #999; }
.intro-links .accordion-title { text-transform: uppercase; }
.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; color: #d02323; }
.intro-links .accordion-content { padding: 0; }
.intro-links :last-child > .accordion-content:last-child { border-bottom: 1px solid #7c4b1a; }

/* IMG THUMBNAILS AND LARGER SIZE MODAL IMGS */
.img-thumbnails {
  margin: 1rem 0;
  text-align: center;
}
.img-thumbnails img {
  width: 200px;
  height: auto;
}
.img-thumbnails.partial img {
  width: 300px;
  height: auto;
}
.img-fullsize {
  text-align: center;
}
.img-fullsize img {
  max-height: 700px;
  width: auto;
  box-shadow: 2px 2px 5px #d7d7d7;
  border-radius: 10px;
}
.reveal img {
  margin: 1rem 0;
}
.reveal-flexbox {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.feature-img {
  width: 100%;
  max-width: 360px;
  height: auto;
}

/* DEFINITION LISTS */
dl dd {
  margin-bottom: 1rem;
  margin-left: 1rem;
}

/* APP STORE BADGES */
.badges {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}
.badges img {
  max-height: 75px;
  width: auto;
}

/* MEDIA OBJECTS */
.media-object img {
  margin-bottom: 0;
}
.media-object {
  margin-bottom: 2.5rem;
}
/* Small only */
@media screen and (max-width: 39.9375em) {
  .media-object {
    flex-wrap: wrap;
    justify-content: center;
  }
  .media-object-section:first-child {
    padding-right: 0;
  }
  .media-object-section .thumbnail {
    margin-bottom: 0.75rem;
  }
  .media-object-section {
    text-align: center;
  }
  .media-object-section .button {
    margin-bottom: 1rem;
  }
}

/* CALLOUT ICON CARDS */
.resource-cards .cell {
  width: 19em;
}
a.icon-card-link {
  text-decoration: none;
}
a.icon-card-link:hover .callout.icon-card {
  box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
}
.callout.icon-card {
  padding: 1.5rem;
  box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
  margin-bottom: 1.875rem;
}
.callout.icon-card i {
  color: #a71212;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
.callout.icon-card h4 {
  margin: 0.5rem 0 0.25rem 0;
  color: #573714;
}

/* Video clips small thumbnails */
.video-thumbnails {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  margin: 1rem 0;
}
.video-thumbnails > div {
  width: 338px;
  text-align: center;
  margin: 1rem;
}
.video-thumbnails p {
  margin: 1rem;
  text-align: left;
}
.video-thumbnails .responsive-embed.widescreen {
  padding-bottom: 189px;
  margin-bottom: 0;
  border-radius: 4px;
}
.video-thumbnails .responsive-embed.widescreen video {
  height: auto;
}
.bmpui-ui-watermark {
  display: none;
}

/* PRE-FOOTER */
.pre-footer { background-color: #e9e0d1; border-top: 1px solid #dbceba; }
.pre-footer h3 { font-style: italic; }
.pre-footer .cell { padding-top: 0.75em; padding-bottom: 0.75em; }
.pre-footer p { margin: 0; font-size: 0.875rem; }
.pre-footer .callout { background-color: rgba(255,255,255,0.4); border-color: #bfa582; }

/* FOOTER */
.footer { background-color: #791b1b; }
.footer p { color: #ccc; margin: 0.75em 0; font-size: 0.875rem; }
.footer p a { color: #fff; }
.footer .menu { font-family: 'Roboto', 'Tahoma', 'Helvetica', sans-serif; margin: 0.75em 0; font-size: 0.875rem; }
.footer .menu li a { color: #fff; padding: 0.25em 0.75em; }
.footer .menu li a:hover { text-decoration: underline; }
@media screen and (min-width: 40em) {
	.medium-align-right {
			-webkit-box-pack: end;
			-webkit-justify-content: flex-end;
			-ms-flex-pack: end;
			justify-content: flex-end;
	}
}
/* 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;
}