@charset "UTF-8";
@font-face {
    font-family: 'HappyTimesattheIKOBRegular';
    src: url('../fonts/HappyTimesattheIKOBRegular.eot');
    src: url('../fonts/HappyTimesattheIKOBRegular.eot') format('embedded-opentype'),
         url('../fonts/HappyTimesattheIKOBRegular.woff2') format('woff2'),
         url('../fonts/HappyTimesattheIKOBRegular.woff') format('woff'),
         url('../fonts/HappyTimesattheIKOBRegular.ttf') format('truetype'),
         url('../fonts/HappyTimesattheIKOBRegular.svg#HappyTimesattheIKOBRegular') format('svg');
}
@font-face {
    font-family: 'HappyTimesattheIKOB-Italic';
    src: url('../fonts/HappyTimesattheIKOB-Italic.eot');
    src: url('../fonts/HappyTimesattheIKOB-Italic.eot') format('embedded-opentype'),
         url('../fonts/HappyTimesattheIKOB-Italic.woff2') format('woff2'),
         url('../fonts/HappyTimesattheIKOB-Italic.woff') format('woff'),
         url('../fonts/HappyTimesattheIKOB-Italic.ttf') format('truetype'),
         url('../fonts/HappyTimesattheIKOB-Italic.svg#HappyTimesattheIKOB-Italic') format('svg');
}
@font-face {
    font-family: 'SportingGrotesqueBold';
    src: url('../fonts/SportingGrotesqueBold.eot');
    src: url('../fonts/SportingGrotesqueBold.eot') format('embedded-opentype'),
         url('../fonts/SportingGrotesqueBold.woff2') format('woff2'),
         url('../fonts/SportingGrotesqueBold.woff') format('woff'),
         url('../fonts/SportingGrotesqueBold.ttf') format('truetype'),
         url('../fonts/SportingGrotesqueBold.svg#SportingGrotesqueBold') format('svg');
}
@font-face {
    font-family: 'SportingGrotesqueRegular';
    src: url('../fonts/SportingGrotesqueRegular.eot');
    src: url('../fonts/SportingGrotesqueRegular.eot') format('embedded-opentype'),
         url('../fonts/SportingGrotesqueRegular.woff2') format('woff2'),
         url('../fonts/SportingGrotesqueRegular.woff') format('woff'),
         url('../fonts/SportingGrotesqueRegular.ttf') format('truetype'),
         url('../fonts/SportingGrotesqueRegular.svg#SportingGrotesqueRegular') format('svg');
}
@font-face {
    font-family: 'Mainz';
    src: url('../fonts/Mainz.eot');
    src: url('../fonts/Mainz.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mainz.woff2') format('woff2'),
        url('../fonts/Mainz.woff') format('woff'),
        url('../fonts/Mainz.ttf') format('truetype'),
        url('../fonts/Mainz.svg#Mainz') format('svg');
}

html, body {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: 'HappyTimesattheIKOBRegular';
	font-size: 100%;
}
body {
	padding-top: 1.375em;
	padding-bottom: 1.375em;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 1em;
}
img, object, embed, canvas, video, audio, picture {
	max-width: 100%;
	height: auto;
	display: block;
}
a img {
	border: none;
}
a {
	color: black;
	text-decoration: none;
}
a:not(.navbar-brand):hover {
	background-color: yellow;
}

.navbar, .slider, .logo, .description, .info, .separation, .mentions-separation {
	margin-bottom: 1.25em;
}

.navbar {
	font-family: 'SportingGrotesqueRegular';
	font-size: .875em;
	/*line-height: 1.95em; /* 31.2px */
	text-transform: uppercase;
	display: flex;
	align-items: center;
}
.navbar-brand  img {
	/*height: 6.25em; /* 100px */
	height: 3em;
	max-width: none;
}
.nav-item {
	white-space: nowrap;
	margin-left: 0.25em;
	margin-right: 0.25em;
}
.nav-item.current-page {
	font-family: 'SportingGrotesqueBold';
}

.slider img {
	width: 100%;
}

.logo img {
	height: 5em;
	width: auto;
	/*max-width: 10em;
	height: auto;*/
}

