/*
================================================================================
SIMPLE VERTICAL MENU
================================================================================
*/

/* Reset */
.pf-cssmenu-simple-vertical,
.pf-cssmenu-simple-vertical ul,
.pf-cssmenu-simple-vertical li {
  overflow: visible;
  margin: 0;
  padding: 0;
  list-style: none;
}


/* Global Styling
-------------------------------------------------------------------------------- */

/* UL */
.pf-cssmenu-simple-vertical {
  position: relative;
}

/* LI */
.pf-cssmenu-simple-vertical li {
  position: relative;
}

/* LI - hover */
.pf-cssmenu-simple-vertical li:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

/* Links */
.pf-cssmenu-simple-vertical a {
  display: flex;
  align-items: center;
  padding: 7px 15px;
  text-decoration: none;
}

/* dropdown icon */
.pf-cssmenu-simple-vertical li.sub > a::after {
  content: "\f105";
  font-family: "FontAwesome";
}

/* Level 1
-------------------------------------------------------------------------------- */

/* UL*/
.pf-cssmenu-simple-vertical {}

/* LI */
.pf-cssmenu-simple-vertical > li {}

/* LI - Active state */
.pf-cssmenu-simple-vertical > li.item-on {
  background-color: rgba(0, 0, 0, 0.05);
}

/* LI - Hover state */
.pf-cssmenu-simple-vertical > li:hover {}

/* Link */
.pf-cssmenu-simple-vertical > li > a {}

/* Link - Active state */
.pf-cssmenu-simple-vertical > li.item-on > a {}

/* Link - Hover state */
.pf-cssmenu-simple-vertical > li:hover > a,
.pf-cssmenu-simple-vertical > li.item-on:hover > a {}


/* LEVEL 2
-------------------------------------------------------------------------------- */
.pf-cssmenu-simple-vertical ul {
  display: none;
  background-color: #7f7f7f;
}

/* desktops */
@media (min-width: 768px) {
  .pf-cssmenu-simple-vertical ul {
    position: absolute;
    top: 0;
    left: 100%;
  }
}

/* show the sub menu on hover */
.pf-cssmenu-simple-vertical li:hover > ul {
  display: block;
}

/* LI */
.pf-cssmenu-simple-vertical ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* LI - active state */
.pf-cssmenu-simple-vertical ul li.item-on {
  background-color: rgba(0, 0, 0, 0.05);
}

/* LI - hover state  */
.pf-cssmenu-simple-vertical ul li:hover,
.pf-cssmenu-simple-vertical ul li.item-on:hover {}

/* dropdown icon */
.pf-cssmenu-simple-vertical ul li.sub > a::after {
  content: "\f105";
}

@media (max-width: 768px) {
  .pf-cssmenu-simple-vertical ul li.sub > a::after {
    /* angle-down */
    content: "\f107";
  }
}

/* Links */
.pf-cssmenu-simple-vertical ul li a {
  white-space: nowrap;
}



/* LEVEL 3+                                         (specific styling)
----------------------------------------------------------------------
*/

/* UL */
.pf-cssmenu-simple-vertical ul ul {
  top: 0;
  left: 100%;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

/* UL - mobile */
@media (max-width: 768px) {
  .pf-cssmenu-simple-vertical ul ul {
    background-color: #666;
    border: none;
  }
}

/* Link - mobile */
@media (max-width: 768px) {
  .pf-cssmenu-simple-vertical ul ul a {
    padding-left: 3em;
  }
}