/* ***************************************************************************
 * Base font override
 * **************************************************************************/

@import "fonts.css";

body {
	background: #ffffff;
	font-family: 'Scala Sans', sans-serif;
}

/* ***************************************************************************
 * jump page styles
 * **************************************************************************/

div.jump-page {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding-top: 20px;
}

div.jump-page .header-logo1 {
	margin: auto;
	display: block;
	width: 205px;
	padding-bottom: 20px;
}

div.jump-page .header-logo2 {
	margin: auto;
	display: block;
	width: 320px;
	padding-bottom: 20px;
}

div.jump-page .header-text {
	margin: auto;
	display: block;
	width: 285px;
	color: #706f70;
	font-size: 16pt;
	font-style: italic;
	padding-left: 15px;
	padding-right: 10px;
	padding-bottom: 5px;
	text-align: center;
}

div.jump-page a, div.jump-page a:visited {
	text-decoration: none;
}

div.jump-page div.linkbar {
	display: block;
	width: 420px;
	margin: auto;
	text-align: center;
	align-content: center;
	align-items: center;
}

div.jump-page div.linkbar a {
	color: rgba(213,72,126,1);
	text-align: center;
}

/* ***************************************************************************
 * Header styles
 * **************************************************************************/

.header-logo {
	display: block;
	width: 320px;
}

.header-text {
	display: block;
	color: #706f70;
	font-size: 14pt;
	font-style: italic;
	padding-left: 15px;
	padding-right: 10px;
	padding-bottom: 5px;
}

div.menu {
	display: block;
	width: 24px;
	height: 24px;
	background: transparent url(/static/img/menu.svg) no-repeat center center;
}

div.linkbar {
	display: none;
}

div.linkbar-expanded {
	display: inline;
	width: 50%;
}

a.linkbar, a.linkbar:visited {
	display: block;
	color: white;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 40px;
}

a.linkbar:hover {
	text-decoration: underline;
}

/* ***************************************************************************
 * Content / Generic styles
 * **************************************************************************/

.etik-gradient {
	background: rgb(213,72,126);
	background: -moz-linear-gradient(90deg, rgba(213,72,126,1) 0%, rgba(92,134,192,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(213,72,126,1) 0%, rgba(92,134,192,1) 100%);
	background: linear-gradient(90deg, rgba(213,72,126,1) 0%, rgba(92,134,192,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d5487e",endColorstr="#5c86c0",GradientType=1);
}

h1.content, h2.content, h3.content, h4.content, h5.content {
	color: #7c579a;
}

.content {
	color: #000000;
}

.bold {
	font-weight: 800;
}

.italic {
	font-style: italic;
}

.note {
	color: #706f6f;
}

span.subheading {
	color: #764890;
}

div.infobox {
	margin-top: 5px;
	background: #f5f1f0;
}

div.panel-grid {
	display: grid;
	grid-template-columns: 100%;
}

div.panel {
	display: block;
	padding: 0px;
	text-align: left;
}

div.infobox span.tagline {
	color: #706f6f;
	font-size: 12pt;
	font-style: italic;
}

div.infobox span.note {
	padding-top: 5px;
	padding-left: 8px;
	display: block;
}

span.panel-float-right {
	width: 140;
	height: 100%;
	display: inline-block;
	float: right;
}

span.panel-float-left {
	width: 140;
	height: 100%;
	display: inline-block;
	float: right;
}

img.panel-float-img {
	height: 80;
	display: inline-block;
}

ul.list {
	list-style: none;
	padding-left: 0;
}

ul.sub-list {
	list-style: none;
	padding-left: 25px;
}

ul.list li.bullet {
	background: transparent url(/static/img/list-arrow.svg) no-repeat 0px 4px;
	background-size: 10px 15px;
	padding: 2px 15px;
}

ul.list li.continuation {
	background: transparent;
	background-size: 10px 15px;
	padding: 2px 15px;
}

ul.list a, u.list a:visited,
ul.sub-list a, ul.sub-list a:visited {
	background: url(/static/img/link-variant.svg) no-repeat right center;
	background-size: 12px;
	padding-right: 14px;
	color: #000000;
	text-decoration: none;
}

ul.list a:hover,
ul.sub-list a:hover {
	background: url(/static/img/link-variant.svg) no-repeat right center;
	background-size: 12px;
	padding-right: 14px;
	color: #000000;
	text-decoration: underline;
}

ul.sub-list li.bullet {
	background: transparent url(/static/img/list-bullet.svg) no-repeat 0px 4px;
	background-size: 10px 15px;
	padding: 2px 15px;
}

ul.sub-list li.continuation {
	background: transparent;
	background-size: 10px 15px;
	padding: 2px 15px;
}

div.news-panel {
	padding-top: 20px;
	padding-left: 10px;
	text-align: justify;
}

div.news-panel h1 {
	margin-bottom: 5px;
}
div.news-panel span.tagline {
	color: #706f6f;
	font-size: 12pt;
	font-style: italic;
}

span.tagline span.tag {
	padding-left: 25px;
	margin: 0px 5px 0px 5px;
}
span.tagline span.last-updated {
	background: url(/static/img/calendar-month.svg) left center no-repeat;
	background-size: 18px;
	-webkit-filter: invert(50%);
}

span.tagline span.author {
	background: url(/static/img/account-circle.svg) left center no-repeat;
	background-size: 18px;
	-webkit-filter: invert(50%);
}

div.news-panel span.content {
}

div.news-panel span.content p,
div.news-panel span.content span {
	text-align: justify;
	font-family: 'Scala Sans', sans-serif !important;
}

div.legal-text {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 40px;
}

span.legal-text {
	color: #504f4f;
}

/* ***************************************************************************
 * Footer styles
 * **************************************************************************/

a.footer, a.footer:visited {
	color: #bcbcbe;
}

a.footer:hover {
	text-decoration: underline;
}

/* ***************************************************************************
 * Fixed Section styles (header / content / footer)
 * **************************************************************************/

#header {
	z-index: 100;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: white;
}

#content {
	padding-top: 140px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 100px;
}

#footer {
	z-index: 100;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 98%;
	height: 30px;
	background: #ffffffee;

	color: #bcbcbe;
	font-size: 8pt;
	font-style: italic;
	text-align: right;
	line-height: 25px;
	padding-right: 40px;
}