:root { /* This is the color pallette that is used throughout this books. */
  --primary-font: 'Roboto', sans-serif;
  --secondary-font: 'Playfair Display', serif;
  /*--primary-quote: 'Playfair Display', serif;*/

  --primary-bg: #006e97;
  --secondary-bg: #642aa5;
  --tertiary-bg: #1e2f3f;
  --bg-white: #ffffff;
  --download-hover-bg: #522398;
  --bg-sidenav: #F2F2F2;

  --text-black: #333333;
  --text-white: #ffffff;
  --text-main-header: #522398;
  --text-secondary: #006e97;
  --text-glossary-link: #337ab7;
  --text-medium-grey: #646464;
	
	--footer-bottom-bg: #333333;
	--footer-mid-bg: #eaeaea;
	--footer-top-bg: #a6e0e2;
	--text-color-white: #ffffff;
}
/*Homepage Background Images*/
.image1 { background-image: url(images/1.jpg); }
.image2 { background-image: url(images/2.jpg); }
.image3 { background-image: url(images/3.jpg); }
.image4 { background-image: url(images/4.jpg); }
.image5 { background-image: url(images/5.jpg); }
.image6 { background-image: url(images/6.jpg); }
.image7 { background-image: url(images/7.jpg); }
.image8 { background-image: url(images/8.jpg); }
.image9 { background-image: url(images/9.jpg); }
.image10 { background-image: url(images/10.jpg); }
.image11 { background-image: url(images/11.jpg); }
.image12 { background-image: url(images/12.jpg); }
.image13 { background-image: url(images/13.jpg); }
.image14 { background-image: url(images/14.jpg); }


.image1, .image2, .image3, .image4, .image5, .image6, .image7, .image8, .image9, .image10,
.image11, .image12, .image13, .image14, .image15, .image16, .image17, .image18, .image19, .image20{
	height: 250px;
}

.viewHome-chapter-panel-overlay-title{
	margin-top: 50px;
}
/*End Homepage Background Images*/

.section-heading-bg{
	background-image:url(images/top-banner-overlay.jpg);
}
.viewBios-header-text, .viewBios-content-author-name-text, .viewBios-content-author-name-label, .viewToc-content-chapter-link,
.topNav-title, .displayChapter-section1-header{
	text-transform: uppercase;
}

.viewBios-header-text{
	font-weight: 100;
}
.viewToc-content-header{
	font-size: 25px;
}

.displayChapter-intro-quote p, h1, h2, .sidebar-heading, .exercise-heading, h3, h4, .displayChapter-section2-header,
.viewHome-chapter-panel-overlay-title, .navbar-brand, .displayChapter-section1-header, .viewHelp-content-heading,
.viewGlossary-content-letter-group-term, .viewBios-content-author-name-text{
	font-family: 'Playfair Display', serif;
	font-family: var(--secondary-font);
}

p, h5, .navbar-nav, .viewBios-content-author-text, .viewHelp-content-paragraph, .viewGlossary-content-letter-group-def,
.btn-default, .btn-menu, .quote-pull, .blockquote, .author, .btn-graphic-prev, .btn-graphic-next, .table, .table caption,
.table-responsive > .table caption, .panel-collapse > .table caption, .exercise-within-article{
	font-family: 'Roboto', sans-serif;
	font-family: var(--primary-font);
}

.quote-pull,
.image-bg-txt,
.sidebar-nav li a:hover,
.viewGlossary-content-letter-group-heading
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,  { 
	background-color: #642aa5; 
	background-color:var(--secondary-bg); 
}

.download-document, .sidebar .sidebar, .viewBios-content-author-name-label{
	background-color: #006e97;
	background-color: var(--primary-bg);
}

.navbar-default .navbar-toggle .icon-bar, .section-heading-bg { 
	background-color: #1e2f3f;
	background-color: var(--tertiary-bg);
}

h1, h3, .viewHome-chapter-panel-overlay-title, .navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus, .container-bg h4,
.container-bg ul, .btn-reference, .btn-default, .media-brake-txt, .glyph, .table caption,
.table-responsive > .table caption,
.panel-collapse > .table caption, .label, .footer-bottom-text, .download-document:hover, .viewBios-content-author-name-label,
.download-document, .viewBios-content-author-name-label, .viewGlossary-content-letter-group-heading-text,
.navbar-default .navbar-nav > .open > a, .viewGlossary-content-letter-group-heading-button-link-icon{
    color: #ffffff;
    color: var(--text-white);
}

