/*#TemplateName[ירוק-1]END.נא לא לשנות שורה זו,אבל ניתן לשנות את שם התבנית שבסוגריים
*Copyright:Copyright (C) 2018 srv.co.il*/
@import url('../../basetemplatertl/horizontal-menu.css');
@import url('colors.css');
#TopMenuLine,
#TopMenu,
#navigation,
#main-nav>li {
	background: #565656;
	background: -moz-linear-gradient(#565656 0%, #282828 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656), color-stop(100%, #282828));
	background: -webkit-linear-gradient(#565656 0%, #282828 100%);
	background: -o-linear-gradient(#565656 0%, #282828 100%);
	background: -ms-linear-gradient(#565656 0%, #282828 100%);
	background: linear-gradient(#565656 0%, #282828 100%);
}

#main-nav>li>.subMenuOpen>i,
#main-nav>li>.menu-links {
	color: #a9c325;
	text-shadow: 0 1px 1px #000;
}

#main-nav>li:focus>.subMenuOpen>i,
#main-nav>li:hover>.menu-links {
	text-shadow: 0 1px 1px #999;	
}

#main-nav>li>.subMenuOpen>i:hover {
	background: rgba(0,0,0,.2);
}

#MainBanner,
#SearchForm,
#main-nav .bordered-bottom,
#main-nav .full-width,
#main-nav .MenuCatDesc,
#main-nav .MenuCatImg {
	border-color: #e7e7e7;
}

#main-nav>li:focus>.subMenuOpen>i,
#main-nav>li:hover>.subMenuOpen>i,
#main-nav>li:focus>.menu-links,
#main-nav>li:hover>.menu-links,
#main-nav .menu-links:focus,
#main-nav .menu-links:hover,
#main-nav>li>.menu-links:focus,
#SearchForm #SubSearch:focus,
#SearchForm #SubSearch:hover,
#main-nav .full-width ul.l-three-cols li>.menu-links:focus,
#main-nav .full-width ul.l-three-cols li>.menu-links:hover{
	color: #fff;
}

#SearchForm #SubSearch,
#main-nav .full-width ul.l-three-cols li>.menu-links:focus,
#main-nav .full-width ul.l-three-cols li>.menu-links:hover,
#navigation .trigger-click>li:focus,
#navigation .trigger-click>li:hover {
	background: #a9c325;
}

#navigation .trigger-click>li.is-click-active{
	-webkit-box-shadow: 0 -1px 0 0 rgba(231,231,231,1);
	-moz-box-shadow: 0 -1px 0 0 rgba(231,231,231,1);
	box-shadow: 0 -1px 0 0 rgba(231,231,231,1);
}

#SearchForm #strSearch {
	color: #777;
}

#TopContLine,
#main-nav>li>.menu-links:focus,
#main-nav .full-width,
#navigation .trigger-hover>li:focus,
#navigation .trigger-hover>li:hover,
#main-nav .full-width ul.l-three-cols li.l-va-top:focus,
#main-nav .full-width ul.l-three-cols li.l-va-top:hover,
#navigation .trigger-click>li.is-click-active,
#PageContentTopMenu {
	background: #fff;
}

#main-nav .bordered-bottom:focus,
#main-nav .bordered-bottom:hover,
#main-nav .menu-links:focus .bordered-bottom,
#main-nav .menu-links:hover .bordered-bottom,
#main-nav li.l-va-top:focus .bordered-bottom,
#main-nav li.l-va-top:focus-within .bordered-bottom,
#main-nav li.l-va-top:hover .bordered-bottom,
#SearchForm #strSearch,
#SearchForm #SubSearch {
	border-color: #a9c325;
}

#main-nav>li>.menu-links:focus,
#navigation .trigger-hover>li:focus>.menu-links,
#navigation .trigger-hover>li:hover>.menu-links,
#navigation .trigger-click>li.is-click-active>.subMenuOpen>i,
#navigation .trigger-click>li.is-click-active>.menu-links {
	color: #000;
}

