/*
 Theme Name:     Twenty Twenty Child
 Description:    Twenty Twenty Child Theme for BUW
 Author:         Jessica Schmitz
 Template:       twentytwenty
 Version:        1.0.1
*/

@font-face {
    font-family: 'opensans';
    font-weight: 300;
    /* stylelint-disable-line font-weight-notation */
    font-style: normal;
    font-display: swap;
    src: url(./assets/fonts/opensans/OpenSans-Light.woff2) format("woff2");
}
@font-face {
    font-family: 'opensans';
    font-weight: 300;
    /* stylelint-disable-line font-weight-notation */
    font-style: italic;
    font-display: swap;
    src: url(./assets/fonts/opensans/OpenSans-LightItalic.woff2) format("woff2");
}
/* ROMAN */
@font-face {
    font-family: 'opensans';
    font-weight: 400;
    /* stylelint-disable-line font-weight-notation */
    font-style: normal;
    font-display: swap;
    src: url(./assets/fonts/opensans/OpenSans-Regular.woff2) format("woff2");
}
/* BOLD */
@font-face {
    font-family: 'opensans';
    font-weight: 700;
    /* stylelint-disable-line font-weight-notation */
    font-style: normal;
    font-display: swap;
    src: url(./assets/fonts/opensans/OpenSans-SemiBold.woff2) format("woff2");
}



/* ----------------------------------------------
/* [Amiri] font-family: 'Amiri-Latin', serif;
---------------------------------------------- */
/* REGULAR */
@font-face {
    font-family: 'Amiri-Latin';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(./assets/fonts/amiri/amiri-regular.ttf) format("truetype");
}

@font-face {
    font-family: 'Amiri-Latin';
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    src: url(./assets/fonts/amiri/amiri-regular-italic.ttf) format("truetype");
}

/* BOLD */
@font-face {
    font-family: 'Amiri-Latin';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url(./assets/fonts/amiri/amiri-bold.ttf) format("truetype");
}

@font-face {
    font-family: 'Amiri-Latin';
    font-weight: 700;
    font-style: italic;
    font-display: swap;
    src: url(./assets/fonts/amiri/amiri-bold-italic.ttf) format("truetype");
}



/* ----------------------------------------------
/* GENERAL
----------------------------------------------- */

body,
.entry-content,
.intro-text,
.entry-content figcaption,
.entry-content table,
.entry-content address,
.entry-content .wp-caption-text,
.entry-content .wp-block-file {
    font-size: 1.75rem;
    line-height: 1.5;

    font-style: normal;
    font-family: 'opensans', sans-serif;
    font-weight: 300;

    background-color: #fff;
    color: #686868;
}

/* Links*/


.entry-content p a,
.entry-content ol li a,
.entry-content ul li a,
.wp-block-file a,
.pagination-single-inner a {
    color: #89ba17;
}

/* BG: Light Gray */
caption,
code,
code,
kbd,
samp,
.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1),
:root .has-subtle-background-background-color {
    background-color: #f3f3f3 !important;
}


/* ----------------------------------------------
/* HEADER & FOOTER
----------------------------------------------- */
/* BG-Color and Border */
#site-header,
#site-footer {
    background-color: #89ba17;
    border: none;
}

/* Font-Color */
#site-header,
#site-header a,
#site-header span,
#site-header .site-description,
#site-footer,
#site-footer a {
    color: #fff;
}

/* Lighter Font-Weight for Blog Description and "Suche"-Text */
body:not(.overlay-header) .toggle-inner .toggle-text,
#site-header .site-description {
    font-weight: 300;
}

/* Modal: Search Field (Green "X"-Button) */
#site-header .toggle.search-untoggle.close-search-toggle.fill-children-current-color {
    background-color: #89ba17;
}

#site-header .toggle.search-untoggle.close-search-toggle.fill-children-current-color svg {
    color: #fff;
}

/* Modal: Mobile-Menu (Black Links)*/
.menu-modal .menu-top button.toggle span,
.menu-modal .menu-top nav.mobile-menu ul li a {
    color: #000;
    font-size: 2rem;
    font-weight: 400;
}




/* ----------------------------------------------
/* POSTS
----------------------------------------------- */

/* POST-HEADER */
/* Category */
.singular:not(.overlay-header) .entry-header .entry-categories a,
.entry-header .entry-categories a  {
    font-weight: 900;
    letter-spacing: 0.025em;
    color: #89ba17;
}
/* Headline */
.entry-title a:focus,
.entry-title a:hover {
    text-decoration: none;
}
/* Meta-Informations */
ul.post-meta {
    font-weight: 300;
}



