@font-face { font-family: "UncialAntiqua-Regular"; src: url('UncialAntiqua-Regular.otf'); }
@font-face { font-family: "HelveticaNeue"; src: url('HelveticaNeue.ttf'); }
body 
{ 	
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; 
	line-height: 1.25em; 
	background-color: #ffffdd;
}
.hidden { display: none !important; }
.footer 
{
	text-align: justify;
}
#content .sidebar 
{ 
	padding: 2em 1% 0;
	background-color: black;
	color: #f4cb42;
	text-align: justify;
}
#content .sidebar a, #content .sidebar a:visited { color: #f4cb42; }

#content .main
{
	padding-top: 2em;
	text-align: justify;
}

#latest_posts {
	list-style: none;
	line-height: 1.5em;
	margin: 0.5em 0;
	-webkit-padding-start: 0;
}
#latest_posts li { font-size: 80% }

#latest_posts li a { text-decoration: none; }

p.prequote { text-align: center; font-style: italic; font-size: 80%; }

.sidebar .item
{
	margin-bottom: 1em;
	padding: 1em;
}
.sidebar .item .title 
{ 
	font-weight: bold; 
	margin-bottom: .5em; 
	font-variant: small-caps;
	text-align: center;
}
.sidebar .item .subtitle
{
	margin-top: -0.5em;
	font-size: 90%;
	font-style: italic;
	text-align: center;
}
.main .item
{
	padding-bottom: 1em;
}
.main .title 
{ 
	font-weight: bold; 
	font-family: "UncialAntiqua-Regular", sans-serif;
	padding-bottom: 1em; 
	font-size: 2.5em; 
	font-variant: small-caps;
	line-height: initial;
	text-align: center;
}
.main .subtitle 
{
	font-weight: bold; 
	font-family: "UncialAntiqua-Regular", sans-serif;
	font-size: 1.25em;
	margin-top: -2em;
	text-align: center;
	line-height: 1.25em;
}
.main .title  .sub-title
{ 
	font-size: .75em; 
	line-height: initial;
}

.main .item .title 
{
	font-size: 1.5em;
	padding-bottom: initial;
}
.main .item .sub-title 
{
	font-weight: bold; 
	padding-left: 2em; 
}

.event-item .event-date, .event-item .event-title
{
	font-weight: bold;
}

.event-item
{
	min-height: 2em;
}

dt
{
	margin-top: 1em;
	margin-bottom: 0.5em;
	font-weight: bold;
}

.item.quote {
	margin-bottom: 1em;
	padding: 1em;
	border: solid 1px;
	background: lightgray;
	margin-left: 10%;
	margin-right: 10%;
}

@media screen and (min-width: 1024px)
{	
	.mobile-only { display: none !important; }
	.header { display: grid; }
	#content { display: inline-flex; flex-direction: row; }
	#content .sidebar 
	{ 
		width: 20%; 
		text-align: center;
		order: 1;
		min-height: 45em;
	}
	
	#content .sidebar .item
	{
		border: 1px solid;
	}
	#content .sidebar .item.no-border
	{
		border: none;
	}
	#latest_posts li { 
		border-bottom: 2px dotted;
		padding: 0.5em 0;
	}
	#latest_posts li:last-child { border: none; }

	#content .main 
	{
		width: 74%; 
		padding-left: 2%;
		padding-right: 2%;
		order: 2;
	}

	.main .item .title 
	{
		text-align: initial;
	}

	.event-item .event-header
	{
		padding-bottom: 0.5em;
	}
	
	.event-item .event-description
	{
		padding-left: 1em;
		clear:both;
	}
	.event-item .event-date
	{
		float:right;
	}
	.event-item .event-title, .event-item .event-link
	{
		float:left;
	}
}
@media screen and (max-width: 1023px)
{
	.desktop-only { display: none !important; }
	#content .main, #content .sidebar 
	{
		display: block;
		width: 100%;
	}
	#content .main .item { padding-left: 1em; padding-right: 1em;}
	#content .main dd { -webkit-margin-start: 0; }
	#content .main .title { padding-bottom: inherit; }
	#content .main .subtitle { line-height: 1em; margin-top: inherit; }
}