.btn-reference:hover, .btn-reference:focus, .btn-reference.focus, .btn-reference:active,
.btn-reference.active, .btn-default:hover, .btn-default:focus, .btn-default.focus,
.btn-default:active, .btn-default.active,.open > .dropdown-toggle.btn-default,.btn-default:hover,
.btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active,
.open > .dropdown-toggle.btn-default, 
.navbar-default {
	background-color: #ffffff;
	background-color: var(--bg-white);
}

h2, .sidebar-heading, .exercise-heading, h3, h4, .displayChapter-section2-header {
    color: #1e2e3f;
    color: var(--text-color2);
    /*dark blue*/
}

h4, .navbar-default .navbar-brand, .viewGlossary-content-letter-group-term, .initial-glossary-term, .subsquent-glossary-term,
.viewHelp-content-sub-heading, .sidebar-nav > .sidebar-brand{
    color: #006e97;
    color: var(--text-secondary);
}

h5, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav, .viewBios-content-author-text, .viewHelp-content-paragraph, 
.viewGlossary-content-letter-group-def, .viewHelp-content-heading, .sidebar-nav li a,
.blockquote, .quote-pull, .exercise-within-article, .txt-black, .modal-title,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus, .sidebar-content, .dropdown-menu > li > a, .viewBios-content-author-name-text,
.viewToc-content-header, .navbar-default .navbar-nav>li>a{
    color: #333333;
    color: var(--text-black);
}

.displayChapter-section1-header{
	color: #522398;
	color: var(--text-main-header);
}

.download-document:hover{
	background-color: #522398;
	background-color: var(--download-hover-bg);
}

.viewGlossary-content-letter-group-heading-button-link{
    color: #337ab7;
    color: var(--text-glossary-link);
}

.btn-menu, .btn-reference:hover, .btn-reference:focus, .btn-reference.focus, .btn-reference:active,
.btn-reference.active, .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active,
.btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #646464;
    color: var(--text-medium-grey);
}

.sidebar-nav {
    background-color: #F2F2F2;
    background-color: var(--bg-sidenav);
}

.footer-top {
    background-color: #a6e0e2;
    background-color: var(--footer-top-bg);
}

.footer-mid {
    background-color: #eaeaea;
    background-color: var(--footer-mid-bg);
}

.footer-bottom{
	background-color: #333333;
	background-color: var(--footer-bottom-bg);
}

.navbar-default .navbar-toggle { 
	border-color: #1e2f3f; 
}

.logo-image{
	width:80%;
}

body{
	padding: 0;
}

/*.exercise-within-article {
	background-color: rgb(0,110,151);
	background-color: rgba(0,110,151,.05);
	background-color: var(--bg-color13);
	light blue
	border-left: 5px solid #006e97;
}*/

.example-1 {
	margin-bottom: 1em;
}

.text-table {
	padding-top: 5px;
	padding-bottom: 5px;
	overflow-x: visible;
}

.displayChapter-section2-header, .exercise-heading{
	text-transform: uppercase;
	font-size: 18px;
	color: #522398;
}

.quote-pull{
	color: #ffffff;
	background-color: #295fa0;
	border-left-color: #522398;
}

.exercise-article{
	padding-right: 10%;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .dropdown-menu > li > a:focus{
	color: #ffffff;
	background: #522398;
}

.displayChapter-section1-header, .example-1-article, .example-2-article, .example-3-article{
	clear: both;
}

.exercise-article > .exercise-flip-container > ol{
	font-size: 16px;
}

/* For web book header logo in the upper left hand corner of screen in the header bar. */

.logo-container {
	display: flex;
	align-items: center;
}
.logo-image-container {
	width: 63px;
	margin-right: 5px;
	display: inline-block;
}
.logo-image {
	width: 63px;
}
.logo-text {
	font-size: 22px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: .5px;
}

.logo-container:hover{
	color: #522398;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
	color: #522398;
}

.mainHeader-main-menu-options-chapters:hover, .mainHeader-main-menu-options-chapters:focus{
	background-color: #522398;
	color: #ffffff;
}

.sidebar .sidebar{
	background-color: #295fa0;
	border-right-color: #642aa5;
	}
.sidebar-heading{
	text-transform: uppercase;
	color: #522398;
}

.viewGlossary-content-letter-group-heading{
	background: #295fa0;
}

.viewGlossary-main-selector{
	padding: 0;
}