/* Application styles */
/*
 * Colors:
 *  
 */
 
@import url("syr-font-families.css");

/* A */
.abstract {}
.alpha-pages {margin:-1.5em 0 1em 0;}
#advancedSearch {
border-right:1px solid #eee;
padding:3em .5em;
background-color:#fff;
/* position:fixed;*/ }
.api-path {width:15%}
.api-param {width:20%}
.api-desc {width:55%}
.api-method {width:10%}
.anchor { 
    display: block;
    position: relative; 
    top:-25px !important;
    visibility: hidden; 
    }   
.anchor:before {
  content:"";
  float: left;
  height: 0px;
}


/* B */
.ui-menu-item a {display: block; padding: 6px 4px;}
.badge a {color:white !important; font-weight:bold; text-decoration:none; display: block; padding: 12px;}
.image-banner {
    position:relative;
    margin-top:-1em;
    padding-top:0;
	background-image:url('../images/banner.png');
	background-size:cover;
	background-position:top;
    height:250px;
    width:100%;
    border-bottom:4px solid #456889;
}
.banner-container {display:inline-block; line-height:2.5em;}
.banner-text {color: #888; display:inline-block; letter-spacing: -1px; font:1.35em Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.banner-icon img{height:50px; overflow:hidden; padding-left: 1em; vertical-align: middle; margin:-.25em .5em 0 .5em; padding:0;}

.bg-light {
  background-color: rgb(248,249,250, .85);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}

.bg-dark {
  background-color: rgba(0, 0, 0, .85);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px); 
  color:white;
}

.bg-grey {
  background-color: rgba(119,119,119, .85);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px); 
  color:white;
} 

.bg-blue {
  background-color: rgb(69,104,137, .85);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  color:white;
}

body {font-family: arial, sans-serif; background-color:white;}

.btn-rounded {
  border-radius: 25px;
}

.btn-light {
  background-color: rgba(255,255,255, .85);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  border: 1px solid #777;  
  color:#3596e0;
}


.btn-light:active{
      transform: translateY(1px);
      filter: saturate(150%);
    }

.btn-light:hover{
      color: #ddd;
      background-color: rgba(143,143,143, .10);
    }
    
.btn-light::-moz-focus-inner{
      border: none;
    }

.btn-light:focus{
      outline: none;
      box-shadow: 0 0 0 3px rgba(87, 145, 170, 0.5),
        0 0 0 1.5px rgba(87, 145, 170, 0.5);
    }
    
