.page_with_sidebar{
font-size:0;
}
.page_with_sidebar .sidebar{
display: inline-block;
vertical-align: top;
width:240px;
height:auto;
}
.page_with_sidebar .sidebar.after_content{
display: none;
}
.page_with_sidebar .sidebar.left{
margin-right:60px;
}
.page_with_sidebar .sidebar.right{
margin-left:60px;
}
.page_with_sidebar .next_to_sidebar{
display: inline-block;
vertical-align: top;
width:calc(100% - 300px);
}
.page_with_sidebar .sidebar ul{
display: block;
position: relative;
list-style-type: none;
margin:20px 0 !important;
padding:0 !important;
}
.page_with_sidebar .sidebar ul li{
display: block;
position: relative;
}
.page_with_sidebar .sidebar ul li a:not(.no_markup){
display: block;
text-transform: uppercase;
font-family: 'Sarala', sans-serif;
color: #3E3E3E;
font-size: 14px;
line-height: 23px;
padding-bottom: 10px;
}
.page_with_sidebar .sidebar ul li a{
text-decoration: none !important;
}
.page_with_sidebar .sidebar ul li a:not(.no_markup):after{
display: block;
position: relative;
content:'';
background:#F3CF45;
height:2px;
width:0%;
transition: .3s width;
}
.page_with_sidebar .sidebar ul li.current_page_ancestor a:not(.no_markup):after,
.page_with_sidebar .sidebar ul li.current-menu-item a:not(.no_markup):after,
.page_with_sidebar .sidebar ul li:hover a:not(.no_markup):after{
width:40px;
}
@media only screen and (max-width: 767px) {
.page_with_sidebar .sidebar{
display: none;
}
.page_with_sidebar .sidebar.right,
.page_with_sidebar .sidebar.after_content{
display: block;
margin:30px 0;
width:100%;
}
.page_with_sidebar .next_to_sidebar{
display: block;
width:100%;
}
}