/* source-sans-3-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('/style/fonts/source-sans-3-v9-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 400;
  src: url('/style/fonts/source-sans-3-v9-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  src: url('/style/fonts/source-sans-3-v9-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 700;
  src: url('/style/fonts/source-sans-3-v9-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




body {
	font-family: 'Source Sans 3', sans-serif;
	font-size:1.1em;
}

/*https://stackoverflow.com/a/52041765/1682509*/

:root {
	--color-1: #026873;
	--color-2: #038C8C;
	--color-3: #B0D9D9;
	--color-4: #F26D6D;
	--color-5: #F2A0A0;
}

body {
	padding-top:80px;
}

body:selection {
	color:white;
	background: #0084c1;
}

::selection {
	color: white;
	background-color: #0084c1;
}

.navbar {
	background:white;
	border-bottom:1px grey solid;
	box-shadow: 0 4px 15px -5px rgba(0, 0, 0, 0.3);
}

.navbar .nav-item {
	padding:0 10px;
}

.navbar a:hover, .navbar a:active, .navbar a.active {
	color:#0084c1;
}

.header-image {
	background:url(/MWoerz-0829.jpg) no-repeat center;
	height:90vh;
	position:relative;
}

.header-text {
	position:absolute;
	bottom:0;
	width:50vw;
	color:white;
	font-weight:bold;
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto;
	padding-top:15px;
	background: repeating-linear-gradient(
		45deg,
		black,
		black 0.25px,
		transparent 0.25px,
		transparent 0.5px
	);
}




.section a, .section a:link, .section a:visited {
	color:#0084c1;
	padding:0 4px;
}

.section a:hover, .section a:active {
	background:#0084c1;
	color:white;
}

.section {
	padding-top:80px;
	padding-bottom:80px;
}

.grey {
	background:#eeeeeeab;
}

.section-history {
	min-height:80vh;
}

#floating-toplink {
	visibility: hidden;
	opacity: 0;
	transition: visibility 1.5s, opacity 1s linear;
	position:fixed;
	right:10px;
	bottom:10px;
}

#floating-toplink.visible {
	visibility: visible;
	opacity: 1;
	transition: visibility 0s, opacity 1s linear;
}
/*
#floating-toplink img{
	width:50px;
	height:50px;
}
*/

#circle {
	width: 50px;
	height: 50px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	background: #0084c1;
	color:white;
	font-size:25px;
	font-weight:bold;
	transition: background 1s linear;
}
	
.wave {
	width: 50%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; overflow: hidden; 
	max-width: 100%; height: auto; 
	max-height:100%
} 
.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

.embed-container-load {
	background:url(/img/vimeo.png) no-repeat center;
	color:black;
	width:100%;
	height:100%;
	display:block;
	position:absolute;
}

.embed-container-load-overlay {
	background:rgba(200,200,200,0.7);
	width:100%;
	height:100%;
	display:block;
}

.embed-container-load-overlay-message {
	width: 100%;
	position: absolute;
	top: 40%;
	background: rgb(50,50,50);
	padding: 25px 0;
	color: white;
}


.section-history a, .section-history a:link, .section-history a:visited {
	text-decoration:none;
	border-bottom-width:2px;
	border-bottom-style:solid;
	border-bottom-color:transparent;
}

.section-history ul {
	list-style-type: square;
}