@import url(https://fonts.googleapis.com/css?family=Oxygen:400,700);





* {

	/* margin: 0;

	padding: 0; */

}



a[href^="tel"]{

    color:inherit;

    text-decoration:none;

}	





#authbar {

	/* BAR STYLING */

	margin-top: 20px;

	position: fixed;

	z-index: 20000;

	box-shadow: 0 0 5px rgba(10,10,10,.75);

	box-sizing: border-box; 

	background-image: -webkit-linear-gradient(270deg,rgba(28,28,28,.65) 0%,rgba(72,72,72,.65) 100%);

	background-image: -moz-linear-gradient(270deg,rgba(28,28,28,.65) 0%,rgba(72,72,72,.65) 100%);

	background-image: -o-linear-gradient(270deg,rgba(28,28,28,.65) 0%,rgba(72,72,72,.65) 100%);

	background-image: linear-gradient(180deg,rgba(28,28,28,.65) 0%,rgba(72,72,72,.65) 100%);	

	border-bottom: thin solid black;

	background-color: rgba(72,72,72,.65);

	padding: 5px 15px;

	margin: 0;

	/* FONT STYLING */

	font-family: 'Oxygen', sans-serif;

	color: #FFFFFF;

	text-decoration: none;

	width: 100%;

}







#authbar a {

	color: #C8C8C8;	

	text-decoration: none;

	transition: all .25s;

}



#authbar a:hover {

	color: #C8C8C8;	

	text-decoration: underline;

	text-shadow: 0px 0px 5px #000;

	opacity: .5;

}



#auth-leftcol {

	float: left;

	text-align: left;

}



#auth-midcol {

	float: left;

	text-align: center;

}



#auth-rightcol {

	float: right;

	text-align: right;

}



#auth-rightcol {

	float: right;

	text-align: right;

}



#editList {	

	background-color: rgba(0,0,0,.70);

	border-top: none;

	position: fixed;

	right: -100%;

	z-index: 10000;

	padding: 0px;

	padding-left: 10px;

	padding-right: 30px;

	overflow: scroll;

	height: 100%;

	transition: all .5s;

	/* FONT STYLING */

	font-family: 'Oxygen', sans-serif;

	color: #FFFFFF;

	text-decoration: none;

	text-align: left;

}



#editList ul {

	list-style: none;

	padding: 0;

	margin: 10px;

}



.indentListItem {

	padding-left: 15px;

}



/* REPEAT ADMIN STYLES FROM ADMIN.CSS */



input[type="text"], input[type="email"], input[type="tel"], select, textarea {

	font-family: 'Oxygen', sans-serif;

	font-size: 1em;

	color: #6B6B6B;

	padding: 2px;

	border: solid 2px #6B6B6B;

	transition: all .25s;

}



input[type="text"]:focus, input[type="text"].focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="email"].focus, input[type="tel"].focus, textarea:focus, textarea.focus, select:focus, select.focus {

	font-size: 1em;

	color: #6B6B6B;

	padding: 2px;

	border: solid 2px #FF0000;

	-moz-box-shadow: 0 0 5px rgba(10,10,10,.75);

	-webkit-box-shadow: 0 0 5px rgba(10,10,10,.75);

	box-shadow: 0 0 5px rgba(10,10,10,.75);

	/* For IE 8 */

	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=300, Color='rgb(10,10,10)')";

	/* For IE 5.5 - 7 */

	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=300, Color='rgb(10,10,10)');

}



@media screen and (min-width: 1025px){

/* DESKTOP VIEW */



#auth-midcol {

	visibility: visible;

	display: block;

}



#authbar {

	padding: 5px 15px;

	font-size: 12px;

}



.auth-onethirdcol {

	line-height: 175%;

	width: 33.3%;

	height: 25px;

	display: inline-block;

	vertical-align: middle;

}



.auth-navigation {

	visibility: visible;

	display: inline-block;

}



#editList {	

	top: 35px;

}



#maskbar {

	background-color: rgba(0,0,0,1);

	background-image: -webkit-linear-gradient(270deg,rgba(28,28,28,.65) 0%,rgba(72,72,72,.65) 100%);

	background-image: -moz-linear-gradient(270deg,rgba(28,28,28,.65) 0%,rgba(72,72,72,.65) 100%);

	background-image: -o-linear-gradient(270deg,rgba(28,28,28,.65) 0%,rgba(72,72,72,.65) 100%);

	background-image: linear-gradient(180deg,rgba(28,28,28,.65) 0%,rgba(72,72,72,.65) 100%);

	margin: 0;

	height: 36px;

}



}

@media screen and (max-width: 1024px){

/* MOBILE VIEW */



#auth-midcol {

	visibility: hidden;

	display: none;

}



#authbar {

	height: 40px;

	padding: 5px 5px;

	font-size: 16px;

}



.auth-navigation {

	visibility: hidden;

	display: none;

}



.auth-onethirdcol {

	line-height: 175%;

	height: 25px;

	display: inline-block;

	vertical-align: middle;

}



.hideMobileSpan {

	display: none;

}





#editList {	

	top: 40px;

}



#maskbar {

	background-color: rgba(0,0,0,1);

	background-image: -webkit-linear-gradient(270deg,rgba(28,28,28,.65) 0%,rgba(72,72,72,.65) 100%);

	background-image: -moz-linear-gradient(270deg,rgba(28,28,28,.65) 0%,rgba(72,72,72,.65) 100%);

	background-image: -o-linear-gradient(270deg,rgba(28,28,28,.65) 0%,rgba(72,72,72,.65) 100%);

	background-image: linear-gradient(180deg,rgba(28,28,28,.65) 0%,rgba(72,72,72,.65) 100%);

	margin: 0;

	height: 40px;

}

}

