/*------------------------*/
/* NAV DRAWER FOR SMALL MEDIA */
/*------------------------*/


/* Nav Pull (to open drawer) */
#nav_pull {
    display: none;
    position: absolute;
    top: 20px;
    right: 25px;
    background-image: url('../images/buttons/b_nav_pull.png');
    background-repeat: no-repeat;
    background-size: 26px;
    width: 26px;
    height: 18px;
    color: transparent;
    cursor: pointer;
}
#nav_pull:after {
    content: 'Menu';
}
#nav_pull:hover {
    opacity: .5 !important;
}
body.nav_drawer_open #nav_pull {
    display: none !important;
}
body.nav_drawer_close #nav_pull {
    display: block !important;
}

/* Nav Closer (to close drawer) */
#nav_drawer_close {
    position: absolute;
    top: 20px;
    right: 25px;
    background-image: url('../images/buttons/b_nav_close.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 26px;
    width: 26px;
    height: 26px;
    cursor: pointer;
}
#nav_drawer_close:hover {
    opacity: .5 !important;
}

/* Nav Content (not displayed - cloned to drawer during init) */
#nav_drawer_content {
    display: none;
}
#nav_drawer > #nav_drawer_content {
    display: block;
}

/* Nav Content (not displayed - moved to drawer during init) */
#nav_drawer {
    padding: 60px 40px 50px 40px;
    background: #ffffff;
}

.links_drawer_toggle_1 {
    margin-bottom: 15px;
}
.links_drawer_toggle_1 a:link,
.links_drawer_toggle_1 a:visited,
.links_drawer_toggle_1 a:active {
    font-size: 15px;
}
.links_drawer_toggle_2 {
    margin-left: 30px;
}
.links_drawer_toggle_3 {
    margin-left: 60px;
}
.links_drawer_toggle_4 {
    margin-left: 90px;
}