/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.8
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Voorkom vervormde (uitgerekte) afbeeldingen, site-breed.
   Afbeeldingen met een vaste hoogte (bv. 244px) + breedte 100% rekten op smalle/mobiele
   schermen uit omdat object-fit ontbrak. cover vult de box met de juiste verhouding.
   Bij afbeeldingen met auto-hoogte heeft dit geen effect (no-op). */
.elementor-widget-image img { object-fit: cover; }

/* =========================================================
   NIEUWS / BLOG — redactionele opmaak (Vastell-layout, PEX-merk)
   Accent = PEX groen (var --e-global-color-primary), Filson Pro geërfd.
   ========================================================= */

:root { --pex-line: #e7e3dc; --pex-muted: #6b6660; --pex-eyebrow: #9a948c; --pex-ink: #2a2826; }

/* Koppen in de Nieuws-sectie donker (PEX-kit zet H1 standaard op goud) */
.pex-news-title .elementor-heading-title,
.pex-art-title .elementor-heading-title,
.pex-art-content h1, .pex-art-content h2, .pex-art-content h3 { color: var(--pex-ink); }

/* ---------- Nieuws-overzicht ---------- */
.pex-news-eyebrow p {
	margin: 0;
	text-transform: uppercase;
	letter-spacing: .14em;
	font-size: 13px;
	font-weight: 600;
	color: var(--e-global-color-primary);
}
.pex-news-title .elementor-heading-title {
	font-size: 44px;
	line-height: 1.12;
	max-width: 18ch;
	margin: 8px 0 0;
}
.pex-news-intro p {
	margin: 6px 0 0;
	font-size: 18px;
	line-height: 1.6;
	color: var(--pex-muted);
	max-width: 62ch;
}

/* lijst-rijen: tekst links, thumbnail rechts, dunne scheidslijnen */
.pex-news-list .elementor-posts { margin-top: 26px; display: block; }
.pex-news-list .elementor-post {
	display: flex;
	flex-direction: row-reverse;
	align-items: flex-start;
	gap: 34px;
	margin: 0;
	padding: 36px 0;
	border-top: 1px solid var(--pex-line);
}
.pex-news-list .elementor-post__thumbnail__link {
	flex: 0 0 240px;
	width: 240px;
	margin: 0;
	border-radius: 12px;
	overflow: hidden;
}
.pex-news-list .elementor-post__thumbnail {
	height: 0;
	padding-bottom: 64%;
}
.pex-news-list .elementor-post__thumbnail img {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;
}
.pex-news-list .elementor-post__text { flex: 1 1 auto; display: flex; flex-direction: column; }
.pex-news-list .elementor-post__meta-data {
	order: -1;
	margin: 0 0 8px;
	border: 0;
	text-transform: uppercase;
	letter-spacing: .09em;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--pex-eyebrow);
}
.pex-news-list .elementor-post__title {
	margin: 0 0 10px;
	font-size: 27px;
	line-height: 1.24;
}
.pex-news-list .elementor-post__title a { color: var(--e-global-color-text, #2a2826); }
.pex-news-list .elementor-post__title a:hover { color: var(--e-global-color-primary); }
.pex-news-list .elementor-post__excerpt p {
	margin: 0 0 16px;
	font-size: 16px;
	line-height: 1.6;
	color: var(--pex-muted);
}
.pex-news-list .elementor-post__read-more {
	align-self: flex-start;
	font-weight: 600;
	font-size: 15px;
	text-decoration: none;
	color: var(--e-global-color-primary);
	border: 0;
	padding: 0;
}

/* ---------- Artikel ---------- */
.pex-art-back a {
	text-transform: uppercase;
	letter-spacing: .11em;
	font-size: 13px;
	font-weight: 600;
	color: var(--e-global-color-primary);
	text-decoration: none;
}
/* één kolom (720px); foto full-width in de kolom */
#pex-body > .e-con-inner { max-width: 720px; }
.pex-art-herofig { margin: 6px 0; }
.pex-art-herofig img { width: 100%; height: auto; border-radius: 18px; }
.pex-art-eyebrow { margin-top: 2px; }
.pex-art-eyebrow .elementor-icon-list-icon { display: none; }
.pex-art-eyebrow .elementor-icon-list-text,
.pex-art-byline .elementor-icon-list-text {
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 13px;
	font-weight: 600;
	color: var(--pex-eyebrow);
}
.pex-art-title .elementor-heading-title {
	font-size: 37px;
	line-height: 1.15;
	margin: 6px 0 0;
}
.pex-art-rule .elementor-divider-separator { border-top-color: var(--e-global-color-primary) !important; }
.pex-art-lead p {
	margin: 0;
	font-size: 20px;
	line-height: 1.6;
	color: #5b5650;
}
.pex-art-byline { margin-top: 2px; }
.pex-art-byline .elementor-icon-list-icon { display: none; }
.pex-art-byline .elementor-icon-list-text { text-transform: none; letter-spacing: 0; font-weight: 500; color: #8a847c; }
.pex-art-content { font-size: 17px; line-height: 1.75; margin-top: 10px; }
.pex-art-content h2 { font-size: 26px; line-height: 1.3; margin: 38px 0 12px; }
.pex-art-content p { margin: 0 0 18px; }
.pex-art-content ul { margin: 0 0 18px; padding-left: 22px; }
.pex-art-content li { margin: 0 0 6px; }

/* auteurbox als zachte kaart met ronde avatar */
.single-post .elementor-author-box {
	background: #f7f6f3;
	border-radius: 16px;
	padding: 28px 32px;
}
.elementor-author-box__avatar img { border-radius: 50%; }

/* ---------- Mobiel ---------- */
@media (max-width: 767px) {
	.pex-news-title .elementor-heading-title { font-size: 30px; }
	.pex-news-list .elementor-post { flex-direction: column; gap: 16px; padding: 28px 0; }
	.pex-news-list .elementor-post__thumbnail__link { width: 100%; flex-basis: auto; }
	.pex-news-list .elementor-post__thumbnail { padding-bottom: 56%; }
	.pex-news-list .elementor-post__title { font-size: 23px; }
	.pex-art-title .elementor-heading-title { font-size: 29px; }
	.pex-art-lead p { font-size: 18px; }

}