/*
Theme Name: Vendsyssel Højskoleforening
Author: Højskoleforeningen Vendsyssel
Description: Et roligt, nordjysk tema til arrangementer, fællesskab og foreningsliv.
Version: 1.0.14
Text Domain: vendsyssel-hojskoleforening
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Playfair+Display:wght@500;600&display=swap');
:root{--green:#2e7d32;--dark:#1f2937;--gray:#6b7280;--bg:#f5f5f2;--soft:#eae6df;--light:#a7c79b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--dark);font-family:Inter,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{height:98px;background:rgba(255,255,255,.9);border-bottom:2px solid var(--green);position:relative;z-index:5}.header-inner{width:1200px;max-width:92%;height:100%;margin:0 auto;display:flex;align-items:center}.brand{color:#176d2b;font:italic 600 22px/1.05 'Playfair Display',serif;flex:0 0 275px}.site-header nav{display:flex;gap:46px;margin-left:auto;height:100%;align-items:center}.site-header nav a{font-size:14px;padding:38px 2px 28px}.site-header nav a.active{color:#176d2b;border-bottom:3px solid var(--green)}.landmark{position:relative;flex:0 0 108px;width:108px;height:70px;margin-left:58px;background:var(--green);clip-path:polygon(9% 93%,18% 69%,27% 65%,34% 49%,43% 43%,51% 25%,62% 22%,70% 14%,81% 4%,88% 8%,83% 24%,91% 37%,89% 56%,96% 70%,91% 94%,100% 94%,100% 100%,0 100%)}.landmark:after{content:"";position:absolute;inset:2px 0 2px 2px;background:#fff;clip-path:polygon(9% 93%,18% 69%,27% 65%,34% 49%,43% 43%,51% 25%,62% 22%,70% 14%,81% 4%,88% 8%,83% 24%,91% 37%,89% 56%,96% 70%,91% 94%,100% 94%,100% 100%,0 100%)}.hero{min-height:365px;display:flex;align-items:center;background:linear-gradient(90deg,#f7f6f1 0%,rgba(247,246,241,.94) 30%,rgba(247,246,241,.08) 63%),url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1800&q=85') center 54%/cover;border-bottom:1px solid #fff}.hero-copy{width:1200px;max-width:92%;margin:auto}.eyebrow{margin:0 0 12px;color:#176d2b;font-size:12px;line-height:1.3;letter-spacing:.09em;font-weight:600}h1,h2,h3{font-family:'Playfair Display',serif;font-weight:500;line-height:1.18;margin:0}h1{font-size:clamp(34px,3.2vw,52px);max-width:650px}h2{font-size:34px}h3{font-size:29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:12px 22px;border-radius:4px;font-size:14px;font-weight:500;margin-top:30px}.button.secondary{border:1px solid var(--green);color:#176d2b;background:rgba(255,255,255,.65)}.button.primary{background:var(--green);color:#fff}.section{width:1200px;max-width:92%;margin:0 auto}.events{padding:44px 0 28px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.text-link,.event-meta a{color:#176d2b;font-weight:500}.event-list{display:grid;gap:12px}.event-card{min-height:185px;position:relative;display:grid;grid-template-columns:440px 1fr;background:rgba(255,255,255,.5);border:1px solid #dddcd7;border-radius:8px;overflow:visible}.event-image{background-size:cover;background-position:center;border-radius:8px 0 0 8px}.date{position:absolute;left:380px;top:12px;width:96px;height:128px;background:#fff;border:1px solid #dfddd6;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#176d2b;box-shadow:0 4px 16px rgba(31,41,55,.05)}.date strong{font:500 42px/1 'Playfair Display',serif}.date span{font-size:20px;font-weight:600}.date small{font-size:16px;font-weight:600}.event-copy{padding:30px 42px 22px 94px}.event-copy>p:not(.eyebrow){margin:12px 0;max-width:620px}.event-meta{display:flex;gap:22px;align-items:center;font-size:14px}.event-meta i{height:16px;width:1px;background:#7b7b75}.membership{margin-top:18px;margin-bottom:28px;padding:28px 36px;border-radius:8px;background:linear-gradient(115deg,#edece7,#f8f8f5);display:grid;grid-template-columns:90px 1.4fr 1fr auto;align-items:center;gap:26px}.membership .people{width:72px;height:72px;border-radius:50%;background:#fff;color:var(--green);font-size:38px;display:grid;place-items:center}.membership h2{font-size:28px}.membership>p{font-size:14px}.membership .button{margin:0}.about{padding:68px 0;max-width:760px;text-align:center}.about p:last-child{font-size:18px;color:var(--gray)}footer{padding:38px max(4vw,calc((100% - 1200px)/2));background:linear-gradient(110deg,#f0eee8,#f6f4ed);display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:50px}footer>div{display:flex;flex-direction:column;gap:6px;font-size:13px}footer .eyebrow{margin-bottom:8px}.social{border:1px solid var(--dark);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:20px serif}

/* Copyright / Klikz credit */
.copyright{
	position:relative;
	min-height:46px;
	background:var(--green);
	color:#fff;
	text-align:center;
	padding:13px 170px;
	font-size:12px;
	display:flex;
	align-items:center;
	justify-content:center
}

