/*
---------------------------------------------------------------
  Note that styles you apply to the main menu items are inherited by the sub menus items too.
  If you'd like to avoid this, you could use child selectors (not supported by IE6) - for example:
  #site-navigation .sm-bar > LI > A	{ ...} instead of #site-navigation .sm-bar A { ...}
---------------------------------------------------------------*/





/******************************************************************************************************************/
/******************************************************************************************************************/
/* ------------------------------------------------  Side Nav  --------------------------------------------*/ /*########  <<<<<<<<<<<<<<<<*/

/* ---------------------------------------------------------------------------------------------------------*/ /*########  <<<<<<<<<<<<<<<<*/
/* ---------------------------------------------------------------------------------------------------------*/ /*########  <<<<<<<<<<<<<<<<*/
/************************ First Level - Main Menu ************************/
#sideMenu UL.sm-bar	{
	background:transparent;
	margin-bottom:20px;
	border:#ccc 1px solid;
	margin-left:10px;
}

/*  Menu items - LI
===================*/ 
#sideMenu .sm-bar > LI	{
	border-bottom:#b3aba4 1px solid;
}
/*#sideMenu .sm-bar > LI.current-menu-item.menu-item-has-children,
#sideMenu .sm-bar > LI.current-menu-ancestor,
#sideMenu .sm-bar > LI.current-menu-parent {
	display:block !important;
}*/
#sideMenu .sm-bar > LI:last-child	{
	border-bottom-style:none; 
}


/* Menu items - A
===================*/
#sideMenu .sm-bar > LI > A	{
	padding:5px 10px 6px 0px;
	color:#333;
	font-size:15px;
	line-height:17px;
	font-weight:normal;
	text-decoration:none;
	background:#fff; 
	/*text-shadow:0 1px 0 rgba(0,0,0,0.3);*/
}
#sideMenu .sm-bar A.has-submenu			{padding-right:38px;} /* make room for the toggle button (sub indicator) */
#sideMenu .sm-bar.sm-rtl A.has-submenu	{padding-left:38px; padding-right:10px;} /* <-- RTL */

/* hover items */
#sideMenu .sm-bar > LI > A:hover, #sideMenu .sm-bar > LI > A:focus, #sideMenu .sm-bar > LI > A:active, #sideMenu .sm-bar > LI > A.highlighted	{
	background: #fff;
	color: #84B333;
	text-decoration: none;
}
/* current items */
#sideMenu .sm-bar > LI > A.current, #sideMenu .sm-bar > LI > A.current:hover, #sideMenu .sm-bar > LI > A.current:focus, #sideMenu .sm-bar > LI > A.current:active {
	background: #fff;
	color: #84B333;
}
#sideMenu .sm-bar A.disabled {
	color: #cccccc;
}

/* menu indicators (arrows) if another level, appears only for item that has sub menu
===================*/
#sideMenu .sm-bar > LI > A SPAN.sub-arrow	{
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	width: 28px;
	height: 28px;
	overflow: hidden;
	font: normal 24px/28px sans-serif !important;
	text-align: center;
	text-shadow: none;
	/*background: rgba(0,0,0,0.1);*/
	color: #84B333;
}
#sideMenu .sm-bar.sm-rtl > LI > A SPAN.sub-arrow	{right:auto; left:0;} /* <-- RTL */
#sideMenu .sm-bar A.highlighted SPAN.sub-arrow:before {
	display: block;
	content: '-';
}


/************************ Second Level - Sub Menu ************************/
#sideMenu .sm-bar UL {
	padding:0;
	background: rgba(227, 227, 227, 0.54);
}
/*#sideMenu .sm-bar > LI.current-menu-item > UL,
#sideMenu .sm-bar LI.current-menu-ancestor > UL,
#sideMenu .sm-bar > LI.current-menu-parent > UL {
	display:block !important;
}*/

/* Sub Menu items - LI
===================*/
#sideMenu .sm-bar UL LI		{border-top: #f1f1f1 1px solid;}

/* Sub Menu  items - A
===================*/
#sideMenu .sm-bar UL A {
	padding:6px 10px 6px 10px !important; /*  !important because other style comes from accordion widget in html */
	color:#333;
	font-size:14px;
	line-height:16px;
	font-weight:normal;
	text-decoration:none;
	/* background-color:transparent; */
	/*text-shadow:0 1px 0 rgba(0,0,0,0.3);*/
}
#sideMenu .sm-bar UL A.has-submenu			{padding-right:58px;} /* make room for the toggle button (sub indicator) */
#sideMenu .sm-bar.sm-rtl UL A.has-submenu		{padding-left:20px !important; /*  !important because other style comes from accordion widget in html */ padding-right:10px;} /* <-- RTL */

/* hover items */
#sideMenu .sm-bar UL A:hover, #sideMenu .sm-bar UL A:focus, #sideMenu .sm-bar UL A:active	{
	background:rgba(0,0,0,0.1); 
	color:#4e4420;
}
/* current items - add the class manually to some item or check the "markCurrentItem" script option */
#sideMenu .sm-bar UL A.current, #sideMenu .sm-bar UL A.current:hover, #sideMenu .sm-bar UL A.current:focus, #sideMenu .sm-bar UL A.current:active {
	background:rgba(0,0,0,0.1); 
	color:#4e4420;
	/*text-shadow:0 1px 0 rgba(0,0,0,0.3);*/
}

/* sub menu indicators (arrows) if another level, appears only for item that has sub menu
===================*/
#sideMenu .sm-bar UL A SPAN.sub-arrow	{
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	width: 28px;
	height: 28px;
	overflow: hidden;
	font: normal 24px/28px sans-serif !important;
	text-align: center;
	text-shadow: none;
	/*background: rgba(0,0,0,0.1);*/
	color:#84B333;
}
#sideMenu .sm-bar.sm-rtl UL A SPAN.sub-arrow	{right:auto; left:0;} /* <-- RTL */


/************************ Third Level and more.. - Sub Sub.. Menu ************************/
/* background third and more levels
===================*/
#sideMenu .sm-bar UL UL	{
	background: rgb(224, 223, 223);
	padding:0 !important;
}
/*#sideMenu .sm-bar UL UL LI	{border-top:#657077 1px solid !important;}*/

/** spacing the levels */
#sideMenu .sm-bar UL A {border-left: 8px solid transparent;}
#sideMenu .sm-bar UL UL A {border-left: 16px solid transparent;}
#sideMenu .sm-bar UL UL UL A {border-left: 24px solid transparent;}
#sideMenu .sm-bar UL UL UL UL A {border-left: 32px solid transparent;}
#sideMenu .sm-bar UL UL UL UL UL A {border-left: 40px solid transparent;}
#sideMenu .sm-bar.sm-rtl UL A {border-right: 8px solid transparent;border-left:0;} /* <-- RTL */
#sideMenu .sm-bar.sm-rtl UL UL A {border-right: 16px solid transparent;border-left:0;} /* <-- RTL */
#sideMenu .sm-bar.sm-rtl UL UL UL A {border-right: 24px solid transparent; border-left:0;} /* <-- RTL */
#sideMenu .sm-bar.sm-rtl UL UL UL UL A {border-right: 32px solid transparent; border-left:0;} /* <-- RTL */
#sideMenu .sm-bar.sm-rtl UL UL UL UL UL A {border-right: 40px solid transparent; border-left:0;} /* <-- RTL */





/*-------------------------------------------------------------------------------------------*/
/*----------------------------------  SmartMenus Core CSS  ----------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/

.sm{position:relative;}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:not-allowed;}
.sm:after{content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden;}
.sm,.sm *,.sm *:before,.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}