/*--------------------------------------------------------------------------*\
    Header menu (<ul>)
\*--------------------------------------------------------------------------*/

.header__menu {
    /*box*/
    width: 80%;
    height: 100%;
    padding: 10px;
    overflow-y: auto;
}

/*--------------------------------------------------------------------------*\
        scrollbar
\*--------------------------------------------------------------------------*/

.header__menu::-webkit-scrollbar {
	/*box*/
    display:none;
}

.header__menu::-webkit-scrollbar-thumb {
	/*box*/
    display:none;
}

.header__menu::-webkit-scrollbar-track {
	/*box*/
    display:none;
}

/*--------------------------------------------------------------------------*\
        Large screens
\*--------------------------------------------------------------------------*/

@media (min-width:900px) {

    .burger-input--900~.header>.header__nav .header__menu {
        /*box*/
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto !important;
        padding: 0px !important;
    }

}

@media (min-width:700px) {

    .burger-input--700~.header>.header__nav .header__menu {
        /*box*/
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto !important;
        padding: 0px !important;
    }

}

@media (min-width:500px) {

    .burger-input--500~.header>.header__nav .header__menu {
        /*box*/
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto !important;
        padding: 0px !important;
    }

}

/*--------------------------------------------------------------------------*\
        Header primary color (cf header.css file)
\*--------------------------------------------------------------------------*/

.header--primary .header__menu {
    /*background*/
    background-color: var(--c-tertiary-4);
}

/*--------------------------------------------------------------------------*\
        Header secondary color (cf header.css file)
\*--------------------------------------------------------------------------*/

.header--secondary .header__menu {
    /*background*/
    background-color: var(--c-primary-1);
}