.created-by{
	position:absolute;
	right:max(4vw,calc((100% - 1200px)/2));
	top:50%;
	transform:translateY(-50%);
	display:inline-flex;
	align-items:center;
	gap:7px;
	color:rgba(255,255,255,.82);
	font-size:10px;
	line-height:1;
	white-space:nowrap;
	text-decoration:none
}

.created-by img{
	display:block;
	width:70px;
	height:auto
}

.created-by:hover{
	color:#fff
}

@media(max-width:850px){
	.site-header{height:78px}
	.header-inner{max-width:90%}
	.brand{flex-basis:auto;font-size:19px}
	.landmark{display:none}
	.site-header nav{gap:16px;margin-left:auto;overflow:auto}
	.site-header nav a{font-size:12px;padding:28px 0 21px}
	.site-header nav a:nth-child(3),.site-header nav a:nth-child(4),.site-header nav a:nth-child(5){display:none}
	.hero{min-height:520px;align-items:start;padding-top:58px;background:linear-gradient(180deg,#f7f6f1 0%,rgba(247,246,241,.86) 47%,rgba(247,246,241,.06) 78%),url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=900&q=85') center/cover}
	.hero-copy{max-width:88%}
	h1{font-size:36px}
	.section{max-width:90%}
	.section-head{align-items:start;gap:20px}
	.section-head .text-link{font-size:13px;white-space:nowrap}
	.event-card{grid-template-columns:1fr;overflow:hidden}
	.event-image{height:210px;border-radius:8px 8px 0 0}
	.date{left:auto;right:14px;top:150px;width:76px;height:103px}
	.date strong{font-size:32px}
	.date span{font-size:16px}
	.date small{font-size:13px}
	.event-copy{padding:30px 22px 24px}
	.event-copy h3{font-size:25px}
	.membership{grid-template-columns:68px 1fr;padding:25px}
	.membership>p{grid-column:1/-1}
	.membership .button{grid-column:1/-1}
	footer{grid-template-columns:1fr 1fr;padding:36px 5%}
	footer>div:last-child{display:none}

	.copyright{
		padding:13px 120px 13px 12px
	}

	.created-by{
		right:12px
	}

	.created-by img{
		width:60px
	}
}

@media(max-width:520px){
	.site-header nav a:nth-child(2){display:none}
	.hero h1{font-size:31px}
	.section-head{display:block}
	.section-head .text-link{display:inline-block;margin-top:14px}
	.membership{grid-template-columns:1fr}
	.membership .people{display:none}
	.membership>p,.membership .button{grid-column:auto}
	footer{grid-template-columns:1fr}
	.event-meta{gap:12px;font-size:12px}

	.copyright{
		justify-content:flex-start;
		text-align:left
	}
}