:root {
  --primary-color: #1a5f40;
  --primary-color-dark: #0a2318;
  --secondary-color: #bd2315;
  --white: #ffffff;
  
  --bar: var(--white);
  --handle:var(--secondary-color);
  --marker: var(--secondary-color);
  --marker-inner: var(--white);
}
/*
 * Custom overrides for BookReader Demo.
 */
body {
    margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
    background-color: var(--primary-color);
}
.BookReader {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
    background-color: var(--primary-color);
}
.BookReader:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .2;
    background-color: var(--primary-color);
    background-image: url('./pattern.png');
    background-size: cover;
    background-blend-mode: soft-light;
}
.BRtwopageview {
    background-color: var(--primary-color-dark);
    border-radius: 5px;
}
/* always use a light color */
.BRnav {background-color: var(--bar);}
.BRnav .BRpager .ui-slider-handle {background-color: var(--handle);}
.BRnav .BRnavCntl {background-color: var(--secondary-color);}
.BRnav .BRnavCntl:hover {
    background-color: var(--secondary-color);
    opacity: .85;
}
.BRnavpos {margin-left: 20px;}
.BRemptypage {background-color: var(--primary-color-dark);}
.BRleafEdgeR {
    border-width: 0px 1px 1px 0px;
    border-radius: 0 5px 5px 0px;
}
.BRleafEdgeL {border-radius: 5px 0px 0px 5px;}
/* display logo */
.BRtoolbarSectionLogo {
    text-align: center;
    display: inline-block;
}
.BRtoolbarSection.BRtoolbarSectionLogo a.logo {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
/* coloring placeholder and styling search  */
.BRsearchInput::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--white);
    opacity: 1; /* Firefox */
}
.BookReader .BRbooksearch.desktop, .BRmobileMenu .BRbooksearch.desktop, .BRfloat .BRbooksearch.desktop {
    height: 35px;
    padding: 5px 10px;
}
/* coloring pagination indicator */
.BRcurrentpage {color: var(--primary-color-dark);}
.BRsearchInput:-ms-input-placeholder { /* Internet Explorer 10-11 */color: var(--white);}
.BRsearchInput::-ms-input-placeholder { /* Microsoft Edge */color: var(--white);}
/* Customize marker color */
.BookReader .BRsearch, .BRmobileMenu .BRsearch, .BRfloat .BRsearch {
    background-image: none;
    border-radius: 50%;
    border: 6px solid var(--marker);
    width: 6px;
    height: 6px;
    background-color: var(--marker-inner);
}
.BookReader .BRsearch::after {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    bottom: -23px;
    left: -6px;
    border: 9px solid transparent;
    border-top: 14px solid var(--marker);
}
.BookReader .BRsearch.front, .BRmobileMenu .BRsearch.front, .BRfloat .BRsearch.front {
    background-image: none;
    opacity: .85;
}
/* end of custom overrides */

/* BR error  */
.BRerror {
    font-family: 'Helvetica', 'sans';
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translateX(-50%); 
    color: var(--white);
    font-size: 20px;
    text-align: center;
}
.BRerror h3 {
    font-size:28px;
}
/* Hide print and embed functionality */
/* HIDDEN STUFF (buttons, title, info, share) */
.BRtoolbarSection.BRtoolbarSectionInfo, .BRtoolbarSection.BRtoolbarSectionTitle, button.onepg, button.thumb, button.twopg, .BRtoolbar .embed, .print {
    display: none;
    visibility: hidden;
}