/*
Theme Name: Devfarm
Theme URI: https://devfarm.it/
Description: Simple block theme for devfarm.it, the home of WP GPX Maps. Two styles: Minimal (default) and Sketchbook (hand-drawn, handwriting font). Child theme of Twenty Twenty-Five.
Author: Bastianon Massimo
Template: twentytwentyfive
Version: 1.1.9
Requires at least: 6.7
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: devfarm
*/

/* Sketchbook style: hand-drawn borders on buttons, images and maps (the colors and fonts are in styles/sketchbook.json) */
body.devfarm-sketchbook .wp-block-button__link {
	border-radius: 18px 6px 18px 6px;
}

body.devfarm-sketchbook .wpgpxmaps,
body.devfarm-sketchbook .wp-block-image img,
body.devfarm-sketchbook .devfarm-card {
	border: 2px solid var(--wp--preset--color--contrast);
	border-radius: 14px 4px 14px 4px;
}

body.devfarm-sketchbook .devfarm-card:nth-child(even) {
	border-radius: 4px 14px 4px 14px;
}

/* Cards of the front page */
.devfarm-card {
	height: 100%;
}

/* Ad slot */
.devfarm-ad {
	min-height: 90px;
	text-align: center;
}

/* Pro waitlist form ([devfarm_waitlist]) */
.devfarm-waitlist {
	max-width: 560px;
	margin: 0 auto;
	scroll-margin-top: 80px;
}

.devfarm-waitlist__row {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.devfarm-waitlist__row input[type="email"] {
	flex: 1 1 240px;
	padding: 0.6em 0.8em;
	border: 1px solid var(--wp--preset--color--accent-5);
	border-radius: 6px;
	font: inherit;
}

.devfarm-waitlist__consent {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--accent-3);
}

.devfarm-waitlist__hp {
	position: absolute;
	left: -9999px;
}

/* Footer waitlist: aligned to the left of its column */
footer .devfarm-waitlist {
	margin: 0;
}

.devfarm-waitlist__consent label {
	display: flex;
	gap: 8px;
	align-items: flex-start;
}

.devfarm-waitlist__consent input {
	margin-top: 0.3em;
}

/* Header logo ([devfarm_logo]) */
.devfarm-logo {
	display: block;
	line-height: 0;
}

.devfarm-logo img {
	height: 52px;
	width: auto;
}