@font-face {
font-family: 'Libre Caslon Text', serif;
@import url('https://fonts.googleapis.com/css2?family=Libre+Caslon+Text&display=swap');
  font-weight: normal;
  font-style: normal;
}
html, body, div, span, applet, em, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
    /*font-family: 'JunicodeRegular';*/
font-family: 'Libre Caslon Text', serif;
//background-color: #f9f7f1;
} 
/*
a{
    color:#d8c090;
}
*/
body>div{
  background-color: #f9f7f1;
}
em{ 
   font-style: italic;
font-family: 'Libre Caslon Text', serif;
}
html {
background-color: #f9f7f1;
}
body {
padding-top: 56px;
overflow:scroll;
background-color: #f9f7f1;
}
.section-top{
	position: fixed; width: 100%; left: 0px;
}
.section-fixed{
	position: fixed; 
}
.section-relative{
	position: relative; 
}
.hanging-indent {
  padding-left: 15px ;
  padding-bottom: 5px ;
  text-indent: -15px ;
}
.sjd-page-1755{
  border-color:#d6e4ed;
}
#image-div{
	height:100%;
}
.sjd-page-1773{
  border-color:#544442;
}
.sjd-page{
  border-width:2px;
  border-style:solid;
  border-top-width:5px;
  border-right-width:5px;
  border-left-width:5px;
  border-bottom-width:5px;
 padding-right:10px;
 padding-top:10px;
 padding-bottom:10px;
 padding-left:10px;
 /*width:90%;*/
}
.noshow{
	display:none;
}
#hideAll{
position: fixed;
   left: 0px; 
   right: 0px; 
   top: 0px; 
   bottom: 0px; 
   background-color: white;
   z-index: 99; /* Higher than anything else in the document */

}
.fix-size{
 width:268px;
}
.search-box{
 width:50%;
}
title{
font-size:20px;
}
h1{
font-size:xx-large;
font-weight:bold;
background:#F3EFE2;
}
h2{
font-size:x-large;
font-weight:normal;
background:#F3EFE2;
padding:0.5em 0em 0.5em 0em;
}
h3{
font-size:large;
background:#F1E6CD;
}
.noscroll { overflow: hidden; }
[aria-hidden="true"] { display: none; }
[aria-hidden="false"] { display: block; }

.top-padded {
        top:56px;
	padding-top:56px;
        height:50%
}
.sides-padded {
  padding-right: 3%;
  padding-left: 3%;
}
.brown-background{
background: -webkit-gradient(linear, top left, bottom left, from(#f7ead6), to(#927e5e));
background: -webkit-linear-gradient(#f7ead6,#927e5e);
background: linear-gradient(#f7ead6,#927e5e);
}
.hidden{
display:none;
}
.btn-brown-smaller{
    border-radius:3px;
    font-size: 11px;
    //background:linear-gradient(to bottom, #b1a38c 5%, #d3cbbe 100%);
    background:linear-gradient(to bottom, #b1a38c 5%, #f1e6cd 100%);
    box-shadow:inset 0px 1px 0px 0px #a6827e;
    border:1px solid #544442;
    //54381e;
    font-family:Arial;
     margin:6px;
     padding: 6px;
     bottom: 4px;
}
.btn-brown-smaller:hover {
        //background:linear-gradient(to bottom, #ffffff 5%, #7d5d3b 100%);
        background:linear-gradient(to bottom, #f1e6cd 5%, #ede5d6 100%);
        //background-color:#634b30;
        background-color:#544442;
}
.btn-brown-smaller:active {
        position:relative;
        top:1px;
}
button:hover{
  background-color: #f7ead6;
}
select:hover{
  background-color: #f7ead6;
}
.disabled{
  color: #bbbbbb;
}
button.mydisabled{
  border: 1px solid #999999;
  background-color: #d8d3cb;
  color: #444444;
}

#noresultsfound {
   position:absolute;
   left:0;
}
/*
 * #cols-wrap {
 * position:absolute;
 * top:25px;
 * }*/
.row:after {
  content: "";
  display: table;
  clear: both;
}

#test_human{
margin-top: 5%;
}
#main_table{
max-height:80%;
}
#result{
max-height:85vh;
overflow-y:hidden;
overflow-y:scroll;
}
#result_word{
 /*height:inherit;*/
max-height: 90vw;
overflow-x:hidden;
	overflow-y:scroll;
}
#show-img{
max-height: 90vw;
overflow-x:hidden;
overflow-y:scroll;
}

