/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


.vertical_menu_area_top {
    background: #1F1F1F;
    padding: 0;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
}
.vertical_menu_area_top ul {
	margin: 0;
	padding: 15px 15px;
}
.vertical_menu_area_top li {
    margin-bottom: 12px;
    line-height: 1.2;
    position: relative;
    list-style: none;
}
.vertical_menu_area_top li:last-child {
	margin-bottom: 0;
}
.vertical_menu_area_top li a {
    opacity: 1;
    transition: color .37s cubic-bezier(.52,.01,.16,1);
	position: relative;
    display: inline-block;
	font-size: 20px;
    line-height: 30px;
    font-family: 'Open Sans';
    font-weight: 700;
	color: #fff;
}
.vertical_menu_area_top .ocm-dropdown-arrow {
    transition: transform .5s cubic-bezier(.215,.61,.355,1);
    position: absolute;
    right: -6px;
    top: 10px;
    transform: translateY(-50%);
    cursor: pointer;
    height: 28px;
    width: 28px;
    line-height: 0;
	color: #fff;
}
.vertical_menu_area_top .ocm-dropdown-arrow i {
    font-size: 21px;
    height: 28px;
    width: 28px;
    line-height: 28px;
    top: 0;
}
.vertical_menu_area_top .open-submenu>.ocm-dropdown-arrow {
    transform: translateY(-50%) rotate(180deg);
}
.vertical_menu_area_top .sub-menu {
	transform: translateZ(0);
	display: flex;
	flex-direction: column;
	position: relative;
    max-height: 0;
    box-sizing: content-box;
    -webkit-transition: max-height .5s cubic-bezier(.215,.61,.355,1), padding .25s cubic-bezier(.215,.61,.355,1);
    transition: max-height .5s cubic-bezier(.215,.61,.355,1), padding .25s cubic-bezier(.215,.61,.355,1);
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    overflow: hidden;
	margin: 0;
	padding: 0 0 0 20px;
}
.vertical_menu_area_top .sub-menu li:first-child {
	margin-top: 10px;
}
.vertical_menu_area_top .sub-menu li a {
	font-size: 16px;
    line-height: 22px;
}
.vertical_menu_area_top li a:after {
	content:'';
	transform-origin: left;
	pointer-events: none;
	bottom: -2px;
	transition: transform .37s cubic-bezier(.52,.01,.16,1);
	border-color: #fff;

	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	border-top: 2px solid #fff;
	content: '';
	padding-bottom: inherit;
}
.vertical_menu_area_top li a:hover:after {
    backface-visibility: hidden;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}