/* ===========================================================================
General
=========================================================================== */
body {
	--boot-blue: rgb(0,47,92); /* #002f5c */
	--boot-gold: rgb(185,156,103); /* #b99c67 */
	--boot-gold-light: rgb(240,231,217); /* #f0e7d9 */
	--boot-grey: rgb(228,229,229); /* #e4e5e5 */

	--__color-main: var(--boot-gold);
	--__color-second: var(--boot-blue);
}

/* ===========================================================================
Head
=========================================================================== */
/* Menu ------------------------- */
body #customMainMenu ul#menu-main-menu > li.menu-item.current-menu-item > a {
	background-color: var(--boot-gold);
}
/* ===========================================================================
Algemeen
=========================================================================== */
/* checklist ------------------------- */

body .checkList {}
body .checkList ul li::before {	background-color: var(--boot-gold); }
body .checkList ul li::after {
	font-size: 24px;
	left: -30px;
	top: 3px;
}
body .checkList ul li strong { color: var(--boot-blue); }


/* checklist V2 ------------------------- */
.checkListV2 ul {
	padding-left: 1.5em;
	list-style: none;
}
.checkListV2 ul li + li {
	margin-top: 0.6em;
}
.checkListV2 ul li::before {
	content: "\2713";
	position: absolute;
	left: 0.3em;
}

/* ===========================================================================
Content
=========================================================================== */
#main-content {
	position: relative;
	z-index: 999;
}
body #page-container .blueBlock {
	--spacing: 40px;
	--margin-top: 0;

	position: relative;
	width: calc(100% + calc(var(--spacing)*2)) !important;
	max-width: calc(100% + calc(var(--spacing)*2)) !important;
	padding: calc(var(--spacing) + 15px) var(--spacing);
	margin: var(--margin-top) calc(var(--spacing)*-1) 0 calc(var(--spacing)*-1) !important;	
	color: #fff;
	background-color: var(--boot-blue);
}
body #page-container .et_pb_row_0.blueBlock {
	--margin-top: -140px;
}
body #page-container .blueBlock h1{
	color: #fff;
}
body #page-container .blueBlock h2{
	color: var(--boot-gold);
}
body #page-container .blueBlock h1,
body #page-container .blueBlock h2{
	text-shadow: 4px 4px 4px rgba(0,0,0,0.7);
	margin-bottom: 10px;
}

/* Gravity Forms
==================================================================== */
@media all and (min-width: 641px) {
	body .gform_wrapper.gravity-theme .left_label .premieInput .gfield_label, 
	body .gform_wrapper.gravity-theme .right_label .premieInput .gfield_label {
		width: 35%;
	}
	.gform_wrapper.gravity-theme .gform_fields.left_label fieldset.premieInput .ginput_container, 
	.gform_wrapper.gravity-theme .gform_fields.right_label fieldset.premieInput .ginput_container,
	body .gform_wrapper.gravity-theme .left_label div.gfield.premieInput > div:not(.ui-resizable-handle):not(.gfield-admin-icons), 
	body .gform_wrapper.gravity-theme .right_label div.gfield.premieInput > div:not(.ui-resizable-handle):not(.gfield-admin-icons) {
		width: 65%;
	}
}

/*** Radio Button STYLING ***/
.gform_wrapper li.gfield.dekkingKeuze input[type="checkbox"] + label {
	background-color: #fff;
	padding: 5px 15px;
	border: 2px solid #33a836;
	color: #33a836;
	transition: all 0.3s ease;
	white-space: initial !important;
	overflow: initial !important;
}
.gform_wrapper li.gfield.dekkingKeuze input[type="checkbox"] + label:hover,
.gform_wrapper li.gfield.dekkingKeuze input[type="checkbox"]:checked + label {
	background-color: #33a836;
	color: #fff;
}
body .gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox li,
body .gform_wrapper li.gfield.gf_list_2col ul.gfield_radio li {
	margin-bottom: 12px;
}
@media all and (max-width: 768px) {
	.gform_wrapper ul.gform_fields.form_sublabel_below li.gfield table.gfield_list td[data-label="Adres [9]"]::after {
		content: "Adres (Straat Nr., Postcode Plaats)";
	}
}