.entity-title {
	text-transform: uppercase;
	font-family: 'SportingGrotesqueBold';
}
p {
	margin-top: 0;
	margin-bottom: .5em;
}
p:last-of-type {
	margin-bottom: 0;
}
.deco {
	font-family: 'Mainz';
	font-size: 1em;
	/*line-height: 2.325em; /* 37.2px */
}
.language {
	font-size: .875em;
	/*line-height: 2.375em; /* 38px */
	padding-left: .5em;
	padding-right: .5em;
}

.description {
	font-size: 1em;
	/*line-height: 2.625em; /* 42px */
	text-align: justify;
	flex-grow: 1;
}
.description:lang(en) {
	font-family: 'HappyTimesattheIKOB-Italic';
}
.info {
	text-transform: uppercase;
	font-family: 'SportingGrotesqueRegular';
	font-size: .75em;
	/*line-height: 2.375em; /* 38px */
}
.info-title {
	font-family: 'SportingGrotesqueBold';
}
.info-warning {
	background-color: yellow;
	display: inline-block;
}

.separation {
	height: 5px;
	width: 100%;
	background-image: url('../images/separation.svg');
	background-size: auto 5px;
	/*height: 1px;
	width: 100%;
	background-color: black;*/
}

.links {
	margin-bottom: 1em;
}
.links .link {
	text-transform: uppercase;
	font-family: 'SportingGrotesqueRegular';
	font-size: 1em;
	/*line-height: 1.95em; /* 31.2px */
}

.mentions {
	font-size: 0.625em;
	/*line-height: 1.8em; /* 28.8px */
	text-align: center;
}
.mentions-separation {
	height: 1px;
	width: 10%;
	margin-right: auto;
	margin-left: auto;
	background-color: black;
}

@media screen {
	.modal-content {
		width: 75%;
		line-height: 3em;
	}
	.modal-content .title {
		font-size: 2em;
	}
	.modal-content .link {
		font-size: 1em;
	}
	.container {
		margin-left: 1.5em;
		margin-right: 1.5em;
	}
	.navbar-brand {
		margin-right: 1.5em;
	}
	.entities {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1em;
		align-items: stretch;
	}
	.entity:first-child {
		margin-bottom: 2.5em;
	}
}

@media screen and (min-width: 768px), print {
	.modal-content {
		width: 50%;
		line-height: 4em;
	}
	.modal-content .title {
		font-size: 3em;
	}
	.modal-content .link {
		font-size: 1.5em;
	}
	.container {
		margin-left: 2.5em;
		margin-right: 2.5em;
	}
	.navbar-brand {
		margin-right: 2.5em;
	}
	.slider {
		margin-left: 2.5em;
		margin-right: 2.5em;
	}
	.entities {
		display: flex;
	}
	.entity {
		width: 50%;
		display: flex;
		flex-direction: column;
	}
	.entity:first-child {
		margin-bottom: 0;
		margin-right: 1.375em; /* 50px/2 */
	}
	.entity:last-child {
		margin-left: 1.375em; /* 50px/2 */
	}
	.logo, .links {
		margin-left: calc(6.25em + 2.5em);
	}
}

@media screen and (min-width: 1024px) {
	.modal-content {
		width: 33%;
	}
}

@media print {
	body {
		font-size: .75em;
		padding-top: 0;
		padding-bottom: 0;
	}
	.slider, .modal, .mentions {
		display: none;
	}
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	z-index: 1000;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.75);
	font-family: SportingGrotesqueBold;
	color: white;
}

.close {
	text-align: right;
	line-height: 0.5em;
}

.modal-content .close {
	font-size: 3em;
	cursor: pointer;
}

.modal-content {
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	background-color: #000;
	margin: auto;
	padding: 1em;
	border: .25em solid yellow;
}

.modal-content .title {
	margin-top: .5em;
	margin-bottom: 1.5em;
}

.modal-content .link {
	margin-bottom: 2em;
}

.modal-content a {
	color: white;
	text-decoration: underline;
}

.modal-content a:hover {
	color: black;
}