/*
Theme Name: HUMBLE Onderhoud
Description: Lichte "website in onderhoud"-pagina in de huisstijl van HUMBLE (zelfde donkere verloop-achtergrond en typografie als het inlogscherm van de Offertetool). Bedoeld als tijdelijk site-breed thema; de Offertetool zelf blijft via de plugin "humble-offertetool" werken, ongeacht welk thema hier actief is — die rendert zijn eigen pagina los van het thema.
Version: 1.1.0
Author: HUMBLE
Requires PHP: 7.4
Text Domain: humble-onderhoud
*/

@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@400;600;700;800&family=Montserrat:wght@300;400;500;600&display=swap');

*{box-sizing:border-box}
html,body{margin:0;padding:0;height:100%}
body{font-family:Montserrat,system-ui,sans-serif;-webkit-font-smoothing:antialiased}

/* -------------------------------------------------- Onderhoudsmodus AAN -- */
body.hu-maintenance{
	color:#fff;
	background:
		linear-gradient(185deg,rgba(4,32,39,.62) 0%,rgba(4,32,39,.93) 42%,rgba(4,32,39,.99) 100%),
		url('assets/gradient.jpg') center/cover no-repeat,
		#042027;
	min-height:100vh;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	gap:40px;
	padding:56px 48px;
}
body.hu-maintenance a{color:#fff}
body.hu-maintenance a:hover{color:#62C8CC}

.hu-brand{display:flex;flex-direction:column;gap:7px}
.hu-brand img{height:26px;width:auto;align-self:flex-start}
.hu-kicker{
	font-size:10.5px;
	letter-spacing:.16em;
	color:#62C8CC;
	font-weight:600;
	font-family:Alexandria,Montserrat,sans-serif;
	text-transform:uppercase;
}

.hu-hero{max-width:46ch;margin:auto 0}
.hu-hero h1{
	margin:0;
	font-family:Alexandria,Montserrat,sans-serif;
	font-size:clamp(28px,5vw,44px);
	line-height:1.2;
	font-weight:700;
	letter-spacing:-.01em;
}
.hu-hero p{
	margin:16px 0 0;
	font-size:15px;
	line-height:1.6;
	color:#B9C4D0;
	max-width:40ch;
}
.hu-hero .hu-contact{
	margin-top:26px;
	display:inline-flex;
	align-items:center;
	gap:8px;
	font-size:13.5px;
	font-weight:600;
	color:#fff;
	text-decoration:none;
	border-bottom:1px solid rgba(255,255,255,.35);
	padding-bottom:2px;
}
.hu-hero .hu-contact:hover{border-color:#62C8CC}

.hu-footnote{font-size:11.5px;color:#7E8B99}

@media (max-width:520px){
	body.hu-maintenance{padding:32px 24px}
}

/* --------------------------------------------------- Onderhoudsmodus UIT -- */
body.hu-normal{
	background:#F4F4F4;
	color:#243B50;
	min-height:100vh;
}
.hu-page-header{
	display:flex;
	align-items:center;
	gap:10px;
	padding:20px 32px;
	background:#fff;
	border-bottom:1px solid #DDE3EA;
}
.hu-page-mark{height:24px;width:auto}
.hu-page-sitename{
	font-family:Alexandria,Montserrat,sans-serif;
	font-weight:700;
	font-size:15px;
	color:#243B50;
	text-decoration:none;
}
.hu-page-content{
	max-width:720px;
	margin:0 auto;
	padding:48px 32px 96px;
}
.hu-page-content h1{
	font-family:Alexandria,Montserrat,sans-serif;
	font-size:28px;
	font-weight:700;
	margin:0 0 18px;
	color:#243B50;
}
.hu-entry{font-size:15px;line-height:1.7;color:#48555F}
.hu-entry p{margin:0 0 16px}
.hu-entry a{color:#2F7FEB}
.hu-entry a:hover{color:#2568A5}