@charset "UTF-8";
/* CSS Document */

.genealogybox 
{ display: grid;
  grid-template-areas: 'head head head head';
  background-color: white;
  padding: 10px;
  margin: auto;
  justify-content: center;
  padding-bottom:100px;
  width:90%;
}

.genealogybox div 
{ background-color: #white;
  border: 0px solid black;
  padding: 10px;
  text-align: center;
}

.head
{grid-area: head;
font-family: Tahoma, Geneva, sans-serif;
font-style: bold;
font-size: 22px;
letter-spacing: 0.5px;
color: #364590;
margin-top: 10px;
line-height: 22px;
text-align: center;
  }
  
.item
{justify-self: center;
font-family: Tahoma, Geneva, sans-serif;
}

.genealogybox img 
{object-fit: cover;
  width: 170px;
 }
 
 
 
 /* THIS SHOWS POP UP INFO ON HOVER */
 
 a.painting span
{
	visibility: hidden;
}

a.painting:hover span
{
	display: block;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	text-align: center;
	position: inline;
	visibility: visible;
	background-color: #FFFFFF;
	color: #000000;
	z-index: 2000;
	padding: 10px;
	border: thin solid rgba(0,0,0,1);
	box-shadow: 0px 0px 10px rgb(0, 0, 0);
}

a.painting:hover span
{
left: 0px;
}

	
a.painting:hover span
{
	width: 300px;
}

a.painting: hover span
{
	height: auto;
}