/*--------------------------------------------------------------------------*\
	Base CSS behaviour <main>
\*--------------------------------------------------------------------------*/

main {
    /*box*/
    /* for a small margin on mobiles */
    position:relative;
    padding: 10px;
    min-height: 100vh;
    width: 100%;
    min-width: 0;
    flex:1;

    /*background*/
    background-color: var(--c-quaternary-4);
}

/*--------------------------------------------------------------------------*\
        Specific : Only sidebar (no header and no topbar)
\*--------------------------------------------------------------------------*/

.burger-input--sidebar+.burger-label+.sidebar-main-wrapper>main{
    /*box*/
    padding-top:var(--header-height);
}

@media (min-width:900px) {

    .burger-input--900.burger-input--sidebar+.burger-label+.sidebar-main-wrapper>main{
        /*box*/
        padding-top:10px !important;
    }

}

@media (min-width:700px) {

    .burger-input--700.burger-input--sidebar+.burger-label+.sidebar-main-wrapper>main{
        /*box*/
        padding-top:10px !important;
    }

}

@media (min-width:500px) {

    .burger-input--500.burger-input--sidebar+.burger-label+.sidebar-main-wrapper>main{
        /*box*/
        padding-top:10px !important;
    }

}