File: /var/www/vhosts/creativefellows.nl/recht.creativefellows.nl/public/scss/_form.scss
.form{
margin-bottom:1.5rem;
input,select{border-radius:0.25rem;padding:0.75rem;height:auto;}
textarea{height:7.5rem;}
input[type="text"],textarea{
padding:0.75rem 1rem;
margin-right: 0;
margin-left:0;
border:none;
border-radius:1.25rem;
box-shadow:inset 0 0 0.25rem rgba($black,0.35);
}
select{
border-radius:1.25rem;
box-shadow:inset 0 0 0.25rem rgba(43, 45, 51, 0.35);
border:none;
background-position:right 0 center;
}
legend,
label{margin:0;padding:0;font-size:1rem;font-weight:400;text-transform:uppercase;color:$secondary-color;position:relative;}
input[type=checkbox]{margin:0;}
input[type=checkbox] + label{font-weight:300;text-transform:none;padding:0 0.25rem;color:$black;font-size:0.875rem;}
.cell.upload{
label{padding: 0.75em 1.5em;background-color:$secondary-color;color:$white;}
}
.form-error{position:absolute;top: 0.25rem;right:0;margin:0;font-size:0.75em;}
//.co-branding-fields{display:none;visibility:hidden;}
input[name=co-branding]:checked~div{
display: block;
visibility:visible;
}
.normal{text-transform:none;color:$black;font-weight:$global-weight-normal;}
}
.select-files{
padding-bottom:0.75rem;
.progress{margin-top:1.5rem;}
.files{margin:0.75rem 0;}
.files::before{content:"Uploaded files";font-size:0.75rem;font-weight:bold;}
.files:empty::before{content:"";}
.file-row{display:block;margin-bottom:0.375em;padding-bottom:0.375em;font-size:0.875rem;border-bottom:solid 1px $light-gray;}
.file-row .delete-file{float:right;display:block;}
}
.form.mktoForm{
width:100% !important;
//width:100% !important;
//margin-bottom:0 !important;
//.mktoOffset,
.mktoFormCol{padding:0;margin:0 0 1rem 0 !important;width:100% !important;float:none;}
.mktoFieldWrap{float:none;width:100%;}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select{
width:calc(100% - 3rem) !important;
// margin:0 !important;
border-radius:1.25rem !important;
font-size:1rem;
padding: .75rem 1rem !important;
line-height:1.5rem;
height:auto !important;
box-shadow: inset 0 0 .25rem rgba(43,45,51,.35) !important;
border:none !important;
}
//.mktoButtonWrap{margin:0 !important;}
//.mktoRadioList,
//.mktoCheckboxList{margin:0;position:absolute;top:0.25rem;left:1rem;}
//.mktoCheckboxList > label{margin-left:2rem !important;border:solid 1px red;}
//.mktoRequiredField label.mktoLabel{width:auto !important;}
//.mktoRequiredField label.mktoLabel{width:100% !important;}
.mktoButtonWrap.mktoDownloadButton .mktoButton
{
background-color:$primary-color !important;
border:none !important;
box-shadow:none !important;
}
#Lblnec_allowmarketingmaterials{width:auto !important;}
#Lblnec_allowmarketingmaterials + div + .mktoLogicalField{float:left !important;}
}