.phpdocumentor-header {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
    height: auto;
    padding: var(--spacing-md) var(--spacing-md);
}

.phpdocumentor-header__menu-button {
    position: absolute;
    top: -100%;
    left: -100%;
}

.phpdocumentor-header__menu-icon {
    font-size: 2rem;
    color: var(--primary-color-darker);
}

.phpdocumentor-header__menu-button:checked ~ .phpdocumentor-topnav {
    max-height: 250px;
    padding-top: var(--spacing-md);
}

@media (min-width: {{ breakpoints['menu'] }}) {
    .phpdocumentor-header {
        flex-direction: row;
        padding: var(--spacing-lg) var(--spacing-lg);
        min-height: var(--header-height);
    }

    .phpdocumentor-header__menu-icon {
        display: none;
    }
}

@media (min-width: {{ breakpoints['xl'] }}) {
    .phpdocumentor-header {
        padding-top: 0;
        padding-bottom: 0;
    }
}
@media (min-width: {{ breakpoints['xxl'] }}) {
    .phpdocumentor-header {
        padding: 0;
    }
}