.slide-menu {
    position: fixed;
    width: 38em;
    max-width: 100%;
    height: 100vh;
    top: 0;
    right: 0;
    display: none;
    overflow-x: hidden;
    box-sizing: border-box;
    background: rgba(255,255,255,1);
    transition: -webkit-transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    will-change: transform;
    z-index: 1000;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.slide-menu .slider {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    transition: -webkit-transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    will-change: transform;
}

.slide-menu-control.close-button {
    margin-top: 8.1em;
}
.slide-menu-control.open-button,
.slide-menu-control.close-button {
    transition: 0.5s ease-in-out;
}
.slide-menu-control.open-button:hover,
.slide-menu-control.open-button:active,
.slide-menu-control.open-button:focus,
.slide-menu-control.close-button:hover,
.slide-menu-control.close-button:active,
.slide-menu-control.close-button:focus {
    transform: scale(.96);
}
.slide-menu .close-menu {
    width: 2.4em;
    margin-left: 6em;
}

.slide-menu ul#menu {
    padding-left: 0;
    list-style: none;
    position: relative;
    width: 38em;
    max-width: 100%;
    margin-top: 6.2em;
    margin-left: 6em;
}
.slide-menu ul#menu ul {
    position: absolute;
    top: 0;
    left: 100%;
    display: none;
}
.slide-menu ul#menu li {
    margin-bottom: 2.1em;
}
.slide-menu ul#menu a {
    display: inline-block;
    position: relative;
    font-family: 'rubikbold';
    /*font-size: 1.8em;*/
    font-size: 1.9em;
    line-height: 1.2em;
    letter-spacing: 0.01em;
    padding-bottom: 0.3em;
}
.slide-menu ul#menu a:after {
    content: "";
	background-color: rgb(0,0,0);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
    height: 4px;
    transition: 0.4s ease-in-out;
}
.slide-menu ul#menu .slide-menu-control:after {
    background-color: rgb(255,255,255);
}
.slide-menu ul#menu a:hover:after,
.slide-menu ul#menu a:active:after,
.slide-menu ul#menu a:focus:after {
    width: 100%;
}
.slide-menu ul#menu li.current-page-ancestor > a,
.slide-menu ul#menu li.current-menu-item > a {
    text-transform: uppercase;
}

.slide-menu ul#menu li.menu-item-has-children {
    background-image: url("../images/slick-arrow.svg");
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: 70% 0.6em;
}

.slide-menu ul#menu .slide-menu-control {
    position: relative;
    padding-left: 1.4em;
    text-transform: uppercase;
    background-image: url("../images/arrow-back.svg");
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: left 0.3em;
}
/* news */
.slide-menu #news-slide-menu {
    margin-left: 6em;
    margin-top: 16em;
    margin-bottom: 6em;
}
.mec-event-list-minimal .mec-event-article {
    border-bottom: none !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

.slide-menu.no-transition, .slide-menu.no-transition * {
    transition: none !important;
}