body{background-color:#ffffff;overflow-x: scroll!important;padding:0;margin-top:2px;font-size:18px;}
#wrapper{max-width:1300px;margin:0 auto;!important;background-color:#ffffff;}
html {scroll-behavior: smooth;box-sizing: border-box;}

/* colours used: #004643 (dark green), #fffffe (off white), #abd1c6 (light green), #d8f5ed (lightest green) #f9bc60 (light orange), #001e1d (off black), #e8e4e6 (pale grey), #e16162 (brighter orange) */



/* -------------------------------------------------- */
/* for all pages */
/* -------------------------------------------------- */

/* fonts */
h1, h1 a:link, h2, h2 a:link, h3, h4, h5, h6 {font-family: Georgia, Times, "Times New Roman", serif;}
a, p, pre{font-family: Georgia, Times, "Times New Roman", serif;font-weight:normal;}
p{color:#001e1d;line-height:1.6em;}
p.table{font-family:Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;font-weight:bold;}
p.large{font-size:1.5em;color:#001e1d;}
p.author{font-size:1em;margin-left:3px;}
@media only screen and (max-width: 800px){p.author{text-align:center;}}
p.breadcrumb{font-size:0.85em;margin-left:3px;}
@media only screen and (max-width: 800px){p.breadcrumb{text-align:center;}}
p.download_updates{font-size:1.25em;}
p.desc{font-size:0.75em;font-style:italic;text-align:center!important;}
p.cite{font-size:0.75em;color:#001e1d;}
p.byline{font-size:1em;font-style:italic;}
@media only screen and (max-width: 800px){p.byline{text-align:center;}}
p.info-online{font-style:italic;text-align:center;}
p.info{font-size:1em;font-style:italic;}
@media only screen and (max-width: 600px){p.info{text-align:center;}}
p.small{font-size:0.85em;font-style:italic;font-weight:bold;color:#001e1d;font-family: Georgia, Times, "Times New Roman", serif;}
p.quote{font-family: Georgia, Times, "Times New Roman", serif;font-size:1.05em;font-style:italic;}
@media only screen and (max-width: 800px){p.quote{font-size:1em;}}
p.chapter-nav{text-align:center;font-size:1.15em;}
p.level-2-chapter{text-indent:20px;font-size:0.85em;}
p.level-3-chapter{text-indent:40px;font-size:0.75em;}
p.level-4-chapter{text-indent:60px;font-size:0.65em;}
a:link {color:#1a0dab;text-decoration:underline;}
a:visited {color:#1a0dab;text-decoration:underline;}
a:hover {color:#004643;}
a:focus {color:#004643;}
ol li{font-family: Georgia, Times, "Times New Roman", serif;margin-left:5px;margin-top:1em;margin-bottom:1em;}
ul li{font-family: Georgia, Times, "Times New Roman", serif;margin-left:5px;margin-top:1em;margin-bottom:1em;}
h1{font-size:2em;color:#004643;margin-bottom:2px;margin-top:10px;}
@media only screen and (max-width: 800px){h1{font-size:1.8em;text-align:center;}}
@media only screen and (max-width: 500px){h1{font-size:1.6em;}}
h1.title{text-align:center;}
h2.title{text-align:center;}
h3.title{text-align:center;}
h2{font-size:1.6em;color:#004643;margin-bottom:2px;margin-top:4px;}
@media only screen and (max-width: 800px){h2{font-size:1.4em;text-align:center;}}
h3{font-size:1.4em;color:#004643;margin-bottom:2px;}
h3.buy{font-size:1em;color:#004643;margin-bottom:5px;text-align:center;}
h4{font-size:1.2em;color:#004643;}
@media only screen and (max-width: 800px){h4{font-size:1.05em;}}
h5{font-size:1.15em;color:#004643;}
@media only screen and (max-width: 800px){h5{font-size:1em;}}
h6{font-size:1.05em;color:#004643;}
p.more{color:#7B2EB0;padding-left:3px;border-left:2px solid #7B2EB0;}


/* header */
header{width:100%;margin:0 auto;background-color:#ffffff;height:auto;padding-top:7px!important;text-align:center!important;border-bottom:}
header a:link, header a:visited{color: #ffffff;}
header a:focus{background-color:#ffffff;outline: 1px dashed #ffffff;}
header a:hover{background-color:#ffffff;}


/* logo */
.logo {float:none!important;text-align:center;margin-bottom:5px!important;}
img.logo {max-width:400px;}
a.logo:link{background-color:#ffffff;}
a.logo:visited{background-color:#ffffff;}
a.logo:hover{background-color:#ffffff;}
a.logo:focus{background-color:#ffffff;}
@media only screen and (max-width: 1320px){.logo{float:none!important;text-align:center;margin-bottom:5px!important;}}
@media only screen and (max-width: 852px){.logo{width:100%;}}


/* main navigation */
.topnav {overflow: hidden;clear:both;background-color: #004643;float:none;text-align:center;margin-right:0;margin-top:5px;margin-bottom:5px;border-top:1px solid #CCD1D1;}
.topnav a {display:inline-block;color: white!important;text-align: center;padding: 15px 7px;text-decoration: none;font-size: 14px;font-weight:500;}
.topnav a:hover {background-color: #e16162;color: white!important;}
.topnav a.active {background-color: #e16162;color: white!important;}
.topnav a.donate {background-color: white;color: #004643!important;}
.topnav .icon {display: none;}
@media screen and (max-width: 852px) {.topnav{background-color: #004643;border-top:1px solid #CCD1D1;}}
@media screen and (max-width: 852px) {.topnav a{display: none;}.topnav a.icon {float: right;display: block;font-size:1em;background-color: #004643;color:#fff!important;}}
@media screen and (max-width: 852px) {.topnav.responsive {position: relative;}.topnav.responsive .icon {position: absolute;right: 0;top: 0;}
.topnav.responsive a {float: none;display: block;text-align: left;font-size:1em;}}

/* divider */
hr.dotted {border-top: 3px dotted #004643;margin-top:25px;margin-bottom:25px;width:95%;}
hr.dotted-cats {border-top: 3px dotted #004643;margin-top:10px;margin-bottom:10px;width:95%;}

video {
  width: 100%;
  height: auto;
}

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* container for index page and for any gallery content including at the end of blog page content (wider) */
.gallery-content{width:100%;margin:0 auto;}
.gallery-content p{color:#001e1d;}
.gallery-content a:link {color:#1a0dab;text-decoration:underline;}
.gallery-content a:visited {color:#1a0dab;text-decoration:underline;}
.gallery-content a:hover {color:#004643;}
.gallery-content a:focus {color:#004643;}


/* container for image galleries*/
.image-content{width:100%;margin:0 auto;text-align:center;}
.image-content p{color:#001e1d;text-align:center;margin-bottom:6px;}
.image-content a:link {color:#1a0dab;text-decoration:underline;}
.image-content a:visited {color:#1a0dab;text-decoration:underline;}
.image-content a:hover {color:#004643;}
.image-content a:focus {color:#004643;}

/* container for blog style pages (narrower), goes inside gallery-container to contain width */
.blog-content{width:65%;}
@media screen and (max-width: 1300px) {.blog-content{width:75%;}}
@media screen and (max-width: 870px) {.blog-content{width:96%;}}
.blog-content p{color:#001e1d;}
.blog-content a:link {color:#1a0dab;text-decoration:underline;}
.blog-content a:visited {color:#1a0dab;text-decoration:underline;}
.blog-content a:hover {color:#004643;}
.blog-content a:focus {color:#004643;}

/* container for online texts */
.online-texts{width:50%;margin:0 auto;}
@media screen and (max-width: 1000px) {.online-texts{width:75%;}}
@media screen and (max-width: 870px) {.online-texts{width:96%;}}
.online-texts p{color:#001e1d;}
.online-texts a:link {color:#1a0dab;text-decoration:underline;}
.online-texts a:visited {color:#1a0dab;text-decoration:underline;}
.online-texts a:hover {color:#004643;}
.online-texts a:focus {color:#004643;}

/* general flex layout - use 1, 2, 3, 4, or 5 (max) per line - for any gallery images inner content */
.wrapper-flex {display: flex;  flex-flow: row wrap;font-weight: bold;text-align: center;margin-top:10px;gap:30px;  }
.wrapper-flex > * {padding: 2px;flex: 1 100%;}
img.wrapper-flex{margin:0;}
.aside-flex {background: #ffffff;box-shadow: 5px 10px 8px 10px #cccccc;text-align: center;margin-top:0!important;}
.aside-flex p {color:#004643;font-family: Georgia, Times, "Times New Roman", serif;margin-top:8px;margin-bottom: 2px;}
.aside-flex a:link{color:#1a0dab;text-decoration:none;font-family: Georgia, Times, "Times New Roman", serif;}
.aside-flex a:visited{color:#1a0dab;text-decoration:none;}
.aside-flex a:hover{color:#001e1d;text-decoration:none;background-color:#ffffff;}
.aside-flex a:focus{color:#001e1d;text-decoration:none;background-color:#ffffff;}
@media all and (min-width: 790px) {.aside-flex { flex: 1 0 0; }}

/* top box used for support with either bullhorn icon or image */
.wrapper-support {clear:both;display: flex;  flex-flow: row wrap;font-weight: bold;text-align: center;margin-top:0;}
.wrapper-support > * {padding-left: 18px;padding-right: 18px;padding-top: 3px;padding-bottom: 0;flex: 1 100%;}
.support {text-align: left;background: #B5CFB7;border:none;margin-top:0;margin-bottom:0;box-shadow: 5px 10px 8px 10px #cccccc;}
.support p{font-size:1.05em;color:#001e1d;margin-top:8px;}
.support a:link {color:#0F29BE;}
.support a:visited {color:#0F29BE;}
.support a:hover {color:#004643;background-color:#F5EB51;}
.support a:focus {color:#004643;background-color:#F5EB51;}
img.info-small{float:left;border:none;width:50px;height:50px;margin-right:10px;margin-left:1px;margin-top:7px;margin-bottom:2px;max-width:100%;}
@media only screen and (max-width: 400px){img.info-small{display: block;float:none;margin:0 auto;margin-bottom:10px;}}

/* donate-box  */
.donate-box{max-width:100%;background-color:#FEFAE0;border:3px solid #004643;;padding-left:15px;padding-right:15px;}
.donate-box > p, h3 {margin-top:10px;}


/* newsletter  */
.newsletter{max-width:100%;background-color:#f9bc60;border:2px dotted #004643;padding-left:15px;padding-right:15px;}
.newsletter > p, h3 {margin-top:10px;}
.newsletter-form{margin-left:-15px;}


/* bottom box used for support with bullhorn icon  */
.wrapper-info {clear:both;display: flex;  flex-flow: row wrap;font-weight: bold;text-align: center;margin-top:8px;}
.wrapper-info > * {padding-left: 18px;padding-right: 18px;padding-top: 3px;padding-bottom: 3px;flex: 1 100%;}
.main-info {text-align: left;background: #e58283;border:none;margin-top:0;box-shadow: 5px 10px 8px 10px #cccccc;}
.wrapper-info p{font-size:1em;color:#001e1d;margin-top:2px;}
.wrapper-info a:link {color:#1a0dab;}
.wrapper-info a:visited {color:#1a0dab;}
.wrapper-info a:hover {color:#004643;background-color:#e58283;}
.wrapper-info a:focus {color:#004643;background-color:#e58283;}

/* donation box  */
.donation{border:1px solid #ffffff;background-color:#ffffff;margin:20px 0;padding:3px;}
p.donation{margin-top:2px;line-height:1.35em;}
p.donation a:link {color:#1a0dab;}
p.donation a:visited {color:#1a0dab;}
p.donation a:hover {color:#004643;background-color:#abd1c6;}
p.donation a:focus {color:#004643;background-color:#abd1c6;}

.donate-container{text-align:left;}
.inner{margin:0;}
@media screen and (max-width: 800px) {.donate-container {text-align:center;}}
@media screen and (max-width: 800px) {.inner {margin:0 auto;}}
.donate-buttons{display:inline-block;overflow:hidden;width:180px;height:90px;text-align:center;background-color:#ffffff;padding:0;border:0;margin:0 auto;}
@media only screen and (max-width: 620px){.donate-buttons{width:160px;margin-left:0;}}
@media only screen and (max-width: 590px){.donate-buttons{width:150px;margin-left:3px;height:85px;}}

/* footer  */
.footer-new{max-width: 1300px;text-align:center;margin:0 auto;position: relative;height: auto;background-color: #e8e4e6;margin-top:30px;padding-top:30px;padding-bottom:30px;padding-left:15px;padding-right:15px;}
.footer-new > a:link{color: #001e1d;line-height:2.5em;}
.footer-new > a:visited{color: #001e1d;}
.footer-new > a:hover{background-color:#e16162;color:#fffffe;}

.footer {text-align:center;width: 100%;position: relative;height: auto;background-color: #e8e4e6;margin-top:30px;}
.footer .col {width: 25%;height: auto;float: left;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;padding: 10px 20px 20px 20px;}
.footer .col ul {list-style-type: none;margin: 0;padding: 0;}
.footer .col ul li {color: #004643;font-size: 18px;font-family: inherit;font-weight: bold;padding: 5px 0px 5px 0px;cursor: pointer;transition: .2s;-webkit-transition: .2s;-moz-transition: .2s;}
.social ul li {display: inline-block;padding-right: 5px !important;}
.clearfix {clear: both;}
@media only screen and (min-width: 1280px) {.contain {width: 1200px;margin: 0 auto;}}
@media only screen and (max-width: 1139px) {
.contain .social {width: 1000px;display: block;}
.social h1 {margin: 0px;}}
@media only screen and (max-width: 950px) {
.footer .col {width: 33%;}
.footer .col h1 {
font-size: 16px;}
.footer .col ul li {font-size: 13px;}}
@media only screen and (max-width: 500px) {
.footer .col {width: 50%;}
.footer .col h1 {
font-size: 16px;}
.footer .col ul li {
font-size: 16px;}}
@media only screen and (max-width: 340px) {
.footer .col {width: 100%;}}
a.footer:link{color: #001e1d;}
a.footer:visited{color: #001e1d;}
a.footer:hover{background-color:#e16162;color:#fffffe;}
a.footer-social:link{color: #e16162;}
a.footer-social:visited {color: #e16162;}
a.footer-social:hover{color: #fffffe;background-color: #e8e4e6;}
a.footer-social:focus{color: #fffffe;background-color: #e8e4e6;}



/* -------------------------------------------------- */
/* images */
/* -------------------------------------------------- */

/* image box */
.image-box{text-align:left;border:0;margin-top:30px;margin-bottom:30px;}

/* images */
img {max-width: 100%;height: auto;}
img.scroll{border: none;margin-bottom:30px;margin-top:30px;}
a.scroll:hover {background-color:#ffffff!important;}

/* enlarges the images upon hover */
.zoom {transition: transform .2s;}
.zoom:hover {-ms-transform: scale(1.05); /* IE 9 */-webkit-transform: scale(1.05); /* Safari 3-8 */transform: scale(1.05); }



/* -------------------------------------------------- */
/* for index page */
/* -------------------------------------------------- */

/* hero image */
.hero-image {clear:both;background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../content/site-images/hero-images/hero-image-4.jpg");height: 350px;max-width:1300px;margin:0 auto;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;opacity:90%;}
.hero-text {text-align: left;width:96%;position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%);color: white;}
@media screen and (max-width: 830px) {.hero-text{text-align: center;}}
.hero-text button {border: none;outline: 0;display: inline-block;padding: 10px 25px;background-color: #004643;font-family: Georgia, Times, "Times New Roman", serif;font-size:22px;color: white;text-align: center;cursor: pointer;}
.hero-text button:hover {color: black;background-color: #abd1c6;}
h1.hero {color: #e8e4e6;font-family: Georgia, Times, "Times New Roman", serif;}
p.hero {color: #e8e4e6;font-family: Georgia, Times, "Times New Roman", serif;font-size:22px;}
@media screen and (max-width: 830px) {h1.hero {font-size:1.8em;}}
@media screen and (max-width: 490px) {h1.hero {font-size:1.3em;}}
@media screen and (max-width: 490px) {p.hero {font-size:0.85em;}}
@media screen and (max-width: 320px) {h1.hero {font-size:1.15em;}}

/* front-page bio box - dark orange background */
.flexIndexBio {
display: flex;  flex-flow: row wrap;font-weight: bold;text-align: left;margin-top:2px;}
.flexIndexBio > * {padding-left: 18px;padding-right: 18px;padding-top: 7px;padding-bottom: 7px;flex: 1 100%;}
.box-flexIndexBio {text-align: left;background: #F3F3EB;border:none;margin-top:0;}
p.flexIndexBio{margin:8px;color:#001e1d!important;}
img.flexIndexBio{float:left;border:none;width:100px;height:100px;margin-right:10px;margin-left:1px;margin-top:0;margin-bottom:5px;max-width:100%;}
@media only screen and (max-width: 720px){img.flexIndexBio{display: block;float:none;margin:0 auto;margin-bottom:10px;}}

/* larger boxes side by side with main one in middle - can also be used just with asides 1 and 2 without the main, etc */
.flexIndexTrio {
display: flex;  flex-flow: row wrap;font-weight: bold;text-align: center;margin-top:10px;gap:30px;  }
.flexIndexTrio > * {padding: 2px;flex: 1 100%;}
img.flexIndexTrio{margin:0;}
.main {background: #ffffff;box-shadow: 5px 10px 8px 10px #cccccc;text-align: center;margin-top:0!important;}
.main p {color:#004643;font-family: Georgia, Times, "Times New Roman", serif;margin-top:8px;}
.main a:link{color:#1a0dab;text-decoration:none;font-family: Georgia, Times, "Times New Roman", serif;}
.main a:visited{color:#1a0dab;text-decoration:none;}
.main a:hover{color:#001e1d;text-decoration:none;background-color:#ffffff;}
.main a:focus{color:#001e1d;text-decoration:none;background-color:#ffffff;}
.aside-1 p {color:#004643;font-family: Georgia, Times, "Times New Roman", serif;margin-top: 0;}
.aside-1 a:link{color:#1a0dab;text-decoration:none;font-family: Georgia, Times, "Times New Roman", serif;}
.aside-1 a:visited{color:#1a0dab;text-decoration:none;}
.aside-1 a:hover{color:#001e1d;text-decoration:none;background-color:#ffffff;}
.aside-1 a:focus{color:#001e1d;text-decoration:none;background-color:#ffffff;}
.aside-1 {background-color: #ffffff;box-shadow: 5px 10px 8px 10px #cccccc;}
.aside-1 img{margin-top:2px;}
.aside-1 button {border: none;outline: 0;display: inline-block;padding: 10px 25px;background-color: #e16162;font-family: Georgia, Times, "Times New Roman", serif;font-size:22px;color: #ffffff;text-align: center;cursor: pointer;}
.aside-1 button:hover {color: #001e1d;background-color: #e16162;}
.aside-2 {background-color: #ffffff;box-shadow: 5px 10px 8px 10px #cccccc;}
@media all and (min-width: 990px) {.aside { flex: 1 0 0; }}
@media all and (min-width: 990px) {.main    { flex: 3 0px; }.aside-1 { order: 2; } .main    { order: 1; } .aside-2 { order: 3; }}



/* -------------------------------------------------- */
/* for blog and content gallery pages */
/* -------------------------------------------------- */


/* for all book category pages */
.wrapper-books {
display: flex;  flex-flow: row wrap;justify-content: flex-start;text-align: center;padding-right:5px;margin-top:20px;gap:12px;  }
.wrapper-books > * {padding: 2px;flex: 1 100%;align-items: center;}
.aside-books {flex:0 1 22%;max-width:240px;background-color: #ffffff;box-shadow: 5px 10px 8px 10px #cccccc;}
@media all and (max-width: 1410px) {.aside-books { flex-basis: 18.6%;}}
@media all and (max-width: 1050px) {.aside-books { flex-basis: 23.5%;}}
@media all and (max-width: 935px) {.aside-books { flex-basis: 23%;}}
@media all and (max-width: 800px) {.aside-books { flex-basis: 30%;margin-left:5px;}}
@media all and (max-width: 600px) {.aside-books { flex-basis: 44%;margin-left:10px;}}
@media all and (max-width: 370px) {.aside-books { flex-basis: 100%;margin:0 auto;}}
.aside-books p{font-family: Georgia, Times, "Times New Roman", serif;margin-top:8px;}
.aside-books a:link {color:#1a0dab;text-decoration:none;font-family: Georgia, Times, "Times New Roman", serif;}
.aside-books a:visited {color:#1a0dab;text-decoration:none;font-family: Georgia, Times, "Times New Roman", serif;}
.aside-books a:hover {color:#001e1d;text-decoration:none;background-color:#ffffff;}
.aside-books a:focus {color:#001e1d;text-decoration:none;background-color:#ffffff;}

/* author and info boxes */
.wrapper-flex-authors {display: flex;  flex-flow: row wrap;justify-content: flex-start;text-align: center;padding-right:5px;margin-top:20px;gap:12px;  }
.wrapper-flex-authors > * {padding: 2px;flex: 1 100%;align-items: center;}
.aside-flex-authors {flex:0 1 23.55%;background-color: #ffffff;box-shadow: 5px 10px 8px 10px #cccccc;max-width:550px;}
@media all and (max-width: 1670px) {.aside-flex-authors { flex-basis: 23.5%;}}
@media all and (max-width: 1615px) {.aside-flex-authors { flex-basis: 23.4%;}}
@media all and (max-width: 1515px) {.aside-flex-authors { flex-basis: 23.2%;}}
@media all and (max-width: 1350px) {.aside-flex-authors { flex-basis: 23%;}}
@media all and (max-width: 690px) {.aside-flex-authors { flex-basis: 43%;margin:0 auto;}}
@media all and (max-width: 400px) {.aside-flex-authors { flex-basis: 100%;margin-left:8px;}}
.wrapper-flex-authors p{font-family: Georgia, Times, "Times New Roman", serif;margin-top:8px;}
.aside-flex-authors a:link {color:#1a0dab;text-decoration:none;font-family: Georgia, Times, "Times New Roman", serif;}
.aside-flex-authors a:visited {color:#1a0dab;text-decoration:none;font-family: Georgia, Times, "Times New Roman", serif;}
.aside-flex-authors a:hover {color:#001e1d;text-decoration:none;background-color:#ffffff;}
.aside-flex-authors a:focus {color:#001e1d;text-decoration:none;background-color:#ffffff;}


/* image galleries */
.wrapper-flex-gallery {display: flex;  flex-flow: row wrap;justify-content: flex-start;text-align: center;padding-right:5px;margin-top:20px;gap:12px;  }
.wrapper-flex-gallery > * {padding: 2px;flex: 1 100%;align-items: center;}
.aside-flex-gallery {flex:0 1 23.75%;background-color: #ffffff;box-shadow: 5px 10px 8px 10px #cccccc;max-width:550px;}
@media all and (max-width: 1100px) {.aside-flex-gallery { flex-basis: 30%;}}
@media all and (max-width: 800px) {.aside-flex-gallery { flex-basis: 43%;margin:0 auto;}}
@media all and (max-width: 460px) {.aside-flex-gallery { flex-basis: 100%;margin-left:8px;}}
.wrapper-flex-gallery p{font-family: Georgia, Times, "Times New Roman", serif;margin-top:8px;}
.aside-flex-gallery a:link {color:#001e1d;text-decoration:none;font-family: Georgia, Times, "Times New Roman", serif;}
.aside-flex-gallery a:visited {color:#001e1d;text-decoration:none;font-family: Georgia, Times, "Times New Roman", serif;}
.aside-flex-gallery a:hover {color:#001e1d;text-decoration:none;background-color:#ffffff;}
.aside-flex-gallery a:focus {color:#001e1d;text-decoration:none;background-color:#ffffff;}

/* for main pages for -  articles, images and quotes, lists, series, collections */
.wrapper-main-gallery {display: flex;  flex-flow: row wrap;justify-content: flex-start;text-align: center;padding-right:20px;margin-top:20px;gap:12px;  }
.wrapper-main-gallery > * {padding: 2px;flex: 1 100%;align-items: center;}
img.wrapper-main-gallery{margin:0;}
.aside-main-gallery {flex:0 1 32%;background-color: #ffffff;box-shadow: 5px 10px 8px 10px #cccccc;max-width:990px;}
@media all and (max-width: 950px) {.aside-main-gallery { flex-basis: 48%;}}
@media all and (max-width: 800px) {.aside-main-gallery { margin:0 auto;padding-right:5px;gap:5px;}}
@media all and (max-width: 710px) {.aside-main-gallery { flex-basis: 46%;}}
@media all and (max-width: 650px) {.aside-main-gallery { flex-basis: 100%;margin-left:16px;}}
.wrapper-main-gallery p{font-family: Georgia, Times, "Times New Roman", serif;margin-top:8px;}
.aside-main-gallery a:link {color:#1a0dab;text-decoration:none;font-family: Georgia, Times, "Times New Roman", serif;}
.aside-main-gallery a:visited {color:#1a0dab;text-decoration:none;font-family: Georgia, Times, "Times New Roman", serif;}
.aside-main-gallery a:hover {color:#001e1d;text-decoration:none;background-color:#ffffff;}
.aside-main-gallery a:focus {color:#001e1d;text-decoration:none;background-color:#ffffff;}


/* for related books on individual book pages */
.wrapper-flex-related {display: flex;  flex-flow: row wrap;justify-content: flex-start;text-align: center;padding-right:5px;margin-top:20px;gap:10px;}
.wrapper-flex-related > * {padding: 2px;flex: 1 100%;align-items: center;}
.aside-flex-related {flex:0 1 15.25%;background-color: #ffffff;box-shadow: 5px 10px 8px 10px #cccccc;max-width:200px;margin-right:6px;}
@media all and (max-width: 1335px) {.aside-flex-related { flex-basis: 15%;margin:0 auto;}}
@media all and (max-width: 860px) {.aside-flex-related { flex-basis: 33%;margin:0 auto;}}
@media all and (max-width: 800px) {.aside-flex-related { flex-basis: 33%;margin:0 auto;}}
@media all and (max-width: 680px) {.aside-flex-related { flex-basis: 30%;margin:0 auto;}}
@media all and (max-width: 550px) {.aside-flex-related { flex-basis: 48%;margin:0 auto;}}
@media all and (max-width: 440px) {.aside-flex-related { flex-basis: 100%;max-width:240px;margin-top:20px;}}
.aside-flex-related p{font-family: Georgia, Times, "Times New Roman", serif;margin-top:8px;}
.aside-flex-related a:link {color:#1a0dab;text-decoration:none;font-family: Georgia, Times, "Times New Roman", serif;}
.aside-flex-related a:visited {color:#1a0dab;text-decoration:none;font-family: Georgia, Times, "Times New Roman", serif;}
.aside-flex-related a:hover {color:#001e1d;text-decoration:none;background-color:#ffffff;}
.aside-flex-related a:focus {color:#001e1d;text-decoration:none;background-color:#ffffff;}


/* pagination  */
.page-nav{}
@media only screen and (max-width: 800px){.page-nav{text-align: center;margin:0 auto;}}
.pagination {
  display: inline-block;
}
@media only screen and (max-width: 800px){.pagination{text-align: center;margin:0 auto;}}
.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #004643;
  margin: 10px 4px;
}
@media only screen and (max-width: 800px){.pagination a{text-align: center;}}
.pagination a.active {
  background-color: #004643;
  color: white;
  border: 1px solid #004643;
}
.pagination a:hover:not(.active) {background-color: #e16162;color: white;}


blockquote {
  margin: 0 auto;
  padding: 1em;
  border-left: 5px solid #004643;
}
blockquote:before {
  display: none;
}
blockquote:not(:first-of-type) {
  margin-top: .5em;
}
blockquote p {
  color: #555;
  font-size: 12pt;
  line-height: 1.4;
  font-family: 'PT Serif', Cambria, 'Hoefler Text', Utopia, 'Liberation Serif', 'Nimbus Roman No9 L Regular', Times, 'Times New Roman', serif;
}
blockquote footer {
  margin-top: .5em;
  padding: 0;
  color: #777;
  font-size: 12pt;
  text-align: left;
  font-style: italic;
}
blockquote footer:before {
  content: '— ';
}
blockquote:nth-of-type(even) {
  text-align: right;
  border-left: none;
  border-right: 5px solid #999;
}
blockquote:nth-of-type(even) footer {
  text-align: right;
}
blockquote:nth-of-type(even) footer:before {
  content: '';
}
blockquote:nth-of-type(even) footer:after {
  content: ' —';
}
@element 'blockquote' and (min-width: 300px) {
  blockquote {
    padding: 1em 20% 1em 1em;
  }
  blockquote p {
    font-size: 14pt;
  }
  blockquote:nth-of-type(even) {
    padding: 1em 1em 1em 20%;
  }
}


/* -------------------------------------------------- */
/* for donate page */
/* -------------------------------------------------- */

/* currency boxes */

.wrapper-donate {display: flex;  flex-flow: row wrap;font-weight: bold;text-align: center;margin-top:10px;gap:10px;}
.wrapper-donate > * {padding: 10px;flex: 1 100%;}
.aside-donate {background: #e8e4e6;border:2px dotted #004643;}
@media all and (min-width: 1100px) {.aside-donate { flex: 1 0 0; }}


.lightboximage  {
display: inline-flex;
flex-direction: column;
text-decoration: none;
}

.caption {
  font-family: sans-serif;
  color: black;
  font-weight: bold;
  display: inline-block;
  padding-top: .5em;
}

/* for individual book pages, from old css */

img.scanned-book{float:left;border:none;width:120px;height:180px;margin-right:30px;margin-left:1px;margin-top:3px;margin-bottom:15px;max-width:100%;}
@media only screen and (max-width: 500px){img.scanned-book{display: block;float:none;margin:0 auto;}}
img.book{float:left;border:none;width:238px;height:357px;margin-right:30px;margin-left:1px;margin-top:3px;margin-bottom:15px;max-width:100%;}
@media only screen and (max-width: 600px){img.book{display: block;float:none;margin:0 auto;}}


.description h2{text-align:left;}
@media only screen and (max-width: 600px){.description h2{text-align:center;font-size:1.4em;}}

.downloads{text-align:left;}
@media screen and (max-width: 800px) {.downloads {text-align:center;}}
.related{text-align:left;}
@media screen and (max-width: 800px) {.related {text-align:center;}}


/* download buttons new*/
.btn-download {font-family: Georgia, Times, "Times New Roman", serif;font-weight:normal;background-color: #004643;border: 1px dotted #004643;display:inline;margin:0 auto;color: white;padding: 10px 10px;cursor: pointer;font-size:1em;margin-bottom:10px;}
.btn-download:hover {color:#004643;background-color:#eff0f3;border: 1px dotted #4056a1;}
@media screen and (max-width: 585px) {.btn-download {width: 70%;text-align:center;}}
@media screen and (max-width: 400px) {.btn-download {width: 100%;text-align:center;}}
.btn-download a:link {color:#004643!important;text-decoration:none!important;}
.btn-download a:visited {color:#004643!important;text-decoration:none!important;}
.btn-download a:hover {color:#004643!important;text-decoration:none!important;background-color:#eff0f3;}
.btn-download a:focus {color:#004643!important;text-decoration:none!important;background-color:#eff0f3;}

/* category buttons (at top of book page) */
.btn-category {font-family: Georgia, Times, "Times New Roman", serif;font-weight:normal;background-color: #057a75;border: 1px dotted #057a75;margin:0 auto;color: #ffffff;padding: 6px 6px;cursor: pointer;display:inline;font-size:0.85em;margin:5px;}
.btn-category:hover {background-color: #eff0f3;color:#004643!important;}
.btn-category a:link {color:#eff0f3!important;text-decoration:none!important;}
.btn-category a:visited {color:#eff0f3!important;text-decoration:none!important;}
.btn-category a:hover {color:#004643!important;text-decoration:none!important;background-color: #eff0f3;}
.btn-category a:focus {color:#004643!important;text-decoration:none!important;background-color: #eff0f3;}

/* tag buttons (under related books on book pages) */
.btn-tag {font-family: Georgia, Times, "Times New Roman", serif;font-weight:normal;background-color: #eff0f3;border: 2px solid #057a75;margin:0 auto;color: #004643;padding: 6px 6px;cursor: pointer;display:inline;font-size:0.85em;margin:5px;}
.btn-tag:hover {background-color: #ffffff;color:#004643!important;}
.btn-tag a:link {color:#004643!important;text-decoration:none!important;}
.btn-tag a:visited {color:#004643!important;text-decoration:none!important;}
.btn-tag a:hover {color:#004643!important;text-decoration:none!important;background-color: #ffffff;}
.btn-tag a:focus {color:#004643!important;text-decoration:none!important;background-color: #ffffff;}

/* a class for above two buttons */
a.button{text-decoration:none!important;}
a.button:hover{text-decoration:none!important;}

.collection{border:1px dotted #E74C3C;background-color:#F2EB73;margin:20px 0;padding:3px;}

/* table */
table {border: 1px solid #000000;border-collapse: collapse;margin: 0;padding: 0;table-layout: fixed;vertical-align: top;}
table caption {font-size: 1.5em;margin: .5em 0 .75em;}
table tr {background-color: #ffffff;border: 1px solid #ffffff;padding: .85em;}
table th,
table td {padding: .85em;text-align: left;border: 2px solid #ffffff;vertical-align: top;}
table th {font-size: .85em;letter-spacing: .1em;text-transform: uppercase;}
@media screen and (max-width: 600px) {
table {border: 1px solid #ffffff;}
table caption {font-size: 1.3em;}
table thead {border: 1px solid #ffffff;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
table tr {border-bottom: 3px solid #ffffff;display: block;margin-bottom: .625em;}
table td {border: 2px solid #ffffff;display: block;font-size: 1em;text-align: center;padding: 0 15px 0 15px;vertical-align: top;}
table td::before {
content: attr(data-label);float: left;font-weight: bold;text-transform: uppercase;vertical-align: top;}
table td:last-child {border-bottom: 0;}}