@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..700;1,300..700&display=swap');

/*
Theme Name: H2Onna
Template: twentytwentyfive
Description: Child theme voor H2Onna – water in beweging. Gebaseerd op de huisstijlkleuren van het logo.
Version: 1.0.0
Author: H2Onna
Text Domain: h2onna
*/

/* =============================================
   GLOBAL
   ============================================= */

html {
	scroll-behavior: smooth;
}

/* =============================================
   HEADER
   ============================================= */
main{
	margin-top:0 !important;
}

.h2o-header--sticky {
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
}

body {
	padding-top: 90px;
}


/* =============================================
   BANNER
   ============================================= */

.h2o-banner {
	min-height: 300px;
}

.h2o-banner__title {
	font-size: clamp(1.5rem, 4vw, 2.5rem);
	font-weight: 700;
	color: #ffffff;
	text-align: center;
}

/* =============================================
   FOOTER
   ============================================= */

.h2o-footer {
	padding-top: clamp(30px, 7vw, 70px);
}