/*
Theme Name: Kyokyo Ecology Lab
Description: A custom block theme scaffolded by Studio Code.
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kyokyo-ecology
Tags: full-site-editing, block-patterns, block-styles, wide-blocks, accessibility-ready, style-variations
*/

@import url('https://fonts.googleapis.com/css?family=Lato:400,700,400italic&display=swap');

body {
    font-family: var(--wp--preset--font-family--body);
}

/* WordPress inserts margin-block-start: var(--wp--style--block-gap) between the
   template's top-level sections (header part, main, footer part) — a gap that
   exists even when no markup asks for it. Zero it so sections butt edge-to-edge
   and own their vertical rhythm via padding; this does not affect block gaps
   inside nested layouts. */
.wp-site-blocks > * + * {
	margin-block-start: 0;
}

/* === header === */
.site-header {
	border-bottom: 1px solid var(--wp--preset--color--stone);
}

.site-header__title a {
	text-decoration: none;
	font-family: var(--wp--preset--font-family--heading);
	font-size: 1.05rem;
}

/* === footer === */
.site-footer .wp-block-column.is-vertically-aligned-bottom {
	justify-content: flex-end;
	display: flex;
	flex-direction: column;
	height: 100%;
}

/* === timeline === */
.timeline__item {
	padding-left: var(--wp--preset--spacing--40);
	border-left: 3px solid var(--wp--preset--color--plum-accent);
}
.cover-75vw {
    width: 75vw;
    max-width: 1200px;
    margin-inline: auto;
}

@media (max-width: 768px) {
    .cover-75vw {
        width: 100%;
    }
}