.footer {
	position: relative;
	bottom: 0;
	width: 100%;
	height: 10%; 
	background-color: #EDE5D6;
}
/*ul li {display: inline-block;} */
/* change the background color */
.bg-home {
    /*background-color: #7b5d3a !important;*/
    /*background-color: #F9F7F1 !important;*/
    background-color: #544442 !important;
}

.bg-aboutjdo {
    /*background-color: #6f0009 !important;*/
    /* background-color: #F2EFE2 !important;*/
    background-color: #544442 !important;
}

.bg-search {
    /*background-color: #c95301 !important;*/
    /*background-color: #F1E6CD !important;*/
    background-color: #544442 !important;
}

.bg-faqs {
    /*background-color: #927e5e !important;*/
    background-color: #544442 !important;
}

.bg-browse {
    /*background-color: #522a3c !important;*/
    /*background-color: #EDE5D6 !important;*/
    background-color: #544442 !important;
}

.bg-aboutsj {
    /*background-color: #3c2d1f !important;*/
    /*background-color: #EDE5D6 !important;*/
    background-color: #544442 !important;
}
.link-front:hover{
    color:#d8c090;
}
.card-header{
background-color:#F1E6CD;
}
.border-box{
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
     //background-color: #f0f7fb;
     background-position: 9px 0px;
     background-repeat: no-repeat;
     border: solid 1px #d6e4ed;
     border-radius: 6px;
     line-height: 18px;
     overflow: hidden;
     padding: 10px 30px;
     margin-top: 5px;
}

.pretty-box{
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
     //background-color: #f7eedd;
     background-position: 9px 0px;
     background-repeat: no-repeat;
     border: solid 1px #d6e4ed;
     border-radius: 6px;
     line-height: 18px;
     overflow: hidden;
     padding: 5px ;
     margin-top:5px;
     margin-right:5px;
}

[class*="col-"] {
  float: left;
  /*padding: 15px;*/
}
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}
#result>ul>li{
list-style-type:none;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color:#ffc107;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: #f9f7f1;
  display: none;
  overflow: hidden;
transition: max-height 0.2s ease-out;
}
/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}

@media only screen and (min-width: 600px) {
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}
.people-box {
   height:50%;
   width:50%
}
.msg-fadeout{
display:none;
vertical-align: middle ;
width:30%;
height:auto;
margin: 0;
    background: #AB9584;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
  border-radius: 25px;
text-align: center;
padding: 50px 0;
font-size: large;
}
span.underline-author{
text-decoration:underline;
}
span.underline-author:hover span.popup-notes{
     display: block;   
}
span.popup-notes{
position: absolute;
right:15%;
color: #000041;
line-height:normal;
text-decoration:none;
font-size: .75em;
text-align:left;
font-weight: normal;
background: #CCE0EB;
border:solid #440029 2px;
width:300px;
height:auto;
padding:5px;
overflow-y:scroll;
z-index: 3;
display:none;
}
#splashscreen{
vertical-align: middle ;
width:50%;
height:auto;
margin: 0;
    background: #AB9584;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
/*border: 2px solid brown;*/
  border-radius: 25px;
text-align: center;
padding: 70px 0;
font-size: large;
}

/* formatting for letter.php page */
.letter_table {
	margin-left: .5rem;
	padding-right: .5rem;
}

.letter_table > table {
	padding-left: 6px;
	padding-right: 6px;
}