/**
 * This file provides the design styles for the sidebar (navmain).
 *
 * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
 */


.togglelink {
    &.page_main-content {
        position: absolute;
        top: -1px;
        bottom: -1px;
        left: -(@margin-default);
        z-index: 1;
        @media @screen_max-md{
            display: none;
        }

        a {
            .display-flex();
            .flex-direction();
            .justify-content();

            width: (@margin-default);
            height: 100%;
            background-color: @button_background;
            border: solid 1px @button_background;
            border-radius: @fix_border-radius 0 0 @fix_border-radius;
            color: @button_color;
            text-decoration: none;
            text-align: center;
            transition: @transition color, @transition background-color, @transition border-color;

            &:hover,
            &:focus,
            &:active {
                background-color: @button_color;
                border-color: @button_background;
                color: @button_background;
                text-decoration: none;

                * {
                    color: inherit;
                    text-decoration: none;
                }
            }
        }


/* + + +  toggle out  + + + */
        .wide-content & {
            left: -1px;

            a {
                background-color: @button_background;
                border-color: @button_background;
                border-radius: 0 @fix_border-radius @fix_border-radius 0;

                &:hover,
                &:focus,
                &:active {
                    background-color: @button_color;
                }
            }
        }
    }
}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* min-width: 1440px */

@media @screen_min-xlg {
    .togglelink {

    }
}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 1199px */

@media @screen_max-xlg {
    .togglelink {

    }
}
