/* cid-123 for show_burials page */

	.cid-123 .w3-container	{   
		padding-left:0;
		padding-right:0;
		margin:0;
	}
	
	.cid-123 .hd 	{   
		font-size:12px!important;
		color:darkgrey;
		font-weight:bold;
	}
	
	.cid-123 .data, .cid-123 .data2	{   
		font-size: 16px!important;
		font-weight: bold;
		color:blue;
	}
	
	.cid-123 .data2	{   
		font-size: 12px!important;
	}
	
	.cid-123 .data3, .cid-123 .data4	{   
		font-size: x-small!important;
		font-weight: lighter;
		color:gray;
	}
	.cid-123 .data4{   
		font-weight: bold;	
		color: darkcyan;
		border-style:none;
		background-color:inherit;
		padding-left:4px;
		padding-right:0px;
		text-align:center;
		 
	}
	.cid-123 .data4:hover{  
	border:thin black solid;	
} 	
	.cid-123 h2{ font-size:24px;}
	
	.cid-123 h3{ font-size: medium;	color: #804000;}
	
	.cid-123 .w3-image	{    
		padding-bottom:5px;
		border-bottom:thin black solid;
		margin-bottom:5px;	
	}
	
	.cid-123 p, .cid-123 div, .cid-123 span, .cid-123 link_box {   
		font-size:small;
		color: #804000;
	}
	
	.cid-123 .caption{   
		font-size:x-small;
		color: #804000;
		/* line-height: 80%; /* does not work */
	}


	
	.cid-123 .link_box {   
		 padding:7px 16px 7px 16px; /* top right bottom left */
	}
	
	.cid-123 hr {   
		border-top: 1px #ccc  dotted;
		margin:10px 10px;  /* top/bottom sides */
}



/* Positioning */
/* https://stackoverflow.com/questions/11511918/positioning-image-horizontally-center-and-make-height-100-of-viewport?utm_medium=organic&utm_source=google_rich_qa&utm_campaign=google_rich_qa */
.absoluteCenter {
	margin:auto;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	xbackground-color:transparent;
}

/* Sizing */
.cid-123 img.absoluteCenter {
	max-height:100%;
	max-width:100%;
}


.cid-123 .w3-animate-zoom {animation:animatezoom 0.8s; }
.cid-123 .animate-delay /* does not work */
{ 
		-webkit-animation-delay: 2s;
		-moz-animation-delay: 2s;
		animation-delay: 2s;
}

.cid-123 .w3-dropdown-hover{ background-color:transparent;}
.cid-123 .w3-dropdown-content{ background-color:transparent;}

.cid-123 .zoomed-image-frame{
	border:4px solid black; 
	box-shadow: 0 0 5px #666 inset; 
	-webkit-box-shadow: 0 0 5px #666 inset; 
	object-fit:contain; 
	background-color:beige; 
	padding:10px;
	border-radius:16px;
	max-height:95%; 
	max-width:95%;
	min-height:75%;}

.cid-123 .thumb-image-frame{
			border:3px solid black; 
			border-radius:5px;
			width:100%;
			max-width:280px;
			max-height:400px;
			/* margin:0 auto; /* */
			/* box-shadow: 0 0 5px #666 inset; /* */
			/* -webkit-box-shadow: 0 0 5px #666 inset; /* */
}
.cid-123 .thumb-image-frame-cem{ /* for smaller thumbs on cem pix */
			border:4px solid white; 
			border-radius:2px;
			margin:1px; /* */
			margin-bottom:auto;
			object-fit:contain;
			/* width:100%;  /* */
			/* clear:both; /* */
			/* display:block;  /* */
			/* margin:0 auto; /* */
			/* box-shadow: 0 0 5px #666 inset; /* */
			/* -webkit-box-shadow: 0 0 5px #666 inset; /* */
}
			
.cid-123 .thumb-image-frame-personal{
			border:thin black solid;
			margin:1px; /* */
			/* margin-bottom:5px; /* */
			border-radius:2px;
			object-fit:cover;
			background-color:beige; 
			padding:2px;
			/* width:100%; /* */
			/* margin:0 auto; /* */
			/* box-shadow: 0 0 5px #666 inset; /* */
			/* -webkit-box-shadow: 0 0 5px #666 inset; /* */
}
.cid-123 .w3-codespan{
	color:blue;
	font-weight:bold;
	font-size:medium; 	 		 
}