/**
 * CODNITIVE
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-3.0.php
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade to newer
 * versions in the future.
 *
 * @category   Codnitive
 * @package    Codnitive_Sidenav
 * @author     Hassan Barza <support@codnitive.com>
 * @copyright  Copyright (c) 2011 CODNITIVE Co. (http://www.codnitive.com)
 * @license    http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 */

/* Sidebar Navigation ==================================================================== */
.block-categories-nav {border:1px solid #ededed;margin-bottom:20px;background-color:white;}
.block-categories-nav h2 {cursor:pointer;color:black;font-size:16px;text-transform:uppercase;font-weight:bold;line-height:32px;height:32px;text-indent:40px;background-color:#ededed;position:relative;}
.block-categories-nav h2::before {content:'';display:block;width:7px;height:12px;position:absolute;left:20px;top:11px;background-position:-187px -10px;transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.block-categories-nav h2.closed::before {transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.cat-navigation {padding:0px 12px;}
.cat-navigation li {padding:5px 0px 3px 0px;border-top:1px dashed #ebebeb;position:relative;}
.cat-navigation li:first-child {border-top:0px;}
.cat-navigation li > a {display:inline-block;color:#433f3f;margin-bottom:3px;}
.cat-navigation li.active > a {font-weight:bold;}
.cat-navigation li a:hover {color:#00abe7;}

/* Collapsible Design ==================================================================== */
#sidebar-nav-menu .arrow-left,
#sidebar-nav-menu .arrow-right, 
#sidebar-nav-menu .plus-left,
#sidebar-nav-menu .plus-right {
    float: left;
    background: url('../../images/codnitive/sidenav/arrows.gif') left center no-repeat;
    display: block;
    margin-top: 2px;
    margin: 1px 3px 0;
    cursor:pointer;
} 
#sidebar-nav-menu .plus-left,
#sidebar-nav-menu .plus-right
{
    background-image: url('../../images/codnitive/sidenav/plus.gif');
}
#sidebar-nav-menu .arrow-right, 
#sidebar-nav-menu .plus-right {
    float:right;
    display:inline !important;
}
#sidebar-nav-menu li ul[expanded="0"] {
    display: none;
}
#sidebar-nav li.active > ul {
    display: block;
}
#sidebar-nav li.active > .arrow-left,
#sidebar-nav li.active > .arrow-right, 
#sidebar-nav li.active > .plus-left,
#sidebar-nav li.active > .plus-right {
    display: block;
    background-position: right center;
}
#sidebar-nav-menu > li.collapsible {
    list-style: none !important;
}
#sidebar-nav .collapse-name {
    cursor:pointer;
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .block-categories-nav h2 {font-size:14px;text-indent:28px;}
	.block-categories-nav h2::before {left:12px;}
}