body {
	transition: background-color .5s;
}

.padding-right-zero{
	padding-right: 0 !important;
}

.templateHeaderMenu {
	box-shadow: 0px 0px 5px 0px var(--scgj-black);
	background: var(--scgj-white);
}

::placeholder{
	color: var(--set-grey-shade1) !important;
	font-weight: 300;
}

.menuActive{
	border-left: 6px solid var(--orange);
	padding-left: 2% !important;
	background: var(--set-nav-active-purple);
}

.hamburgerMenu {
	display: none;
}

.homePagelogo {
	padding: 0.8% 0%;
	height: 60px;
	margin-left: 2%;
}

.usernameBox {
	float: right;
	margin-right: 6%;
	margin-top: 0.5rem;
	position: relative;
}

.logoutButton {
	position: absolute;
	border: none;
	background: none;
	top: 55%;
	left: 87%;
	color: var(--scgj-black);
}
#adminTemplate {
	display: flex;
}

.sidenav {
	position: relative;
	z-index: 1;
	left: 0;
	background-color: var(--scgj-dark-blue);
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 3em;
	min-height: 82vh;
}
/*
.sidenav a:focus {
	outline-offset: 1px;
    outline: 4px auto var(--scgj-white);
	color: var(--scgj-white);
}
*/
/* .sidenav a:active {
	outline-offset: 1px;
    outline: 4px auto var(--scgj-white);
} */

.margin-top-1{
	margin-top: 2%;
}

.activeNavItemBorder {
    border-left: 7px solid var(--set-orange);
}

ul {
    list-style-type: none;
}
.margin-left{
	padding-left: 12%;
}
.showNav, .hideNav {
	width: 21.2vw;
	padding-top: 0;
}

.sidenav a {
	padding: 4%;
	text-decoration: none;
	font-size: 1.05em;
	color: var(--scgj-white) !important;
	display: block;
	transition: 0.3s;
	cursor: pointer !important;
}

.userNameText, .logoutText{
	color: var(--scgj-white) !important;
	font-weight: 300;
}
.userNameText{
	font-size: 1.3em;
}

.logoutButton:hover, .logoutButton:focus{
	outline: 2px solid var(--scgj-black);
	cursor: pointer !important;
	color: var(--scgj-black);
}

.preIcon {
	padding-right: 9%;
}

.postIcon {
	padding-left: 15%;
	position: absolute;
    right: 0.5em;
}

.sidenav button{
	border: none;
	background: none;
	width: 100%;
	padding: 4%;
	width: 45%;
}

.subListContainer {
	display: none;
	margin-left: 10%;
    list-style-type: none;
}

.footerContainer{
	background-color: var(--scgj-dark-blue);
	color: var(--scgj-white);
	font-size: 0.92em;
	margin-top: 2.5%;
	padding: 0.1%;
}

.copyrightIcon{
	margin: 0 0.5%;
}

.skipToMain {
  position: fixed;
  top: 0;
  left: 0;
  height: 48px;
  transform: translateY(-50px);
  background-color: var(--scgj-dark-blue);
  color: var(--scgj-white);
  border-radius: 4px;
  border:1px solid var(--scgj-white) !important;
}
.skipToMain:focus {
  transform: translateY(0);
  z-index: 10;
}
.skipNavigation{
  	position: absolute;
    top: 0;
    left: 0;
    height: 48px;
    transform: translateX(-200%);
   	background-color: var(--scgj-dark-blue);
   	color: var(--scgj-white);
   	border-radius: 4px;
  border:1px solid var(--scgj-white) !important;
	background: var(--dark-blue-box-shadow) !important;
	width: 10rem !important;
}
#homeSkipToMain{
	background: var(--dark-blue-box-shadow) !important;
}
.skipNavigation:focus{
	transform: translateX(0);
	z-index: 1;
}
.noRobotoText{
	font-family: sans-serif !important;
}
.forgotPasswordLink{
	position:fixed;
	margin-left:80%;
}
/*----MEDIA QUERIES----*/
@media (max-width: 1200px) {
	.sidenav a{
		font-size: 0.95rem;
	}
	.logoutButton
	{
		left: 84%;
	}
}

@media (max-width: 1200px) and (min-width: 992px) {
	.showNav, .hideNav {
		width: 25.5vw;
	}
}

@media screen and (max-width: 991px) {
	.hamburgerMenu {
		display: inline-block;
		font-size: 1.9em;
		padding-left: 0.5em;
		padding-right: 0.5em;
		color: var(--scgj-white);
		background: var(--scgj-dark-blue);
	}
	.homePagelogo {
		height: 4em;
		margin: 0;
	}
	.sidenav {
		position: absolute;
	}
	
	.showNav {
	    width: 0;
	}
	
	.hideNav {
		width: 31vw;
	}
	::placeholder{
		font-weight: 400;
	}
}

@media (max-width: 768px) {
	.hideNav {
		width: 40vw;
	}
	.usernameBox{
		margin-right: 17%;
	}
	.logoutButton 
	{
		left:70%;
	}
}

@media ( max-width : 576px) {
	.col-sm-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
	}
	.hamburgerMenu {
		font-size: 1.2em;
		color: var(--scgj-white);
		background: var(--scgj-dark-blue);
		display: inline-block;
	}
	.homePagelogo {
		height: 3em;
		margin: 0;
	}
}


@media (max-width: 480px) {
	.hideNav {
		width: 70vw;
	}
	.sidenav a {
		font-size: 1rem;
	}
	.footerContainer{
		font-size: 0.8em;
		margin-top: 7.5%;
		padding: 0.8%;
	}
	.logoutButton
	{
		left: 59%;
		font-size: small;	
	}
	.usernameBox {
		font-weight: 500;
	}
	.logoutButton {
	    left: 24%;
	}
}

@media ( max-width : 395px) {
	.homePagelogo {
		height: 2.2em;
	}
	.usernameBox {
		font-size: 0.7em;
		font-weight: 500;
	}
	.logoutButton {
	    left: 20%;
	}
	.logoutButton
	{
		left: 59%;
		font-size: small;	
	}
}