/* Grave Directory Map Styling */
#map.EHP_graves_dir_map{
	display: block;
	position: relative;
	width: 100%;
	height: 460px;
	margin: 0 auto 1em auto;
	padding: 0;
	clear: both;
	border: inset 2px rgba(0,0,0,0.28);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.18);
}

/* Graves Search Styling*/
.EHP_grave_search, .EHP_grave_search form, .EHP_grave_search label{
	display: block;
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	clear: both;
}
.EHP_grave_search label strong{
	display: block;
	position: relative;
	width: 100%;
	text-align: center;
	clear: both;
}
.EHP_grave_search form{
	text-align: center;
}
.EHP_grave_search label{
	display: inline-block;
	position: relative;
	max-width: 70%;
	min-width: 50%;
	margin-right: -1em;
	vertical-align: bottom;
}
.EHP_grave_search label input[type="text"]{
	display: block;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0.25em 1em;
	border: solid 2px rgba(131,18,18,0.7);
	border-radius: 6px;
	text-align: center;
	font-family: "Merriweather", Helvetica, sans-serif;
	font-size: 1.1em;
	color: #600d0d;
}
.EHP_grave_search input[type="submit"]{
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0.85em 1em;
	font-size: 0.9em;
	font-weight: 500;
	color: #fff;
	vertical-align: bottom;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+47,6d0019+51,8f0222+100 */
	background: rgb(169,3,41); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 47%, rgba(109,0,25,1) 51%, rgba(143,2,34,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 47%,rgba(109,0,25,1) 51%,rgba(143,2,34,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 47%,rgba(109,0,25,1) 51%,rgba(143,2,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#8f0222',GradientType=0 ); /* IE6-9 */
	border: 0;
	border-radius: 0 6px 6px 0;
}
.EHP_grave_search h4{
	text-align: center;
}

/* Graves Facet Filters Styling*/
.EHP_grave_facets_filter{
	display: block;
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 1.35em 0 0 0;
	clear: both;
}
.EHP_grave_facets_filter > p{
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	color: #555;
	font-weight: bold;
}
.EHP_grave_facets_filter > form{
	display: flex;
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	clear: both;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: flex-end;
	font-size: 0.9em;
}
.EHP_grave_facets_filter > form label{
	flex-basis: auto;
	max-width: 15%;
	margin-right: 1%;
}
.EHP_grave_facets_filter > form label strong{
	display: block;
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	clear: both;
	text-align: center;
}

/* Graves List/Directory Styling */
.grave-sites-list{
	display: flex;
	position: relative;
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	padding: 1em 0;
	clear: both;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: center;
}
.grave-sites-list > li{
	display: block;
	position: relative;
	flex-basis: auto;
	width: 30%;
	margin: 0 1% 1em 1%;
	padding: 0.35em 1em;
	border: solid 2px rgba(83,58,45,0.38);
	background: rgba(255,255,255,0.99);	
}
.grave-sites-list > li > h2{
	text-align: center;
	font-size: 1.2em;
	margin-bottom: 0.15em;
}
.grave-sites-list > li > h3{
	text-align: center;
	font-size: 0.8em;
	color: rgba(98,89,90,0.48);
}
.grave-sites-list ul.grave-data{
	display: block;
	position: relative;
	width: 96%;
	margin: 0 auto;
	padding: 0 0 0 4%;
	clear: both;
	font-size: 0.9em;
}
.grave-sites-list span.EHP_generic_grave_image{
	display: block;
	position: relative;
	width: 294px;
	height: 220px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	background: rgba(0,0,0,0.38) url(../images/grave-generic.png) center center no-repeat;
	background-size: 50%;
	border-radius: 8px;
	overflow: hidden;
	text-indent: -1000px;
}

/* Single Grave Marker Detail Page Styling */
body.single-grave-markers #content h2{
	margin: 0 0 0.35em 0;
	font-size: 1.35em;
}

.EHP_grave_bio_data{
	display: block;
	position: relative;
	width: 96%;
	height: auto;
	max-height: 320px;
	margin: 0 auto 1em auto;
	padding: 0.5em 2%;
	clear: both;
	overflow: hidden;
	overflow-y: scroll !important;
	border: solid 2px rgba(131,18,18,1);
	border-radius: 6px;
}

/* Main Grave Image & Notes */
.EHP_grave_image_notes{
	display: flex;
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	clear: both;
	max-width: 1140px;
	flex-flow: row nowrap;
	align-items: stretch;
	justify-content: center;
}
.EHP_grave_image_notes > div{
	flex-basis: auto;
	position: relative;
	width: 46%;
	margin: 0;
	padding: 0.35em 2%;
	border-right: solid 2px rgba(0,0,0,0.28);
}
.EHP_grave_image_notes > div:last-of-type{
	border: none;
}
.EHP_grave_main_image a{
	display: inline-block;
	max-width: 100%;
}
.EHP_grave_main_image a img{
	display: block;
	position: relative;
	max-width: 100%;
	height: auto;
	border: solid 2px rgba(0,0,0,0.28);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.18);
}

/* General Data Container Styling */
.EHP_single_grave_data{
	display: flex;
	position: relative;
	width: 100%;
	margin: 0 auto 1em auto;
	padding: 0;
	clear: both;
	flex-flow: row wrap;
	align-items: flex-top;
	justify-content: flex-start;
	list-style: none;
}
.EHP_single_grave_data > li{
	flex-basis: auto;
}
.EHP_single_grave_data h2{
	margin: 0.15em 0 0.25em 0 !important;
	font-size: 1.2em !important;
}

/* Recorder Information */
.EHP_gravedata_recorder_information{
	width: 100%;
	position: relative;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: solid 2px rgba(0,0,0,0.28);
}
.EHP_gravedata_recorder_information > ul{
	display: flex;
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	clear: both;
	flex-flow: row nowrap;
	align-items: stretch;
	justify-content: center;
	list-style: none;
}
.EHP_gravedata_recorder_information > ul > li{
	width: 32%;
	margin-right: 1%;
}

/* Grave Location Map */
.EHP_gravedata_grave_location,
.EHP_gravedata_grave_location > ul{
	display: block;
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	clear: both;
	list-style: none;
}
.EHP_gravedata_grave_location iframe{
	width: 100%;
	max-width: 100%;
}

/* Deceased Persons */
.EHP_gravedata_deceased{
	min-width: 49%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.EHP_gravedata_deceased h3{
	font-size: 1em;
	margin: 0 0 0.25em 0;
}
.EHP_gravedata_deceased > ul{
	width: 95%;
	margin: 0 0 0 5%;
	padding: 0;
	clear: both;
	list-style: none;
}
.EHP_gravedata_deceased > ul > li > ul{
	display: block;
	position: relative;
	width: 92%;
	margin: 0 0 0.5em 8%;
	padding: 0;
	clear: both;
	font-size: 0.9em;
}
.EHP_grave_inscribed_surfaces > p{
	margin: 0 0 0 0;
	padding: 0;
	font-size: 0.75em;
	color: #555;
}
.EHP_grave_deceased li strong{
	display: block;
	position: relative;
	width: 100%;
	margin: 0 auto;
	clear: both;
}
.EHP_grave_deceased li span{
	display: inline-block;
	position: relative;
	width: 49%;
	vertical-align: text-top;
}

/* Dimensions & Measurements */
.EHP_gravedata_dimensions_amp_measurements{
	min-width: 49%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.EHP_gravedata_dimensions_amp_measurements > ul{
	width: 90%;
	margin: 0 0 0 10%;
	padding: 0;
	clear: both;
}

/* Dimensions Grave Marker Info */
.EHP_gravedata_grave_marker_info{
	min-width: 49%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.EHP_gravedata_grave_marker_info > ul{
	width: 90%;
	margin: 0 0 0 10%;
	padding: 0;
	clear: both;
}

/* Grave Enclosure */
.EHP_gravedata_grave_enclosure{
	min-width: 49%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.EHP_gravedata_grave_enclosure > ul{
	width: 90%;
	margin: 0 0 0 10%;
	padding: 0;
	clear: both;
}

/* Marker Condition */
.EHP_gravedata_grave_marker_condition{
	display: block;
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	clear: both;
}
.EHP_gravedata_grave_marker_condition > ul{
	width: 94%;
	margin: 0 0 0 6%;
	padding: 0;
	clear: both;
	list-style: none;
}

/* Grave Condition Extent Boxes */
span.EHP_extent_box{
	display: inline-block;
	position: relative;
	width: 280px;
	margin: 0;
	padding: 0.25em 0.5em;
	border: inset 2px rgba(128,128,128,0.38);
	border-radius: 8px;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	background: transparent;
	z-index: +1;
}

.EHP_extent_box.level_1:before,
.EHP_extent_box.level_2:before,
.EHP_extent_box.level_3:before,
.EHP_extent_box.level_4:before,
.EHP_extent_box.level_5:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-radius: 6px;
	z-index: -1;
}
.EHP_extent_box.level_1:before{
	width: 100%;
	background: #008744;
}
.EHP_extent_box.level_2:before{
	width: 80%;
	background: #008744;
}
.EHP_extent_box.level_3:before{
	width: 65%;
	background: #ffa700;
}
.EHP_extent_box.level_4:before{
	width: 50%;
	background: #fc7903;
}
.EHP_extent_box.level_5:before{
	width: 35%;
	background: #d62d20;
}