/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: inline-block; vertical-align: middle; padding: 0.8rem 2rem; line-height: 1em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block; text-align: left; background-color:var(--color-black); margin-bottom:2px; margin-left: 0px; }
.slicknav_nav li:hover { background-color: var(--color-red) !important; }
.slicknav_nav li:hover a { color: var(--color-white); }
.slicknav_nav ul { background-color: var(--color-white) !important; }
.slicknav_nav li li { border-top: none; background-color: var(--color-light-grey2) !important; }
.slicknav_nav li li:hover { background-color:var(--color-light-grey) !important; }
.slicknav_nav li li:last-child { margin-bottom: 0px; }
.slicknav_nav li li a { color: var(--color-black) !important; }
.slicknav_nav .slicknav_arrow { margin: 0 0 0 10px; float:right; color: transparent; background:url(themes/icon-links.png) no-repeat right top; width: 30px; height: 30px; position: relative; top: -7px;}
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav a.active,
.slicknav_nav li.active > a { color: var(--color-black); }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
	font-size: 1rem;
}
/* Button */
.slicknav_btn {
	text-decoration:none;	
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);	
	height: 1.2rem;
	background-color: var(--color-black); 
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
	color: var(--color-black);
	font-weight: bold;	
	text-shadow: none;	
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: var(--color-black);
}
.slicknav_menu {
}
.slicknav_nav {
	margin:0;	
	padding:0;
	font-size:1rem;
	position: relative; 
	font-weight: 500;
	margin-top: 10px;
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
	text-align: left;
}
.slicknav_nav ul {
	padding:0;
	width: 100%;
}
.slicknav_nav .slicknav_item {
	padding:8px 15px;
}
.slicknav_nav a{
	padding:8px 15px;
	text-decoration:none;
	color: var(--color-black);
}
.slicknav_nav a:hover {
	color: var(--color-black); 
}
.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;
}
.slicknav_nav .slicknav_item:hover {
	color:var(--color-black);
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}