@font-face {
	font-family: ENGLISH;
	src: url("../webfonts/BITSTREAM - ENGLISH111 ADAGIO BT.TTF") format("opentype");
}

@font-face{
	font-family: Sackers;
	src: url("../webfonts/Monotype  - SackersGothicStd-Light.otf") format("opentype");
}
.p1 {font-family: "ENGLISH", cursive}
.p2 {font-family: "Sackers", sans-serif; font-size: 1.25rem;}
.p3 {font-family: "Sackers", sans-serif; font-size: 1rem;}
.p4 {font-family: "Sackers", sans-serif}
.extra {font-size: 100%; font-family: "English", "Sackers", "Lato", Arial, Helvetica,sans-serif}
.person {font-family:"Lato", Arial, Helvetica, sans-serif;}
.mandm {font-size: 150%; font-family: "English", cursive}
#nav {font-family: "Sackers", "Lato", Arial, sans-serif}
#header > nav > ul > li.current:after {background-color: #5d5d5d;}

		a:hover {
			text-decoration: none;
			border-bottom-color: transparent;
			color: #8f8f8f !important;
		}

			a:hover strong {
				color: inherit;
			}
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		button:hover,
		.button:hover {
			background-color: rgba(0, 0, 0, 0.1);
		}

			input[type="submit"]:hover:active,
			input[type="reset"]:hover:active,
			input[type="button"]:hover:active,
			button:hover:active,
			.button:hover:active {
				background-color: rgba(0, 0, 0, 0.25);
			}

		input[type="submit"].primary,
		input[type="reset"].primary,
		input[type="button"].primary,
		button.primary,
		.button.primary {
			background-color: #555555;
			box-shadow: none;
			color: #ffffff !important;
		}

			input[type="submit"].primary:hover,
			input[type="reset"].primary:hover,
			input[type="button"].primary:hover,
			button.primary:hover,
			.button.primary:hover {
				background-color: #8f8f8f;
			}

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		background-color: transparent;
		box-shadow: inset 0 0 0 3px #5d5d5d;
		color: #5d5d5d !important;
	}

	table:not(.active)  {
		margin: 0 0 .2rem 0;
		width: 100%;
	}
	table {
		margin: 0 0 .2rem 0;
		/*width: 100%;*/
	}
	table td {
			padding: 0.2rem 0.2rem;
		}

		table th {
			font-size: 0.9rem;
			font-weight: 400;
			padding: 0 0.75rem 0.75rem 0.75rem;
			text-align: left;
		}
table td:nth-child(1) {text-align: justify;
		text-justify:inter-character;
		/*padding-right: 0rem;*/
		width:0;
		min-width: fit-content;}
table td:nth-child(2) {text-align: start;
		padding-right: 0rem;
		width:0;
		min-width: fit-content;}
table td:nth-child(3) {text-align: start;}
table td:nth-child(4) {font-family: "Lato", Arial, Helvetica, sans-serif;
		font-weight: 200;
		font-size: 1rem;
		line-height: 1.65;
		text-align: end;}
.center {
display: block;
margin-left: 25%;
margin-right: 25%;
width: 25%;
}

		@media screen and (max-width: 980px) {

			.posts {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-wrap: wrap;
				-webkit-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
				-moz-align-items: -moz-stretch;
				-webkit-align-items: -webkit-stretch;
				-ms-align-items: -ms-stretch;
				align-items: stretch;
				text-align: left;
			}
}

.accent1 {
	font-weight: 450;
}

#triggerDiv {
    margin-top: 1500px; /* Position the trigger div somewhere down the page */
}

.lightbox {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
}

.lightbox-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 600px;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}