/*
Theme Name: 3W theme
Description: Child theme for enfold made by 3wmedia
Version: 1.0
Author: Marlon & Jura
Author URI: www.3wmedia.nl
Template: enfold
*/


/*
███    ██  ██████      ███████ ████████ ██    ██ ██      ██ ███    ██  ██████      ██   ██ ███████ ██████  ███████
████   ██ ██    ██     ██         ██     ██  ██  ██      ██ ████   ██ ██           ██   ██ ██      ██   ██ ██
██ ██  ██ ██    ██     ███████    ██      ████   ██      ██ ██ ██  ██ ██   ███     ███████ █████   ██████  █████
██  ██ ██ ██    ██          ██    ██       ██    ██      ██ ██  ██ ██ ██    ██     ██   ██ ██      ██   ██ ██
██   ████  ██████      ███████    ██       ██    ███████ ██ ██   ████  ██████      ██   ██ ███████ ██   ██ ███████

Variables only
*/

:root {
	--blue: blue;
	--blue-light: lightblue;
	--yellow: yellow;
	--white: #fff;
	--form-text: #6D8494;

	--primary: var(--blue);
	--secondary: var(--blue-light);

	--text-color: var(--white);
	--action-color: var(--yellow);


	--card-margin: 30px;

	--border-radius: 0;

	--font-size-small: 14px;
	--font-size-med: 18px;
	--font-size-big: 28px;

	--line-height-small: 22px;
	--line-height-med: 21.6px;
	--line-height-big: 33.6px;
}

@media (max-width: 767px) {
	:root {
		--font-size-small: 12px;
		--font-size-med: 14px;
		--font-size-big: 16px;

		--line-height-small: 16.8px;
		--line-height-med: 16.8px;
		--line-height-big: 19.2px;
	}
}


.responsive .container {
	max-width: 1020px;
}