@import url('https://fonts.googleapis.com/css2?family=Oxygen&family=Merriweather&display=swap');

/* CSS RESET */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:0;padding:0}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:inherit}


html,
body {
	font-family: Merriweather, times, serif;
	box-sizing: border-box;
	height: 100%;
	text-rendering: optimizeLegibility;
}

body {
	color: #111;
	font-size: 1.1em;
	line-height: 1.5em;
	background: #fff
}

main {
	display: block
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: .6em 0;
	font-family: Oxygen, times, serif;
	font-weight: 400;
	color: #c70119;
	line-height: normal;
	letter-spacing: -0.02em;
}

h3.separator{
	border-bottom: 1px dotted #c70119;
	width: 100%;
	display: block;
	padding-bottom: 0;	
}
p.article-list{
margin: 0.6em 0 0 3em;
}
li {
	margin: 0 0 .3em
}
img{
	max-width: 100% !important;
	clear: both !important;
}
a {
	color: #00247d;
	box-shadow: none;
}
.sidebar-nav a, .nav-container a{
	text-decoration: none;
}


pre {
	text-align: left;
	padding: .3em .6em;
	background: #f5f5f5;
	border-radius: .2em
}

pre code {
	padding: 0
}

blockquote {
	padding: 0 0 0 1em;
	margin: 0 0 0 .1em;
	box-shadow: inset 5px 0 rgba(17, 17, 17, 0.3)
}

label {
	cursor: pointer;
	color: #333;
	font-size: 0.9em;
	font-family: Oxygen, times, serif;
}

.white{
	color: #fff !important;
}
.italic{
	font-style: italic;
}
.top0 {
	margin-top: 0 !important;
}
.bottom0 {
	margin-bottom: 0 !important;
}
.article-info{
	font-size: 0.9em;
	text-align: right;
}
.smaller{
	font-size: 75%;
}
.right{
	float: right;
	text-align: right;
}
.center{
	text-align: center !important;
}
.alert{
	color: red;
	font-family: Oxygen, times, serif;
}
.clear{
clear: both !important;
}
.label,
[data-tooltip]:after,
button,
.button,
[type=submit],
.dropimage {
	display: inline-block;
	text-align: center;
	margin: 0;
	padding: .3em .9em;
	vertical-align: middle;
	background: #00247d;
	color: #fff;
	border: 0;
	border-radius: .2em;
	width: auto;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

button,
.button,
[type=submit],
.dropimage {
	margin: .3em 0;
	cursor: pointer;
	transition: all 0.3s;
	border-radius: .2em;
	height: auto;
	box-shadow: 0 0 rgba(0, 0, 0, 0) inset
}

button:hover,
.button:hover,
:hover[type=submit],
.dropimage:hover,
button:focus,
.button:focus,
:focus[type=submit],
.dropimage:focus {
	box-shadow: inset 0 0 0 99em rgba(255, 255, 255, 0.2);
	border: 0
}


button.active,
.active.button,
.active[type=submit],
.active.dropimage,
button:active,
.button:active,
:active[type=submit],
.dropimage:active,
button.pseudo:active,
.pseudo.button:active,
.pseudo:active[type=submit],
.pseudo.dropimage:active {
	box-shadow: inset 0 0 0 99em rgba(17, 17, 17, 0.2)
}

button[disabled],
input[disabled],
.button[disabled],
[disabled][type=submit],
.dropimage[disabled] {
	cursor: default;
	box-shadow: none;
	background: #ddd
}

input,
textarea,
.select select {
	line-height: 1.5;
	margin: 0;
	height: 2.1em;
	padding: .3em .6em;
	border: 1px solid #ccc;
	background-color: #fff;
	border-radius: .2em;
	transition: all 0.3s;
	width: 100%
}

input:focus,
textarea:focus,
.select select:focus {
	border: 1px solid #00247d;
	outline: 0
}

textarea, input[type=checkbox], input[type=radio]{
	height: auto
}
input[type=checkbox], input[type=radio]{
	width: auto
}

[type=file],
[type=color] {
	cursor: pointer
}

[type=file] {
	height: auto
}

select {
	background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyIiBoZWlnaHQ9IjMiPjxwYXRoIGQ9Im0gMCwxIDEsMiAxLC0yIHoiLz48L3N2Zz4=) no-repeat scroll 95% center/10px 15px;
	background-position: calc(100% - 15px) center;
	border: 1px solid #ccc;
	border-radius: .2em;
	cursor: pointer;
	width: 100%;
	height: 2.1em;
	box-sizing: border-box;
	padding: .3em .45em;
	transition: all .3s;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none
}

