/* CSS Document */

.tombstone {
   border: .2em groove #aaaaaa;
   outline: .1em inset #006600;
}

.cemeterytable {
	width: 100%;
	border-collapse: collapse;
	display: block;
	color: black;
	z-index: -1;
	font-size: 90%;
}

.cemeterytable caption {
	display: block;
	font-weight: bold;
	text-align: center;
	font-size: larger;
}


.cemtable1  {
	 background-color: #cccccc;
	 font-weight: bold;
	 text-align: center;
	 font-variant: small-caps;
	 font-size: larger;
}

.cemtable2 {
	 background-color: #eeeeee;
	 font-weight: bold;
	 text-align: center;
	 font-variant: small-caps;
	 font-size: larger;
}

.cemeterytable.sticky th {
	position: sticky;
	top: 0;
}

.cemeterytable.sticky th::after {
	content: '';
	width: 100%;
	height: .1em;
	position: absolute;
	bottom: 0;
	left: 0;
}

.cemeterytable td, .cemeterytable th {
	padding: .5em .5em;
	border: thin solid #ddd;
	text-align: left;
}

.cemeterytable th {
	background-color: #444444;
	color: #ffffff;
}

.cemeterytable tbody tr {
	background-color: white;
}

.cemeterytable tbody tr:nth-child(even) {
	/* background-color: #f5f6f5; */
}

/* responsive */

@media (max-width: 767px) {

.cemeterytable thead { display: none; }
	
.cemeterytable, .cemeterytable tbody, .cemeterytable tr, .cemeterytable td {
		display: block;
		width: 100%;
}
	
.cemeterytable tr {
		margin-bottom: .6em;
}
	
.cemeterytable tr:nth-child(even) {
	    /* background-color: #f5f6f5; */
		margin-bottom: .6em;
}  
	
.cemeterytable td {
		text-align: left;
		padding-left: 50%;
		position: relative;
		color: black;
}
	
.cemeterytable td::before {
		content: attr(data-label);
		position: absolute;
		left: 0;
		width: 50%;
		padding-left: .2em;
		font-weight: bold;
		color: black;
}
	
}

.cemeterydata {
	display: none;
	visibility: hidden;	
}
.cemeterydata2 {
	display: block;
    visibility: visible;
}

@media only screen and (max-width: 767px) {
.cemeterydata {
	display: block;
	visibility: visible;
}

.cemeterydata2 {
	display: none;
	visibility: hidden;
}
}