/**
 * @brief Styles relating to the implementation of the hamburger menu on Hymnary.
 */
#sidr
{
	transition: left 0.2s ease;
}
.hamburger-open #sidr
{
	left: 0;
}

#overlay
{
	position: absolute;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 999998;
	display: none;
}

.hamburger-open #overlay
{
	display: block;
}

/* On large screens (without a left sidebar), use the hamburger menu as a sidebar. */
@media only screen and (min-width: 930px)
{
	body:not(.sidebar-first):not(.sidebars) #sidr
	{
		position: absolute;
		top: auto;
		height: auto;
		/* Below the dev caution tape, above #hamburger-menu-toggle. */
		z-index: 9;
	}

	/* By default in the view, the menu is visible unless closed. */
	body:not(.sidebar-first):not(.sidebars):not(.hamburger-closed) #sidr
	{
		left: 0;
	}

	body:not(.sidebar-first):not(.sidebars) #overlay
	{
		display: none;
	}

	body:not(.sidebar-first):not(.sidebars) #before,
	body:not(.sidebar-first):not(.sidebars) #squeeze
	{
		transition: margin-left 0.2s ease;
	}
	body:not(.sidebar-first):not(.sidebars) #header-bar
	{
		transition: padding-left 0.2s ease;
	}

	body:not(.sidebar-first):not(.sidebars):not(.hamburger-closed) #before,
	body:not(.sidebar-first):not(.sidebars):not(.hamburger-closed) #squeeze
	{
		margin-left: 260px;
	}
	body:not(.sidebar-first):not(.sidebars):not(.hamburger-closed) #header-bar
	{
		padding-left: 260px;
	}

	body:not(.sidebar-first):not(.sidebars):not(.hamburger-closed) #hamburger-menu-toggle
	{
		transform: translateY( 70px ) scaleY( 3 ) translateX( 50px ) scaleX( 5 );
	}
}

/* Override default settings. */
#sidr ul li
{
	padding: 0;
	background: none;
}
#sidr div
{
	padding: 0;
}
#sidr ul
{
	margin: 0;
	padding: 0;
}
#sidr ul .tt-suggestion
{
	padding: 0em 0.5em 0em 0.5em;
}
#sidr p a:hover
{
	text-decoration: underline;
}
.sidr div.sidebar-spacer
{
	height: 0;
}
#sidr .ui-accordion-container
{
	font-family: inherit;
}


#sidr li>a img
{
	width: 20px;
	height: 20px;
	padding-right: 1em;
	vertical-align: middle;
}

.sidr img#flexscore-promotion
{
	display: none;
}

#hamburger-menu-toggle
{
	display: block;
	width: 30px;
	height: 30px;
	background: url( /sites/hymnary.org/themes/newhymn/icons/50x50/hamburger.png ) no-repeat;
	background-size: 30px 30px;
	position: absolute;
	left: 10px;
	bottom: 6px;
	z-index: 5;
	transition: transform .2s ease;
}

#close-menu-button:before
{
	/* Heavy Multiplication X symbol */
	content: '\2716';
	font-size: 2em;
	padding-right: .25em;
	vertical-align: middle;
}