/* ====
Theme Name: LAB Verduyn Theme
Theme URI: http://www.nieuwontwerp.com
Description: Website van LAB Verduyn B.V.
Version: 0.01
Author: Jeroen van der Wiel @ Nieuw Ontwerp
Tags: webdesign,nieuw,ontwerp,nieuwontwerp,wordpress

==== */

:root
{
	--verduyn-blue: #014088;
	--verduyn-darkblue: #0F3867;
	--verduyn-orange: #B86B32;
	--verduyn-gold: #BCA998;
}

*
{
  box-sizing: border-box;
}

html,body
{
	font-family: 'Roboto', 'Roboto', sans-serif;
	background-color: #F2EEEA;
	margin: 0;
	font-size: 106%;
	line-height: 1.4em;
	scrollbar-color: var(--verduyn-blue) rgba(255, 255, 255, 0);
}

h1,h2,h3,h4,h5,h6
{
	color: var(--verduyn-blue);
	font-family: 'Bahnschrift', 'Bahnschrift', sans-serif;
	line-height: 1.15em;
	margin-block-start: 0px;
	margin-block-end: 0px;
}

h1
{
	color: white;
	font-size: clamp(2.67rem, calc(calc(calc( 1rem * 1.618) * 1.618) * 1.618), 100px);
}

h2
{
	font-size: clamp(2.34rem, calc(calc( 1rem * 1.618) * 1.618), 75px);
}

h3
{
	color: var(--verduyn-orange);
	font-size: clamp(2rem, calc(1rem * 1.618), 50px);
}

h4
{
	color: var(--verduyn-gold);
	font-size: 1.67rem;
}

h5
{
	font-size: 1.34rem;
}

h6
{
	font-size: 1rem;
}

.error
{
	color: red;
}

main
{
	section
	{
		padding-top: clamp(50px, 10dvh, 500px);
		padding-bottom: clamp(50px, 10dvh, 500px);
	}
}

.button
{
	text-decoration: none;
	position: relative;
	font-family: 'Bahnschrift', 'Bahnschrift', sans-serif;
	font-weight: 800;
	font-size: .9rem;
	display: inline-flex;
	background: var(--verduyn-blue);
	color: white;
	clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
	padding: .5em 2.5em .5em 1em;
}