select::-ms-expand {
	display: none
}

select:focus,
select:active {
	border: 1px solid #00247d;
	transition: outline 0s
}

select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #111
}

select option {
	font-size: inherit;
	padding: .3em .45em
}

input,select,textarea{
	margin-bottom: 1.5em;
}
table {
	text-align: left
}

td,
th {
	padding: .3em 2.4em .3em .6em
}

th {
	text-align: left;
	font-weight: 900;
	color: #fff;
	background-color: #00247d
}


.flex {
	display: -ms-flexbox;
	display: flex;
	margin-left: -.6em;
	width: calc(100% + .6em);
	flex-wrap: wrap;
	transition: all .3s ease
}

.flex>* {
	box-sizing: border-box;
	flex: 1 1 auto;
	padding-left: .6em;
	padding-bottom: .6em
}


.center {
	justify-content: center
}

nav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 3em;
	padding: 0 .6em;
	background: #fff;
	box-shadow: 0 0 0.2em rgba(17, 17, 17, 0.2);
	z-index: 10000;
	transition: all .3s;
	transform-style: preserve-3d
}

nav .menu,
nav .burger {
	float: right;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

nav .select::after {
	height: calc(100% - 1px);
	padding: 0;
	line-height: 2.4em
}

nav .menu>* {
	margin-right: .6em
}

nav .burger {
	display: none
}

.card,
.modal .overlay~* {
	position: relative;
	box-shadow: 0;
	border-radius: .2em;
	border: 1px solid #ccc;
	overflow: hidden;
	text-align: left;
	background: #fff;
	margin-bottom: .6em;
	padding: 0;
	transition: all .3s ease
}

.hidden.card,
.modal .overlay~.hidden,
:checked+.card,
.modal .overlay~ :checked+*,
.modal .overlay:checked+* {
	font-size: 0;
	padding: 0;
	margin: 0;
	border: 0
}

.card>*,
.modal .overlay~*>* {
	max-width: 100%;
	display: block
}

.card>*:last-child,
.modal .overlay~*>*:last-child {
	margin-bottom: 0
}

.card header,
.modal .overlay~* header,
.card section,
.modal .overlay~* section,
.card>p,
.modal .overlay~*>p {
	padding: .6em .8em
}

.card section,
.modal .overlay~* section {
	padding: .6em .8em 0
}

.card hr,
.modal .overlay~* hr {
	border: none;
	height: 1px;
	background-color: #eee
}

.card header,
.modal .overlay~* header {
	font-weight: bold;
	position: relative;
	border-bottom: 1px solid #eee
}

.card header h1,
.modal .overlay~* header h1,
.card header h2,
.modal .overlay~* header h2,
.card header h3,
.modal .overlay~* header h3,
.card header h4,
.modal .overlay~* header h4,
.card header h5,
.modal .overlay~* header h5,
.card header h6,
.modal .overlay~* header h6 {
	padding: 0;
	margin: 0 2em 0 0;
	line-height: 1;
	display: inline-block;
	vertical-align: text-bottom
}

.card header:last-child,
.modal .overlay~* header:last-child {
	border-bottom: 0
}

.card footer,
.modal .overlay~* footer {
	padding: .8em
}

.card p,
.modal .overlay~* p {
	margin: .3em 0
}

.card p:first-child,
.modal .overlay~* p:first-child {
	margin-top: 0
}

.card p:last-child,
.modal .overlay~* p:last-child {
	margin-bottom: 0
}

.card>p,
.modal .overlay~*>p {
	margin: 0;
	padding-right: 2.5em
}

.card .close,
.modal .overlay~* .close {
	position: absolute;
	top: .4em;
	right: .3em;
	font-size: 1.2em;
	padding: 0 .5em;
	cursor: pointer;
	width: auto
}

.card .close:hover,
.modal .overlay~* .close:hover {
	color: #ff4136
}

.card h1+.close,
.modal .overlay~* h1+.close {
	margin: .2em
}

.card h2+.close,
.modal .overlay~* h2+.close {
	margin: .1em
}

.card .dangerous,
.modal .overlay~* .dangerous {
	background: #ff4136;
	float: right
}

.modal {
	text-align: center
}

.modal>input {
	display: none
}

.modal>input~* {
	opacity: 0;
	max-height: 0;
	overflow: hidden
}

.modal .overlay {
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: fixed;
	margin: 0;
	border-radius: 0;
	background: rgba(17, 17, 17, 0.6);
	transition: all 0.3s;
	z-index: 100000
}

.modal .overlay:before,
.modal .overlay:after {
	display: none
}

.modal .overlay~* {
	border: 0;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%) scale(0.2, 0.2);
	z-index: 1000000;
	transition: all 0.3s
}