/* ----------------------------------------------
/* HEADLINES
----------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
.faux-heading {
    letter-spacing: 0 !important;
}
.singular .entry-header {
    padding-bottom: 0;
}

/* H1 (besides Site-Title!) + H2 = Amiri Serif*/
h1:not(.site-title),
h2 {
    font-family: 'Amiri-Latin', sans-serif !important;
    font-weight: 400 !important;
    line-height: 1.3;
    
    margin: 40px auto;

    color: #000;
    font-size: 7rem;
}
h2 {
    color: #89ba17;
    font-size: 3.75rem;
    margin-bottom: 25px;
}

/* H3 = Univers Normal*/
h3,
h4 {
    margin: 40px auto;
    color: #000;
    font-weight: 400;
    font-size: 2.25rem;
}

/* H4 + H5 + H6 = Univers Light*/
h4,
h5,
h6 {
    font-family: 'opensans', sans-serif !important;
    font-weight: 300;
    font-size: 1.75rem;
}
h5, 
h6 {
    color: #686868;
}
h6 {
    text-transform: none;
    font-style: italic;
}

.header-footer-group .color-accent {
    color:#89ba17 !important;
}



/* ----------------------------------------------
/* BUTTONS
----------------------------------------------- */
span.faux-button,
a.wp-block-button__link,
.wp-block-file a.wp-block-file__button,
a.comment-reply-link,
form input[type="button"],
form input[type="reset"],
form input[type="submit"]

/*,button:not(.toggle),.button,.bg-accent,.bg-accent-hover:hover,.bg-accent-hover:focus,:root .has-accent-background-color*/
    {
    font-family: 'opensans', sans-serif;
    font-weight: 600;
    font-style: normal;

    background-color: #89ba17;
    color: #fff;
}

/*.wp-block-button__link,.wp-block-file__button {ont-size: 15px;font-weight: 600;letter-spacing: 0.0333em;line-height: 1.25;padding: 1.1em 1.44em;text-transform: uppercase;}*/


/* Button with outline */
.is-style-outline .wp-block-button__link {
    border: 2px solid #89ba17;
    background-color: #fff;
}

.is-style-outline .wp-block-button__link:not(.has-text-color) {
    color: #89ba17;
}



/* ----------------------------------------------
/* Formular Fields (Text Inputs)
----------------------------------------------- */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea {
    font-family: 'opensans', sans-serif;
    font-weight: 300;
    font-style: normal;
}



/* ----------------------------------------------
/* Blockquotes
---------------------------------------------- */
blockquote.wp-block-quote
/*, .border-color-accent, .border-color-accent-hover:hover, .border-color-accent-hover:focus */
    {
    font-size: 3.405rem;
    line-height: 1.2465;
    text-indent: 4.275rem;

    font-family: 'Amiri-Latin', serif;
    color: #fff;

    background-color: #89ba17;
    border: none;

    position: relative;
    padding: 41px 40px 35px;
    margin-bottom: 1.5rem;
}

/* Black Quotation Mark */
blockquote.wp-block-quote:before {
    position: absolute;
    left: -0.562rem;
    top: 3rem;

    font-size: 11rem;
    color: #000;
    content: "”";
}

/* Source Citation */
blockquote.wp-block-quote cite {
    color: #000;
    text-indent: 0;
    font-size: 1.9rem;
    font-weight: 300;
}



/* ----------------------------------------------
/* Pullquotes
---------------------------------------------- */
figure.wp-block-pullquote blockquote p {
    font-style: normal;
    font-family: 'opensans', sans-serif;
    font-weight: 600;
}

/* Green Quotation Mark*/
figure.wp-block-pullquote:before {
    font-family: 'Amiri-Latin', serif;
    color: #89ba17;
}

/* Source Citation */
figure.wp-block-pullquote cite {
    font-size: 1.9rem;
}



/* ----------------------------------------------
/* Widgets
---------------------------------------------- */
/* BG-Color */
.footer-nav-widgets-wrapper.header-footer-group {
    background-color: #f3f3f3;
}
.footer-nav-widgets-wrapper.header-footer-group h2 {
    color: #000;
}


/* Font */
.widget-content ul li {
    font-weight: 400;
}

.widget-content ul li a {
    color: #89ba17;
    font-weight: inherit;
}
.footer-menu a,
.footer-widgets a {
    color: #89ba17!important;
}



body.post-template-default .color-accent,body.post-template-default .color-accent-hover:hover,body.post-template-default .color-accent-hover:focus,:root .has-accent-color,body.post-template-default .has-drop-cap:not(:focus):first-letter,.wp-block-button.is-style-outline {
 color: #89ba17;  font-family: 'Amiri-Latin'}