/*
Theme Name: Flex Test
Theme URI: https://devserver2.nl
Author: Converzo
Description: Vanilla classic theme for testing the Flex Layout page template (ACF Flexible Content driven).
Version: 0.1.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: flex-test
*/

* { box-sizing: border-box; }

html, body { margin: 0; padding: 0; }

body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 17px;
	line-height: 1.6;
	color: #1a1a1a;
	background: #fff;
}

a { color: #2a5db0; }
a:hover { text-decoration: underline; }

img { max-width: 100%; height: auto; display: block; }

.site-header {
	border-bottom: 1px solid #e5e5e5;
	padding: 1.25rem 1.5rem;
}
.site-header .site-title {
	margin: 0;
	font-size: 1.25rem;
}
.site-header .site-title a {
	color: inherit;
	text-decoration: none;
}

.site-footer {
	border-top: 1px solid #e5e5e5;
	padding: 1.5rem;
	margin-top: 4rem;
	text-align: center;
	color: #666;
	font-size: 0.9rem;
}

.site-main {
	max-width: 1100px;
	margin: 0 auto;
	padding: 2.5rem 1.5rem;
}

.entry-title { margin-top: 0; }

/* Flex Layout template */
.flex-layout .flex-block {
	margin: 2.5rem 0;
}
.flex-layout .flex-block--image img {
	border-radius: 4px;
}
.flex-layout .flex-block--image-text {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2.5rem;
	align-items: center;
}
.flex-layout .flex-block--image-text .flex-block__text > *:first-child { margin-top: 0; }
.flex-layout .flex-block--image-text .flex-block__text > *:last-child { margin-bottom: 0; }
.flex-layout .flex-block--image-text .flex-block__image img { border-radius: 4px; }

@media (max-width: 720px) {
	.flex-layout .flex-block--image-text {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}
}

.flex-layout__empty {
	padding: 2rem;
	border: 1px dashed #ccc;
	border-radius: 6px;
	color: #666;
	text-align: center;
}