#SearchForm #SubSearch:focus,
#SearchForm #SubSearch:hover,
#main-nav>li:first-child,
#main-nav>li {
	border-color: #000;
}

#SearchForm #SubSearch:focus,
#SearchForm #SubSearch:hover {
	background: #000;
}

#main-nav li.l-va-top:focus-within,
#main-nav li.l-va-top:focus-within .menu-links,
#main-nav li.l-va-top:focus-within .menu-links::before,
#main-nav .full-width ul li:focus  .menu-links::before,
#main-nav .full-width ul li:hover  .menu-links::before,
#main-nav li.l-va-top:hover .menu-links,
#main-nav li.l-va-top:focus::before,
#main-nav li.l-va-top:hover::before,
#main-nav .menu-links {
	color: #585858;
}

#main-nav .menu-links:focus,
#main-nav .menu-links:hover,
#main-nav>li>.menu-links:focus,
#main-nav>li>.menu-links:hover,
#navigation .trigger-click>li.is-click-active>.menu-links  {
	text-shadow: 0 0 1px #666;
}

#main-nav .full-width,
#main-nav .full-width-nb {
	-webkit-box-shadow: 0 3px 5px -3px #333;
	-moz-box-shadow: 0 3px 5px -3px #333;
	box-shadow: 0 3px 5px -3px #333;
}

@media only screen and (max-width:1199px) {
	#NavDivider {
		background: #565656;
		background: -moz-linear-gradient(#565656 0%, #282828 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656), color-stop(100%, #282828));
		background: -webkit-linear-gradient(#565656 0%, #282828 100%);
		background: -o-linear-gradient(#565656 0%, #282828 100%);
		background: -ms-linear-gradient(#565656 0%, #282828 100%);
		background: linear-gradient(#565656 0%, #282828 100%);
	}
	#navigation .trigger-hover>li:focus>.menu-links,
	#navigation .trigger-hover>li:hover>.menu-links,
	#navigation .trigger-click>li.is-click-active>.menu-links {
		color: #fff !important;
			text-shadow: 0 1px 1px #000;
		border-color: #d4d4d4;
		background: #a9c325;
		background: -moz-linear-gradient(#a9c325 0%, #6f8718 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a9c325), color-stop(100%, #6f8718));
		background: -webkit-linear-gradient(#a9c325 0%, #6f8718 100%);
		background: -o-linear-gradient(#a9c325 0%, #6f8718 100%);
		background: -ms-linear-gradient(#a9c325 0%, #6f8718 100%);
		background: linear-gradient(#a9c325 0%, #6f8718 100%);
	}
	#main-nav>li:first-child,	
	#main-nav>li {
		border-color: #282828;
	}
	#main-nav>li>.menu-links:focus,
	#main-nav>li .menu-links {
		color: #000;
	}
	#main-nav>li>.menu-links {
		color:#a9c325;
	}
	#main-nav>li>.menu-links:hover,
	#main-nav>li>.menu-links:focus {
		background: #a9c325;
	}
	#main-nav>li:focus>.menu-links,
	#main-nav>li:hover>.menu-links {
		color: #fff;
	}
	#navigation .trigger-click>li.is-click-active{
		-webkit-box-shadow: 0 0 0 0 transparent;
		-moz-box-shadow:  0 0 0 0 transparent;
		box-shadow:  0 0 0 0 transparent;
	}
	#navigation .trigger-click>li.is-click-active>.subMenuOpen>i{
		color: #fff !important;
	}	
	#main-nav .MenuCatDesc {
		border-color: #e7e7e7;
	}
}

@media only screen and (max-width:1023px) {
	#TopMenu #SCart {
		color: #e7e7e7;
		background: rgba(255, 0, 0, 0.6);
		-webkit-box-shadow: 0 0 1px #666;
		-moz-box-shadow: 0 0 1px #666;
		box-shadow: 0 0 1px #666;
	}
}