.flex {display:flex;}
.hide {display:none;}

div#hero {
	overflow:hidden;
	position:relative;
}
div#heroimg>img {
	width:100%;
}
div#herobox {
	position:absolute;
	bottom:1rem;
	left:1rem;
}
div#herobox h3 {
	padding: 1rem 2rem;
	background: #639;
	color: #FFF;
}

div.feature {background:#639; display:flex; gap:1rem; justify-content:space-evenly;margin:0; flex-wrap:wrap; }
div.feature a {color: #FFF !important; font-size:1.3em; font-weight:bold; flex:1; text-align:center; padding:1rem; min-width:200px;}
div.feature a:hover {color:#FC0 !important;}
div.feature a:not(:first-child) {border-left:2px solid #FFF; }


.events {
width: 99%;
float:left;
margin:.4em 0.5% 1em 0.5%;
position: relative;
margin-bottom: 1em;
border-top: thin solid #fc0;
border-bottom: thin solid #fc0;
}

.row {
width:31.3333%;
float:left;
margin:.4em 1em 1em 0;

}

.row p  {
padding-left: 10px!important;
line-height: 100%!important;
font-size:.9em!important;
}

.row h4 {
color:#000!important;
font-weight:normal!important;
padding:0.5em 0 0.5em 0!important;
font-size:1.8em!important;
margin-left: .3em;
}

.row a {
font-weight: 400!important;
}

.row ul li{
list-style-type:none!important;
margin-left:.8em!important;
line-height:120%!important;
}

h4.gold {
text-align:center;
}

h4.gold a{
color:#fc0!important;
}

h4.gold a:hover{
color:#639!important;
}

#sideNav ul li {
    border-bottom: 1px solid #ddd;
    padding: 1.5em 0;
    list-style-type: none!important;
}


div.row div.iconcontainer{background:#eee; padding: 0.5em;}
div.row img.icon{
	max-width:150px;
	display:block;
	margin-left: auto;
	margin-right: auto;
}

div.row h5{
	font-size:1.1em !important;
}

div.row h5 a{
	font-weight:bold !important;
}


#newseventsparent{
						max-width: 1680px;
						margin:0 auto;
					}
					
					#newseventstabs{
						font-weight:bold;
						display:flex;
						justify-content:flex-start;
						gap:1rem;						
					}
					
					#newstab, #eventstab, #oldeventstab{
						background: #3f0e71;
						color:white;
						padding: 0.8rem 2rem;
						text-align:center;
						margin-bottom: 0em;
						cursor: pointer;
					}
					
					#eventstab.selected, #newstab.selected, #oldeventstab.selected {background: #639;}
					


.newsEvents {
	background: #639;
	padding: 1rem;
}

.newsEvents .titlebar {
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.newsEvents .titlebar p {
	padding:0;
}

.newsEvents h4 {
	padding:0;
}

.newsEvents h4, .newsEvents a {
	color:#FFF !important;
}

.newsEvents ul {
	display: flex;
	font-size: 1.2rem;
	padding-top:1rem;
}

.newsEvents ul>li {
	list-style-type:none !important;
	margin-left:0 !important;
	padding:0 1rem !important;
	border-right:1px solid #ccc;
	flex:1 1 18%;
	color:#FFF;
}
.newsEvents ul li:last-child { border:none; }

.newsEvents>ul>li>a:hover {
	text-decoration:underline;
}

#logos {
	margin: 1rem;
	gap: 1rem;
	justify-content: space-evenly;
	flex-wrap:wrap;
}
#logos a {
	flex: 0 0 250px;
}

@media only screen and (max-width: 1024px){
	div#herobox {
		position:initial;
	}
	
	.row {
	width:45%;
	}
	.last{
	clear:both;
	}
	.clearleft{clear:left;}
}

@media only screen and (max-width: 767px){
	.row {
		width:90%;
	}
	
	.newsEvents ul {
		flex-direction:column;
		margin-left:1rem;
	}
	.newsEvents ul li {
		border:none;
		list-style-type:disc;
	}	
}