/* browse menus*/
.browse-alpha {border-bottom:1px solid #ccc; padding:.5em 1em; margin:1em 0; text-align: justify;}
.browse-alpha li + li {padding-left: .75em;}
.browse-alpha li.syr-menu + li.syr-menu {padding-left: .5em;}
.browse-alpha li.ar-menu + li.ar-menu {padding-left: .15em;}
.browse-alpha li.selected a{color:white; padding-right:.25em;}

/* C */
/*.caret {margin-left: -.5em!important; margin-top:.5em; margin-right:1em;}*/
.clipboard {padding:.25em; margin-left:.75em;}
.container {margin:1em 2em; padding: .5em 1em; }
.code-grp {width:100%;}
.code {
    text-align:left;
    border:1px solid #ccc;
	border-left: 11px solid #ccc;
	overflow: auto;
	max-width:inherit;
    background-color: #F5F5F5;
    width:90%;
}
code.inline{
    display:inline;
	padding: 0.1em 0.5em 0.3em 0.7em;
	border-left: 11px solid #ccc;
	margin: 1.7em 0 1.7em 0.3em;
	overflow: auto;
	max-width:inherit;
	white-space: pre-wrap;       /* CSS 3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
	}
/* D */
dt {
	margin-top: 1.5em;
}
dd {
	margin-top: 0.5em;
}


/* F */
footer {text-align:center;}
footer a{color:white;}
footer .poweredby { margin: 33px 10px 0 0;}
footer .poweredby img { width: 75px; }
.features li {
    padding: 1em;
    margin: 1em;
    font-size: large;
    
}
.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;
    }
    
/* facets */
.facet-label {
    margin-left:.5em; 
    display:block; 
    text-align:left; 
    white-space: normal;
    }
.facet-label.remove {background-color:#eee; color:#666; font-weight:normal; margin:.25em; display:inline-block;}
.facet-remove {padding-right:6px; margin-right:6px; border-right:1px solid #666; font-weight:normal; color:#666;}

/* G */
.geo-home {margin-top:4em !important;}
/*  .geo-home #map {border-bottom:4px solid #456889}*/

/* H */
.home-page-text {
    color:white; font-size:1.75em; margin-top:2em;
    font-weight:200;
    background: rgb(34,34,34); /* for IE */
    background: rgba(34,34,34,0.55);
    color: white; 
    padding: 2.75em 2em 2em;
    display:block;
    min-height:375px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
.home-page {
    text-align:center;
    position:relative;
    margin:0;
    padding:0;
	background-image:url('../images/banner.png');
	background-size:cover;
	background-position:top;
    min-height:375px;
    width:100%;
    position:relative
}

.feature {
    padding:1em;
    height: 200px;
}
.feature .glyphicon {font-size:1.5em; color:#777; vertical-align: bottom;}
.feature h3 {font-size:1.25em;}
.feature p {margin:1em 2em;}

/* I */
.interior-content {margin:1em 2em; padding: 1em;}
.indent {margin-left: 1em;}
img{ margin:0px }
.img-credit{
    position:absolute;
    bottom:0;
    right:0;
    width:100%;
    text-align:right;
    font-size: smaller;
    font-weight:200;
    background: rgb(34,34,34); /* for IE */
    background: rgba(34,34,34,0.55);
    color: white; 
    display: inline;
    padding: 0.5em;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
.img-credit a{color: white; }
/* J */
.js-wiki-sidebar-toc-toggle-chevron-button {display:none;}
/* K */
.keboard-btn {margin-left:-1em;}

/* L */
.label {color:black;}
/* Styles for languages and scripts for Syriac styles */
/* styles for languages and scripts */
:lang(en) {
    font-size: 1em;
	font-family: arial, sans-serif;
}

:lang(syr),:lang(syc) {
 font-family: "EstrangeloEdessa", "Estrangelo Edessa", Verdana, Arial, Helvetica, sans-serif;
  /*font-size:large;*/
  font-size:1.25em; 
  line-height:1em;
  
}

:lang(syr-Syrj), :lang(syc-Syrj) {
 font-family: "SertoBatnan", "Serto Batnan", Verdana, Arial, Helvetica, sans-serif;
  font-size:1.25em; 
  line-height:1em;
 
}

:lang(syr-Syre), :lang(syc-Syre) {
 font-family: "EastSyriacAdiabene", "East Syriac Adiabene", Verdana, Arial, Helvetica, sans-serif;
 font-size:1.25em; 
 line-height:1em;

}

:lang(ar) {
 font-family: arial, sans-serif;
 font-size:1.25em; 
 line-height:1em;
}

/* M */

.map-lg #map {height:500px !important;}
.map-md #map {height:300px !important;}
.map-sm #map {height:250px !important;}
/* #map {height:325px !important; } */
#map { height: 100% }
#map .leaflet-tile-container img {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
    margin:0px;
    border:none;
}
.map-pop-title {display:block;font-weight:600; font-size:1.2em; margin-bottom:0; padding-bottom:0;}
.map-pop-desc {display:block; padding:.5em;}
.main-content {margin:1em; padding:2em;}

/* N */
/* Navbar styles*/
.navbar {padding:0 2em; border-bottom:4px solid #456889 !important;}
.navbar .dropdown {margin-top:.65em; margin-left: 1.5em;}
.navbar {border-bottom:4px solid #456889 !important;}
.navbar-inner {border-bottom:.5em solid #456889 !important;}
.navbar-inner .container{height: 45px !important; padding-top:.5em; margin-left:.5em;}
.navbar-inner {border-bottom:.5em solid #456889 !important;}
.navbar-inner .container{height: 45px !important; padding-top:.5em; margin-left:.5em;}
.navbar-brand {margin-top:-.75em; padding-left:0; margin-left:0; margin-right:-2em;}
.navbar-brand img {padding:0; margin:0; }
.navbar .brand {margin-top:-.75em; margin-left:40px;padding-left:0;}
.navbar .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;  
}
.navbar-inner > .container > .nav > li.selected {border-bottom: 4px solid #E69849 !important; }
.navbar.advanced-search > a {color:#999; text-decoration:none;}
.navbar .advanced-search{margin-top:-.5em;}
.navbar-form {overflow:hidden;}
.navbar .keboard-btn {margin-left:-1em;}
.navbar-input-group {
  font-size: 0px; /*removes whitespace between button and input*/
}
/* Nav submenus*/
.navbar .dropdown-submenu {position: relative;}
.navbar .dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
}
.navbar .dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.navbar .dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}
.navbar .dropdown-submenu.pull-left {
  float: none;
}
.navbar .dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}
/* Nav bar icons for submodules */
.navbar .dropdown-menu li a{margin-left:.5em;}
/* Used for dropdowns next to syriaca.org icon, so both icon and caret are "clickable" */
.navbar .lonely-caret {padding-left:0;margin-top:-.35em;}
.navbar .nav-icons {
    background-position: left center;
    background-repeat: no-repeat;
    text-indent:14px;
}
.navbar .sub-menu .nav-icons{margin-left:2em;}
.navbar .icon-container {display:inline-block; line-height:1.5em;}
.navbar .submodule {margin-left:.75em;}
.navbar .icon-nav {font-size:1.75em; display:inline-block; margin-right:.15em;}
.navbar .icon-text {display:inline-block; margin-top:-.85em; vertical-align: middle; font-weight:500;}
.navbar .nav-text {display:inline-block; line-height:1.5em; margin-top:.25em;}

/* O */
.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;
}

/* P */
.paging {display:block; clear:both;}
.param {font-weight:500;}
.param-string {margin-right:.75em;}
/* API documentation */
pre code {
	line-height: 1.6em;
	font-size: 11px;
	}
pre {
	padding: 0.1em 0.5em 0.3em 0.7em;
	border-left: 11px solid #ccc;
	margin: 1.7em 0 1.7em 0.3em;
	overflow: auto;
	width: 93%;
	max-width:inherit;
	white-space: pre-wrap;       /* CSS 3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
	}
.projects li {width: 375px; margin:.5em; padding:.5em;}
.projects li img {width: 350px; display:block;}
/* R */
/*.record {padding-top: 2em; margin:4em;}*/
.results {margin-top:4em; margin-left:1em;}
.result {border-bottom:1px dotted #eee; padding-top:.5em; padding-bottom: 1em;}
.results-list-desc {display:block;}
.relation .short-rec-view {margin: 1em;}
.relationship-type {font-color:#666666; display:block;}
.row { margin-left: 0px; margin-right: 0px;}

/* S */
.search-box input, .search-box textarea{
    background-color:#FFF;
    color: #666;
}

#sources ul {
	list-style-type: none;
	padding-left: -0.1em;
	text-indent: -1em;
}
.syr-list{padding-right:7em; padding-top:0; text-align: right;}

/* Navbar search */
#search-wrapper {
  margin-top: .75em;
  margin-left:.5em;
  margin-right:.5em; 
  padding:0;
  display:flex;
  flex-direction:row;
  border:1px solid grey;
  height: 32px;
  background-color: rgba(255,255,255, .80);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  border-radius: 25px;
}

#search-wrapper form {margin: 0; border:0 !important; padding:0;display:flex;}
#search-wrapper input {
  border-radius: 25px;
  height: 32px;
  background-color:transparent !important;
  border:none;
  flex-grow:2;
  border:none;
/*  color:white;  */
}

#search-wrapper .form-group {display:flex;}
#search-wrapper input:focus{
  outline: none;
}

.navbar-btn {
  margin-top: .75em;
  margin-right:4px;
  height: 32px;
  color: #3596e0;
  border-radius: 25px;
  height: 32px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.search-box .search-btn {
  margin-left:-.5em !important;
  width: 32px;
  height: 32px;
  border: none !important;
  color: #3596e0;
  background-color:transparent !important;
}

.search-box .keyboard-menu .btn-default {
   height: 32px;
   border:none;
   background-color:transparent !important;
}

.search-box .navbar-form {overflow:visible;}

#search-info {
  scroll-margin-top: 80px; /* Match header height */
}

/* T */
.tab-content {padding-top:.25em;}
.text {margin:0}
.title {border-bottom:1px solid grey}
.title-journal, .title-monographic{font-style:italic;}
.tooltip {
      padding:.25em;
      overflow:visible;
  }
.tooltip-inner {
    padding:.25em;
    padding-left:1.5em;
    overflow:visible;
    text-align:center;
    }
    
/* TEI styles */
.tei-desc {display:block;margin:1em;}
/* .tei-event {display:block;} */
.tei-footnote-refs, .tei-footnote-tgt {
    font-size: .7em;
    line-height: 0.5em;
    vertical-align: baseline;
    position: relative;
    top: -0.4em;

}
.tei-footnote-tgt {
    margin-left:-1.5em;
    padding-right:.5em;    
}
.tei-event p {display:inline-block;}
.tei-note {margin: 1em;}
.tei-quote .tei-placeName {color: #6699cc; font-weight:bold;}
/*.tei-title > .tei-title {font-style:italic;} */
.top-padding {margin-top:4.5em !important;}
.text-block {margin-left:1em; display:block;}

/* O */
.otherFormats {width:100%;clear:both;margin-top: 1em; margin-bottom:1em; text-align:right;}
/* W */
.white-link{color:white;}
.white-link:focus, .white-link:active:focus, .white-link.active:focus {
    outline: 0 none;
    color:white;
}
.well-white {background-color:white;}
.pagination-container{
    float:right; 
    margin-right: 1em;
    padding-right: 2em;
  }
.header {margin-top:3em; color:white; padding-left:2em;}  
/* Special styles for small screens */
@media only screen and (max-width: 1500px) {
    .header {margin-top:4em;}
}
@media only screen and (max-width: 991px) and (min-width: 769px){
 /* CSS that should be displayed if width is equal to or less than 991px and larger 
  than 768px goes here */
  .header {margin-top:5em;}
}
@media screen and (max-width: 480px) {
.header {margin-top:5em;}
.navbar-collapse, .dropdown-menu {float:none; width:100% !important;}
.navbar-nav li {width:100% !important; float:none;}
.mobile-submenu {
    display: block;
    float:left;
    margin-left:3em;
    }
.caret {float:left; margin-left: -.5em!important; margin-top:.5em; margin-right:1em;}    
}


/* Loading spinner icon */
.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}