html, body{color:black;font-family:Candara, Helvetica, sans-serif;margin:0;padding:0;background:White url(bg.jpg) no-repeat fixed center 0%;font-size:1.1em;}

.links{color:CornflowerBlue;}
.current{color:YellowGreen;}
a:hover{color:Red;}

h1, h2, h3, h4{margin-bottom:0;padding-bottom:0;font-variant:small-caps;font-weight:bold;text-decoration:underline;text-decoration-color:CornflowerBlue;}
#header, #footer, #nav, .embed{text-align:center}
table{text-shadow: none !important;}
hr{width:80%;border-color:red;margin:20px auto;}

#header{top:0;left:0;right:0;position:fixed;margin:5px;background-color:#f0f0f0;color:Black;text-align:center;z-index:1000;display:flex;justify-content:space-between;border-bottom:2px solid black;box-shadow:0 0 15px DarkSlateGray;border-radius:10px;border:2px solid black;vertical-align:middle;}

.nav{width:65%;padding:10px;text-align:left;vertical-align:middle;}
.nav .links{font-variant:small-caps;}
.nav .current{font-variant:small-caps;}
.nav a:hover{font-variant:small-caps;}

.contact{width:30%;padding:10px;text-align:right;vertical-align:}

.platforms{display:inline-block;vertical-align:middle;}

#title{padding-top:60px;text-align:center;text-shadow:2px 2px 5px White,-2px -2px 5px White,2px -2px 5px White,-2px 2px 5px White;}
#title h2{margin-top:-25px;z-index:500;}

#wrapper{font-size:1em;margin:0 5% 50px;padding:25px;background:linear-gradient(to bottom right, #f0f0f0, white);box-shadow:0 0 15px DarkSlateGray;border-radius:25px;border:2px solid Black;}
#wrapper p{padding-bottom:15px;}

#wrapper img{background-color:white;box-shadow:0 0 10px DarkSlateGray;border-radius:15px;border:2px solid Black;max-width:800px;}
#wrapper .bigger{transition:transform 0.3s ease-in-out;}
#wrapper .bigger:hover{transform: scale(2.0);}

#wrapper input, #wrapper textarea, #wrapper select{padding:8px;margin-top:5px;border:1px solid black;border-radius:5px;font-size:1em;}
#wrapper input[type="checkbox"], #wrapper input[type="radio"]{width:auto;margin-right:10px;}
#wrapper form{background-color:#f0f0f0;padding:20px;border-radius:25px;box-shadow:0 0 10px DarkSlateGray;border:2px solid black;margin-left:auto;margin-right:auto;max-width:640px;margin-bottom:100px;}
#wrapper .btn, input[type="submit"]{background-color:CornflowerBlue;color:white;font-size:1.1em;font-weight:bold;padding:5px 10px;border:2px solid Black;border-radius:10px;box-shadow:0 0 10px DarkSlateGray;text-align:center;cursor:pointer;transition:all 0.3s ease-in-out;text-decoration:none;display:inline-block;width:auto;}
#wrapper .btn:hover{background-color:YellowGreen;color:Black;box-shadow:0 0 15px DarkSlateGray;border-color:DarkSlateGray;display:inline-block;width:auto;}
#wrapper .btn:active{background-color:Red;color:white;box-shadow:0 0 5px Black;display:inline-block;width:auto;}

p + ul{margin-top:-30px;}
ul{list-style:none;}
ul li::before{content:'\2740';color:CornflowerBlue;}

.feature{display:flex;align-items:center;justify-content:center;gap:20px;max-width:100%;flex-wrap:wrap;}
.quote{width:379px;height:270px;padding:15px;background-color:#f0f0f0;text-align:center;box-shadow:0 0 10px DarkSlateGray;border-radius:15px;border:2px solid Black;vertical-align:middle;text-align:center;}

#bigdoc{display:block;text-align:center;}
#littledoc{display:none;text-align:center;}

iframe{border:1px solid Black;box-shadow:0 0 15px DarkSlateGray;border-radius:10px;}

.video-container{width:auto;max-height:200px;margin:auto;justify-content:center;}
video{width:auto;max-height:200px;border-radius:15px;border:2px solid Black;justify-content:center;box-shadow:0 0 10px DarkSlateGray;}

.posters{display:flex;justify-content:center;flex-wrap:wrap;}
.poster{width:23%;margin:10px;background-color:#f0f0f0;text-align:center;box-shadow:0 0 10px DarkSlateGray;border-radius:15px;border:2px solid Black;padding:10px;flex: 1 1 300px;}
.poster img{width:95%;}

.pagelinks{display:flex;justify-content:center;flex-wrap:wrap;}
.sidelinks{line-height:1.6;width:47%;margin:10px;background:linear-gradient(to bottom right, white, #f0f0f0);text-align:left;box-shadow:0 0 10px DarkSlateGray;border-radius:15px;border:2px solid Black;padding:10px;flex: 1 1 300px;}



.events{margin-bottom:10px;}
.event{margin-bottom:10px;}
.eventname{margin-bottom:0px;font-size:1.2em;}
.eventdescription p{margin-top:0px;margin-bottom:-0.8em;font-size:0.9em;}
.eventuser{font-size:0.9em;}
.eventdetails{font-size:0.9em;}





#footer{bottom:0;font-weight:bold;margin-bottom:5px;background-color:White;color:Black;text-align:center;border-bottom:2px solid black;box-shadow:0 0 15px DarkSlateGray;border-radius:25px;border:2px solid Black;padding:15px;width:fit-content;margin-left:auto;margin-right:auto;}

@media (max-width: 768px)
{
	html, body{font-size: 1em;background:linear-gradient(to bottom right, #f0f0f0, white);}
	#title img{max-width:90%;margin-top:75px;}
	.feature{flex-direction:column;text-align: center;}
	.quote{width:90%;height:auto;margin: 10px auto;}
	#header{flex-direction:column;padding:10px;text-align:center;}
	.nav, .contact{width:100%;text-align:center;padding:5px;}
	.poster{width:45%;margin:5px;}
	.poster img{width:100%;}
	.video-container, video{max-width:100%;height:auto;}
	#wrapper{margin:0 2%;padding:15px;}
	#wrapper img{max-width:100%;}
	.bigger:hover{transform:none !important;}
	ul li::before{font-size:1.2em;}
	iframe{max-width:100%;}
	#footer{margin-top:25px;}
}
#tableBW .table{font-size:1.0em}
#adminbg{margin:25px;padding:25px;background-color:white;border:medium solid grey;}
#adminbg{color:black;}
#adminbg a{color:black;font-weight:normal;}
#adminbg a:visited{color:black;}
#adminbg a:active{color:black;}