/*
 Theme Name:   Twenty Twenty-One (Ymir)
 Description:  Twenty Twenty-One child theme for Ymir
 Author:       Carl Alexander
 Author URI:   https://ymirapp.com
 Template:     twentytwentyone
*/

:root {
    --heading--font-weight-page-title: normal;
}

.entry-footer {
    font-size: var(--global--font-size-base);
}

.headerbar {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    background-color: #19191e;
    color: var(--global--color-white);
}

.headerbar p {
    margin: 0 auto;
    padding: 15px 0;
    max-width: var(--responsive--alignwide-width);
}

.headerbar a {
    color: var(--global--color-white);
}

pre.wp-block-code.hljs {
    border-radius: .375rem;
}

.wp-block-code.hljs code {
    color: inherit;
}

@media only screen {
    :root {
        --global--font-size-base: 1.125rem;
        --global--font-size-xl: 1.5rem;
        --global--font-size-xxl: 2.25rem;
        --global--font-size-xxxl: 5rem;
        --global--spacing-vertical: 20px;
        --heading--font-size-h2: var(--global--font-size-xl);
        --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
    }
}

@media only screen and (min-width: 822px) {
    :root {
        --global--font-size-base: 1.25rem;
        --global--font-size-xl: 2.25rem;
        --global--font-size-xxl: 3.25rem;
        --global--font-size-xxxl: 9rem;
        --global--spacing-vertical: 30px;
        --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 740px);
        --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 920px);
    }
}

@media only screen and (min-width: 652px) {
    .headerbar {
        display: block;
    }
}

@media only screen and (max-width: 652px) {
    .single .site-main > article > .entry-footer p {
        margin-bottom: 30px;
    }
}