/*
Theme Name:   DLF Child
Theme URI:    https://durhamlibraryfoundation.org/
Description:  Child theme for the Durham Library Foundation site (parent: Hello Elementor). Holds the Events system and the inline Mailchimp signup. Visual styling lives in Elementor (global classes and variables) and in Appearance › Customize › Additional CSS.
Author:       Triangle Digital Partners
Template:     hello-elementor
Version: 1.3.0
Text Domain:  dlf-child
*/

/* ==========================================================================
   Textures (hatching recreated from the original DLF site; files live in the Media Library: dlf-hatch-dark.png, dlf-hatch-white.png)
   Add to any Elementor container as a class:
     dlf-hatch        – dark hatching, for white/tinted sections
     dlf-hatch-light  – white hatching, for green/blue/coloured sections
   ========================================================================== */
.dlf-hatch {
	background-image: url("/wp-content/uploads/2026/10/dlf-hatch-dark.png") !important;
	background-repeat: no-repeat !important;
	background-position: left top !important;
	background-size: min(1100px, 90%) auto !important;
}
.dlf-hatch-light {
	background-image: url("/wp-content/uploads/2026/10/dlf-hatch-white.png") !important;
	background-repeat: no-repeat !important;
	background-position: left top !important;
	background-size: min(1100px, 90%) auto !important;
}

/* ==========================================================================
   Page header – two panels (title left, description right)
   Section classes:  dlf-pagehead + one colour scheme (dlf-scheme-blue | green | orange | purple | red)
   Left panel:       dlf-pagehead-title   (eyebrow + page title)
   Right panel:      dlf-pagehead-desc    (intro text, optional buttons)
   ========================================================================== */
.dlf-scheme-green  { --pg-light: #e6f0ea; --pg-dark: #006633; }
.dlf-scheme-blue   { --pg-light: #e3eef4; --pg-dark: #006699; }
.dlf-scheme-orange { --pg-light: #fcefdf; --pg-dark: #b35f00; }
.dlf-scheme-purple { --pg-light: #f3eaf4; --pg-dark: #7e3f86; }
.dlf-scheme-red    { --pg-light: #fdeceb; --pg-dark: #c3332b; }

.elementor .dlf-pagehead {
	display: flex !important;
	flex-direction: row !important;
	align-items: stretch !important;
	gap: 0 !important;
	padding: 0 !important;
	background: none !important;
	--pg-edge: max(2rem, calc((100vw - 1140px) / 2 + 10px));
}
.elementor .dlf-pagehead-title,
.elementor .dlf-pagehead-desc {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: flex-start !important;
	gap: 0.75rem !important;
	max-width: none !important;
	width: auto !important;
	margin: 0 !important;
	padding-block: 4.5rem !important;
	background-repeat: no-repeat !important;
	background-position: left top !important;
	background-size: 900px auto !important;
}
.elementor .dlf-pagehead-title {
	flex: 0 0 46% !important;
	padding-inline: var(--pg-edge) 3rem !important;
	background-color: var(--pg-light, #f2f6f3) !important;
	background-image: none !important;
}
.elementor .dlf-pagehead-desc {
	flex: 1 1 auto !important;
	padding-inline: 3.5rem var(--pg-edge) !important;
	background-color: var(--pg-dark, #006633) !important;
	background-image: none !important;
}
.elementor .dlf-pagehead-title h1,
.elementor .dlf-pagehead-title p {
	color: var(--pg-dark, #006633) !important;
}
.elementor .dlf-pagehead-desc,
.elementor .dlf-pagehead-desc p,
.elementor .dlf-pagehead-desc a:not(.e-button-base) {
	color: #fff !important;
}
.elementor .dlf-pagehead-desc p { max-width: 36rem; }
.elementor .dlf-pagehead-desc .e-button-base {
	background-color: #fff !important;
	color: var(--pg-dark, #006633) !important;
	border-color: #fff !important;
}
.elementor .dlf-pagehead-desc .e-button-base:hover {
	background-color: var(--dlf-bright-green, #339900) !important;
	border-color: var(--dlf-bright-green, #339900) !important;
	color: #fff !important;
}
.elementor .dlf-pagehead-desc > * { padding-inline: 0 !important; }

@media (max-width: 1024px) {
	.elementor .dlf-pagehead { flex-direction: column !important; }
	.elementor .dlf-pagehead-title,
	.elementor .dlf-pagehead-desc {
		flex: 0 0 auto !important;
		padding: 3rem calc(2rem + 10px) !important;
	}
}
@media (max-width: 767px) {
	.elementor .dlf-pagehead-title,
	.elementor .dlf-pagehead-desc {
		padding: 2.5rem calc(1rem + 10px) !important;
	}
}

/* Announcement Bar text (Dashboard › Announcement Bar → [dlf_announcement] in the Header) */
.dlf-announce {
	margin: 0;
	font-family: var(--font-body, inherit);
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.4;
	color: #fff;
}
.dlf-announce a {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.dlf-announce a:hover,
.dlf-announce a:focus {
	text-decoration-thickness: 2px;
}
@media (max-width: 767px) {
	.dlf-announce {
		font-size: 0.875rem;
		text-align: center;
	}
}