.modal>input:checked~* {
	display: block;
	opacity: 1;
	max-height: 10000px;
	transition: all 0.3s
}

.modal>input:checked~.overlay~* {
	max-height: 90%;
	overflow: auto;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1, 1);
	transform: translateX(-50%) translateY(-50%) scale(1, 1)
}

@media (max-width: 60em) {
	.modal .overlay~* {
		min-width: 90%
	}
}

table a:link {
	color: #cf142b
}

table a:visited {
	color: darkred
}

table a:hover {
	color: lightgrey
}

img {
	width: 100%;
	height: auto
}

.mobile-button {
	margin: 0;
	width: 100%
}

.link-button {
	width: 100%
}

.mobile-banner {
	background-color: #00247d;
	text-align: center
}

.banner {
	display: none
}

.sidebar {
	display: none
}

.mobile-nav a:link {
	display: block;
	text-align: center;
	padding: 0.2em;
}

.mobile-nav a:visited {
	background-color: #cf142b
}

.top-nav {
	background-color: #cf142b;
	background-color: #c70119

}

.nav-center {
	display: table;
	margin: 0 auto
}

.nav-items a {
	color: white
}
.admin{
	font-family: Oxygen, arial, sans-serif;
    text-align: center;
	font-size: 0.9rem;
}
.admin a{
	display: inline-block;
	background: #eee;
	color: #000 !important;
	text-decoration: none;
	font-size: 90%;
	padding: 0 0.5em;
	border-radius: 0.5em;
	border: 1px solid #ccc;
}
.admin a:hover{
	color: #fff !important;
	background-color: #00247d;
}
.admin a:hover img{
	filter: invert(100%)
}
a.nav-item {
	margin: 0.5rem 1.6rem;
	font-family: Oxygen, arial, sans-serif;
	display: block;
    text-align: center;
}
.search-button{
	width: 50px;
	height: 46px;
	border: 0;
	vertical-align: -44px;
}
.print-icon{
	width: 16px;
	height: 16px;
	border: 0;
	vertical-align: middle;	
}
.sidebar-publications {
	display: none
}

.content {
	padding: 1rem;
	padding-bottom: 3rem;
}

.whats-new {
	background-color: lightgrey;
	padding: 1rem;
	border-radius: 1rem;
}

.whats-new h2 {
	padding: 0
}

td>a {
	font-weight: bold
}

html {
	overflow-y: scroll
}

@media (min-width: 68em) {
	img {
		width: auto
	}
	.mobile-banner {
		display: none
	}
	.mobile-button {
		display: none
	}
	.header {
		display: block
	}
	.banner {
		display: block;
		background-color: #00247d;
		text-align: center;
		cursor: pointer;
		padding: 0.05px;
	}
	.sidebar {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: 18rem;
		text-align: left;
		display: flex;
		flex-direction: column;
		/* justify-content: space-evenly; */
		padding: 1rem;
		text-align: center;
		background-color: silver
	}
	.sidebar a:link {
		color: #00247d
	}
	.sidebar a:visited {
		color: #cf142b
	}
	.sidebar a:hover {
		color: #cf142b
	}
	.home-button {
		display: block;
		background-color: #00247d;
		cursor: pointer;		
		border: 1px solid #00247d;
	}
	.sidebar-spacer {
		padding: 3rem
	}
	.sidebar-publications {
		display: block;
		background-color: #e6e6e6;
		padding: 1rem;
		margin-bottom: 1rem;
		border: 1px solid #00247d;
	}
	.sidebar-publications a{
		display: block;
		clear: both;
		margin-top: 0.4rem;
	}
	.container {
		max-width: 63rem;
		margin-left: 20rem;
		margin-right: 2rem
	}
	.banner-container {
		margin-left: 20rem;
		margin-right: 2rem;
	}
	.nav-container {
		margin-left: 20rem;
		margin-right: 2rem
	}
	.nav-items {
		display: flex;
		flex-direction: row
	}
	a.nav-item {
	}
	.whats-new {
		margin-top: 1rem
	}
}