/*Frontend styles */
#sfmenu-wrap {
  position:absolute;
  top:0;
  display:none;
  z-index: 16777271;
}

#sfmenu-wrap.right { right:0; }
#sfmenu-wrap.left { left:0; }

#sfmenu-wrap.static {
  position: relative !important;
  left:0;
  right:0;
  top:0;
}

#sfmenu-wrap.right.static { text-align: right; }
#sfmenu-wrap.right.static nav.mobile-menu { width:100%; left:0; }
#sfmenu-wrap.right.static nav.mobile-menu li a#submenu-active { left:0; right:auto; }
#sfmenu-wrap.static nav.mobile-menu {
  position: relative;
  top:0;
  width:100%;
  box-shadow:none;
}
#sfmenu-wrap.static #sfmenu { display:block; }

#sfmenu-wrap.fullscreen {
  top:0;
}
#sfmenu-wrap.left.fullscreen { left:0; }
#sfmenu-wrap.right.fullscreen { text-align: right; right:0; }
#sfmenu-wrap.right.fullscreen nav.mobile-menu { width:100%; left:0; }
#sfmenu-wrap.fullscreen nav.mobile-menu {
  position: fixed;
  top:0;
  width:100%;
  height:100%;
  box-shadow:none;
  text-align: center;
  z-index:888;
}
#sfmenu-wrap.fullscreen #sfmenu img,
#sfmenu-wrap.fullscreen #sfmenu svg {
  position: relative;
  z-index:9999;
}

#sfmenu { position:relative; cursor:pointer; width:100%; display:inline-flex; }
#sfmenu img,
#sfmenu svg {
  width:35px;
  height:35px;
  padding:.5em;
  vertical-align: middle;
}

#sfmenu svg .cls-1 { fill:#fff; }

nav.mobile-menu {
  display:none;
  position: absolute;
  top:55px;
	background:white;
  border:5px solid #C71B74;
  box-sizing: border-box;
  min-width:250px;
  font-family:"Mercedes", serif;
	box-shadow:2px 7px 8px #999;
	z-index: 999;
}

#sfmenu-wrap.right nav.mobile-menu { left:-200px; }

nav.mobile-menu li { position: relative; }

nav.mobile-menu li a {
  font-weight:100;
	padding:.5em 1.5em;
	font-size:18px;
	display:block;
}

nav.mobile-menu a#submenu-active {
  position:absolute;
  right:0;
  top:0;
  padding-left:20px;
  padding-right:20px;
}
nav.mobile-menu ul.sub-menu {  }
nav.mobile-menu ul.sub-menu li a { padding-left:2.5em; font-size:16px; }
nav.mobile-menu ul.sub-menu li a::before { content:"- "; }