/* General Styling */
.sticky-flyout {
	background-color:rgba(0,0,0,.8);
}

.sticky-flyout-menu.genesis-nav-menu {
	clear: none;
	float: right;
}

.sticky-flyout-menu.genesis-nav-menu > ul > li > a {
	font-size:14px;
	text-transform: uppercase;
	color:#fff;
}

.sticky-flyout-menu.genesis-nav-menu a {
	font-size:14px;
	text-transform: uppercase;
}

.sticky-flyout-menu.genesis-nav-menu a:hover,
.sticky-flyout-menu.genesis-nav-menu a.active,
.sticky-flyout-menu.genesis-nav-menu .current-menu-item > a {
	background-color: rgba(0,0,0,.15);
}

.sticky-flyout .logo {
	float:left;
	width:20%;
	padding:18px 10px 18px 20px;
	height: 100%;
	position: absolute;
}

.sticky-flyout .logo a {
	background: url(../../../../../images/logo_flyout.png) no-repeat center left;
	background-size: contain;
	display: block;
	width: 100%;
	height: 100%;
}

.site-container {
	position: relative;
}

.sticky-flyout {
	opacity: 0;
	//height: 43px;
	z-index: 101;
	position: fixed;
	top: 0px;
	left: 0;
	right: 0;
	-webkit-transform: scaleY(.01);
	-o-transform: scaleY(.01);
	-moz-transform: scaleY(.01);
	-ms-transform: scaleY(.01);
	transform: scaleY(.01);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-o-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
}

@media only screen and (min-width: 961px) {
	.sticky-flyout.scrolled {
		top: 0;
		opacity: 1;
	}
	
	body.admin-bar .sticky-flyout.scrolled {
		margin-top: 32px;
		transform: scaleY(1);
	}
}

@media only screen and (max-width: 960px) {
	.sticky-flyout .wrap {
		max-width:100%;
	}

	.sticky-flyout {
		display:none;
	}

	.site-header {
		position:fixed;
	}
}