/*

    Theme Name: Basetheme Child
    Theme URI: http://www.qreative-web.com
    Description: Is een korte omschrijving echt nodig?
    Version: 1.0

    Template: basetheme

    Author: Qreative-Web
    Author URI: http://www.qreative-web.com

    License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

@font-face {
    font-family: "BricolageGrotesque";
    src:
        url("fonts/BricolageGrotesque.woff2")
            format("woff2 supports variations"),
        url("fonts/BricolageGrotesque.woff2") format("woff2") tech("variations"),
        url("fonts/BricolageGrotesque.woff2") format("woff2-variations");
    font-weight: 100 900;
    font-display: swap;
}

#header {
    font-size: 1.1em;
}

.site-info--logo img {
    position: relative;
    scale: 1.3;
    border-radius: 125px;
    box-shadow: var(--depth-4);
}

.wp-block-media-text ~ .wp-block-media-text {
    margin-top: var(--padding);
}
.wp-block-media-text {
    & figure {
        border-radius: 20px;
        overflow: clip;
        corner-shape: squircle;
    }
    & p:has(strong, em) {
        margin: 0;
    }
    & strong {
        font-size: 1.1em;
        color: var(--primary);
    }
    & em {
        font-size: 0.9em;
        opacity: 0.8;
    }
}

#footer {
    --border-color: transparent;
}
#copy-site-info {
    display: none;
}
#copybar {
    background: color-mix(in hsl, var(--footer-background) 90%, #000000 10%);
    color: color-mix(
        in hsl,
        var(--footer-color) 50%,
        var(--footer-background) 50%
    );
    .inner {
        justify-content: center;
    }
    em {
        font-style: normal;
    }
}