/*
Theme Name:     klimafonds.ch (Twenty Twenty Two Child)
Theme URI:      
Description:    Twentytwentytwo child theme.
Author:         GRÜNE Schweiz
Author URI:     https://github.com/grueneschweiz
Template:       twentytwentytwo
Version:        1.0.0
*/

@font-face { 
	font-family: "Lato";  
	src: url("fonts/Lato-Regular.ttf") format("truetype");
	font-weight: 400;
        font-display: swap;
}

@font-face { 
	font-family: "Lato";  
	src: url("fonts/Lato-Bold.ttf") format("truetype");
	font-weight: 700;
        font-display: swap;
}

html {
    scroll-behavior: smooth;
}

body {
    --wp--preset--font-family--source-serif-pro: Lato, sans-serif;
    --wp--custom--typography--font-size--gigantic: clamp(1.75rem, 6vw, 2.25rem); 
    --wp--custom--typography--font-size--huge: clamp(1.5rem, 4vw, 1.75rem);
    --wp--custom--typography--font-size--colossal: clamp(2.25rem, 8vw, 3.25rem);
}

.wp-block-post-title {
    font-size: var(--wp--custom--typography--font-size--colossal);
}

.min-width-420 {
        min-width: 420px;
}

.min-width-280 {
        min-width: 280px;
}

.min-width-200 {
        min-width: 200px;
}

.max-width-300 {
        max-width: 300px;
}

.lang-link {
    width: 1.55em;
    justify-content: center;
    border: solid 2px;
    font-size: 0.7em;
    align-items: center !important;
}

.with-button-shadow {
	box-shadow: 5px 5px 0 0 #e9e6d3;
	transition: ease 0.2s;
}

.with-button-shadow:hover,
.with-button-shadow:focus {
	transform: translate(2px, 2px);
	box-shadow: 3px 3px 0 0 #e9e6d3;
}

.with-button-shadow--secondary {
	box-shadow: 5px 5px 0 0 #dddddd;
}

.with-button-shadow--secondary:hover,
.with-button-shadow--secondary:focus {
	box-shadow: 3px 3px 0 0 #dddddd;
}

.footer-button a:hover,
.footer-button a:focus {
	box-shadow: inset 0 0 0 2px black;
}

.c-accordion__content > * {
	margin: 0;
}