/*
Theme Name:   Maria Vohn Theme
Author:       Sebastian Reuter
Version:      0.0.2
Requires PHP: 8.0
*/

.header {
    container: header / inline-size;
    margin: min(150px, 15vh) auto 0;
    width: min(var(--wp--style--global--wide-size), 100vw);
    gap: 0;
}

@container header (width >= 900px) {
    #basin {
        position: absolute;
        top: max(-100px, -10vh);
        right: 0;
        height: 12rem;
    }
}

@container header (width < 900px) {
    #basin {
        height: 9rem;
    }
}

.header nav {
    margin-top: min(150px, 15vh);
    margin-bottom: min(100px, 10vh);

    width: 100%;

    color: var(--wp--preset--color--contrast);
    background-color: var(--wp--preset--color--primary);
}

.header nav button {
    padding: 20px;
}

.header nav ul {
    row-gap: 20px;
}

.header nav a {
    padding: 10px 20px;
}

.header nav .current-menu-item {
    background-color: var(--wp--preset--color--secondary);
}

.header nav a:hover {
    background-color: var(--wp--preset--color--tertiary);
}

.wp-block-post-title {
    margin-bottom: 1.5em;
}

.wp-block-post-content {
    padding: 0 2rem;
}

.footer {
    margin-top: 10vh;
    margin-bottom: 5vh;
}