/*
Theme Name: Ecomotic Child
Theme URI: https://ecomotic.nl
Description: Child theme van Hello Elementor voor Ecomotic. Header, footer en functionaliteit komen uit de plugin Ecomotic Core.
Author: Websiet.nl
Author URI: https://websiet.nl
Template: hello-elementor
Version: 1.3.0
Text Domain: ecomotic-child
*/

:root {
	--eco-green: #00a03c;
	--eco-green-dark: #007c2e;
	--eco-orange: #f0a500;
	--eco-grey: #58595b;
	--eco-grey-light: #e6e7e8;
	--eco-text: #333333;
}

body {
	color: var(--eco-text);
	margin: 0;
}

.eco-site {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.eco-main {
	flex: 1 0 auto;
}

.eco-footer {
	flex-shrink: 0;
}

a {
	color: var(--eco-green);
}

a:hover,
a:focus {
	color: var(--eco-green-dark);
}

h1, h2, h3, h4 {
	color: var(--eco-text);
}

/* Overslaan-link voor toetsenbordgebruik */

.skip-link {
	position: absolute;
	left: -9999px;
	z-index: 999;
}

.skip-link:focus {
	left: 10px;
	top: 10px;
	padding: 10px 16px;
	background: var(--eco-green);
	color: #fff;
	width: auto;
	height: auto;
	clip: auto;
}

/* Sectietitel met streepje eronder, zoals op de oude site */

.eco-section-title {
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
}

.eco-section-title::after {
	content: "";
	display: block;
	width: 90px;
	height: 2px;
	margin: 14px auto 0;
	background: var(--eco-grey);
}