/* RLIC Site — details that blocks cannot express. The pages also work without this file. */

/* Headings break into balanced lines */
.wp-block-heading { text-wrap: balance; }

/* Visible keyboard focus on every background (WCAG 2.2) */
a:focus-visible,
button:focus-visible,
.wp-element-button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
	outline: 3px solid #8ac249;
	outline-offset: 3px;
	border-radius: 4px;
}

/* Current menu item */
.rlic-header .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content {
	text-decoration: underline;
	text-decoration-thickness: 3px;
	text-decoration-color: #8ac249;
	text-underline-offset: 9px;
}
.rlic-header .wp-block-navigation-item__content:hover { color: #1e5f30; }

/* Links inside text */
.has-link-color a { text-underline-offset: 3px; }

/* Captions of documentary photos and illustrations */
.wp-block-image figcaption,
.wp-block-gallery > figcaption {
	font-size: 0.9375rem;
	line-height: 1.45;
	margin-top: 10px;
	opacity: 0.9;
	text-align: left;
}

/* Forms */
.wp-block-jetpack-contact-form input[type="text"],
.wp-block-jetpack-contact-form input[type="email"],
.wp-block-jetpack-contact-form select,
.wp-block-jetpack-contact-form textarea {
	border: 1px solid #7f8f76;
	border-radius: 10px;
	padding: 12px 14px;
	font-size: 1.0625rem;
	background: #fff;
}

/* Hero A on phones: the photo becomes a band on top (cropped to the laptop), the text sits below it */
@media (max-width: 781px) {
	.wp-block-cover.rlic-hero-a {
		min-height: 0 !important;
		padding-top: calc(64vw + 12px) !important;
		align-items: flex-end;
	}
	.wp-block-cover.rlic-hero-a > .wp-block-cover__image-background {
		height: 64vw;
		bottom: auto;
		object-position: 60% 42% !important;
	}
	.wp-block-cover.rlic-hero-a > .wp-block-cover__background {
		background: linear-gradient(180deg, rgba(12, 36, 20, 0) 0, rgba(12, 36, 20, 0) calc(64vw - 110px), #0c2414 64vw, #0c2414 100%) !important;
		opacity: 1 !important;
	}
	.rlic-hero-b .rlic-hero-photo { min-height: 64vw !important; }
}

/* Header logo on small phones */
@media (max-width: 400px) {
	.rlic-header .rlic-logo img { width: 210px !important; }
}

/* Form labels and options */
.wp-block-jetpack-contact-form .grunion-field-label,
.wp-block-jetpack-contact-form label {
	font-size: 1.0625rem;
	font-weight: 600;
}
.wp-block-jetpack-contact-form .grunion-radio-label,
.wp-block-jetpack-contact-form .grunion-checkbox-multiple-label,
.wp-block-jetpack-contact-form .grunion-field-consent-wrap label {
	font-weight: 400;
}

/* Tablets: keep the menu on one line next to the logo */
@media (min-width: 782px) and (max-width: 1180px) {
	.rlic-header .rlic-logo img { width: 230px !important; }
	.rlic-header .wp-block-navigation { gap: 18px !important; font-size: 0.9375rem !important; }
}

/* Congress 2026 page head on phones: smaller edition mark */
@media (max-width: 781px) {
	.rlic-pagehead-cover .rlic-head-logo img { width: 200px !important; }
}

/* Photo slider: Gallery block with the CSS class "rlic-slider" (script rlic-slider.js) */
.wp-block-gallery.rlic-slider { display: block !important; }
.rlic-slider__track {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	border-radius: 14px;
	scrollbar-width: none;
}
.rlic-slider__track::-webkit-scrollbar { display: none; }
.rlic-slider__track > figure.wp-block-image {
	flex: 0 0 100% !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	scroll-snap-align: start;
}
.rlic-slider__track img {
	display: block;
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 4 / 3;
	object-fit: cover !important;
}
.rlic-slider__nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	margin-top: 14px;
}
.rlic-slider__btn {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 2px solid #1e5f30;
	background: #fff;
	color: #1e5f30;
	font-size: 28px;
	line-height: 1;
	padding: 0 0 4px;
	cursor: pointer;
}
.rlic-slider__btn:hover:not(:disabled) { background: #1e5f30; color: #fff; }
.rlic-slider__btn:disabled { opacity: 0.35; cursor: default; }
.rlic-slider__count { font-size: 1rem; font-weight: 600; color: #46524b; min-width: 4.5em; text-align: center; }
.wp-block-gallery.rlic-slider > figcaption { margin-top: 10px; }
@media (prefers-reduced-motion: reduce) { .rlic-slider__track { scroll-behavior: auto; } }