/**
 * PrestaShop module created by VEKIA, a guy from official PrestaShop community ;-)
 *
 * @author    VEKIA https://www.prestashop.com/forums/user/132608-vekia/
 * @copyright 2010-2016 VEKIA
 * @license   This program is not free software and you can't resell and redistribute it
 *
 * CONTACT WITH DEVELOPER http://mypresta.eu
 * support@mypresta.eu
 */
 

/*VERTICAL MENU*/
#categories_block .vertical{
  position:relative;
  width:100%;
  z-index:2;
}

/* ALL UL */
#categories_block .vertical ul{
  list-style: none;
}
/* ALL LI */
#categories_block .vertical li{
  position:relative;
}
/* ALL A */
#categories_block .vertical a{
  display:block;
  color:#000;
  text-decoration:none;
  padding:10px 1.5rem;
  transition:0.2s;
  justify-content: space-between;
    display: flex;
}
/* ALL A HOVER */

/* INNER UL HIDE */
#categories_block .vertical ul ul{
  position:absolute;
  left:0%;
  top:0;
  width:100%;
  visibility:hidden;
  opacity:0;
  transition: transform 0.2s;
  transform: translateX(50px);
}
/* INNER UL SHOW */
#categories_block .vertical li:hover > ul{
  left:100%;
  visibility:visible;
  opacity:1;
  transform: translateX(0px);
  background-color: #FC5242;
}

#categories_block .vertical li:hover, #categories_block .vertical li:hover a:hover {
  background:#2f2f2f;
}

#categories_block .vertical li:hover li{

}

#categories_block .vertical li:hover ul{
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px; 
}