@font-face {
  font-family: "otterTitle";
  src: url("../_global/fonts/nosferatu.ttf");
}

body
{
	box-sizing:border-box;
	margin:0 auto;
	color:white;
	background-color:#202020;
	width:100%;
	height:100vh;
	font-family:Sans-Serif;
	text-align: center;
}

h1
{
	font-family:"otterTitle";
	text-decoration:underline;
}

h2
{
	font-family:"otterTitle";
	text-decoration:underline;
}

.h2style
{
	font-family:"otterTitle";
	text-decoration:underline;
	font-size: 1.5em;
	font-weight:bold;
}

h3
{
	font-family:"otterTitle";
	text-decoration:underline;
}

.linkbar
{
	box-sizing:border-box;
	width: 100%;
	color:black;
	background-color:rgb(206, 205, 205);
	font-size:16px;
	font-family:sans-serif;
	box-shadow: 5px 5px 3px #000000;
	position: sticky;
	top: 0;
}

.mainPageHeader		
{
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
	font-family:"otterTitle";
	font-weight:bold;
	font-size:54px;
	color:black;
	text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #cacaca, 0 0 20px #cacaca, 0 0 25px #e60073, 0 0 30px #ff0000, 0 0 35px #880000;
}

.locationHeader		
{
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
	font-family:"otterTitle";
	font-weight:bold;
	font-size:36px;
	color:black;
	text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #cacaca, 0 0 20px #cacaca, 0 0 25px #e60073, 0 0 30px #ff0000, 0 0 35px #880000;
}


.sectionHeader
{
	width:100%;
	color:black;
	font-size:32px;
	font-family:"otterTitle";
	background-color:rgb(114, 114, 114);
	box-shadow: 5px 5px 3px #000000;
	box-sizing:border-box;
	padding-top:3px;
	text-shadow:1px 1px 5px #fff, 1px 1px 5px #ccc;
	position: sticky;
	top: 30px;
}

.pageSection
{
	font-size:15px;
	box-sizing:border-box;
	font-family:sans-serif;
	margin:5px;
	padding:5px;
	display: inline-block;
	color:black;
	background-color:white;
	box-shadow: 5px 5px 3px #000000;
	vertical-align: top;
}
.inner
{
	margin-left:0px;
	margin-right: 0px;
	box-shadow: none;
}

.parallax
{
	perspective: 1px;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0;
	display: grid;
	height: 100%;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	grid-template-areas: "whole-grid";
}

.parallax__group 
{
    position: relative;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.parallax__layer
{
	grid-area: whole-grid;
}

.parallax__layer--base
{
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.parallax__layer--back
{
	width:100%;
	-webkit-transform: translateZ(-3px) scale(6);
	transform: translateZ(-3px) scale(6);
	background-image: url('../_global/images/otterBak.jpg');
	background-repeat: repeat;
}


.pageSpecificLinkbar
{
	display: block;
	font-size:16px;
	font-family:sans-serif;
	margin:5px;
	color:black;
	background-color:white;
	box-shadow: 5px 5px 3px #000000;
}


.newsBlock	
{
	box-sizing:border-box;
	background-color:white;
	height:150px;
	box-shadow: 5px 5px 3px #000000;
}

.newsBlockHeader											/* Header for news blocks - not segregated like page headers, slightly larger font than normal */
{
	font-size:18px;
	font-weight:bold;
	color:brown;
	margin-bottom:10px;
}
.footer														/* The main page footer */
{
	color:white;
	clear:both;
}
.headerSlideshow
{
	text-align:left;
	width: 100%;
	display: inline-block;
	
}

.slideshowImage	
{
	position:absolute;
}
.slideshowImageHeader1
{
	position:absolute;
	object-fit: cover;
}
.slideshowImageHeader
{
	position:absolute;
	object-fit: cover;
}

/* ----------------------------------------------------- STANDARD HTML ELEMENT STYLES ---------------------------------------------------------------------------------*/

a
{
	border-style: none;
}
a:link
{
	color:black;

}
a:visited
{
	color:black;
}
a:hover
{
	color:gray;
}
a:active
{
	color:gray;
}
body
{
	background-color: #000000;
	text-align: center;
}