/*
Theme Name: 	Arkin - Connect
Theme URI: 		http://www.lemon.nl
Description: 	03/2023
Author: 		Roeland ten Holder | Lemon
Author URI: 	roeland@lemon.nl
Version: 		1.0
Template:		Arkin
*/

/** ******************************** **/
/**      _____                       **/
/**    _(  _  )__________________    **/
/**   ( | (___)     | ____ |  _  |   **/
/**   |_|_______|_|_|______|_| |_|   **/
/**                                  **/
/**            www.lemon.nl          **/
/**                                  **/
/** ******************************** **/

@import url('https://fonts.googleapis.com/css2?family=Barlow&family=Bungee&display=swap');


body {
	background-color: #000000;
	/* background-image: url('images/man.jpg'); */
	background-size: cover;
	background-position: center center ;
	background-repeat: no-repeat;
}

body,
span.small {
	color: #ffffff;
}

.languages {
	position: fixed;
	top: 30px;
	right: 30px;
	z-index: +1;
}

.headerwrapper.border-bottom,
.full-container.border-top {
	border: none !important;
}

.footerwrapper {
	padding-top: 40px;
	padding-bottom: 0;
}

.disclaimer {
	margin-right: 30px;
}


.connectlogo {
	display: block;
	height: auto;
	max-width: 400px;
}


.footertop,
.hkz-keurmerk,
.arkin-logo-footer,
.headerwrapper {
	display: none;
}



.colored a { color: #78B7E3; }
.colored a:hover { color: #524E89; }
.colored h1,
h1 	{ font-family: 'Bungee'; font-weight: 500; font-size: 30px; line-height: 36px; color: #78B7E3; margin: 0 0 23px 0; }
h2 	{ font-family: 'Bungee'; font-weight: 500; font-size: 20px; line-height: 25px; color: #ffffff; }
h3 	{ font-family: 'Bungee'; font-weight: 500; font-size: 18px; line-height: 23px; color: #ffffff; margin: 0 0 23px 0; }
h4 	{ font-family: 'Bungee'; font-weight: 500; font-size: 16px; line-height: 20px; color: #ffffff; padding: 0; margin: 0; border: none; }
h5 	{ font-family: 'Bungee'; font-weight: 500; font-size: 15px; line-height: 18px; color: #ffffff; }

body { font-family: 'Barlow'; }

.widget_banner h3, .widget_banner h3 span, .content h3 {
	color: #999;
}

.connectcontainer {
	min-height: calc(100vh - 120px);
}
.container {
	max-width: 1280px;
}





.gform_wrapper label {
	margin-bottom: 0;
	line-height: 1em;
}

body .gform_wrapper .top_label div.ginput_container {
	margin: 0;
}

body .gform_wrapper ul li.gfield#field_1_1 {
	margin: 0 !important;
}

body .gform_wrapper ul li.gfield#field_1_2,
body .gform_wrapper ul li.gfield#field_1_3 {
	margin: 0 0 5px !important;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
.gform_wrapper select, 
.gform_wrapper textarea {
	border: 5px solid #ffffff;
	background-color: #000000;
	color: #ffffff;
	
}

#field_1_1 textarea.medium,
#field_2_1 textarea.medium {
	height: 100px;
}




#field_1_4 label.gfield_label,
#field_2_4 label.gfield_label {
	display: none;
}



#field_1_5 span,
#field_2_5 span {
	display: block;
	line-height: 16px;
}


.gform_wrapper ul.gfield_checkbox, .gform_wrapper ul.gfield_radio {
	margin: 0 !important;
}

#field_1_4 .ginput_container_radio ul li,
#field_2_4 .ginput_container_radio ul li {
	width: 50%;
	float: left;
	padding: 0 !important;
	margin: 0 !important;
}


form .hasradio input:checked + label:before, form .hascheckbox input:checked + label:before, .ginput_container .gfield_radio input:checked + label:before, .ginput_container .gfield_checkbox input:checked + label:before {
	background-color: #C32E26 !important;
}


.gform_wrapper .gform_footer {
	padding: 0;
}


.gform_wrapper input[type=submit] {
	float: right !important;
	padding: 7px 15px !important;
	font-weight: 700 !important;
	background-color: #0a80fe !important;
	margin-right: 16px !important;
}

.gform_wrapper input[type=submit]:hover {
	background-color: #006edf !important;
}


.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
	border: 5px solid #C32E26;
}

.gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, .gform_wrapper li.gfield_error ul.gfield_checkbox, .gform_wrapper li.gfield_error ul.gfield_radio,
.gform_body li.gfield.gfield_completeerror::after, .gform_body li.gfield.gfield_error::after,
.gform_wrapper div.validation_error,
.gform_wrapper .validation_message {
	color: #C32E26;
}



.content .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, 
.content .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
	color: #ffffff !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
	margin-bottom: 0 !important;
}

#validation_message_1_4,
#validation_message_2_4 {
	margin-left: 31%;
}

.gform_wrapper div.validation_error {
	background-color: #000;
	border: none;
	border-radius: 0;
	text-align: left;
	padding: 0;
}



.page-id-24 .validation_error::after {
	display: block;
	content: "There was a problem with your submission. Errors are highlighted below.";
}


@media all and (max-width: 991px) { }
@media all and (max-width: 820px) { }
@media all and (max-width: 700px) { }
@media all and (max-width: 580px) { 
	#field_1_3 {
		padding-left: 30% !important;
	}

	.gform_wrapper input[type=submit] {
		float: none !important;
	}

}
@media all and (max-width: 460px) { }