/*
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: #0c57a8;
	--blue-light: #39559D;
	--blue-dark: #04192D;
	--yellow: yellow;
	--green: #AAC943;
	--white: #fff;
	--form-text: #6D8494;

	--gray: #ECEBE9;

	--black: #000;

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

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


	--font-family-buttons: 'montserrat', Helvetica, Arial, sans-serif;

	--card-margin: 30px;

	--border-radius: 0;

	--font-size-small: 14px;
	--font-size-med: 16px;
	--font-size-big: 22px;

	--line-height-small: 20px;
	--line-height-med: 23px;
	--line-height-big: 28px;
}

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

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


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