body
	{
  		background: url("flagsResized-opacity-compressed.jpg") no-repeat center center fixed;
  			-webkit-background-size: cover;
  			-moz-background-size: cover;
  			-o-background-size: cover;
  		background-size: cover;
  		text-align: center;

	}
	body, input, textarea
	{
		font-family: "Times New Roman", Times, serif;
	}
	input, textarea
	{
		border: 2px #883B31 solid;
	}

	form
	{
		text-align: center;
	}

	.contact-inputs input, .contact-inputs textarea
	{
		font-size:medium;
		width:50vw;
		max-width: 700px;
	}

	.message-sent
	{

	}
	.highland-title, .menu-bar
	{
			text-align: center;
			cursor:pointer;
	}

	.highland-title
	{
		font-size: 30pt;
		text-shadow: 4px 4px 15px #883b31;
	}

	.menu-bar
	{

	}
	.menu-bar ul {
	  list-style-type: none;
	  margin: 0;
	  padding: 0;
	  overflow: hidden;
	  background-color: #883b31;
	  position: -webkit-sticky; /* Safari */
	  position: sticky;
	  top: 0;
	}

	.menu-bar li
	{
	  float: left;
	}

	.menu-bar li a
	{
	  display: block;
	  color: white;
	  text-align: center;
	  padding: 14px 16px;
	  text-decoration: none;
	}

	.menu-bar li a:hover, .active
	{
	  background-color: white;
		color:#883b31;
	}

	.loaded-page
	{
		/*text-align: left;*/
  		display: block;
  		border: none;
		background-color: rgba(179, 206, 233, 0.8);
		padding:3vw;
		text-align: left;

	}
	.loaded-page, #content-load
	{
		margin-left: auto;
		margin-right: auto;
		max-width: 900px;
	}
	.highland-title, .link-section
	{
		display:block;
		padding-left: 2vw;
		padding-right: 2vw;
		padding-top: 1vw;
		padding-bottom: 1vw;
	}

	.highland-title, .page-title, .link-section, .search-choice, .contact-inputs input[type=submit], .panel
	{
		text-transform: uppercase;
	}


	.li-heading, .page-heading, .page-title, .highland-title
	{
		font-weight: bold;
	}

	#content-load
	{
		position: relative;
	}

	.page-title
	{
		text-align:center;
		font-size: 18pt;
		color: #80161d;
		display:block;
	}
 	.page-title .clear-button
	{
		float:right;
	}
	.page-heading, .page-heading-italics
	{
		display: block;
		border: none;
		font-size: 15pt;
		color:#80161d;

	}
  .page-heading-italics
	{
		font-style: italic;
		text-align: center;
	}

	.loaded-page ol li
	{
		color: #1d1203;
		margin-top: 0.49cm;
		margin-bottom: 0.49cm;
	}
	.history-paragraph, .history-paragraph span, .columbarium-paragraph
	{
		display:block;
		margin-top: 0.49cm;
	}

	.history-paragraph, .history-paragraph span
	{
		text-indent: 1em;
	}

	.link-section, .search-choice, .contact-inputs input[type=submit]
	{
		color: #FFFFFF;
		text-align: center;
		background-color: #883B31;
		margin-bottom:20px;
	}

	.link-section
	{
		position:relative;
		font-size:15pt;
		border-right:2px solid #899891;
	}

	.search-choice
	{
		display:block;
		font-size: 24pt;
	}

	.link-section a, .search-choice a
	{
		color: #FFFFFF;
		text-decoration:none;
		margin: 5px;
	}

	.link-section a
	{
		border-right: 1px solid white;
		padding-right: 5px;
	}

	.link-section a:hover, .search-choice a:hover
	{
		color: #883B31;
		cursor: pointer;
		text-decoration: none;
		background-color: #FFFFFF;
	}

	.link-section a:active
	{
		color: #883b31;
		text-decoration:none;
	}

	.load-individual
	{
		color: #883B31;
		cursor:pointer;
	}

	.load-individual:hover
	{
		background-color: #883B31;
		color: #FFFFFF;
	}


	#cemeterystuff th, .search-title, .titles
	{
		background-color: #883B31;
		color: #FFFFFF;
	}


	.search-title
	{
		display:block;
		margin-bottom: 5px;
	}

	.search-inputs, .search-inputs-small
	{

		display:inline-block;
		border-left: 1px solid #883B31;
		border-right: 1px solid #883B31;
		border-bottom: 1px solid #883B31;
		margin-top: 2px;
		padding-bottom: 5px;
	}
	.search-inputs
	{
	}
	.search-inputs input
	{
		width:90%;
	}
	.search-inputs-small
	{
		width: 15%;
	}

	.blspNum
	{
			margin-top:4px;
			margin-bottom: 1px;
	}

	.markerCheck
	{
			padding-top:5px;
			margin-bottom:7px;
	}
	#cemeterystuff tr:nth-child(even)
	{
		background-color: #f2f2f2;
	}

	.ind-entry-titles
	{
		font-size: 18px;
		font-weight: bold;
		color: #883b31;
	}
	.ind-entry-banner
	{
		background-color: #883B31;
		color: #FFFFFF;
		font-size: x-large;
	}
	.ind-entry-values
	{

	}

	.ind-entry-box
	{
		padding:5%;
		text-align:left;
	}
	.headstone-image
	{
		padding:1%
	}
	.headstone-image img, .cemetery-table
	{
		width:100%
	}

	.search-table
	{
		table-layout:fixed;
		font-weight: bold;
		vertical-align: bottom;
		text-align: center;

	}

	.footer-info
	{
		color: #883B31;
		margin:20px;
	}
	.admin-search-icon-textarea {
		font-size:10;
	}
	@media print {

		.highland-title, .footer-info, .sidenav, .page-title, .search-inputs, .search-inputs-small, #record-total-placeholder,.admin-search-icon-textarea, .clear-button {
			display:none;
		}
		table {
	    border-collapse: collapse;
		}
		td {
			border-bottom: 1px solid black;
		}
		th:nth-child(1)
		{
			text-align: left;
		}
	}
