/*
 * ------------------------------------------------------------------------
 * Corpora Premium Template for joomla 2.5
 * ------------------------------------------------------------------------
 * Copyright (C) 2012 Sasu Themes (dmsumon), Bangladesh. All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Author: Sasu Themes (dmsumon)
 * Websites: http://www.dmsumon.com
  * This file may not be redistributed in whole or significant part.
 * ------------------------------------------------------------------------
*/




/************************ menu-block ************************************/

div.menu-block ul.gf-menu{
    background: #e1e1e1;

    margin-bottom: 10px;
    
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.14);
    -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.14);	
}


div.menu-block .gf-menu.l1 > li > .item{
    line-height: 52px;
    padding: 0 25px;
    color: #777;
    text-transform: uppercase;
    font-family: "open_sansregular","Trebuchet MS",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 600;
    
    -webkit-text-shadow: 1px 1px 0 #F1F1F1;
    -moz-text-shadow: 1px 1px 0 #F1F1F1;
    -o-text-shadow: 1px 1px 0 #F1F1F1;
    text-shadow: 1px 1px 0 #F1F1F1;  	
}

div.menu-block .gf-menu.l1 > li.active .item{
	color: #fff;
	padding-top: 2px;
	
	-webkit-text-shadow: 0 1px 1px #131313;
	-moz-text-shadow: 0 1px 1px #131313;
	-o-text-shadow: 0 1px 1px #131313;
	-ms-text-shadow: 0 1px 1px #131313;
	text-shadow: 0 1px 1px #131313;
}

.gf-menu li.parent > .item:after{
	content: none;
}

div.menu-block .gf-menu li.parent:hover > a,
div.menu-block .gf-menu.l1 > li:hover > .item{
	-webkit-text-shadow: none;	
	-moz-text-shadow: none;	
	-o-text-shadow: none;	
	-ms-text-shadow: none;	
	text-shadow: none;	
}

.gf-menu li:hover, .gf-menu li.active:hover{
	padding-top: 0;
}

.gf-menu li:hover, .gf-menu li.active:hover{
	background: #666;
}




/***************** mobile menu ********************/


div.gf-menu-device-container .gf-menu.l1 > li > .item{
	color: #fff;
	line-height: 24px;
	
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	-o-text-shadow: none;
	text-shadow: none;
}

div.gf-menu-device-container .gf-menu li:hover, div.gf-menu-device-container .gf-menu li.active:hover{
	background: url("../images/menu/tree-node.png") no-repeat transparent;
}