/**
 * /*
 *  Theme Name:   TwentyTwentyOne for Frauen bauen Stadt
 *  Theme URI:    https://frauenbauenstadt.at
 *  Description:  Frauen bauen Stadt
 *  Author:       Krzysztof Jeziorny
 *  Author URI:   https://konsonantenboy.com
 *  Template:     twentytwentyone
 *  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, columns, grid, responsive-layout, accessibility-ready
 *  Text Domain:  twentytwentyonechild
 *
 * @format
 */

@import url('assets/fonts/plex/plex.css');

:root {
    --font-headings: 'IBM Plex Sans';
    --font-base: 'IBM Plex Sans';
    --global--color-content-background: #fff;
    --global--color-banner-background: #ffec00;
    --global--font-size-page-title: 3.8rem !important;
    --heading--font-weight-page-title: 600 !important;
    --heading--font-weight: 600 !important;
    --branding--title--font-weight: 600;
    --footer--color-link: magenta;
}

/* .is-dark-theme.is-dark-theme {
  --global--color-content-background: #3d4146;
  --global--color-banner-background: var(--global--color-background); 
} */

html {
    scroll-behavior: smooth;
    height: 100%;
}

body {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.svg-icon {
    fill: var(--footer--color-link) !important;
}

.site-header {
    align-items: center !important;
}

.site-title,
.site-title a {
    font-size: var(--heading--font-size-h2) !important;
    font-weight: 700;
}

.site-description {
    font-size: var(--heading--font-size-h3) !important;
    font-weight: 600;
}

.site-title a {
    text-decoration: none;
    border-bottom: 0;
    font-weight: 700 !important;
}

.site-main {
    flex: 1;
    padding-bottom: 0 !important;
}

.home .site-main {
    padding-top: 0;
}

/* .is-dark-theme.is-dark-theme .home .site-main {
  background-image: url(assets/img/FbS_banner_dark.svg);
} */

.content-area {
    background-color: var(--global--color-content-background);
}

/* typo */
strong,
b {
    font-weight: 400;
}

blockquote {
    border-color: #1f080e !important;
}

blockquote:nth-child(odd) {
    border-left: none;
    border-right: 0.2rem solid;
    padding-right: 2rem;
}

.error404 #site-content {
    padding-top: 2rem;
}

/* WP ausblenden */
.powered-by {
    display: none;
    visibility: hidden;
}

/* Masonry gallery */
/* .wp-block-blockgallery-masonry ul li figure img {
    filter: grayscale(100);
}
.wp-block-blockgallery-masonry ul li figure img:hover {
    filter: grayscale(0);
    transition: all 1s;
} */
.wp-block-blockgallery-masonry ul li figure {
    position: relative;
}

.wp-block-blockgallery-masonry ul li figure figcaption {
    bottom: -40px;
}

.wp-block-blockgallery-masonry ul li figure:hover figcaption {
    bottom: 0;
}