/*
Theme Name: Samenwerken in de Regio
Theme URI: https://samenwerkeninderegio.nl
Author: Johan van der Wijk
Author URI: https://thewebworks.nl
Description: WordPress thema voor Samenwerken in de Regio
Version: 1.4.5
Text Domain: samenwerkeninderegio
Tags: one-column
*/

/* todo: stylize radio buttons and checkboxes */

@font-face {
	font-family: 'Myriad Pro';
	font-style: normal;
	font-weight: 400;
	src: local('Myriad Pro'),
	local('Myriad-Pro'),
	local('Myriad'),
	url('fonts/myriad-pro/myriad-pro-normal-400.woff2') format("woff2"),
	url('fonts/myriad-pro/myriad-pro-normal-400.woff') format("woff");
	font-display: swap;
}

@font-face {
	font-family: 'Myriad Pro';
	font-style: italic;
	font-weight: 400;
	src: local('Myriad Pro'),
	local('Myriad-Pro'),
	local('Myriad'),
	url('fonts/myriad-pro/myriad-pro-italic-400.woff2') format("woff2"),
	url('fonts/myriad-pro/myriad-pro-italic-400.woff') format("woff");
	font-display: swap;
}

@font-face {
	font-family: 'Myriad Pro';
	font-style: normal;
	font-weight: 700;
	src: local('Myriad Pro'),
	local('Myriad-Pro'),
	local('Myriad'),
	url('fonts/myriad-pro/myriad-pro-normal-700.woff2') format("woff2"),
	url('fonts/myriad-pro/myriad-pro-normal-700.woff') format("woff");
	font-display: swap;
}

:root {
	--sfc-color-brand-01: #f09a34;
	--sfc-color-brand-01-light: #fe8000;
	--sfc-color-brand-01-dark: #ff4800;

	--sfc-color-brand-02-dark: #19197c;

	--sfc-heading-2-color: #262261;

	--sfc-color-white: #fff;
	--sfc-bg-color-gray-lightest: #e3e3e3;
	--sfc-border-color-light: #ccc;
	--sfc-border-color-gray-lightest: #e3e3e3;

	--sfc-color-warning: #ffbc1f;
	--sfc-color-warning-light: #fffbf0;

	--sfc-paragraph-color: #202122;

	--sfc-font-family: 'Myriad Pro', 'Segoe UI', 'Helvetica Neue', arial, sans-serif;
}


/* Normalize/reset */

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body,
figure,
p {
	margin: 0;
}

fieldset {
	border: 0;
	margin: 0 0 1.5rem; /* 0 0 24px */
	padding: 0;
}

