.container-header {
	background: rgba(250, 219, 84, 1);
	text-align: center;
}

.container-header .navbar-brand {
	margin: 0 auto;
}

@media only screen and (min-width: 768px) {
	/*Sticky Header*/
	.container-header.sticky-header {
		background: rgba(248, 247, 244, 1);
	}
	.container-header.sticky-header .grid-child {
		padding: 0;
	}
	.container-header.sticky-header .navbar-brand {
		margin: unset;
	}
	.container-header.sticky-header .container-nav {
		position: absolute;
		right: 0;
		top: 15px;
	}
	.container-header.sticky-header nav {
		margin: 0;
	}
	.container-header.sticky-header .navbar-brand a {
		font-size: 2.4rem;
	}
	.container-header.sticky-header .site-description {
		font-size: 1.1rem;
		margin: 0;
	}
}


.footer .grid-child {
	align-items: baseline;
}
@media only screen and (max-width: 767px) {
	.container-header .grid-child {
		float: left;
		width: auto;
	}
	.container-header .grid-child.container-nav {
		float: right;
		width: auto;
	}
	.footer .grid-child {
		align-items: center;
	}
	.footer .grid-child .moduletable {
		margin-bottom: 40px;
	}
}

/*brand*/
.container-header .navbar-brand a {
	color: rgba(36, 74, 163, 1);
	font-weight: 800;
	text-transform: uppercase;
	font-size: 3.53rem;
	letter-spacing: 1px;
	line-height: 1em;
	font-family: "Source Code Pro", Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.container-header .site-description{
	color: rgba(36, 74, 163, 1);
	font-weight: 400;
	text-transform: uppercase;
	font-size: 1.34rem;
	letter-spacing: 3px;
	line-height: 1em;
	font-family: "Source Code Pro", Arial, Helvetica, sans-serif;
}

h1, .h1 {
	color: rgba(36, 74, 163, 1);
	font-weight: 400;
	text-transform: none;
	font-size: 2.5rem;
	line-height: 1.2em;
	font-family: Verdana, Geneva, sans-serif, Arial, Helvetica, sans-serif;
}
h2, .h2 {
	color: rgba(36, 74, 163, 0.78);
	font-weight: 300;
	text-transform: none;
	font-size: 1.914rem;
	line-height: 1.2em;
	font-family: Verdana, Geneva, sans-serif, Arial, Helvetica, sans-serif;
}

.article-image {
	border: 5px solid #fff;
	box-shadow: 1px 1px 18px #777;
	margin-bottom: 20px;
}

footer.footer {
	background: rgba(250, 219, 84, 1);
	color: rgba(80, 80, 81, 1);
}
.mod-footer {
	text-align: center;
}

/*Dropdown Menu*/
.container-header nav { margin: 0 auto; }

.container-header .mod-menu .mm-toggler,
.container-header .mod-menu > li > a,
.container-header .mm-collapse > li > a {
	color: rgb(80, 80, 81);
	/*Issue #8: The keyboard focus indicator should be visible when default border or outline is modified by CSS*/
	/*outline: none !important;*/
}

.container-header .mod-menu > li.active > a {
	color: rgba(0, 0, 0, 1);
}

.container-header .mod-menu > li.active > a:after,
.container-header .mod-menu > li.active > .mm-toggler:before {
	background: none;
}

.container-header .mod-menu > li >a:hover:after {
	background: rgb(36, 74, 163);
	opacity: 1;
}

.container-header .mod-menu .mm-toggler:hover,
.container-header .mod-menu > li > a:hover,
.container-header .mm-collapse > li > a:hover,
.footer a:not(.btn):hover, .footer a:not(.btn):focus, .footer .btn-link:hover, .footer .btn-link:focus{
	color: rgb(36, 74, 163);
}
.container-header .mod-menu > li.level-1 > a {
	font-weight: bold;
}

.container-header .mod-menu .mm-toggler:after {
	border-top: .3em solid;
	border-left: .3em solid #0000;
	border-right: .3em solid #0000;
}
.container-header .metismenu.mod-menu .metismenu-item {
	/*flex-wrap: nowrap;*/
}

/*#Issue 11: The target must be sufficiently sized or spaced from other targets */
.container-header .mod-menu li.deeper {
	padding-right: 30px;
}

.container-header .mod-menu .mm-toggler {
	right: 4px;
	position: absolute;
	top: 10px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	padding: 0;
}

/*Mobile Menu*/
.container-header .offcanvas-body .mod-menu {
	display: block !important;
	text-align: left;
}

.container-header .offcanvas-body .mod-menu li {
	padding: 10px;
	display: block;
}
.container-header .offcanvas-body .mod-menu > li {
	border-bottom: 1px solid #eee;
}

.container-header .offcanvas-body .mod-menu > li > a {
	font-weight: bold;
}

.container-header .offcanvas-body .mod-menu ul {
	display: block;
}

/*ACCESSIBLE ISSUES*/
body.scr_dyslexic h1, body.scr_dyslexic h2, body.scr_dyslexic h3, body.scr_dyslexic h4, body.scr_dyslexic h5, body.scr_dyslexic h6 {
	font-family: inherit;
}

/*Issue #20: The contrast ratio of text with its background must meet WCAG AA requirements*/
div#accessibility-links {
	background: #FFF !important;
	color: #000 !important;
}
#accessibility-links div.sc-range-base {
	font-size: 14px;
	color: #000 !important;
	background: none !important;
}
#accessibility-links .sc-section-title {
	background: #FFF;
	color: #000;
}

/*Issue #12: An input element must have an associated visible label*/
.mod-menu button.mm-toggler {
	text-indent: -999px;
}

/*Issue #8: The keyboard focus indicator should be visible when default border or outline is modified by CSS*/
#text_plugin:focus-visible, .cc-btn:focus-visible, [role="button"]:focus-visible {
	outline: 2px solid rgb(0, 95, 204) !important;
}

/*Issue #7: When an element receives focus, it is not entirely covered by other content*/
.cc-window, .cc-message {
	overflow: visible !important;
}