.upload-image img
{
	width:20px;
	height:auto;
}

.record-edit, .upload-image img
{
	cursor:pointer;
}

.img-overlay-wrap {
  position: relative;
  display: inline-block; /* <= shrinks container to image size */
  transition: transform 150ms ease-in-out;
}

.img-overlay-wrap img { /* <= optional, for responsiveness */
   display: block;
   max-width: 100%;
   height: auto;
}

.img-overlay-wrap svg {
  position: absolute;
  top: 0;
  left: 0;
}

.ui-tooltip
{
	max-width: 350px;
}
.space-icon
{
	width:50px;
	height:auto;
}
.space-area
{
	height:auto;
	padding-top: 10px;
	padding-bottom:10px;
}
.search-icon img
{
	width:20px;
	height:auto;
	cursor: pointer;
}
.search-area
{
	height:60px;
}

.button-stylized {
  background-color: white;
  border: none;
  color: #883B31;
	border: 2px solid #883B31;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;

}

.button-search {
	font-size: 16px;
  background-color: white;
  color: #883B31;
  border: 2px solid #883B31;
}

.button-search:hover {

  background-color: #883B31;
  color: white;
	cursor: pointer;
}

.button-active {
  background-color: #883B31;
  color: white;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: #fff;
  color: #883B31;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
	border:3px solid #883B31 ;

  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}
.tooltipleft
{
	top: -5px;
  right: 105%;
}
.tooltipleft::after, .tooltipright::after, .tooltiptop::after, .tooltipbottom::after
{
	content: " ";
 position: absolute;
   margin-top: -5px;
 border-width: 5px;
 border-style: solid;
}
.tooltipleft::after {
 top: 30%;
 left: 100%; /* To the right of the tooltip */
 border-color: transparent transparent transparent #883B31;
}
.tooltipright
{
	top: -5px;
	 left: 105%;
}
.tooltipright::after
{
  top: 40%;
  right: 100%; /* To the left of the tooltip */
  border-color: transparent #883B31 transparent transparent;
}
.tooltiptop
{
	width: 120px;
  bottom: 100%;
  left: 50%;
  margin-left: -150px; /* Use half of the width (120/2 = 60), to center the tooltip */
}
.tooltiptop::after
{
	 top: 100%; /* At the bottom of the tooltip */
	 left: 50%;
	 border-color: #883B31 transparent transparent transparent;
}
.tooltipbottom
{
	width: 120px;
  top: 100%;
  left: 50%;
  margin-left: -150px; /* Use half of the width (120/2 = 60), to center the tooltip */
}
.tooltipbottom::after
{
	  bottom: 100%;  /* At the top of the tooltip */
	  left: 50%;
	  border-color: transparent transparent #883B31 transparent;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* SIDENAV STUFFS  */

	.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #883B31;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

	.sidenav a, .sidenav button
	{
		padding: 8px 8px 8px 32px;
		text-decoration: none;
		font-size: 25px;
		color: #FFFFFF;
		display: block;
		transition: 0.3s;
		background-color:#883B31;
		cursor:pointer;
	}

.sidenav a:hover{
    color: #883B31;
	background-color: #FFFFFF;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.panel {
    padding: 0 18px;
    background-color: #4e221c;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.panel span
{
	color: #FFFFFF;
}

.panel span:hover
{
	color: #4e221c;
	background-color: #FFFFFF;
	cursor:pointer;
}
.admin-links a
{
	font-size: 15;

}