/*
Theme Name: Rudolph Tammes
Description: Persoonlijke website met vier schuine beeldvlakken, verhalen, muziek en een pop-upcontactformulier.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Author: Rudolph Tammes
Text Domain: rudolph-tammes
*/

.admin-bar .site-header {
    top: 32px;
}

html:has(.admin-bar) {
    scroll-padding-top: 122px;
}

.admin-bar .skip-link:focus {
    top: 42px;
}

.entry-page {
    max-width: 850px;
    min-height: 55vh;
}

.entry-page h1 {
    font-size: clamp(2rem, 6vw, 4rem);
}

.entry-page h2 {
    font-size: clamp(1.6rem, 4vw, 2.5rem);
}

.entry-page .entry-content,
.entry-page .entry-summary,
.entry-page article + article,
.entry-page .comments-area {
    margin-top: 2rem;
}

.entry-page .entry-content > * + * {
    margin-top: 1.25rem;
}

.entry-page :where(.entry-content, .entry-summary, .comments-area) a {
    color: var(--blue);
    text-decoration: underline;
}

.entry-page :where(.wp-block-image, .wp-caption) img {
    width: auto;
    max-width: 100%;
}

.entry-page textarea {
    width: 100%;
}

@media (max-width: 782px) {
    .admin-bar .site-header {
        top: 46px;
    }

    html:has(.admin-bar) {
        scroll-padding-top: 136px;
    }

    .admin-bar .skip-link:focus {
        top: 56px;
    }
}

@media (max-width: 600px) {
    .admin-bar .site-header {
        top: 0;
    }

    html:has(.admin-bar) {
        scroll-padding-top: 88px;
    }
}