@charset "UTF-8";
/* CSS Document */

#header {
	background-color: #F5F5F5;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
	z-index: 0;
}

header {
	padding-left: 100px;
}

body {
	width: 100%;
	height: auto;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}

.program {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
		
	@font-face {
		font-family: 'metropolisregular';
		src: url('metropolis-regular-webfont.woff2') format('woff2'),
			 url('metropolis-regular-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;

	}
	@font-face {
		font-family: 'NORMAL';
		src: url('resources/Ubuntu-bold.ttf');
		font-weight:bold;
	}
	@font-face {
	  font-family: 'Open Sans';
	  font-style: normal;
	  font-weight: 400;
	  src: url(https://themes.googleusercontent.com/static/fonts/opensans/v6/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
	}
	a{
		color:black;
		visited:black;
		text-decoration:none;
	}
	* {margin:0; padding:0; text-indent:0; }
	 .p, p {
		color: #000000;
		font-family: "Open Sans", sans-serif;
		font-style: normal;
		font-weight: bold;
		text-decoration: none;
		font-size: 12px;
		margin: 0pt;
	}
	 .s1 { color: #323e48; font-family:"metropolisregular", sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 20pt; }
	 .s2 { color: #231F20; font-family: "Open Sans"; font-style: normal; font-weight: normal; text-decoration: none; font-size: 12px; }
	 .s3 { color: #231F20; font-family:"Open Sans", sans-serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 16px; }
	 .s4 { color: #231F20; font-family:"Open Sans", sans-serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 14px; }
	 .s5 { color: black; font-family:"Times New Roman", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 5.5pt; }
	 .s6 { color: #231F20; font-family:Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 6.5pt; }
	 .s7 { color: #231F20; font-family:Arial, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 6.5pt; }
	 .s8 {background-color: red; }

.container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

h1 {
/*	font-size: 10px;*/
	margin-left: auto;
	margin-right: auto;
	padding-top: auto;
	z-index: 1;
	color: white;
}

h2 {
	text-align: left;
	position: absolute;
	margin-top: 10px;
	z-index: 2;
	
}

footer {
	background-color: white;
	height: 180px !important;
	width: 100%;
}

.footer img {
	padding: 8px 35px 3px 20px; 
/*	height: 90%;*/
}

#registerButton {
	margin-top: 20px;
}

table {
	background-color: white;
	margin-top: 10px;
	position: relative;
	z-index: 0;
}

td {
	font-size: 20px;
}

a:link {
  color: black;
  text-decoration: none;
  display: block;
}

/* visited link */
a:visited {
  color: black;
}

/* mouse over link */
a:hover {
	
}

/* selected link */
a:active {
  color: black;
}

i {
	color: white;
	font-size: 30px;
	transform: rotate(90deg);
	text-align: end;
}

ul {
  list-style: none; /* Remove default bullets */
}

/*To stylize the bullet points in schedule*/
ul li::before{
	content: "\2022";
	padding-left: 20px;
	color: #0a6fd8;
    margin-right: 10px;
	font-size: 30px;
}

.streamVideo {
	padding-bottom: 75px;
}

.container1 {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 0%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  padding-left: 0%;
}

.mainContent {
	display: inline;
}

iframe {
	height: 0;
}
.responsive-iframe {
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  float: left;
}

/* Clear floats after image containers */
/*
.row::after {
  content: "";
  clear: both;
  display: table;
}
*/

.vp-center {
	align-items: flex-start;
}

.carouselContainer {
	width: 100%;
	height: 400px;
	padding-left: 40%;
	padding-right: 40%;
}

.column {
  flex: 50%;
  padding: 5px;
}

.row {
  display: flex;
}