@font-face {
font-family: 'Andalus';
src: url('andalus.eot');
src: url('andalus.eot?#iefix') format('embedded-opentype'),
url('andalus.woff2') format('woff2'),
url('andalus.woff') format('woff'),
url('andalus.ttf')  format('truetype'),
url('andalus.svg#svgFontName') format('svg');
}
@font-face {
font-family: 'Gentium';
src: url('gentium.eot');
src: url('gentium.eot?#iefix') format('embedded-opentype'),
url('gentium.woff2') format('woff2'),
url('gentium.woff') format('woff'),
url('gentium.ttf')  format('truetype'),
url('gentium.svg#svgFontName') format('svg');
}
@font-face {
font-family: 'Gentium';
src: url('gentium_.eot');
src: url('gentium_.eot?#iefix') format('embedded-opentype'),
url('gentium_.woff2') format('woff2'),
url('gentium_.woff') format('woff'),
url('gentium_.ttf')  format('truetype'),
url('gentium_.svg#svgFontName') format('svg');
font-style: italic;
}
* {box-sizing:border-box; padding:0; margin:0 auto; font-family:inherit; -webkit-print-color-adjust:exact;}
html {font-size:15px; font-size:18px; background:#f7f2ec url('bg_lft.png') repeat-y 0 0;}
body {text-align:center; font-family: 'Gentium', serif; background:url('bg_rgt.png') repeat-y 100% 0; min-height:100vh;}
h1 {font-family:'Andalus', 'Gentium', serif;}
h2 {font-family:'Andalus', 'Gentium', serif;}
h3 {font-family:'Andalus', 'Gentium', serif;}
h4 {font-size:1.5rem;}
h5 {font-size:1.2rem;}
h6 {font-size:1rem;}
ul, ol {list-style-position:inside;}
a, a:hover, .maroon {color:#75162e;}
main {min-height:calc(100vh - 450px); padding:30px;}
::-webkit-scrollbar {width:6px; height:6px;}
::-webkit-scrollbar-track {background:#262124;}
::-webkit-scrollbar-thumb {background:#574e56;}
::-webkit-scrollbar-thumb:hover {background:#a1ba44;}
.max {max-width:100%;}
.full {width:100%;}
.wrapper {width:100%; max-width:750px;}
.grid {max-width:calc(100% - 120px);}
.flex {display:flex; flex-wrap:wrap; justify-content:space-between;}
.col {margin:0; width:100%; max-width:390px; padding:15px;}
.rel {position:relative;}
.l {text-align:left;}
.r {text-align:right;}
.c {text-align:center;}
.j {text-align:justify;}
.i {font-style:italic;}
.pad {padding:30px 0;}
.padded p, .padded ul, .padded ol, .padded dl {padding:0 0 15px;}
.lst {list-style:none;}
.lst li, .blt-red {padding-left:24px; background:url('blt_red.png') no-repeat 0 3px;}
.btn {background:#fff; border:1px solid #75162e; padding:3px 9px; cursor:pointer; text-decoration:none;}
.blt-gray {padding-left:24px; background:url('blt_gray.png') no-repeat 0 3px !important;}
.blt-green {padding-left:24px; background:url('blt_green.png') no-repeat 0 3px !important;}
.grd {background:-moz-linear-gradient(left, #d3ac66, rgba(255,255,255,0) 100%); background:-webkit-linear-gradient(left, #d3ac66 0%,rgba(255,255,255,0) 100%); background:linear-gradient(to right, #d3ac66, rgba(255,255,255,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3ac66', endColorstr='#00ffffff',GradientType=1);}
.grd-teal {background:-moz-linear-gradient(left, #3c7359 0%, rgba(255,255,255,0) 100%); background:-webkit-linear-gradient(left, #3c7359 0%,rgba(255,255,255,0) 100%); background:linear-gradient(to right, #3c7359 0%,rgba(255,255,255,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c7359', endColorstr='#00ffffff',GradientType=1);}
.grd-red {background:-moz-linear-gradient(left, #75162e 0%, rgba(255,255,255,0) 100%); background:-webkit-linear-gradient(left, #75162e 0%,rgba(255,255,255,0) 100%); background:linear-gradient(to right, #75162e 0%,rgba(255,255,255,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#75162e', endColorstr='#00ffffff',GradientType=1);}
.grd-green {background:-moz-linear-gradient(left, #3f6313 0%, rgba(255,255,255,0) 100%); background:-webkit-linear-gradient(left, #3f6313 0%,rgba(255,255,255,0) 100%); background:linear-gradient(to right, #3f6313 0%,rgba(255,255,255,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f6313', endColorstr='#00ffffff',GradientType=1);}
.grd-blue {background:-moz-linear-gradient(left, #3e75e1 0%, rgba(255,255,255,0) 100%); background:-webkit-linear-gradient(left, #3e75e1 0%,rgba(255,255,255,0) 100%); background:linear-gradient(to right, #3e75e1 0%,rgba(255,255,255,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e75e1', endColorstr='#00ffffff',GradientType=1);}
h5.grd {margin:30px 0 6px; padding:0 6px;}
.beige {color:#d3ac66;}
.teal {color:#3c7359;}
.green {color:#3f6313;}
.blue {color:#3e75e1;}
.has-pop {overflow:hidden;}
.overlay {display:none; position:fixed; top:0; left:0; bottom:0; width:100%; height:100vh; background-color:rgba(211,172,102,0.6);}
.has-pop .overlay {display:block;}
.pop {background-color:#f7f2ec; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); max-width:100%; padding:30px;}
.pop .pad {max-height:60vh; overflow:auto;}
.overlay:before {content:'+'; position:absolute; top:30px; right:30px; font-size:4.5rem; transform:rotate(45deg); cursor:pointer; line-height:0;}
.page {display:table; width:100%; page-break-inside:avoid;}
.page div, .page p, .page blockquote {break-inside:avoid;}
.editor-menu {opacity:0; transition:all 0.6s; position:relative;}
[contenteditable]:focus {outline:1px dashed red;}
[contenteditable]:focus + .editor-menu {opacity:1;}
.editor-menu ul {list-style-type:none; position:absolute; bottom:0; right:-60px; font-size:2.4rem; text-align:center;}
.editor-menu label {opacity:0.45;}
.editor-menu label:hover {opacity:1; cursor:pointer;}

@media print {
header, footer, aside {display:none;}
body {background-color:#f7f2ec; background-image:url('bg_lft.png'), url('bg_rgt.png'); background-position:left top, right top; background-repeat:repeat-y, repeat-y;}
main {min-height:100vh; padding:0 15px;}
ul, p, img, .col {break-inside:avoid;}
.grid {max-width:100%;}
}
@page {
margin:0;
padding:0;
}

@-moz-document url-prefix(){ /* firefox */
* {scrollbar-color:rgba(255,255,255,0.15) rgba(0,0,0,0.9); scrollbar-width:thin;}
}

@media (max-width:1350px){
.flex.grid {justify-content:center; max-width:100%;}
}

@media (max-width:990px){
html, body {background-size:30px;}
header, footer.pad {padding:0 30px;}
}