@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap");
body.enfoca-mmenu {
  overflow-x: hidden; }
  body.enfoca-mmenu.enfoca-mmenu-active {
    overflow-y: hidden; }
    body.enfoca-mmenu.enfoca-mmenu-active .mmenu-overlayer {
      opacity: .8;
      pointer-events: initial; }
      body.enfoca-mmenu.enfoca-mmenu-active .mmenu-overlayer.left svg {
        left: 337px; }
      body.enfoca-mmenu.enfoca-mmenu-active .mmenu-overlayer.right svg {
        right: 337px; }
      body.enfoca-mmenu.enfoca-mmenu-active .mmenu-overlayer svg {
        opacity: .7;
        transition: all .6s ease-in-out; }
    body.enfoca-mmenu.enfoca-mmenu-active #enfoca-mmenu.right {
      margin-right: 0%; }
    body.enfoca-mmenu.enfoca-mmenu-active #enfoca-mmenu.left {
      margin-left: 0%; }

.mmenu-overlayer {
  pointer-events: none;
  background: black;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  opacity: 0;
  transition: all 0.4s ease-in-out; }
  .mmenu-overlayer svg {
    opacity: 0;
    position: absolute;
    right: 0;
    top: 8px;
    width: 26px;
    height: 26px;
    fill: var(--enfoca--mmenu--font-color);
    transition: all 0.4s ease-in-out;
    cursor: pointer; }

