body									{ -webkit-text-size-adjust: 100%; }
.main-menu-wrapper						{ z-index: 120; }
.main-menu-content,
.main-menu								{ position: unset; }
.menu-item.hover a.menu-item-link       { background: #FFFFFF; color: #000000; }
.hide-overflow							{ overflow: hidden; }
.menu-panel			{ position: absolute; display: flex; left: 0; top: 36px; width: 100%; min-height: 370px; background: #fff; box-shadow: 0 4px 3px 0 rgba(0, 0, 0, .2); z-index: 110; display: none; }

.menu-panel-mobile-backbutton	{
    position: sticky; top: 0; width: calc(100% - 40px); padding: 18px 20px;
    background: #fff; border-bottom: 1px solid #ccc; font-size: 14px;
    cursor: pointer; z-index: 30; display: none;
}

/* .menu-panel-contentwrapper               	{ display: flex; justify-content: space-between; width: calc(100% - 40px); max-width: 1230px; min-height: 340px; margin: 0 auto;  }
.menu-panel-column                       	{ flex: 0 0 245px; }
.menu-panel-column.double					{ flex: 0 0 490px; } */
.menu-panel-contentwrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 10px;
    padding: 20px 0;
    min-height: 340px;
}

.menu-panel-contentwrapper.col5 {
    grid-template-columns: repeat(5, 1fr);
}

    .menu-panel-column-title-wrapper          	{ margin: 0 0 10px; text-transform: uppercase; font-weight: 900; }
    .menu-panel-column-title                		{ display: inline-block; padding: 0 0 10px; border-bottom: 1px solid #e51937; color: #414142; letter-spacing: 0.5px; }
    .menu-panel-column-link               	{ display: block; margin: 0 0 7px; }

.menu-panel-image-wrapper               { position: relative; display: flex; }
.menu-panel-image-wrapper.single			{ max-width: 235px; max-height: 314px; }
.menu-panel-image                       { width: 95%; z-index: 20; }
.double .menu-panel-image				{ width: 100%; }
.double .menu-panel-image.wide			{ height: 165px; width: 100%; }
.double .menu-panel-image-wrapper.first		{ margin: 0 0 10px; }

.menu-panel-image-titlewrapper	{
    position: absolute; bottom: 0; width: calc(100% - 32px); padding: 10px; text-transform: uppercase;
    font-weight: 700; font-size: 14px; line-height: 19px; text-align: center; color: #fff; z-index: 30;
}
.menu-panel-image-titlegradient		{ position: absolute; bottom: 0; left: 0; height: 50%; width: 95%; background: linear-gradient(180deg, rgba(0,0,0, 0) 0%, rgba(0,0,0,0.9) 100%); z-index: 20; }
.double .menu-panel-image-titlewrapper,
.double.wide .menu-panel-image-titlewrapper			{ width: calc(100% - 20px); }
.double .menu-panel-image-titlegradient,
.double.wide .menu-panel-image-titlegradient		{ width: 100%; }
.menu-backdrop				{ display: none; top: 74px; }
.submenu-wrapper,
.menu-item a:hover			{ background: #fff; }
.menu-item .fa-home			{ color: #fff; }

.custom-menu-editbutton		{
	position: absolute; top: 14px; right: 14px; padding: 0 7px;
	color: #fff; background: #0084bc; font-size: 9px; line-height: 14px; text-transform: uppercase;
	box-shadow: 1px 2px 0px 0 rgba(0, 0, 0, .5); cursor: pointer; display: none;
}
.custom-menu-editbutton:hover		{ background: #159bd4; text-decoration: none; }
.xs-editmode.preview .custom-menu-editbutton		{ display: block; }

@media only screen and (min-width: 767px) {
	.menu-panel:hover						{ display: block !important; }
}

@media only screen and (max-width: 1023px) {
	/* .menu-panel-contentwrapper				{ _flex-wrap: wrap; width: calc(100% - 40px); padding: 20px; }	
		.menu-panel-column						{ flex: 0 0 25%; margin: 0 0 20px; }
		.menu-panel-column.double				{ flex: 0 0 50%; } */
			.menu-panel-column-content				{ padding: 0 20px 20px; }		
			.menu-panel-image-wrapper				{ justify-content: flex-start; __padding: 0 20px 20px; }
			.menu-panel-image-titlegradient			{ left: 0; }
}

@media only screen and (max-width: 992px) {
	.menu-backdrop					{ top: 48px; }
	.mobile-menu-close-button		{ display: none !important; }
	.menu-container		{
		position: absolute; width: 320px; height: calc(100vh - 87px); transition: transform .25s ease-out; transform: translateX(-360px);
		background: #dcdcdc;
		overflow: hidden; overflow-y: scroll; z-index: 50;
	}
	.menu-container.open					{ transform: translateX(0); box-shadow: 2px 7px 4px 4px rgba(0, 0, 0, .2); }
	.menu-panel-mobile-backbutton			{ display: block; }
	.main-menu-wrapper						{ display: block; position: absolute; top: 0; width: 100%; border: 0; }
		.menu-panel-contentwrapper          	{ padding: 40px 0 20px; }
	.mobile-menu-pointer					{ display: none; }
	.main-menu-content						{ width: 100%; transition: transform .25s ease-out; }
	.main-menu-content.slideleft			{ transform: translateX(-100vw); }
	.main-menu								{ padding: 5px 0; }
		.menu-item a							{ display: flex; align-items: center; height: 50px; border: 0; }
	.menu-item.libm							{ padding: 5px 10px; } 
	.menu-panel								{ top: 0; transition: transform .25s ease-out; transform: translate(100vw); box-shadow: none; }
	.menu-panel.open						{ left: 100vw; transform: translate(0); z-index: 30; }
	.menu-panel .menu-panel-contentwrapper	{ justify-content: flex-start; min-height: 100vh; }
	.menu-panel-image,
	.wide .menu-panel-image,
	.double.wide .menu-panel-image						{ max-width: 240px; height: unset; align-self: center; }
	.menu-panel-image-wrapper				{ __margin: 0 0 20px 20px; padding: 0; }
		.menu-panel-image-titlewrapper,
		.double .menu-panel-image-titlewrapper,
		.double.wide .menu-panel-image-titlewrapper			{ width: calc(100% - 40px); }
		.menu-panel-image-titlegradient,
		.double .menu-panel-image-titlegradient,
		.double.wide .menu-panel-image-titlegradient		{ width: calc(100% - 20px); right: unset; }
	.double .menu-panel-image								{ width: 240px; }
	.double.wide .menu-panel-image-wrapper:first-child		{ margin: 0 0 10px 20px; }
	.double .menu-panel-column-title-wrapper				{ __padding: 0 0 0 20px; }
	.menu-panel-contentwrapper				{ display: flex; flex-flow: column nowrap; }
	/* .menu-panel-column                       	{ flex: 0 0 245px; flex: 0 0 auto; }
	.menu-panel-column.double					{ flex: 0 0 490px; } */
	.menu-panel-column:last-child				{ margin-bottom: 120px; }

}