input[type=submit],
input[type=text],
input[type=tel],
input[type=email] {
	-webkit-appearance: none;
	-webkit-border-radius: none;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

img {
	display: inline-block;
	height: auto;
	max-width: 100%;
	vertical-align: text-bottom;
}

h1,
h2,
h3 {
	font-family: var(--sfc-font-family);
	font-weight: 400;
	margin: 0 0 1rem; /* 0 0 16px */
}

.site {
	background-color: var(--sfc-color-white);
	color: var(--sfc-paragraph-color);
	font-family: var(--sfc-font-family);
	font-size: 1rem; /* 16px */
	font-weight: 400;
	margin: 0 auto;
	max-width: 1200px;
}

/* Header */

.site-header a {
	display: grid;
	grid-template-columns: 1fr;
	overflow: hidden;
}

.site-header svg {
	grid-column-start: 1;
	grid-row-start: 1;
	margin-left: -1px; /* fix for Safari bug */
}

.site-header .header-image {
	grid-column-start: 1;
	grid-row-start: 1;
}

.site-header .site-title {
	color: var(--sfc-color-brand-02-dark);
	font-size: 2rem; /* 32px */
	font-style: italic;
}

.site-header .site-title a {
	text-decoration: none;
}

/* Main */

.site-main {
	margin: 0 7% 10% 7%;
}

.entry-title,
.archive-title {
	color: var(--sfc-heading-2-color);
	font-size: 6rem; /* 96px */
	font-style: italic;
	line-height: 1;
	margin: 2rem 0; /* 32px 0 */
}

@media only screen and (max-width: 641px) {
	.entry-title,
	.archive-title {
		font-size: 2rem; /* 32px */
		margin: 2rem 0 1rem; /* 32px 0 16px */
	}
}

.entry-title a {
	color: var(--sfc-color-brand-02-dark);
	text-decoration: none;
}

.entry-content p {
	line-height: 1.6;
	margin: 0 0 1rem; /* 0 0 16px */
}

.entry-content ul {
	list-style-type: square;
	margin: 0 0 1rem .5rem; /* 0 0 16px 8px */
	padding-left: 1rem; /* 16px */
}

.entry-content a {
	color: var(--sfc-color-brand-02-dark);
	text-decoration: none;
}

.entry-content a:hover {
	border-bottom: 1px solid var(--sfc-color-brand-02-dark);
}

.entry-content h2 {
	color: var(--sfc-heading-2-color);
	font-size: 2.125rem; /* 34px */
}

@media only screen and (max-width: 641px) {
	.entry-content h2 {
		font-size: 1.25rem; /* 20px */
	}
}

.entry-content h3 {
	color: var(--sfc-heading-2-color);
	font-size: 1.5rem; /* 24px */
	font-style: italic;
}

/* Footer */

.site-footer {
	border-top: 1px solid var(--sfc-color-brand-02-dark);
	padding-top: 1rem; /* 16px */
}

.footer-content {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding: 0 0 0 5%;
}

.site-footer a {
	background-color: var(--sfc-color-white);
	padding-right: 1rem; /* 16px */
	transform: translateY(-50%);
}

.site-footer img {
	float: right;
	width: 10rem; /* 160px */
}

.site-footer h3 {
	color: var(--sfc-color-brand-02-dark);
	font-size: 1.5rem; /* 24px */
	font-style: italic;
}

@media only screen and (max-width: 641px) {
	.site-footer img {
		width: 6rem; /* 96px */
	}

	.site-footer h3 {
		font-size: 1rem; /* 16px */
	}
}

/* Forms */

button,
input,
select,
textarea {
	font-family: var(--sfc-font-family);
	font-size: 1rem; /* 16px */
}

input[type="text"],
input[type="email"],
input[type="tel"] {
	border: 1px solid #aaa;
	border-radius: 4px;
	padding: 6px;
	width: 100%;
}

.gfield {
	margin-bottom: 1.5rem; /* 24px */
}

.gfield_label {
	font-weight: 700;
}

.gfield_required {
	color: var(--sfc-color-brand-01);
	margin-left: 2px;
}

.field_sublabel_below .ginput_complex.ginput_container label {
	font-size: .875rem; /* 14px */
	margin-top: 6px;
}

.gfield_checkbox .gchoice {
	margin-left: 20px;
	text-indent: -22px;
}

.ginput_container {
	margin-top: 6px;
	padding-right: 5px;
	width: 100%;
}

.ginput_container.gf_name_has_2 {
	column-gap: 10px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.gchoice {
	margin-bottom: 1rem;
}

.gchoice:last-child {
	margin-bottom: 0;
}

input[type=submit].gform_button {
	background-color: var(--sfc-color-brand-01);
	border: 1px solid transparent;
	border-radius: 4px;
	color: var(--sfc-color-white);
	cursor: pointer;
	display: inline-block;
	font-size: 1.1875rem; /* 19px */
	font-weight: 700;
	line-height: 1;
	min-height: 3rem; /* 48px */
	padding: .75rem 1.5rem; /* 12px 24px */
	transition-duration: 500ms;
}

@media only screen and (max-width: 641px) {
	input[type=submit].gform_button {
		width: 100%;
	}
}

input[type=submit].gform_button:hover {
	background-color: var(--sfc-color-brand-01-light);
}

input[type=submit].gform_button:active {
	background-color: var(--sfc-color-brand-01-dark);
	position: relative;
	top: 1px;
}

/* Gravity Forms Validation */

h2.gform_submission_error {
	background-color: var(--sfc-color-warning-light);
	border-color: var(--sfc-color-warning);
	border-radius: 5px;
	border-style: solid;
	border-width: 1px 1px 1px 8px;
	color: var(--sfc-paragraph-color);
	font-size: 1rem; /* 16px */
	padding: 10px;
}

.gfield_validation_message {
	color: var(--sfc-color-brand-01);
	font-size: 14px;
	font-weight: 700;
	margin-top: 5px;
}

.gfield_error input {
	border-color: var(--sfc-color-brand-01);
}

/* Data popout */

.entry-content .data {
	background-color: var(--sfc-color-white);
	border: 1px solid var(--sfc-border-color-gray-lightest);
	border-radius: 4px;
	box-shadow: 0 5px 30px hsl(0deg 0% 0% / 10%);
	font-size: 1rem; /* 16px */
	line-height: 1.6;
	list-style: none;
	margin: 10px 0 10px 20px;
	padding: 10px;
	width: 290px;
}

@media only screen and (max-width: 641px) {
	.entry-content .data {
		margin: 10px 0 0;
		width: 100%;
	}
}

.entry-content .data li:last-child {
	margin-bottom: 0;
}