/*
 Theme Name:   Twenty Twenty Child AG
 Theme URI:    https://andrewgraham.dev/twenty-twenty-child/
 Description:  Twenty Twenty Child AG Theme
 Author:       Andrew Graham
 Author URI:   https://andrewgraham.dev
 Template:     twentytwenty
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentytwentychild
*/

/* Llawen */

@font-face {
    font-family: 'LlawenVF';
    src: url("https://llawen.andrewgraham.dev/assets/fonts/webfonts/variable/Llawen-VF.woff2") format("woff2-variations");
    font-weight: 100 900;
}

.entry-content table,
.entry-content tr,
.entry-content td,
.entry-content th,
.entry-content,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content p,
.entry-content ol,
.entry-content ul,
.entry-content dl,
.entry-content dt,
.entry-content cite,
.entry-content figcaption,
.entry-content .wp-caption-text,
.widget_text p,
.widget_text ol,
.widget_text ul,
.widget_text dl,
.widget_text dt,
.widget-content .rssSummary {
    font-family: "LlawenVF", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}



@supports ( font-variation-settings: normal ) {
    body {
        font-family: "LlawenVF", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    }

    h1, h2, h3, h4, h5, h6 {
        font-family: "LlawenVF", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
        font-weight: 800;
        letter-spacing: 0;
    }

    button,
    input,
    select,
    optgroup,
    textarea {
        font-family: "LlawenVF", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    }

    table.cookielawinfo-classic,
    .wp-block-file__button,
    .has-drop-cap:not(:focus)::first-letter,
    .entry-content .wp-block-archives,
    .entry-content .wp-block-categories,
    .entry-content .wp-block-cover-image,
    .entry-content .wp-block-latest-comments,
    .entry-content .wp-block-latest-posts,
    .entry-content .wp-block-pullquote,
    .entry-content .wp-block-quote.is-large,
    .entry-content .wp-block-quote.is-style-large,
    .widget-content cite,
    .widget-content figcaption,
    .widget-content .wp-caption-text
    {
        font-family: "LlawenVF", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    }

    .cli_user_consent_state,
    .entry-content p,
    .entry-content ol,
    .entry-content ul,
    .entry-content dl,
    .entry-content dt,
    .entry-content cite,
    .entry-content figcaption,
    .entry-content .wp-caption-text,
    .widget_text p,
    .widget_text ol,
    .widget_text ul,
    .widget_text dl,
    .widget_text dt,
    .widget-content .rssSummary {
        font-family: "LlawenVF", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
        font-weight: 400;
        font-feature-settings: "ss03", "ss06"; 
    }
}

#site-header, .footer-nav-widgets-wrapper, #site-footer, .menu-modal, .menu-modal-inner, .search-modal-inner, .archive-header, .singular .entry-header, .singular .featured-media::before, .wp-block-pullquote::before {
    background-image: linear-gradient(55deg, #B938D1 20%, #421AA5 100%, #5A3F65 100%);
}

ul.primary-menu {
    letter-spacing: 0;
}

.footer-menu {
    letter-spacing: 0;
}

.fontsampler-interface .selectric > .button {
    padding: 0.3rem;
}

.enlighter-default {
    margin: 0 auto 1.25em auto !important;
}

.grecaptcha-badge {
    opacity: 0;
}

.singular .entry-header {
    padding: 2rem 0;
}

.entry-content {
    font-size: 1.6rem;
}

.larger-style {
    font-feature-settings: normal !important;
    font-size: 120%;
}

.formal-style {
    font-feature-settings: "aalt" !important;
    font-size: 120%;
}

.in-between-style {
    font-feature-settings: "ss05" !important;
    font-size: 120%;
}

@media (min-width: 700px) {
    .entry-content {
       font-size: 1.8rem; 
    }

    .singular .entry-header {
        padding: 2rem 0;
    }
}