/*!
Theme Name: Junnect
Theme URI: http://underscores.me/
Author: Junnect
Author URI: https://junnect.nl
Description: Custom theme: Junnect, developed by Junnect
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: junnect
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Junnect is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*
 * The design system lives in assets/css/system.css (tokens, base, layout, band, buttons).
 * Block styles live in assets/css/blocks/*.css. This file only holds what WordPress needs.
 */

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: var(--beige, #F5EFEA);
	border-radius: var(--radius-s, 12px);
	box-shadow: 0 6px 24px rgba(7, 59, 48, 0.14);
	clip: auto !important;
	clip-path: none;
	color: var(--green, #073B30);
	display: block;
	font-size: 0.9375rem;
	font-weight: 400;
	height: auto;
	left: 8px;
	line-height: normal;
	padding: 14px 20px;
	text-decoration: none;
	top: 8px;
	width: auto;
	z-index: 100000;
}

/* WordPress core */
.alignleft { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin-inline: auto; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: var(--fs-micro, 13px); color: var(--ink-soft, #4C6A62); }

/* Default page (no blocks): a quiet readable column */
.entry-header, .entry-content, .entry-footer { padding-inline: var(--g, 24px); max-width: 52rem; margin-inline: auto; }
.entry-header { padding-top: clamp(96px, 12vw, 160px); padding-bottom: var(--sp-block, 48px); }
.entry-title { font-size: var(--fs-h2, 48px); }
.entry-content { padding-bottom: var(--sp-section, 96px); }
.entry-content > * + * { margin-top: 1em; }