/*--------------------------------------------------------------------------*\
    Description text in header (at the right of the logo)
\*--------------------------------------------------------------------------*/

.header__home-description {
    /*box*/
    display: none;
    align-items: center;
    margin-left: 10px;

    /*text*/
    font-size: var(--fs-sm);
}

@media (min-width:900px) {

    .burger-input--900~.header>.header__nav .header__home-description {
        /*box*/
        display: flex !important;
    }

}

@media (min-width:700px) {

    .burger-input--700~.header>.header__nav .header__home-description {
        /*box*/
        display: flex !important;
    }

}

@media (min-width:500px) {

    .burger-input--500~.header>.header__nav .header__home-description {
        /*box*/
        display: block !important;
    }

}

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

.header--primary .header__home-description {
    /*color*/
    color: var(--c-primary-1);
}

.header--primary .header__home-description>svg {
    /*background*/
    fill: var(--c-primary-1);
}

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

.header--secondary .header__home-description {
    /*color*/
    color: var(--c-tertiary-4);
}

.header--secondary .header__home-description>svg {
    /*background*/
    fill: var(--c-tertiary-4);
}