@charset "UTF-8";
/* CSS Document */

h1.title.enrol {
	color: rgba(var(--white), 1);
	padding: var(--std-padding);
	padding-top: var(--header-padding);
	text-align: center;
}

section.enrol-form .pricing {
	align-content: center;
	gap: 20px;
}

section.enrol-form #clinic-price {
	font-size: 40px;
	font-weight: 600;
}

section.enrol-form .widget {
	background-color: rgba(var(--act-current), 1);
	padding: 30px;
	border-radius: var(--big-radius);
	color: rgba(var(--white), 1);
	grid-template-columns: 250px 1fr;
	gap: 50px;
}

section.thank-you .widget {
	background-color: rgba(var(--act-current), 0.7);
	padding: 30px;
	border-radius: var(--big-radius);
	color: rgba(var(--white), 1);
	min-height: 50vh;
	align-content: center;
	justify-items: center;
	gap: 30px;
}

section.enrol-form form .checkup, .enrol-form form .form {
	grid-template-columns: 1fr 0.8fr 1fr 0.6fr;
	gap: 10px;
}

section.enrol-form form .form {
	margin-top: 20px;
}

section.enrol-form form .form.hide {
	display: none;
}

section.enrol-form form .form.inactive {
	opacity: 0.3;
	pointer-events: none;
}

section.enrol-form form input, .enrol-form form select {
	background-color: rgba(var(--white), 0.5);
}

section.enrol-form form #time-span {
	font-size: 11px;
	font-weight: 200;
}

section.enrol-form form select:disabled, .enrol-form form input:disabled {
	opacity: 0.3;
}

section.enrol-form flex.radios {
	gap: 10px;
}

section.enrol-form #checkup {
	align-self: end;
	justify-self: start;
}

section.enrol-form button[type=submit]{
	margin-top: 10px;
}



section.enrol-tour form#enrol-tour-form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

section.enrol-tour form label {
	color: rgba(var(--white), 1);
}


section.single-locatie form#enrol-single-club {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

section.single-locatie .message.error {
    color: rgba(var(--alrt-red), 1);
}

section.contact form#contact-form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

section.single-locatie label.line {
	border-bottom: 1px solid rgba(var(--act-primary), 1);
	padding-bottom: 5px;
	margin-bottom: 5px;
}

section.single-locatie grid.availability-wrap {
	gap: 10px;
}

section.single-locatie grid.availability {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

section.single-locatie grid.availability label {
    display: grid;
    line-height: 15px;
}

section.single-locatie grid.availability label g {
    color: #aaa;
    font-size: 13px;
}

section.single-locatie grid.availability flex {
    gap: 5px;
}




@media screen and (max-width: 1180px) and (orientation: portrait),
screen and (max-width: 1024px) {
	
}

@media screen and (max-width: 768px) {
	section.enrol-form .widget {
		grid-template-columns: 1fr;
	}
	
	section.enrol-form form .checkup, .enrol-form form .form {
		grid-template-columns: 1fr 1fr;
	}
}