/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 18 2023 | 10:26:07 */
:root {
	--wit: 				#ffffff;
	--zwart: 			#000000;
	
	--tekstZwart:		#2b2f38;
}

#registration_form {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 25px;
}

#registration_form input.wwlc_form_field {
	width: 100%;
}

#registration_form #first_name_field,
#registration_form #last_name_field,
#registration_form #wwlc_cf_1_field,
#registration_form #wwlc_cf_2_field,
#registration_form #wwlc_phone_field,
#registration_form #user_email_field,
#registration_form #wwlc_password,
#registration_form .wwlc_password_confirm-field-set.wwlc_password_confirm {
	flex-basis: calc(50% - 12.5px);
}

#registration_form #wwlc_country_field,
#registration_form #wwlc_address_field,
#registration_form #wwlc_address_2_field,
#registration_form #wwlc_city_field,
#registration_form #wwlc_state_field,
#registration_form #wwlc_postcode_field {
	flex-basis: calc(33.33% - 17px);
}

#registration_form #wwlc_company_name_field,
#registration_form #wwlc_cf_bedrijfsgegevens_label,
#registration_form #wwlc_cf_adresgegevens_label,
#registration_form #wwlc_cf_label_accountgegevens {
	flex-basis: 100%;
}

#registration_form #wwlc_country_field .select2-container--default .select2-selection--single {
	color: #666;
	padding: .617em;
	height: auto;
	border-width: 1px;
	border-style: solid;
	border-color: var(--ast-border-color);
	border-radius: 2px;
	background: var(--ast-comment-inputs-background);
	box-shadow: none;
	box-sizing: border-box;
	transition: all .2s linear;
}

#registration_form #wwlc_country_field  .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100%;
}

#registration_form #wwlc_cf_bedrijfsgegevens_label strong,
#registration_form #wwlc_cf_adresgegevens_label strong,
#registration_form #wwlc_cf_label_accountgegevens strong {
	color: var(--tekstZwart);
	font-weight: 400;
	font-size: 20px;
	line-height: 1.5em;
	margin-bottom: 0px;
}
#registration_form #wwlc_cf_bedrijfsgegevens_label p,
#registration_form #wwlc_cf_adresgegevens_label p,
#registration_form #wwlc_cf_label_accountgegevens p {
	margin-bottom: 0px;
}

#wwlc-register {
	font-weight: 500;
	font-size: 15px;
}

#registration_form #log-in,
#registration_form #lost-password {
	padding: 7px 17px;
	border-radius: 20px;
	border: 2px solid #a4cfd5;
	background-color: #f4fdfc;
	transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}
#registration_form #log-in {
	margin-right: 7px;
}
#registration_form #log-in:hover,
#registration_form #lost-password:hover {
	color: var(--wit);
	background-color: #307982;
	border-color: #307982;
}

#registration_form .register-button-container {
	display: block;
	margin-bottom: 35px;
}


@media (max-width: 767px) {
	#registration_form .form-row {
		flex-basis: 100% !important;
		margin-bottom: 0px;
	}
}