@charset "UTF-8";
/*
Theme Name: Elternbeirat Mörike
Theme URI:
Author: Elternbeirat Mörike
Author URI:
Description: Elternbeirat Mörike WordPress Theme.
Requires at least: 6.7.1
Tested up to: 6.7.1
Requires PHP: 8.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ebmoerike

*/

/**************************************************
 *
 * Stylesheet contains:
 *
 * Please check documentation below
 *
 ***************************************************/

/***************************************************
*
* PROJECT DOCUMENTATION
*
* This stylesheet is built with SASS, located in css/sass/style.scss and output to css/sass/style.css
*
* style.css as the main stylesheet follows the structure of sub stylesheets, written after the SMACSS method
*
* Theme styles, default theme settings: css/sass/_variables.scss
* Override Bootstrap styles, definition of general settings for HTML-elements: css/sass/_base.scss
* Define template-parts: css/sass/_modules.scss
* Global layout setup: css/sass/_layout.scss
*
* For special overrides see special CSS-Files.
*
***************************************************/

/* open-sans-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans Light', sans-serif;
    font-style: normal;
    font-weight: 300;
    src: url('assets/fonts/open-sans-v40-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    src: url('assets/fonts/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans Italic', sans-serif;
    font-style: italic;
    font-weight: 400;
    src: url('assets/fonts/open-sans-v40-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans SemiBold', sans-serif;
    font-style: normal;
    font-weight: 600;
    src: url('assets/fonts/open-sans-v40-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-600italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans SemiBold Italic', sans-serif;
    font-style: italic;
    font-weight: 600;
    src: url('assets/fonts/open-sans-v40-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans Bold', sans-serif;
    font-style: normal;
    font-weight: 800;
    src: url('assets/fonts/open-sans-v40-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

html {
    scroll-behavior: smooth;
}

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

body {
    overflow-y: scroll;
    font-size: 100%;
    font-family: 'Open Sans Light', sans-serif;
    font-style: normal;
    font-weight: 300;
    /* animation: fadein 1s; */
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}