/* ***************************************************************
 * SIDE BAR
 * ***************************************************************/
div.side-nav-code {
	overflow: visible !important;
}
.sn_nav h3 {
	position: relative;
}
.sn_nav a {
	text-decoration: none;
	display: block;
	line-height: 100%;
}
.sn_menu {
	white-space: normal;
	display: block;
}
	
.sn_menu .menu-item {
	display: block;
	white-space: normal;
}
.sn_menu .menu-item-has-children {
	position: relative;
}
.sn_menu a{
	display: block;
}
.sn_nav h3 a i,
.sn_screen_mode .sn_menu .menu-item-has-children a i,
.sn_mobile_mode .sn_menu .menu-item-has-children a i{
	position: absolute;
	top: 50%;
	right: 0;
	bottom: 0;
	
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: #d0d0d0;
	text-align: center;
}
.sn_menu .sub-menu {
	display: none;
	width: 100%;
}

.sn_menu .sn_flyout {
	display: block;
	position: absolute;
	top: 0;
}
.sn_menu .sn_flyout a {
	white-space: normal;
}
.sn_mobile_mode .sn_menu {
	display: none;
}
.sn_narrow.sn_open .sn_menu {
	display: block;
}
.sn_narrow.sn_closed .sn_menu {
	display: none;
}
.sn_menu .sn_dropdown {
	display: block;
	position: relative;
}
.sn_narrow .sn_submenu_open a i {
	position: static;
}

/* NEW FUNCTIONALITY  */
.sn_nav h3 button i {
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	display: none;
}
.sn_nav.sn_mobile_mode h3 button i {
	display: block;
}
.sn_mobile_mode.sn_menu_open .sn_menu{
	display: block;
}
.sn_mobile_mode.sn_menu_open .sn_submenu_open button {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	outline: 0;
	border-radius: 0;
}
.sn_submenu_open a {
	position: relative;
}
/* *************************************************************
 * MOBILE MENU FUNCTIONALITY !IMPORTANT
 * ************************************************************/    
    .mobm-toggle-open {
        background-color: transparent;
        font-size: inherit;
        color: inherit;
		cursor: pointer;
    }
    #mobm-wrap {
		position: fixed;
		top: 0;
		bottom: 0;
		right: 100%;
		z-index: 10;
		overflow-7: scroll;
	}
	#mobm-main {
		width: auto;
		height: auto;
		position: relative;
		left: -100%;
		overflow: hidden;
		min-width: 300px;
		max-width: 400px;   
	}
	#mobm-nav a {
	    display: block;
	    text-decoration: none;
	}
	#mobm-nav li {
	    display: block;
	}
    i.mobm-i {
		text-align: center;
		vertical-align: middle;
	}
	form#mobm-search {
	    display: block;
	    width: 100%;
	    margin: 0px;
	    vertical-align: middle;
	    position: relative;
	}
	form#mobm-search > button {
	    width: 48px;
	    margin: 0px;
	    height: 48px;
	    text-align: center;
	    padding: 0px;
	    background-color: transparent;
	    position: absolute;
	    line-height: 48px;
	}
	form#mobm-search > button i {
	    color: #fff;
	}
	form#mobm-search > input {
	    background-color: rgba(0,0,0,0.0);
	    color: white;
	    font-size: 20px;
	    vertical-align: middle;
	    width: calc(100% - 76px);
	    border: none;
	    line-height: 30px;
	    position: absolute;
	    top: 5px;
	    left: 66px;
	    padding-left: 0px;
	}	    
