#sso-bar {
	display: inline-block;
}

#sso-menu-toggle, #sso-menu-toggle-mobile {
	height: 52px;
	width: 52px;
	display: block;
	position: relative;
	transition: all .4s ease;
}

.user-not-logged-in #sso-menu-toggle {
	display: none !important;
}

#sso-burger {
	position: absolute;
	top: 50%;
	left: 0;
	width: 50%;
	transition: all .4s ease;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	margin: -1px 20%;
	background: #f26c4f;
	height: 2px;
}

#sso-burger::before, #sso-burger::after {
	display: block;
	content: "";
	width: 100%;
	transition: all .4s ease;
	height: 2px;
	background: #f26c4f;
	position: absolute;
	left: 0;
	z-index: 1;
}

#sso-burger::before {
	top: 8px;
}

#sso-burger::after {
	top: -8px;
}

#sso-menu-toggle:hover #sso-burger, #sso-menu-toggle-mobile:hover #sso-burger {
	transform: translate(-3%);
}

#sso-menu-toggle:hover #sso-burger::before,
#sso-menu-toggle:hover #sso-burger::after,
#sso-menu-toggle-mobile:hover #sso-burger::before,
#sso-menu-toggle-mobile:hover #sso-burger::after {
	transform: translate(9%);
}

a, a:not([href]):not([tabindex]) {
	cursor: pointer;
}

#sso-side-menu {
	border: none;
	height: 100vh;
	left: 0;
	position: fixed;
	top: 0;
	transform: translateX(-100%);
	transition: transform .65s;
	width: 21.5vw;
	z-index: 10000;
}

.admin-bar #sso-side-menu {
	top: 32px;
}

#sso-side-menu.sso-menu-active {
	transform: translateX(0%);
}

#logo-contain .wrap {
	display: flex;
	align-items: center;
}

@media (max-width: 768px) {
	#sso-side-menu {
		width: 44.8vw;
	}
}

@media (max-width: 480px) {
	#sso-side-menu {
		width: 82.6vw;
	}
}