/* CSS 2022 */

/* ****************** */
/* COLORS */ 
/* ****************** */

:root {
  --color1:#00883A;
  --color1dark:#007330;
  --color1light:#b2dbc3;
  --white:#FFFFFF;
  --black:#111111;
  --lightgray:#F5F5F5;
  --mediumgray:#BDBDBD;
  --darkgray:#232323;
}


/* Draft ribbon, dev only */
/* The ribbons */
.corner-ribbon{
  width: 200px;
  background: #e43;
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
   z-index: 1500;
}
.corner-ribbon.sticky{
  position: fixed;
}
.corner-ribbon.shadow{
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.corner-ribbon.top-left{
  top: 25px;
  left: -50px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.corner-ribbon.grey{background: #999; background-color: rgba(128,128,128, 0.75);}
.corner-ribbon.blue{background: #39d;}
.draft-info a{color:white;}
#draft-info{
  width: 410px;
  position: absolute;
  top: 45px;
  left: -96px;
  padding:1.5em 2em;
  text-align: center;
  letter-spacing: .75px;
  color: #f0f0f0;
  background: #999; background-color: rgba(128,128,128, 0.95);
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
   z-index: 1500;
}
   
a, a:hover {color:var(--color1)}

/* Main content blocks */
body {font-family: source-sans-pro, sans-serif; font-weight: 400; font-style: normal; background-color:var(--darkgray); font-size: 16px; color: var(--black);}
#main { padding: 0 0 1.5em 0; background-color:var(--white); }
#content{padding-top: 100px;}
#main #content .record { margin: 0 1em; } 

#content .well {border-radius: 0px; border: 0px;}
#citation-note.well { border: 0px solid var(--darkgray); background-color: var(--lightgray);}
#content #citation-note.well  h3 {margin-top: .2em;}
#citation-note.well ul li { list-style-type: square; }
#citation-note.well ul li::marker { color: var(--color1); }
.main-content-block, #main #content .record  {width: 100%; max-width: 1440px; padding:0 1em; margin: 3em auto 0; background-color:white;}
.container{ width: 100%; max-width: 1440px; padding:0 1em; margin: 0 auto;}
.container hr {  border-top-color: transparent;}

/* Adds a little extra padding around interior content, useful when for when nav wraps. */
.interior-content {padding:0; padding-top: 50px; padding-top: 0px;}
.interior-content .title h1{ text-align: left; }
.full-page {margin-top:0;}

/* Navbar styles*/
.navbar {border-bottom:1px solid var(--mediumgray) !important; background-color:var(--white) ; }
.navbar.navbar-default .navbar-nav > li > a { color: var(--black) ;  font-size: 1em; text-transform: uppercase; font-weight: 600; font-family: source-sans-pro, sans-serif;}
.navbar.navbar-default .navbar-nav > li > a:hover { color: var(--color1) ; }

.navbar-inner {border-bottom:.5em solid var(--color1) !important;}
.navbar-inner .container{height: 45px !important; padding-top:.5em; margin-left:.5em;}
.navbar-brand, .navbar-brand a, .navbar-brand a:hover {margin-top:.15em; padding-left:0; margin-left:0; margin-right:-2em; color: var(--color1) !important;}
.navbar-header .navbar-brand.banner-container { height: auto; }
.navbar-header .navbar-brand.banner-container img {padding:0; margin:0; height: 83px; }
.navbar-header .navbar-brand.banner-container .banner-text {  line-height: 1em; margin: 0 0 0 15px; font-size: 20px; font-family: source-sans-pro, sans-serif; font-weight: 400; color: var(--color1); font-style: italic;}
.brand {margin-top:-.75em; margin-left:40px;padding-left:0;}
.brand img {margin-left:1.5em;padding-left:0;}
.navbar-inner .nav > li > a:hover, .advanced-search > a:hover {border-bottom: 4px solid #DDEAF1 !important;  }
.banner-icon {font-size:2.5em; display:inline-block; margin-right:.15em;}
.navbar-inner > .container > .nav > li.selected {border-bottom: 4px solid #E69849 !important; }
.advanced-search > a {color:#999; text-decoration:none;}
.navbar .advanced-search{margin-top:-.5em;}
.navbar-form {overflow:hidden;}
.keboard-btn {margin-left:-1em;}
.navbar-input-group {font-size: 0px; /*removes whitespace between button and input*/
}
.navbar-input-group {
  font-size: 0px; /*removes whitespace between button and input*/
}
/*new style block*/
.navbar-input-group .input-group  {border-bottom: thin solid var(--mediumgray) ;}
.navbar-input-group .input-group .form-control { border-radius: 0px; border: 0px; box-shadow:0px 0px 0px;  padding-bottom: 0;  font-style: italic;}
.navbar-input-group .input-group .btn{border-radius: 0px; border: 0px; padding-bottom: 0; }
.navbar-input-group .input-group .btn:hover .glyphicon,
.navbar-nav.keboard-btn .btn:hover .syriaca-keyboard:before { color: var(--white) ; }

.navbar-nav.keboard-btn .btn, .navbar-nav.keboard-btn { margin:10px 0px 0px 8px}
.navbar-nav.keboard-btn .btn, .navbar-nav.keboard-btn .navbar-btn { margin-top: 0px; margin-bottom: 0px;
    /*border-left: thin solid  var(--mediumgray); */
     }
.navbar-nav.keboard-btn .btn{ border:thin solid var(--mediumgray); background-color: var(--white); }
.navbar-nav.keboard-btn .btn:hover{ border-color: var(--color1); background-color: var(--color1); }
.navbar .input-group-btn .btn-default:hover { border: 0px; background-color: var(--white); }
.navbar-nav.keboard-btn .btn, .navbar-nav.keboard-btn .btn { border-radius: 0px; }
.navbar-nav.keboard-btn .btn:hover .caret { border-top-color: var(--white) !important;}


/*.navbar-form {max-width: 350px;}*/
/* Nav submenus*/
.dropdown-submenu {position: relative;}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}

/* Nav bar icons for submodules */
.dropdown-menu li a{margin-left:.5em;}

/* Used for dropdowns next to syriaca.org icon, so both icon and caret are "clickable" */
.lonely-caret {margin-left:-2em; padding-left:0;}

.nav-icons {
    background-position: left center;
    background-repeat: no-repeat;
    text-indent:14px;
}

.sub-menu .nav-icons{margin-left:2em;}
.icon-container {display:inline-block; line-height:1.5em;}
.submodule {margin-left:.75em;}
.icon-nav {font-size:1.75em; display:inline-block; margin-right:.15em;}
.icon-text {display:inline-block; margin-top:-.85em; vertical-align: middle; font-weight:500;}
.nav-text {display:inline-block; line-height:1.5em; margin-top:.25em;}

 /*
 * font-family: Interstate (Adobe) Source sans pro;
 */

/* Small Syrica.org icons images for submodules in nav menus */
.geo-sm-icon {background-image: url(../images/icons-geo-sm.png);}
.saints-sm-icon {background-image: url(../images/icons-saints-sm.png);}
.persons-sm-icon {background-image: url(../images/icons-persons-sm.png);}
.authors-sm-icon {background-image: url(../images/icons-authors-sm.png);}
.spear-sm-icon {background-image: url(../images/icons-spear-sm.png);}
.mss-sm-icon {background-image: url(../images/icons-mss-sm.png);}
.bhse-sm-icon {background-image: url(../images/icons-bhse-sm.png);}
.nhsl-sm-icon {background-image: url(../images/icons-nhsl-sm.png);}
.q-sm-icon {background-image: url(../images/icons-q-sm.png);}
.syriaca-sm-icon {background-image: url(../images/icons-ba-sm.png);}
.rec-status {display:block; width:100% !important; margin-bottom:1em; padding:1em;}
.info-btns {width:100%; margin-bottom:1em;}

/* Banner styles index page (Colors and images are set by internal css for submodules) */
body .mainTitle h1, body .mainTitle h2{ text-align: center; }
body .mainTitle h2  { margin-top: 0; margin-bottom: 2em; font-family: source-sans-pro, sans-serif; font-weight: 400;  }
.banner-index {
    position:relative;
    margin-top:0;
    padding-top:0;
	background-image:url('../images/resafa_arch.jpg');
	background-size:cover;
	background-position:center;
	height:200px;
    width:100%;
}

.ba-home {
    height:300px; 
    background-color:var(--color1); 
    display:block;
}
.ba-home .image-container {display:inline-block; width:25%; height:300px;}
.ba-home .image {
    position:relative;
    padding-top:0;
	background-image:url('../images/bibl-home.png');
	background-size:cover;
	background-repeat: no-repeat;
	background-position:top;
    height:300px;
    width:100%;
	}
.ba-home .text {display:inline-block; width:75%; height:300px; overflow:hidden;}

/* Bibl banner*/
.banner-bibl {
    position:relative;
    margin-top:-1em;
    padding-top:0;
	background-image:url('../images/bibl-banner-new.jpg');
	background-size:cover;
	background-position:center;
    /*height:40vh;*/
    height: 50vh;
    width:100%;
    border-bottom:0px solid var(--color1);
}

.banner-container {line-height:1em;}
   
/* Bibl banner*/
.banner-bible {
    position:relative;
    margin-top:-1em;
    padding-top:0;
	background-image:url('../images/bible-banner.png');
	background-size:cover;
	background-position:top;
    height:250px;
    width:100%;
    border-bottom:0px solid var(--color1);
}

.overlay {
    font-weight:200;
    background: rgb(34,34,34); /* for IE */
    background: rgba(34,34,34,0.65);
    color: white; 
    display: inline;
    padding: 1.5em;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
/* Banner styles banner internal pages */
.banner-interior, .image-banner {
    border-bottom:4px solid var(--color1);
} 

/* Image citation styles */
.img-credit{
    position:absolute;
    bottom:0;
    right:0;
    width:100%;
    text-align:right;
    font-size: 13px;
    font-weight:200;
    background: rgb(34,34,34); /* for IE */
    background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    color: white; 
    display: inline;
    padding: 0.5em 1em;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.img-credit a { color: var(--white); text-decoration: underline; }
.img-credit {  font-size: 12px;}
.img-credit .btn { padding: 4px 0px 4px 6px;}


/*Homepage Status */
 .status { border: 0px;  padding:2em  0px; margin-bottom: 4em; background-color: var(--lightgray);}
 .status .col-md-4 {   display: flex;  align-items:center;  justify-content:center; }
 .status .darker, .status .lighter { padding: 10px 0; color: var(--white); }
 .status .darker .count, .status .lighter .count { font-size: 25px; color: var(--color1);  font-family: interstate, sans-serif; font-weight: 700;font-style: normal;}
 .status .darker .label, .status .lighter .label {color: var(--black); font-size: 1.2em; font-weight: bold;}

/*Homepage ScrollTo */
body .scrollTo {
    padding: 0 0 2em; margin: 0 0 2em 0;
    border-bottom: thin solid var(--mediumgray);
    display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center
}

body .scrollTo a { margin: .5em ; font-size:18px; color:var(--color1); font-weight:bold; text-decoration: none;}
body .scrollTo a:before { content: ""; display: inline-block;  height: 15px;width: 15px; margin-right:.7em ; margin-bottom: 0;
    background-image: url('../images/ico-down.svg'); background-size: 100%;
 -webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 -ms-transition: all .4s ease;
 -o-transition: all .4s ease;
 transition: all .4s ease;
}
body .scrollTo a:hover { color: var(--black); }
body .scrollTo a:hover::before {margin-bottom: -.3em;}

/* Footer styles */
footer {border:none; padding: 3em 1em; font-size: 14px;}
footer .container { font-size: 14px; color: var(--mediumgray); }
footer, footer a, footer a:hover {text-align:center; color:var(--color1); !important; background-color:transparent;}

/* Simple background color styles */
.grey {background-color:var(--lightgray);}
.grey-dark {background-color:var(--darkgray);}
.white {background-color:var(--white);}

/* Block styles */
.content-block {background-color:var(--white);!important;}
.top-padding {margin-top:2em;}
.block {display:block;}
.banner {font-size: 24px; color:white; background-color:var(--color1); margin:0 0 1em 0; padding: 1em 1.5em .5em 1.5em; border-bottom:4px solid var(--color1);}

/* Typography */
h1,h2,h3,h4,h5 { color:var(--black); font-family: interstate, sans-serif; font-weight: 700;font-style: normal; }
h1 {font-size:40px; margin:.25em 0 .25em 0;  text-align: center;}
h1 em {font-style: normal;}
h2 {font-size: 35px; margin:1em 0 .25em 0; padding-bottom:0; }
h3 {font-size: 28px; margin:1.5em .5em .5em 0em ; padding-bottom:0;   padding-bottom:0; }
h3.banner-solid {color:white;}
h3.underline {color:#999; border-bottom:3px solid var(--color1); padding-bottom:-.75em; margin-bottom:1em; margin-top:0;}
h4 {font-size: 1em; margin:0 0 .25em 0; padding-bottom:0; font-weight:bold;}
h3.label {
    background-color:#ccc;
    line-height: 1.2em;
    font-size: 2em;
    float:left;
}
h3.paging {display:block;font-weight:500; color:#666;}
h3.syr{
    margin-right:.75em;
    margin-top:.5em;
    float:right !important;
}
h4 {font-size: 1em; margin-top:1em;}
.hi {background-color:yellow;}
.white-link{color:white;}
.white-link:focus, .white-link:active:focus, .white-link.active:focus {
    outline: 0 none;
    color:white;
}
.transparent {
    /* default fallback */
    background: rgb(255, 255, 255) transparent;
    /* nice browsers */
    background: rgba(255, 255, 255, 0.8);
    
}

/* Table styles*/
table {width:98% !important;border-collapse:collapse; font-size:1em; margin-top:1.5em;}
th {
    vertical-align:top;
    padding-bottom:.25em;
    padding-top:.25em;
    padding-left:.5em;
    padding-right:.5em;
}
td {
    vertical-align:top;
    padding-bottom:.75em;
    padding-top:.75em;
    padding-left:.5em;
    padding-right:1.25em;
}

/* Labels */
label{  font-family: interstate, sans-serif; font-weight: 700;font-style: normal;}
.get-syriac {font-size:.55em; margin-left:1em;vertical-align:super;font-weight:normal; color: rgb(0,136,204);display:none}
.rel-label {font-size:1.05em; background-color:none; color:#666; font-weight:500; margin:0; padding:0;}
.rel-list {padding:0; margin-left:1em;}
.srp-label {background-color:none; color:#333; font-weight:500;}
.sort-title {background-color:none; color:#666; font-weight:500; display:block; }
.textBox {display:block;}
.caveat, .note {font-size: .785em; font-style:italic; margin-top:-.5em; padding-top:0;}
.teiNote {display:block;}
.title {border-bottom:3px solid var(--black);margin-bottom:1em; margin-top:0;padding:0 0 1em 0; }
.about {padding-top: .5em; border-bottom:2px solid #666666;margin-bottom:1em;}
.caption{text-align:center; font-size:.75em;color:grey;}
.funding {margin:1em 0 !important; text-align: center;}
.funding img {width:auto; height: 50px;}
.no-logo {font-size:1.25em; font-weight:600; font-family:serif; color:#333; margin:1em;}
.label, .badge {white-space: normal;}
.about-tables td {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc; 
}
.well-white {background-color:white;}
.section {background-color:white; margin:0 2em;}
.left-padding{padding-left:1em;}
.top-padding{padding-top:1em;}
.right-padding{padding-right:1em;}
.bottom-padding{padding-bottom:1em;}
.indent{padding-left:1em;}
/*.section ul {padding-left:0;}*/
.section.type ul {padding-left:0;}

/* Browse page styles */
.syr-list{padding-right:7em; padding-top:0; text-align: right;}
.en-list{padding-left:6em; padding-top:0;}
.results.en-list #browseResults .short-rec-view > a {font-family: interstate, sans-serif; font-weight: 700;font-style: normal;}
.nav-stacked > .active > a,
    .nav-stacked > .active > a:hover {
      color: #000;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
      background-color: #eee;
      cursor: pointer;
    }
.browse-map {margin:0;}
.inline-map {margin-left:-2em; margin-bottom:1em;}

.results-list {margin-left: 25px; border-bottom:1px dotted #eee; padding-top:.5em;}
.results-list-desc{display:block;}
.pers-label {background-color:#999; font-weight:400; margin-right:4px;}
.results-list-desc .pers-label .footnote-refs,.results-list .footnote-refs, .relation .footnote-refs {display:none; visability:hidden;}

/* Browse tabs and side menues */  	
.tab-pane {
	padding: 1em;
	padding-top: 1.5em;
	border-left: 1px solid rgb(221, 221, 221);
	border-bottom: 1px solid rgb(221, 221, 221);
	border-right: 1px solid rgb(221, 221, 221);
	border-radius: 3px;
}
.tab-pane hr{ border: 0px; }

.tab-pane ul {
	margin-left: 1em;
	margin-right: 1em;
}

.tabbable .nav-tabs { border-bottom: 0px; }
.tabbable .tab-pane { border: 0px; }
.tabbable .float-container .alpha-pages { margin-top:-20px;}
.tabbable .alpha-pages .pagination .btn-group { margin-left: 15px;}
#content .paging .alpha-pages .pagination .btn.btn-default { padding: 7px 12px; }
#content .paging .alpha-pages .pagination .btn.btn-default .caret { border-top-color: var(--color1); }

.nav-tabs li.active {font-size:1.25em;}
.nav-stacked > li {
  float: none;
}

.nav-stacked > li > a {
  margin-right: 0;
}
.nav-tabs.nav-stacked {
  border-bottom: 0;
}
/*Fix to remove space between li's*/
.nav-tabs.nav-stacked>li+li {
    margin-top: 0;
}
.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
.nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
  border-color: #ddd;
  z-index: 2;
}

.type-content {padding:1em;}
.type-nav {width: 85%;}

/* Styles for record short view under relation div*/
.relation {white-space: normal;}
.relation .results-list-desc.uri{margin-left:0; }

/* footnote styles */
.footnote-refs, .footnote-tgt {
    font-size: .7em;
    line-height: 0.5em;
    vertical-align: baseline;
    position: relative;
    top: -0.4em;

}
.footnote-tgt {
    margin-left:-1.5em;
    padding-right:.5em;    
}

/*.footnote-links {float:right; overflow:hidden; clear:right;}*/
.footnote-icon {
    padding-left:.5em; 
    font-size:12px; 
    line-height: 18px;
    vertical-align: middle;
    }
.footnote-icon .glyphicon-book{
    padding-left:.75em;
    line-height: 18px;
    font-size:16px;
    margin-top: -0.25em;
    vertical-align: middle;
    }
.bibl li{line-height: 1.5em;padding-bottom:.5em;}
.bibl-links {padding:.25em; width:25px;}
.anchor { 
    display: block;
    position: relative; 
    top:-75px !important;
    visibility: hidden; 
    }   
.anchor:before {
  content:"";
  float: left;
  height: 0px;
}
.anchor:target + span.footnote-tgt{
   background-color: #ffa;
}
.anchorHighlight {display:block; content:" "; background-color:yellow; border:1px solid red;}
.heading-inline {
	font-weight: bold;
}


/* Subject headings */
.sh {margin-right:.5em; margin-bottom: .5em; line-height:14px; font-weight:normal;}
.sh-search {text-decoration:none; color:white; margin-left:.5em;}
.sh .placeName, .sh .pers-label {font-weight:normal; }
.sh .footnote-refs{display:none;}

/* link icon styles (inline) */
.copy {font-size:1.125em; color:var(--mediumgray); padding: .035em .2em; margin-right:1em; margin-bottom: 0; box-shadow: 2px 2px 2px #888888;}
.print {font-size:1.125em; color:var(--mediumgray); padding: .035em .35em; margin-right:.5em; margin-bottom: 0; box-shadow: 2px 2px 2px #888888;}
.copy-sm {font-size:.75em; color:var(--mediumgray); padding: .02em .1em; margin-left:1em; margin-right:1em; box-shadow: 0px 0px 0px; border-radius: 0px; border: 0px; font-size: 1em; margin-bottom: 0px;}
#link-icons{padding:0; margin-bottom:0;}
#link-icons a {
    display:inline-block; 
    padding-right: .5em; 
    }
#link-icons > a > img {
		box-shadow: 2px 2px 2px #888888;
}
#link-icons > a > img[title~="Pleiades"] {
		border-radius: 12px;	
}
#link-icons > a > img[title~="Wikipedia"], 
#link-icons > a > img[title~="Maps"], 
#link-icons > a > img[title~="Atom"], 
#link-icons > a > img[title~="TEI"] {
		border-radius: 5px;	
}
#link-icons > a > img:hover {
		box-shadow: none;
}
.label {font-size: 1em;}

/* Helper circle for syriaca URI*/
.helper.circle {
	border: 1px solid rgb(0, 136, 204);
	border-radius: 50%;
	height: 1em;
	width: 1em;
	text-align: center;
	vertical-align: center;
    float: left;
    margin-right: 0.5em;
    box-shadow: 1px 1px 1px #888888;
}
.helper.circle:hover {
	box-shadow: none;
	cursor:help;
}
.helper.circle > p {
	color: rgb(0,136,204);
	font-size: .83em;
	position: relative;
	vertical-align: middle;
	top: -.2em;
	font-family: serif;
	font-weight: bold;
}
#sources ul {
	list-style-type: none;
	padding-left: -0.1em;
	text-indent: -1em;
}
#externals {
	margin-top: 1em;
}

#description li:first-letter {
	text-transform: capitalize;
}

.pubPlace > .placeName {
	font-weight: normal;
}

/* Search styles */

/*main-content-block*/

.main-content-block form .well { background-color: var(--lightgray);  border-color: var(--lightgray); box-shadow: none;}
.well .input-group-btn button.btn-default {background-color: var(--color1); color: var(--white); border-color: var(--color1);}
.main-content-block form .well select {  padding: 6px 12px; border-color: var(--mediumgray); background-color:var(--white); border-radius: 3px;}
.main-content-block form .well select:focus {border-color: var(--color1);    outline: 0;}

.search-header {margin-bottom: 1em;}
.search-inner {margin-top:2em;}
form .well .form-group .input-group input.form-control { height: 42px; } 
form .well .form-group .input-group .form-control:focus { border-color: var(--color1); 
 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(178, 219, 195,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(178, 219, 195,.6);

 }
.search-results {margin-top:1em;}
#search-results {margin-top:1em; margin-bottom:1em;}
.search-button {clear:both; margin:-3em 1em 1em 1em;}
.well .search-button {clear:both; margin:.3em 1em 1em 1em;}
/* Transparent styles for search box on home pages */
.transparent-input{
       color: white;
       background-color: rgba(245, 245, 245, 0.2);
       border:0px solid white !important;
    }
#site_search_form .input-group-btn .btn-default { border-color: var(--color1);  font-size: 16px; color: var(--color1);}
#site_search_form .glyphicon { top: 2px; }
.transparent-input::-webkit-input-placeholder { color: white; font-size:large;font-weight:500; }
.transparent-input:-moz-placeholder { color: white; font-size:large;font-weight:500; }
.transparent-input::-moz-placeholder { color: white; font-size:large;font-weight:500; }
.transparent-input:-ms-input-placeholder { color: white; font-size:large;font-weight:500; }
.page-bottom .hit-count {display:none;}
.search-string {display:block;clear:both;}
/*For Search Help*/
#searchTips {clear:both; border: 0px; border-radius: 0px;}
#searchTips h3.panel-title { font-size: 28px;  margin: .5em .5em .5em 0em;}
body #searchTips .bg-info { background-color: var(--color1light); }
body #searchTips .btn-group .btn-primary{ background: var(--color1); border-radius: 0px; }

.match {
    font-style:italic; color:gray;
}
.param {font-weight:600; color:#666; padding-left:.5em;}
.spinner {
  display: inline-block;
  opacity: 0;
  width: 0;
  -webkit-transition: opacity 0.25s, width 0.25s;
  -moz-transition: opacity 0.25s, width 0.25s;
  -o-transition: opacity 0.25s, width 0.25s;
  transition: opacity 0.25s, width 0.25s;
}
.has-spinner.active {
  cursor:progress;
}
.has-spinner.active .spinner {
  opacity: 1;
  width: auto; /* This doesn't work, just fix for unkown width elements */
}
.has-spinner.btn-mini.active .spinner {
    width: 10px;
}
.has-spinner.btn-small.active .spinner {
    width: 13px;
}
.has-spinner.btn.active .spinner {
    width: 16px;
}
.has-spinner.btn-large.active .spinner {
    width: 19px;
}

.btn-link,  .btn-link:hover, .btn-link:active{ color: var(--color1); }
.btn-info  { background-color:var(--color1) !important;border-color: var(--color1) !important; border-radius: 0px; padding: 10px 20px;}
.btn-info .glyphicon{ margin-right: 7px; }
#content .btn-default { border-radius: 0px;  padding: 10px 20px; border-color: var(--mediumgray); }
#content .btn-default:hover, .btn-default:focus, .btn-default:active {  border-color: var(--color1);  color: var(--color1); background-color: var(--white);}
.btn-default.copy-sm { padding: 0px !important; background-color: transparent;}


.btn-info:hover,  .btn-info:active, 
.pagination > .active > a,
.pagination > .active > a:hover {
    background-color: var(--color1dark);
    border-color: var(--color1dark);
}

.well .btn-info { background-color: var(--color1); border-color: var(--color1); }
.well .btn-info:focus { background-color: var(--white) !important;  border-color: var(--color1); color: var(--color1);  outline: 0;}

.pagination > li > a {
    color: var(--color1);
}

.pagination > li > a:hover {
    color: var(--color1dark);
}

#toggle-relation {display:none;}
#toggle-relation dd{padding-top:0; margin-top:0; }

/* styles for forms */
label.error {
  color: #B94A48; /* color to match Bootstraps error class */
}
.feedback {margin-top:1em;}
.documentation .panel-body ul { margin-left:0; padding-left: 1em;}
.leaflet-control-layers-toggle:after{ 
    display:block;
    content:"Map options";
    font-size:small;
    color:#000 ;
    float:left;
    margin-left:3em;
}
.leaflet-control-layers-toggle{ 
    width:125px !important;
    background-position: 3px 3px !important;
    text-decoration:none;
    line-height:36px;

} 
.citationinfo {padding:1em; color: #555; border-top:1px solid var(--mediumgray); background-color:#eee; }
#content .preferred-citation.well {font-size:1.2em; border: thin solid var(--darkgray); background-color: var(--white);}
#content .preferred-citation.well h4 {margin-top: .2em;}
.hint{margin:.5em; color: grey; font-style:italic;}
.uri {margin:0 0 1em; color: var(--darkgray);}
p.single-space{padding:.25em;}
.teiDocs {padding:.25em; border-bottom:1px solid var(--mediumgray);}

/* Facet styles */
.facet-list  .facet-label, .facet-grp .facet-label.togglelink { border: 0px;  border-bottom: thin solid var(--mediumgray);}
.facet-grp .facet-label.togglelink { font-weight: bold;}
.label-facet {background-color:var(--mediumgray); color:var(--mediumgray); font-weight:normal; margin:.25em; display:inline-block;}
.facet-label {margin-left:.5em; display:block; text-align:left; white-space: normal;}
.facet .icon{margin-left:.25em;}

/* Manuscripts */
.msItem {margin:0 1em;}
.msExtent {display:block; margin:0 1em;}

/* Dashboard styles */
.huge {font-size:2.5em;}
.dashboard  .panel-heading .glyphicon{font-size:3em; padding-top: .25em;}
#dashboardOne h4.panel-title {color:var(--mediumgray); font-weight:500; font-size:1.25em;}

/* Home page styles*/
.sub-module {
  margin: 1.5em;
  overflow:hidden;
  background:var(--mediumgray); 
  padding:1em;
  width:250px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.geo { 
  border-top:10px solid var(--darkgray);
}
    
#moreInfo #map-data {display:none;}

/* new search */
.mobile-submenu{display:none;}
.group {padding-left:2.5em;}
.results .record {padding-left:1em;}
.short-relationships {display:block;}
.wiki-page-link, .Box-row strong {font-weight:normal;}
select.keyboardSelect {display:none;}

/* Timeline title styles */
.slider-item h3{font-size:1.25em !important;}
.jump-menu {margin:1em;}
.jump-menu .jump {margin-right:1em;}

.related-subject {display:block !important;}

button.bibl-show {margin: .5em -1em;}
.slide {font-weight:400;}
.more-info a {font-weight:600; color:white;}

.counter {font-size:1.15em; font-weight: 400; padding:1em;}

/* Citation styles */
/* Sedra display */
#citationsDisplay {
    display:none;
    position:absolute;
    top:225px;
    left:50%;
    width:50%;  /* adjust as per your needs */
    min-height:250px;  
    max-height:400px;
    margin-left:-25%;   /* negative half of width above */ 
    /*
    width:24%; 
    min-height:250px; 
    max-height:400px; 

    */
    padding:1em;
    background-color:var(--color1);
    box-shadow: 8px 8px 3px var(--mediumgray);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    overflow-y:scroll;
    overflow-x:hidden;
    z-index: 125;
} 
#citationsDisplay h3, #citationsDisplay .content { color: var(--white); }
#citationsDisplay hr { border-color: rgba(255,255,255, .2);}
#citationsDisplay form #citeItemSelect { padding: .7em .5em; border-radius: 0px; border: thin solid var(--mediumgray); background-color: var(--white);}
#citationsDisplay #citationsHide.btn-default { background-color:var(--color1); color: var(--white);  border: thin solid var(--white);}

#citationsDisplay .content {margin:0 .5em; padding:0 .5em;}

#selectLocation {
    display: block;
    padding-top: 1.25em;
    padding-bottom: .5em;
    overflow: hidden;
    }

#selectLocation .control-label {
    font-weight:bold;
}

#selectLocation .input-group {
    padding-bottom:.5em;
}

#selectLocation .remove {display:none;}

/* Home page styles */ 
.featured-collections {
    background-color: var(--white) !important;
}



.featured-collections .well-custom {
    border-radius: 0px;
    border: 0px;
    margin: 0 !important;
    border: 0px;
    box-shadow: 0px 0px 0px;
    /*border: 1px solid var(--mediumgray);*/
}

.featured-collections .well-custom h3{
    border-bottom: 3px solid var(--black); padding-bottom: .5em;
    margin: 1em .5em;
}

.featuredItem .image {
    display:block;
    height:200px;
    position:relative;
    padding-top:0;
    margin:0 0 1em;
	background-image:url('../images/homeQaraiteTranslations.png');
	background-size:cover;
	background-position:top;
}


.featured-collections .well-custom .row:not(.featuredItems) .col-md-6 .item { border-bottom: thin solid var(--mediumgray); padding-left: 0px;}
.featured-collections .well-custom .row:not(.featuredItems) .col-md-6 .item:last-child{ border-bottom:0px;}
.featured-collections .item .item-credit { margin-left: 0px; padding: 0px; }

.featuredItem .item {height: 150px; line-height: 1.1em;}
.well-custom .item .item-title { font-weight: bold; line-height: 1.1em; }

.featured-collections .image1  {
	background-image:url('../images/homeAll.png');
}

.featured-collections .image2  {
	background-image:url('../images/homeOT.png');
}

.featured-collections .image3  {
	background-image:url('../images/homeNT.png');
}

.featured-collections .image4  {
	background-image:url('../images/homeGeneralIntro.png');
}
.featured-collections .image5  {
	background-image:url('../images/homeHistoricPrintings.png');
}
.featured-collections .image6  {
	background-image:url('../images/homeQaraiteTranslations.png');
}

.featured-collections .item {
    background-color:white;
    width:100%;   
}

.featuredItems {
 text-align:center;
 text-align: left;
 background-color:var(--white);
 padding:0;
 border-top:0px solid #A18C6A;
 border-bottom:0px solid #A18C6A;
}

.featuredItems .item { padding-left: 0px; }

.featuredItems .item-title a { text-decoration: none;}
.featuredItems .item-title a:before { display:inline; margin-right:.6em ; 
    background-image: url('../images/ico-go.svg');
    background-size: 15px 15px;
    display: inline-block;
    width: 15px; 
    height: 15px;
    content:""; 
 -webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 -ms-transition: all .4s ease;
 -o-transition: all .4s ease;
 transition: all .4s ease;
}

.featuredItems .item-title a:hover:before {  margin-left:.3em; margin-right:.3em ;}

/* Special styles for large up screens */
@media screen and (min-width: 1024px) {

/* Navbar */
.navbar-header .navbar-brand.banner-container {display: flex;  align-items: flex-end; margin-bottom: 15px;}
.navbar.navbar-default .navbar-collapse { margin-top: 25px; }

/* homepage */
/*.featured-collections > .row > .col-md-6:last-child { border-left: thin solid var(--black); }*/
.featured-collections > .row { display: flex;  border: 0px;}
.featured-collections > .row .col-md-6 { padding-bottom: 1em; }
.featured-collections > .row .well-custom{  height: 100%;}

}



/* Special styles for small screens */
@media screen and (max-width: 480px) {

body #content  { padding-top: 90px;}
body .container  {width: 100%; padding: .5em 0;}


/*navbar */
.navbar{padding:0px; }
.navbar .navbar-header { padding:0 1em;  }
.navbar .navbar-header .navbar-brand  { order: 1; }
.navbar-header .navbar-brand.banner-container { height:87px; width:calc(100% - 50px); }
.navbar .navbar-header .navbar-brand img {  display: block; height: 60px;}
.navbar .navbar-header .navbar-brand  .banner-text { margin-top:3px; display:block; font-size:16px; margin-left: 0px; font-weight:normal; } 
.navbar .navbar-header .navbar-toggle { order: 2; margin-right: 0; margin-top: 30px; border: 0px; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:active { background-color: var(--white); border-color: var(--white); }
.navbar-default .navbar-toggle .icon-bar { background-color: var(--black); width: 24px; height: 3px;}
.navbar-default .navbar-toggle:focus .icon-bar { background-color: var(--color1); }
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-top: 0px;}
.navbar-fixed-top .navbar-collapse { max-height:none; }
.navbar-collapse { transition: all .3s ease-out; }
.navbar-collapse.in { background-color: var(--color1); }
.navbar.navbar-default .navbar-nav { padding: 0 1.5em; }
.navbar.navbar-default .navbar-nav.keboard-btn { margin: 0; padding: 0px; }
.navbar.navbar-default .navbar-nav.keboard-btn .btn.btn-default {border-color: rgba(255, 255, 255, .4); background-color: var(--color1); color: var(--white); margin-top: 6px;}
.navbar.navbar-default .navbar-nav.keboard-btn .keyboard-menu.open .btn.btn-default, .navbar.navbar-default .navbar-nav.keboard-btn .btn-nav.open .btn.btn-default {border-color: rgba(255, 255, 255, 1);}
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: var(--white); }
.navbar.navbar-default .navbar-nav > li  { border-bottom: thin solid rgba(255, 255, 255, .2);}
.navbar.navbar-default .navbar-nav > li > a { padding: .6em 0 ; }
.navbar.navbar-default .navbar-nav > li > a, .navbar.navbar-default .navbar-nav > li > a:focus, .navbar.navbar-default .navbar-nav > li > a:active { color: var(--white); }
.navbar.navbar-default .navbar-nav.keboard-btn > li  { border-bottom: 0px;}
.navbar.navbar-default .navbar-form { background-color: var(--color1); border-bottom: 0px; padding:30px 15px; margin-bottom: 0;}
.navbar.navbar-default .navbar-form .btn-default { background-color: var(--black);  color: var(--white);}
.input-group-btn {height: 34px; background-color: var(--black);}

.navbar-input-group .input-group { border-bottom: 0px; }
.navbar-input-group .input-group .btn{ margin-left: 0px; }
.navbar-collapse, .dropdown-menu {float:none; width:100% !important;}
.navbar-nav li {width:100% !important; float:none;}

/*home*/
.featuredItem .image { height: 350px; }
.featuredItem .item {height:fit-content; margin-bottom: 2em;}
.funding li:last-child img{max-width:100px; height: auto; margin-top: 2em;}
.funding img {max-width:100%; height: auto;}
body .scrollTo {flex-direction: column ; justify-content: flex-start;   align-items:  flex-start;}
body .scrollTo a:before{ margin-left: -15px; }

/*Research block */
.main-content-block { padding: 1em 1em; margin: 1em auto;}
.main-content-block form .well { padding: 1em .5em;}
.main-content-block form .well .dropdown-menu { right: 0 !important; left: inherit; min-width: 180px; }
.main-content-block form .well .dropdown-menu > li a { margin-left: 0; margin-right: .5em;}
.main-content-block form .well select { max-width: 350px; }
.main-content-block form .well .keyboard-menu .btn-default { display: flex; }

form .well .indent .btn-group .btn.code { max-width: 80%; }

 /* facet style*/
#facetResults .facet-grp  .btn-default, #facetResults .facet-grp .facet-label.togglelink { padding-left: 0px; margin-left: 0px;}

.en-list{padding-left:0px; padding-top:0;}
.results.en-list > span {font-family: interstate, sans-serif; font-weight: 700;font-style: normal;}
.tab-content .tab-pane { padding-left: 0px; padding-right: 0px; }
body  .alpha-pages  { margin-top: 1em; }
.tab-pane .pagination { margin-left: -10px; margin-right: -10px; }
.tab-pane .pagination li .btn-group .btn-default{ margin-left: -10px; margin-right: -10px; }
.mobile-submenu {
    display: block;
    float:left;
    margin-left:3em;
    }
.caret {float:left; margin-left:.5em; margin-top:.5em;}  

/*record*/

.indent { margin-left: 0em; }
.indent .btn-xs { margin-bottom: .4em; }
.section.indent { margin: 0; }
#citationsDisplay { min-width: 90%; left: 5%; margin-left: 0;}
#citationsDisplay form #citeItemSelect {  width: 100%;}
#citationsDisplay form select option { font-size: 13px;}
.btn-info.see-also{ margin-bottom: 2em;}

}

/*record*/
.record .panel { border-radius: 0px; }

/* Mirador styles */
.mirador {margin:1em; padding:1em; z-index: 1; min-height:600px; poisition: relative;}
#mirador nav.mirador-workspace-control-panel {display:none;}