/*  Sets styles for side menu     */
/*  on article pages              */
/* -----------------------------  */

.c_side-menu {
    width: 250px;
    position: absolute;
    top: 0;
    /* bottom: 0; */
    /* left: -300px; */
    left: 0;
}

.c_side-menu_name {
    width: 100%;
    padding: 0 20px 10px 20px;
    border-bottom: 1px solid var(--eco-green);
    text-align: center;
}

/* Specifies styles both for  */
/* Side menu links and Nav Bar links */
/* Throught same Wordpress classses */
/* .c_side-menu_link,  */
.c_side-menu .page_item,
.sub-menu .menu-item {
    display: table;
    list-style: none;
    padding: 0 20px;
    height: 60px;
    width: 100%;
    border-bottom: 1px solid var(--eco-l-grey);
}

.c_side-menu .page_item a {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 60px;
}

.c_side-menu .page_item:hover,
.c_side-menu .current_page_item,
.sub-menu .menu-item:hover {
    background-color: var(--eco-l-grey);
    border-left: 5px solid var(--eco-green);
    padding-left: 15px;
}

@media only screen and (max-width:1200px) {
    .c_side-menu {
        display: none;
    }

    .c_side-menu_content {
        width: 100%;
        display: block;
        position: relative;
        left: 0;
        margin-bottom: 40px;
    }

    .c_contacts_employee {
        margin-top: 40px;
    }

    /* Specifies mobile styles both for  */
    /* Side menu links and Nav Bar links */
    /* Throught same Wordpress classses */
    .page_item:not(.o_nav-bar_mob .page_item),
    .current_page_item:not(.o_nav-bar_mob .page_item) {
        list-style: none;
        padding: 20px 0;
        height: 40px;
        border-bottom: none;
    }

    .page_item:hover,
    .current_page_item {
        background-color: transparent;
        border-left: none;
        padding-left: 0;
    }
}

@media only screen and (min-width:1200px) {
    .c_side-menu {
        left: -300px;
    }
}

@media only screen and (min-width:1800px) {
    .c_side-menu {
        left: -450px;
    }
}