/*
 Theme Name:   Theme Rundschleiferei
 Theme URI:    https://arturjozefiak.de
 Description:  Das ist ein Theme für dierundschleiferei.de
 Author:       Artur Jozefiak
 Author URI:   https://arturjozefiak.de
 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
*/

/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* OVERWRITE ALL FONTS */
*,
body,
input,
textarea,
button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file__button,
.has-drop-cap:not(:focus)::first-letter,
.has-drop-cap:not(:focus)::first-letter,
.entry-content,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content cite,
.entry-content figcaption,
.entry-content table,
.entry-content address,
.widget_text p,
.widget_text ol,
.widget_text ul,
.widget_text dl,
.widget_text dt,
.widget-content .rssSummary,
.widget-content cite,
.widget-content figcaption,
.widget-content .wp-caption-text,
.entry-content .wp-caption-text,
.entry-content .wp-block-file,
.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 {
    font-family: 'Noto Sans', sans-serif !important;
}

@supports (font-variation-settings: normal) {

    body,
    input,
    textarea,
    button,
    .button,
    .faux-button,
    .wp-block-button__link,
    .wp-block-file__button,
    .has-drop-cap:not(:focus)::first-letter,
    .has-drop-cap:not(:focus)::first-letter,
    .entry-content,
    .entry-content h1,
    .entry-content h2,
    .entry-content h3,
    .entry-content h4,
    .entry-content h5,
    .entry-content h6,
    .entry-content cite,
    .entry-content figcaption,
    .entry-content table,
    .entry-content address,
    .widget_text p,
    .widget_text ol,
    .widget_text ul,
    .widget_text dl,
    .widget_text dt,
    .widget-content .rssSummary,
    .widget-content cite,
    .widget-content figcaption,
    .widget-content .wp-caption-text,
    .entry-content .wp-caption-text,
    .entry-content .wp-block-file,
    .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 {
        font-family: 'Noto Sans', sans-serif;
    }
}

@media (min-width: 700px) {

    /* Element Base ------------------------- */



    /* TITLES */

    h1,
    .heading-size-1,
    h2,
    .heading-size-2,
    h3,
    .heading-size-3 {
        margin: 6rem auto 3rem;
    }

    h4,
    .heading-size-4,
    h5,
    .heading-size-5,
    h6,
    .heading-size-6 {
        margin: 4.5rem auto 2.5rem;
    }

    h1,
    .heading-size-1 {
        font-size: 4.4rem;
    }

    h2,
    .heading-size-2 {
        font-size: 3.4rem;

    }

    h3,
    .heading-size-3 {
        font-size: 2.8rem;

    }

    h4,
    .heading-size-4 {
        font-size: 2.8rem;

    }

    h5,
    .heading-size-5 {
        font-size: 2.8rem;
    }

    h6,
    .heading-size-6 {
        font-size: 2.8rem;
    }

    /* Entry Content ------------------------- */

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





    /* FOOTER BOTTOM */

    #site-footer {
        font-size: 1.8rem;
        padding: 4.3rem 0;
    }



}

@media (min-width: 1000px) {
    .header-toggles {
        display: none;
    }
}

@media (min-width: 1220px) {

    /* Element Base -------------------------- */

    /* TITLES */

    h1,
    .heading-size-1 {
        font-size: 4.4rem;
    }
}

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