﻿
#calendarheader, #calendarfilter {
}

#divh1 {
}

#goodmessage {
	text-align: center;
	padding-top: 30px;
	text-transform: uppercase;
	font-size: 40px;
}

#teamnav {
	padding-top: 40px;
	position: relative;
	display: table;
	width: 100%;
}

#teamnav h2 {
	text-transform: uppercase;
	font-size: 26px;
	text-align: center;
	width: 100%;
}

#navigation a:hover, #loginnav a:hover {
	color: #e53771;
	border-bottom: solid 1px #e53771;
}

#teamnav a:hover {
	color: #e53771;
}

#teamnav ul {
	list-style: none;
	position: relative;
	width: 250px;
	height: 40px;
	margin: 20px auto 0pc auto;
}

#teamnav ul li {
	float: left;
	position: relative;
	height: 40px;
}

#teamnav a {
	text-decoration: none;
	margin: 10px;
	float: left;
	color: black;
	padding: 2px 0px;
	margin: 0px 25px;
	text-align: center;
	white-space: nowrap;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.15em;
}

#loginnav {
	float: right;
	position: relative;
	left: -50%;
	text-align: left;
}

#loginnav ul {
	list-style: none;
	position: relative;
	left: 50%;
}

#loginnav li {
	float: left;
	position: relative;
}

#loginnav a {
	text-decoration: none;
	margin: 10px 20px;
	float: left;
	color: #777b7d;
	padding: 2px 0px;
	text-align: center;
	white-space: nowrap;
	text-transform: uppercase;
	font-weight: 600;
}

#repsess {
	display: none;
}

#calendarfilter {
	float: left;
	width: 100%;
	text-align: center;
}



#calendarfilter h1 {
	text-align: center;
	text-transform: uppercase;
	font-size: 25px;
	margin-top: 30px;
	margin-bottom: 10px;
}

#tokenslogan {
	text-align: center;
	margin-top: 40px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 13px;
	color: #777b7d;
}

#creditcounter {
	color: #e53670;
}

#filtersdd {
	margin-top: 40px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 600;
	text-align: center;
	width: 400px;
	margin: auto;
	display: block;
	padding-top: 20px;
	padding-bottom: 50px;
}

#filtertime {
	width: 200px;
	margin: auto;
	text-align: center;
	float: left;
	display: inline-block;
	vertical-align: top;
	padding-bottom: 50px;
}

#classoptions {
	padding-left: 13%;
}

#timeoptions {
	padding-left: 38%;
}

#classoptions a:hover, #timeoptions a:hover {
	color: #e53771 !important;
}


#timeoptions, #classoptions {
	margin-top: 10px;
	margin-bottom: 10px;
	position: absolute;
	color: white;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	width: 100%;
	left: 0px;
	z-index: 999;
	background-color: black;
}

#timeoptions a, #classoptions a {
	display: block;
	padding-top: 13px;
	padding-bottom: 10px;
	width: 150px;
	float: left;
}

.fa-caret-down {
	margin-left: 5px;
}

#filterclass {
	width: 200px;
	margin: auto;
	text-align: center;
	float: left;
	display: inline-block;
	vertical-align: top;
	padding-bottom: 50px;
}

@media screen and (max-width:989px) {
}

@media screen and (max-width:800px) {
	#goodmessage {
		font-size: 28px;
	}
}

@media screen and (max-width:767px) {
	#searchform {
		float: none !important;
		width: 90% !important;
		margin: 0 5% !important;
	}

	#searchform input {
		display: block;
		width: 100%;
	}

	#filterlistoptions {
		display: table !important;
		width: 100% !important;
	}
}

@media screen and (max-width:599px) {
	#goodmessage {
		font-size: 14px;
		padding-top: 10px;
	}

	#filtertime {
		width: 200px
	}

	#loginnav {
		float: none;
		left: 0px !important;
		width: 100%;
		margin-top: 10px;
		margin-bottom: 15px;
	}

	#loginnav ul, #loginnav ul li {
		width: 100%;
		display: table;
		position: static;
		left: 0px;
	}

	#loginnav li {
		float: none;
	}

	#loginnav ul li a {
		width: 100%;
		display: block;
		left: 0px;
		margin: 2px 0px;
	}

	#calendarheader {
		padding: 10px 0px 15px 0px;
	}

	#filterlistoptions a:nth-child(4) {
		margin-left: 20px;
	}
}

@media screen and (max-width:620px) {

	#teamnav {
		height: 220px;
	}

	#teamnav a {
		padding: 0px;
		float: inherit;
	}

	#teamnav ul li {
		float: inherit;
		width: 150px;
		margin: 0px auto;
		text-align: center;
	}

	#teamnav ul {
		width: 100%;
	}


	@media screen and (max-width:550px) {
		#goodmessage {
			font-size: 14px;
		}

		#filtertime {
			width: 200px
		}

		#loginnav {
			left: -45%;
		}
	}
