/* Copyright (C) 2016 NooBaa */

.main-layout  {
    height: 100%;

    /* Creates a new plane sub-indexes which allow the background to be sent to
    back without going behind the body's background */
    position: relative;
    z-index: 1;

    .sticky-wrapper {
        max-height: 36px;
        background-color: white;
    }

    .content-wrapper {
        position: relative;
    }

    .logo {
        position: relative;
        margin-right: 15px;



        &::after {
            content: '';
            position: absolute;
            height: 0;
            width: 0;
            border-style: solid;
            border-width: 30px 0 30px 15px;
            border-color: transparent;
            border-left-color: rgb(var(--color16));
            right: -15px;
            top: 0;
            z-index: 1;
        }

  /*      position: relative;*/
/*        margin-right: 35px;*/

        /*&::after {
            content: '';
            display: block;
            position: absolute;
            background: inherit;
            height: 42px;
            width: 42px;
            transform: translateX(35px) rotate(45deg) ;

        }*/

        > svg-icon {
            width: calc(71px * 1.3);
            height: calc(24px * 1.3);
            margin-left: 11.5px;
            margin-right: 6px;
            z-index: 1;
        }
    }

    .main-header {
        height: 61px;
        background-color: rgb(var(--color18));
        border-bottom: 1px solid rgb(var(--color19));
    }


    .main-header, .main-nav {
        z-index: 2;
    }

    .main-nav, .logo {
        background: rgb(var(--color16));
    }

    main {
        margin: 0 auto;
        padding: @gutter;
        padding-bottom: @gutter/2;
    }
}
