*,
*:before,
*:after { box-sizing: border-box; }

html {
	font-size: 16px;
	line-height: 1.5; 
}

body {
	color: #000;
	background: #eeeeee;
	font-family: Verdana, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; 
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border: 0; 
}

.video-wrapper {
	position: relative;
	height: 0;
	padding-top: 25px;
	padding-bottom: 48.5%;
	/* 16:9 */ 
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0; 
}

a { color: #000; }

button {
	padding: 0;
	cursor: pointer;
	border: 0;
	background: transparent; 
}

.content-area {
	padding-top: 30px;
	padding-bottom: 30px;
	background: #fff; 
}

/* Use this on a span tag instead of depricated br tag */
.br::after {
	display: block;
	clear: both;
	content: ""; 
}

/* Grid */
.container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 30px;
	padding-left: 30px; 
}

.fig-img { margin-left: 0; }

.wp-block-image figcaption { font-size: 12px; }

@media (min-width: 768px) {
	.container { max-width: 970px; } 
}

@media (min-width: 992px) {
	.container { max-width: 970px; } 
}

@media (min-width: 1200px) {
	.container { max-width: 970px; } 
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, sans-serif;
	font-weight: bold; 
}

h1 { font-size: 16px; }
h2 { font-size: 16px; }
h3 { font-size: 16px; }
h4 { font-size: 16px; }
h5 { font-size: 16px; }
h6 { font-size: 16px; }

@media (min-width: 768px) {
	h1 { font-size: 10px; }
	h2 { font-size: 10px; }
	h3 { font-size: 10px; }
	h4 { font-size: 10px; } 
}

strong { font-weight: bold; }

/* Menu */
.site-header {
	max-width: 970px;
	margin: 0 auto;
	background: #000080; 
}

.site-header a,
.header-byline a {
	text-decoration: none;
	color: #fff; 
}

.site-branding,
.main-navigation,
.header-byline { padding: 0 30px;  }

.main-navigation {
	float: initial;
	background: #eeeeee; 
}

.main-navigation ul > li > a {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 36px;
	font-weight: bold; 
}

.main-navigation li {
	float: initial;
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

.current-menu-item > a,
.current-menu-ancestor > a{
	color: #FF0000 !important;
    background: #99ccff;
}

.site-branding {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding-top: 12px;
	padding-bottom: 12px;
	color: #fff; 
}

.custom-logo-link {
	display: block;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 75px;
	height: 75px;
	margin-right: 25px; 
}

.header-byline {
	padding-top: 5px;
	padding-bottom: 5px;
	color: #fff;
	background: #FF0000;
	font-size: 12px; 
}

.sub-menu {
	padding: 10px 20px !important;
	background: #eeeeee; 
}

.main-navigation a { padding: 0 10px; }

.main-navigation ul ul a {
	width: auto;
	min-width: 200px;
	transition: .25s;
	white-space: nowrap; 
}

.main-navigation a:hover,
.main-navigation a:focus {
	color: #FF0000;
	background: #99ccff; 
}

.nav-menu a { color: #000; }

@media (min-width: 540px) {
	.header-byline { text-align: right; } 
}

@media (max-width: 1000px) {
	.menu-toggle {
		position: absolute;
		top: 42px;
		right: 30px;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		text-transform: uppercase;
		color: #fff;
		font-size: 14px;
		font-weight: bold; 
	}

	.hamburger {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-left: 10px; 
	}
	
	.hamburger > span {
		width: 22px;
		height: 2px;
		background: #fff; 
	}

	.hamburger > span:nth-of-type(2) { margin: 4px 0; }

	.main-navigation > div > ul { padding: 15px 0; }

	.main-navigation li { margin-bottom: 15px; }

	.main-navigation li:last-of-type { margin-bottom: 0; } 
}

@media (min-width: 1000px) {
	.main-navigation > div > ul {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-right: -10px;
		margin-left: -10px; 
	} 
}

/* Footer */
.site-footer { background: #fff; }

.footer-menu { padding: 30px 0 1px 0; }

.footer-menu > ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 0;
	list-style: none; 
}

.footer-menu > ul > li { margin-right: 20px; }

.footer-menu > ul > li:last-of-type { margin-right: 0; }