File: /var/www/vhosts/creativefellows.nl/hi.creativefellows.nl/public/scss/_form.scss
.page-section__form{
background: $secondary-color;
h1,h2,h3{color:$white;}
.form label{color:$white;}
.form a{color:$white;text-decoration:underline;}
.form .is-invalid-label{color:$alert-color;}
}
.form{
.form-field{position:relative;}
label{position:relative;}
.cell__text label{}
.cell__text textarea{min-height:6rem;}
.cell_pr0t3ct{
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 0;
width: 0;
z-index: -1;
}
fieldset{margin-bottom:1.5rem;}
input,
textarea{
&::placeholder {
color:$dark-gray;
}
}
textarea{
min-height:6rem;
}
input[type="text"]{height:auto;}
.filename{padding: 0.625rem;vertical-align: top;display: inline-block;font-size: 0.875rem;font-style:italic;color:$white;}
.choice-option{
position:relative;
padding-left:1rem;
input{position:absolute;top:0.375rem;left:0;}
}
.button{font-size:0.875rem;padding: 0.75rem 2rem;line-height:1rem;}
.label__group{font-size:1.5rem;font-weight:bold;}
.fake-button{
position:relative;
padding-bottom: 2.5rem;
margin-bottom:1rem;
.button__fake{
&::after{
@include button(false);
padding-left:2rem;
padding-right:2rem;
content:"Selecteer";
position:absolute;
text-transform:uppercase;
top:1.75rem;
left:0;
background-color:$light-gray;
color:$black;
font-size:0.875rem;
margin:0;
line-height:1rem;
border-radius:$global-radius * 2;
}
}
.filenames{margin-left:10rem;padding-top:0.5rem;}
.file{
display:inline-block;float:left;font-size:0.75rem;
&::after{content:"";border-right:solid 1px $light-gray;margin-right:0.5rem;padding-left:0.5rem;}
&:last-child::after{display:none;}
}
/*.current-file{
position:absolute;right:0;top:2rem;color:$medium-gray;
i{color:$medium-gray;}
}*/
.label{background-color:$medium-gray;margin: 0.5rem 0.25rem 0.25rem 0;float:right;}
.label i{padding-left:0.25rem;}
}
.form-error{position:absolute;right:0;top:0.5rem;}
.callout{margin:1.5rem 0;}
}
.form__taxation{
}