/**
 * 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_left {
  float: left;
  width: 20%;
  position:relative;
  padding-right:15px;
}
#left-column #categories_block_left {margin-bottom: 30px; padding-right:0;}
.header-nav-fullwidth #blockcategories {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 9;
	margin-top:30px;
}
#categories_block_left .side-title {
	color: #fff;
    background: #eb4815;
    padding: 8.5px 15px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
    cursor: pointer;
}
#categories_block_left .side-title .material-icons.d-inline {
    float: left;
    font-size: 24px; 
	margin-right:10px;
}
.layout-full-width #blockcategories {
    margin-top: 30px;
	padding-right:15px;
}
#index  #blockcategories{padding-right:0;}
/* ALL UL */
#categories_block_left .vertical ul{
  list-style: none;
  border-top: transparent !important;
  padding:9px 0;
  background:#fff;
  margin:0;
}

/* ALL LI */
#categories_block_left .vertical li{
  position: relative;
}
#categories_block_left .vertical ul li {
    background-color: #fff;
}
#categories_block_left .vertical ul li + :nth-child(2n) {
    background-color: #fff;
}
#categories_block_left .vertical li.vertical-sub-menu > a{
  background: url(img/category-arrow.png) no-repeat scroll 90% 17px;
}
#categories_block_left .vertical li.vertical-sub-menu:hover > a{
  background-position: 90% -23px;
}
/* ALL A */
#categories_block_left .vertical  ul  li  a{
   width: 100%;
   display: inline-block;
   margin: 0;
   font-size: 13px;
   padding: 9px 20px;
   text-transform: capitalize;
   
}
#categories_block_left .vertical  ul  li:last-child a{border:none;}
#categories_block_left .vertical  ul  li + :nth-child(2n) > a{
  
}
/*#left-column .vertical-menu .top-vertical-menu li + :nth-child(2n) a[data-depth="0"]*/
/* ALL A HOVER */

/* INNER UL HIDE */
#categories_block_left .vertical ul ul{
  position:absolute;
  left:0%;
  top:0;
  width:100%;
  visibility:hidden;
  opacity:0;
  transition: transform 0.2s;
  transform: translateX(50px);
  z-index: 9;
  -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;
}
/* INNER UL SHOW */
#categories_block_left .vertical li:hover > ul{
  left:100%;
  visibility:visible;
  opacity:1;
  transform: translateX(0px); 
}


@media(max-width: 1750px) {
	#categories_block_left .vertical ul li a{padding:6px 15px;}
	#categories_block_left .vertical li.vertical-sub-menu > a{background-position: 90% 14px;}
	#categories_block_left .vertical li.vertical-sub-menu:hover > a{background-position: 90% -26px;}
}

@media(max-width: 1450px) {
	#categories_block_left .vertical ul li a{
		padding:5px 10px;
	}
}

@media(max-width: 1199px) {

	#categories_block_left .vertical ul li a{ padding:0 10px;}
	#categories_block_left .vertical li.vertical-sub-menu > a{background-position: 90% 11px;}
	#categories_block_left .vertical li.vertical-sub-menu:hover > a{background-position: 90% -29px;}

}
@media (max-width:991px) {
	#categories_block_left .side-title{font-size:14px; padding:8.5px 5px;}
	#categories_block_left .side-title .material-icons.d-inline{font-size:18px; margin-right:5px; line-height:24px;}
}
@media (max-width:767px) {
  #categories_block_left{display: none;}
}
.layout-left-column #left-column #categories_block_left .side-title{display: none;}
.layout-left-column .header-nav-fullwidth #blockcategories{display: none !important;}
.layout-left-column #left-column #blockcategories{ display: block;}
.layout-left-column #left-column #categories_block_left{width: 100%;}

#index .header-nav-fullwidth #blockcategories{display:none !important;}
.topcolumn #categories_block_left{margin-top:-65px;}