/** ---------  SUB MENU  ---------- **/

nav.submenu li a, #nav.submenu li a {
color: /*<menuText>*/;
font-family: 'robotoregular',sans-serif;
font-style: normal !important;
font-weight: normal !important;
font-size: 15px;
line-height: 1.1 !important;
letter-spacing: .05em;
vertical-align: baseline;
text-decoration: none;
border-bottom : none;
}


/*<mobile>*/

/* VERTICLE */

#sidebarnav {
margin-bottom: 50px;
}

.submenu p {
margin-bottom: 20px;
/*<parseFonts>*/  font-size: 18px; /*</parseFonts>*/
font-family: 'robotomedium', sans-serif;
font-style: normal;
font-weight: normal;
line-height: 1.2;
letter-spacing: .07em;
}

.cnt .submenu h3 {
color: #000000;
margin-bottom: 5px;
margin-top: 15px;

/*<parseFonts>*/  font-size: 17px !important; /*</parseFonts>*/
font-family: 'robotoregular', sans-serif;
font-style: normal;
font-weight: normal;
line-height: 1.2;
letter-spacing: .07em;
}


nav.submenu.vertical {
margin: 0 auto;
width: 85%;
border-radius: 10px;
padding: 5px 10px;
background-color: #EAEAEA;
margin-top: -40px
}

.submenu.vertical ul {
list-style-type: none;
padding-left: 0px;
margin: 0;
}
.submenu.vertical ul li {
margin-bottom: 8px;
}
.submenu.vertical ul li a {
color: #000000;
text-decoration: none;
background-color: #D8DADF;
border-radius: 10px;
padding: 10px;
display: block;
border: none;
padding-left: 30px;
}

.submenu.vertical ul li a:before {
content: "\f138";
font-family: icomoon;
font-style: normal;
font-weight: normal;
text-decoration: none;
display: inline-block;
/* Better Font Rendering */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/*--adjust as necessary--*/
font-size: 15px;
width: 18px; /* this sets the space between icon and text */
margin-left: -20px; /* line up second line with first line */
vertical-align: top;
color: #3F444B;
}

/* HOVER */

.submenu.vertical ul li a:hover:before {
color: /*<menuTextHover>*/; 
}
.submenu.vertical ul li a:hover {
color: /*<menuTextHover>*/;
background-color:/*<menuHover>*/;
}

/* CURRENT */

.submenu.vertical ul li.current a:before, .submenu.vertical ul li.current a:hover:before {
color: /*<menuTextHover>*/;
}
.submenu.vertical ul li.current a, .submenu.vertical ul li.current a:hover {
color: /*<menuTextHover>*/;
background-color:/*<menuHover>*/;
}


/*</mobile>*/
/* HORIZONTLE */

.submenu.horizontle ul {
margin-bottom: 30px;
list-style-type: none;
padding-left: 10px;
/*border-bottom: #3173B4 dotted 1px;*/
}
.submenu.horizontle ul li {
margin-bottom: 8px;
display: inline-block;

}
.submenu.horizontle ul li a {
color: #3173B4 ;
text-decoration: none;
background-color: transparent;
padding: 10px 0 10px 0;
margin-right: 15px;
display: inline-block;
border: none;

}

.submenu.horizontle ul li a:before {
content: "\f138";
font-family: icomoon;
font-style: normal;
font-weight: normal;
text-decoration: none;
display: inline-block;
/*--adjust as necessary--*/
font-size: 1em;
width: 17px; /* this sets the space between icon and text */
margin-left: 0px; /* line up second line with first line */
vertical-align: top;
color: #4185CB;
}
.submenu.horizontle ul li.current a:before {
color: #85C427;
}
.submenu.horizontle ul li a:hover:before {
color: #85C427;
}

.submenu.horizontle ul li.current a, .submenu.horizontle ul li a:hover {
color: #3173B4;
background-color: transparent;
}