::placeholder {
  color: $black;
  opacity: 1;
}

/*.form-name{text-align:center;}
.form-name + p{text-align:center;border-bottom:solid 1px $light-gray;font-size:1.125rem;padding-bottom:1.5rem;}*/


.form{
	
	.form-row{margin-bottom:1rem;}
	
	.input-label{display:none;visibility:hidden;}
	input,
	textarea{
		background:none;
		border:none;
		border-bottom:solid 1px $black;
		box-shadow:none;
		padding-left:0;
		&:focus{border:none;background:none;box-shadow:none;border-bottom:solid 1px $primary-color;}
	}
	
	textarea{min-height:9rem;}
	
	input[type=checkbox],
	input[type=radio]{
		position:absolute;opacity:0;height:0;width:0;border:none;margin:0;padding:0;
	}
	.option-label{
		position:relative;
		margin:0;
		&::before{content:"";display:inline-block;left:0;width:1rem;height:1rem;background:$white;margin-right:0.5rem;transform:translateY(0.125rem);}
	}
	input[type=checkbox]:checked + label::after,
	input[type=radio]:checked + label::after{content:"";display:inline-block;position:absolute;top:0.5rem;left:0.25rem;width:0.5rem;height:0.5rem;background:$primary-color;}
	
	
	.choice-options-header{margin:0;font-size:1rem;color:$black;text-transform:none;text-align:left;font-weight:$global-weight-bold;}
	
	.button{margin:1.5rem 0 0 0;}
	
	
/*	.checkboxes input[type=checkbox]{opacity:0;height:0;width:0;border:none;}
	.checkboxes label.label{display:inline-block;cursor:pointer;position:relative;padding-left:1.5em;}
	.checkboxes label.label::before{content:"";display:inline-block;width:1em;height:1em;margin-right:0.5em;position:absolute;left:-0.25em;top:0.25em;background-color:#fff;border:solid 1px #ccc;border-radius:0.25em;}
	.checkboxes input[type=checkbox]:checked + label.label::before{font-size:1em;content:"\2713";color:#000;text-align:center;line-height:15px;}
	.checkboxes label{font-weight:normal;}*/
}



.form__aanmelden{

	.input-label{margin:0.75rem 0 ;}
	.button{margin-top:1.5rem;}
	
	.callout.alert{border:solid 1px #cc4b37; margin:0.75rem 0;}
	
	/*.cell{padding:0;}
	
	
	.form{
		label{font-size:1rem;font-weight:$global-weight-bold;}
		
		input[type="text"]{margin-bottom:0.75rem;}
		.textarea{min-height:7.5rem;margin-bottom:0.75rem;}

		input[type="checkbox"],
		input[type="radio"]{margin:0 0.75rem 0 0;}
	
		.input{border-radius:0 0.5rem 0.5rem 0;}
	
		// choice option label
		.option-label{font-weight:300;}
	
		// headers
		.form-group-header{color:$primary-color;text-align:center;}
		.choice-options-header{margin:0;font-size:1rem;color:$black;text-transform:none;text-align:left;}
	
		.button{display:block;width:100%;margin:0.75rem 0 0 0;}
	
		
		.is-invalid-input:not(:focus){
			
			//border:solid 1px $medium-gray;
			//background: $white;
			
		}
		
	}*/
	
}