/* Application styles could go here */
/*
 * Colors:
 * Dark green: 2A492A
 * Mid green : 315431
 * light grey: cccccc
 * Dark Grey #333
 * Light Grey (text): #999
 */
body {background-color:#666;}
#main {background-color:#cccccc;}

/* Main content blocks */
.navbar {border-bottom:4px solid #315431 !important;}
.advanced-search > a {color:#999; text-decoration:none;}

/* Banner styles SPEAR */
.banner-index {
	background-image:url('../images/spear-banner.png');
	
}

/* SPEAR banner internal pages */
.banner-interior {
    border-bottom:4px solid #2A492A;
	background-image:url('../images/spear-banner.png');
	height:200px;
}

.banner-solid{ background-color:#315431; border-top:4px solid #2A492A;}
.banner{ background-color:#315431; border-bottom:4px solid #2A492A;}
/* Typography */
h1 {color:#666; padding-top:1em;}
h2 {color:#999;}
h3 {color:#333;}
h4 {font-weight:500;}

.browse-alpha li + li {
    padding-left: .75em;
}

.browse-alpha li.selected a{color:white; padding-right:.25em;}
.spear-related {display:block; padding:.5em;}
.title {border-bottom:2px solid #666666;margin-bottom:1em;}
.about {padding-top: .5em; border-bottom:2px solid #666666;margin-bottom:1em;}
.pers-label {margin:.25em; padding:.5em; background-color: #cdcdcd; color:black; font-weight:normal; display:inline-block}
/*.custom-map-marker {width:14px; height:14px; margin:0;padding:0; padding-right:14px;}*/
.dl-srophe dt{width: 14px; margin-top:0; height:20px !important;}
.dl-srophe dd {margin-left: 2em;}
.srophe-marker
    {
        background-image:url('../leaflet/images/markers-plain.png');
        background-repeat: no-repeat;
        background-size: 141px 18px;
        background-position: 0 0;
        /*width:14px;
        height:14px;
        padding:0;
        padding-right:14px;
        margin:0;*/
        padding-right:14px;
    }
.born-at {
  background-position: -14px 0;
}
.died-at {
    background-position: 0 0;
}
.literary {
    background-position: -56px 0;
}
.short-relationships { margin:1em;}
.relation {
    background-position: -42px 0;
}
.factoid {
    display:block;
    margin-bottom: 1em;
    margin-left: 1em;
}
.factoid h4 {font-size:large;}
.spear-aggregate {margin-left:1.5em;}
.spear-aggregate h4 {margin-top:1.5em;}
.spear-aggregate p {margin:.25em;}
.teiNote {margin-left:1em;}

.tab-pane {border:none;}
/* Facets */
.selectedFacet {background-color:#eee; color:#666; font-weight:normal; margin:.25em; padding:.2sm; display:inline-block;}
.facet-group {margin-bottom:1.5em;}
.facet {display:block; margin-left:1em;}
.expand {padding: .25em 1em; font-weight:bold;}
#sparqlFacetsBox.clicked{
    top: 30px;
    left: 30px;
    width: 90%; 
    height: 90%; 
    position: fixed;
    z-index: 1500; 
/*
    z-index: 9; 
    width: 100%; 
    height: 100%; 
    position: fixed; 
    background-color: #131313; 
*/    
}