#enfoca-mmenu {
  background: var(--enfoca--mmenu--main-color);
  position: fixed;
  z-index: 999999;
  top: 0;
  width: 100%;
  max-width: 330px;
  height: 100%;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  box-sizing: border-box; }
  #enfoca-mmenu.right {
    margin-right: -100%;
    right: 0; }
  #enfoca-mmenu.left {
    margin-left: -100%;
    left: 0; }
  #enfoca-mmenu .mmenu-header {
    padding: 0 15px; }
    #enfoca-mmenu .mmenu-header .logo {
      max-width: var(--enfoca--mmenu--logo-width);
      margin: 30px auto 15px auto;
      margin-bottom: 15px; }
      #enfoca-mmenu .mmenu-header .logo img {
        width: 100%; }
    #enfoca-mmenu .mmenu-header #searchform {
      position: relative; }
      #enfoca-mmenu .mmenu-header #searchform svg {
        position: absolute;
        width: 20px;
        height: 20px;
        right: 15px;
        top: 10px;
        fill: var(--enfoca--mmenu--font-color);
        cursor: pointer;
        transition: all .3s ease; }
      #enfoca-mmenu .mmenu-header #searchform input[type="text"] {
        border: 0;
        background: #ffffff14;
        border-radius: 5px;
        width: 100%;
        height: 40px;
        color: var(--enfoca--mmenu--font-color);
        padding: 0 15px;
        box-sizing: border-box;
        font-size: var(--enfoca--mmenu--font-size); }
        #enfoca-mmenu .mmenu-header #searchform input[type="text"]:focus {
          outline: none; }
        #enfoca-mmenu .mmenu-header #searchform input[type="text"]::placeholder {
          color: var(--enfoca--mmenu--font-color);
          opacity: .6; }
      #enfoca-mmenu .mmenu-header #searchform input[type="submit"] {
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        border-radius: 0;
        opacity: 0; }
  #enfoca-mmenu .mmenu-wrapper {
    position: relative; }
    #enfoca-mmenu .mmenu-wrapper .current-element {
      justify-content: center !important;
      text-transform: uppercase;
      border-top: 0 !important;
      padding-right: 15px;
      color: var(--enfoca--mmenu--font-color);
      font-size: var(--enfoca--mmenu--font-size); }
      #enfoca-mmenu .mmenu-wrapper .current-element .arrow {
        position: absolute;
        left: 0;
        width: 50px;
        height: 50px;
        justify-content: center;
        align-items: center;
        display: none;
        cursor: pointer; }
        #enfoca-mmenu .mmenu-wrapper .current-element .arrow svg {
          transition: all .3s ease; }
        #enfoca-mmenu .mmenu-wrapper .current-element .arrow svg {
          fill: var(--enfoca--mmenu--font-color);
          width: 30px;
          height: 30px;
          transform: rotate(90deg); }
      #enfoca-mmenu .mmenu-wrapper .current-element.active .arrow {
        display: flex; }
    #enfoca-mmenu .mmenu-wrapper ul {
      margin: 0;
      padding: 0; }
      #enfoca-mmenu .mmenu-wrapper ul li {
        transition: all 0.4s ease-in-out; }
        #enfoca-mmenu .mmenu-wrapper ul li:last-child {
          border-bottom: 1px solid #ffffff0d; }
        #enfoca-mmenu .mmenu-wrapper ul li a {
          color: var(--enfoca--mmenu--font-color);
          text-transform: uppercase;
          text-decoration: none;
          font-size: var(--enfoca--mmenu--font-size);
          transition: all .3s ease; }
        #enfoca-mmenu .mmenu-wrapper ul li .sub-menu {
          display: block;
          position: absolute;
          background: var(--enfoca--mmenu--main-color);
          margin: 0;
          top: var(--enfoca--mmenu--item-height);
          bottom: auto;
          width: 100%;
          height: 100%;
          right: -100%;
          z-index: 1;
          transition: all 0.4s ease-in-out;
          box-sizing: border-box; }
          #enfoca-mmenu .mmenu-wrapper ul li .sub-menu.active {
            overflow-y: hidden;
            overflow-x: hidden;
            right: 0; }
          #enfoca-mmenu .mmenu-wrapper ul li .sub-menu .sub-menu {
            top: 0; }
          #enfoca-mmenu .mmenu-wrapper ul li .sub-menu::-webkit-scrollbar {
            display: none; }
        #enfoca-mmenu .mmenu-wrapper ul li.menu-item-has-children .arrow svg {
          fill: var(--enfoca--mmenu--font-color);
          width: 30px;
          height: 30px;
          transform: rotate(-90deg); }
        #enfoca-mmenu .mmenu-wrapper ul li.hidden {
          display: none; }
        #enfoca-mmenu .mmenu-wrapper ul li.displayed {
          margin-left: -330px; }
        #enfoca-mmenu .mmenu-wrapper ul li.user-item {
          display: flex;
          width: 100%;
          box-sizing: border-box;
          justify-content: flex-start;
          background: #ffffff14;
          border: 0;
          border-left: 5px solid var(--enfoca--mmenu--font-color);
          padding-left: 10px; }
          #enfoca-mmenu .mmenu-wrapper ul li.user-item a {
            display: flex;
            gap: 10px;
            text-transform: initial; }
          #enfoca-mmenu .mmenu-wrapper ul li.user-item svg {
            fill: var(--enfoca--mmenu--font-color);
            width: 20px;
            height: 20px; }
  #enfoca-mmenu .mmenu-footer {
    margin-top: 30px; }
    #enfoca-mmenu .mmenu-footer .additional-wrapper {
      /*.user{
      	padding: 0 15px;
      	ul{
      		list-style: none;
      		padding: 0;
      		li{
      			display: flex;
      			align-items: center;
      			gap: 12px;
      			svg{
      				fill: $textColor;
      				width: 26px;
      				height: 26px;
      			}
      			a,span{
      				color: $textColor;
      				text-decoration: none;
      			}
      		}
      	}
      }*/ }
    #enfoca-mmenu .mmenu-footer .social-wrapper {
      display: flex;
      gap: 26px;
      justify-content: center;
      margin-top: 30px; }
      #enfoca-mmenu .mmenu-footer .social-wrapper svg {
        fill: var(--enfoca--mmenu--font-color);
        width: 20px;
        height: 20px;
        transition: all .3s ease; }

.nondisplayed {
  display: none; }

.menu-item-style, #enfoca-mmenu .mmenu-wrapper .current-element, #enfoca-mmenu .mmenu-wrapper ul li {
  display: flex;
  justify-content: space-between;
  margin: 0;
  height: var(--enfoca--mmenu--item-height);
  align-items: center;
  border-top: 1px solid #ffffff0d;
  padding-left: 15px; }

.mmenu-arrow, #enfoca-mmenu .mmenu-wrapper ul li.menu-item-has-children .arrow {
  width: var(--enfoca--mmenu--item-height);
  height: var(--enfoca--mmenu--item-height);
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #ffffff0d;
  cursor: pointer; }
  .mmenu-arrow svg, #enfoca-mmenu .mmenu-wrapper ul li.menu-item-has-children .arrow svg {
    transition: all .3s ease; }

/*# sourceMappingURL=enfoca-mmenu-public.css.map */