/* CONTACTPAGINA */

.hbspt-form { position: relative; }
.hbspt-form form { }
.hbspt-form fieldset { display: flex; gap: 10px; width: 49%; max-width: none!important; }
.hbspt-form fieldset.form-columns-1 { }
.hbspt-form fieldset.form-columns-2 { }
/* fields */
.hbspt-form fieldset .field { position: relative; margin-bottom: 10px; width: 100%; }
.hbspt-form fieldset .field label { display: block; margin-bottom: 2px; font-weight: 700; }
.hbspt-form fieldset .field .input { margin: 0!important; }
.hbspt-form fieldset .field .input input { }
.hbspt-form fieldset .field.hs-fieldtype-text .input input,
.hbspt-form fieldset .field.hs-fieldtype-phonenumber .input input,
.hbspt-form fieldset .field.hs-fieldtype-select .input select,
.hbspt-form fieldset .field.hs-fieldtype-file .input input,
.hbspt-form fieldset .field.hs-fieldtype-textarea .input textarea { display: inline-block; padding: 20px 20px; width: 100%; height: 100%; font-family: "Open Sans", sans-serif; font-size: 1em; color: #00565d; border: none; box-sizing: border-box; background-color: #f5f5f5; }
.hbspt-form fieldset .field.hs-fieldtype-select .input select { padding: 19px 20px; }
.hbspt-form fieldset .field.hs-fieldtype-textarea .input textarea { display: block; }
/* error */
.hbspt-form fieldset .field ul.hs-error-msgs { position: absolute; display: flex; align-items: center; bottom: 0; right: 20px; margin: 0; width: auto; height: 62px; font-size: 14px; color: #e84242; list-style: none; pointer-events: none; }
.hbspt-form fieldset .field ul.hs-error-msgs li label { margin: 0; font-weight: 500; }
/* file upload */
.hbspt-form fieldset .field.hs-fieldtype-file input#file-upload-button { margin-right: 5px; }
/* textarea */
.hbspt-form fieldset .field.hs-fieldtype-textarea { position: absolute; top: 0; right: 0; width: 49%; height: 264px; }
.hbspt-form fieldset .field.hs-fieldtype-textarea .input { height: 100%; }
/* checkbox akkoord */
.hbspt-form .legal-consent-container { margin-top: 20px; }
.hbspt-form .legal-consent-container ul.inputs-list { list-style: none; }
.hbspt-form .legal-consent-container ul.inputs-list li { margin: 0; }
.hbspt-form .legal-consent-container ul.inputs-list li label { display: flex; align-items: center; }
.hbspt-form .legal-consent-container ul.inputs-list li label input { margin: 0; width: 16px; height: 16px; border: none; }
.hbspt-form .legal-consent-container ul.inputs-list li label > span { margin-left: 10px; }
/* error (algemeen) */
.hbspt-form fieldset .legal-consent-container .field ul.hs-error-msgs { position: relative; top: -15px; right: 0; bottom: auto; height: auto; font-weight: 500; font-style: italic; }
.hbspt-form .hs_error_rollup ul.hs-error-msgs { margin-top: 20px; color: #e84242; font-weight: 500; list-style: none; }
/* submit button */
.hbspt-form .hs-submit { display: flex; justify-content: flex-start; }
.hbspt-form .hs-submit .actions { display: flex; align-items: center; gap: 10px; margin-top: 25px; }
.hbspt-form .hs-submit .actions:after { position: relative; display: block; top: 0; width: 20px; height: 20px; content: ""; filter: invert(41%) sepia(70%) saturate(5149%) hue-rotate(340deg) brightness(97%) contrast(86%); background-image: url(/images/icons/arrow-right.svg); background-position: center; background-size: 100%; background-repeat: no-repeat; }
.hbspt-form .hs-submit .actions:hover:after { filter: invert(20%) sepia(91%) saturate(1204%) hue-rotate(154deg) brightness(97%) contrast(103%); }
.hbspt-form .hs-submit .actions input[type="submit"] { all: unset; font-family: "Open Sans", sans-serif; font-size: 16px; color: #e84242; font-weight: 700; cursor: pointer; }
.hbspt-form .hs-submit .actions input[type="submit"]:hover { color: #00565d; }

/* KENNISCENTRUM - afwijkende css */

/* fields */
.kenniscentrum-form .hbspt-form fieldset { width: 100%; }
.kenniscentrum-form .hbspt-form fieldset .field label { color: #fff; }
.kenniscentrum-form .hbspt-form fieldset .field.hs-fieldtype-textarea { position: relative; width: 100%; height: 150px; }
/* checkbox akkoord */
.kenniscentrum-form .hbspt-form .legal-consent-container ul.inputs-list { margin-top: 30px; }
.kenniscentrum-form .hbspt-form .legal-consent-container ul.inputs-list li label > span { flex: 1; margin-left: 15px; /* font-size: 15px; */ line-height: 1.2; }
.kenniscentrum-form .hbspt-form .legal-consent-container .hs-richtext { color: #fff; font-weight: 400; }
.kenniscentrum-form .hbspt-form .legal-consent-container .hs-richtext a { color: #fff; }
/* submit button */
.kenniscentrum-form .hbspt-form .hs-submit .actions { margin-top: 20px; margin-bottom: 5px; }
.kenniscentrum-form .hbspt-form .hs-submit .actions:after { filter: invert(1); }
.kenniscentrum-form .hbspt-form .hs-submit .actions:hover:after { filter: invert(20%) sepia(91%) saturate(1204%) hue-rotate(154deg) brightness(97%) contrast(103%); }
.kenniscentrum-form .hbspt-form .hs-submit .actions input[type="submit"] { color: #fff; }
.kenniscentrum-form .hbspt-form .hs-submit .actions input[type="submit"]:hover { color: #00565d; }

/* DIRECT SOLLICITEREN - afwijkende css */

body.werken-bij .contact_form_text { padding-top: 0; padding-bottom: 0; }
body.werken-bij .contact_form_text h2 { margin-top: 0; }
body.werken-bij .hbspt-form .page_content ul { margin: 0; }
/* fields */
body.werken-bij .hbspt-form fieldset .field.hs-type_vacature,
body.werken-bij .hbspt-form fieldset .field.hs-opleiding,
body.werken-bij .hbspt-form fieldset .field.hs-ervaring,
body.werken-bij .hbspt-form fieldset .field.hs-fieldtype-textarea { position: absolute; right: 0; width: 49%; }
body.werken-bij .hbspt-form fieldset .field.hs-type_vacature { top: 0; }
body.werken-bij .hbspt-form fieldset .field.hs-opleiding { top: 101px; }
body.werken-bij .hbspt-form fieldset .field.hs-ervaring { top: 202px; }
body.werken-bij .hbspt-form fieldset .field.hs-fieldtype-textarea { top: 303px; height: 164px; }
/* checkbox akkoord */
body.werken-bij .hbspt-form .legal-consent-container ul.inputs-list { margin-left: 0; }
body.werken-bij .hbspt-form .hs-recaptcha { margin-top: 25px; margin-bottom: 15px; }

/* HOMEPAGINA - afwijkende css */

body.homepage .row.home--handbook .content { align-items: flex-start; }
body.homepage .row.home--handbook .content .home--handbook-artworkbutton { margin-top: 90px; }
/* fields */
body.homepage .hbspt-form fieldset { width: 100%; }
body.homepage .hbspt-form fieldset .field label { display: flex!important; font-weight: 500; }
body.homepage .hbspt-form fieldset .field.hs-fieldtype-text .input input,
body.homepage .hbspt-form fieldset .field.hs-fieldtype-phonenumber .input input,
body.homepage .hbspt-form fieldset .field.hs-fieldtype-select .input select,
body.homepage .hbspt-form fieldset .field.hs-fieldtype-file .input input,
body.homepage .hbspt-form fieldset .field.hs-fieldtype-textarea .input textarea { padding: 10px 10px; }
body.homepage .hbspt-form fieldset .field.hs-fieldtype-textarea .input textarea { height: 132px!important; }
/* checkbox akkoord */
body.homepage .hbspt-form .legal-consent-container ul.inputs-list li label > span { flex: 1; margin-left: 15px; font-weight: 700; line-height: 1.2; }
body.homepage .hbspt-form .legal-consent-container .hs-richtext a { color: #fff; }
/* submit button */
body.homepage .hbspt-form .hs-submit .actions input[type="submit"] { color: #fff; }
body.homepage .hbspt-form .hs-submit .actions:after { position: relative; top: 1px; filter: invert(1); }


@media screen and (max-width: 1000px) {
    
    /* CONTACTPAGINA */

    /* fields */
    .hbspt-form fieldset { flex-direction: column; gap: 0; width: 100%; }
    .hbspt-form fieldset .field .input input { width: 100%!important; }
    .hbspt-form fieldset .field.hs-fieldtype-textarea { position: relative; width: 100%; height: auto; }
    .hbspt-form fieldset .field.hs-fieldtype-text .input input,
    .hbspt-form fieldset .field.hs-fieldtype-phonenumber .input input,
    .hbspt-form fieldset .field.hs-fieldtype-select .input select,
    .hbspt-form fieldset .field.hs-fieldtype-file .input input,
    .hbspt-form fieldset .field.hs-fieldtype-textarea .input textarea { padding: 15px 15px; }
    .hbspt-form fieldset .field.hs-fieldtype-textarea .input textarea { height: 150px; }
    /* error */
    .hbspt-form fieldset .field ul.hs-error-msgs { height: 54px; }
    /* checkbox akkoord */
    .hbspt-form .legal-consent-container ul.inputs-list li label { display: flex; align-items: flex-start; }
    .hbspt-form .legal-consent-container ul.inputs-list li label input { margin-top: 2px; width: 16px!important; height: 16px; }
    .hbspt-form .legal-consent-container ul.inputs-list li label > span { flex: 1; margin-left: 15px; width: auto; font-size: 15px; line-height: 1.2; }
    .hbspt-form .legal-consent-container .hs-richtext { line-height: 1.5; }
    /* submit button */
    .hbspt-form .hs-submit .actions { margin-top: 15px; }

    /* DIRECT SOLLICITEREN - afwijkende css */

    /* fields */
    body.werken-bij .hbspt-form { margin-top: 15px; }
    body.werken-bij .hbspt-form fieldset .field.hs-fieldtype-select .input select { width: 100%; }
    body.werken-bij .hbspt-form fieldset .field.hs-type_vacature,
    body.werken-bij .hbspt-form fieldset .field.hs-opleiding,
    body.werken-bij .hbspt-form fieldset .field.hs-ervaring,
    body.werken-bij .hbspt-form fieldset .field.hs-fieldtype-textarea { position: relative; top: auto; width: 100%; }
    body.werken-bij .hbspt-form fieldset .field.hs-fieldtype-textarea { height: auto; }

    /* HOMEPAGINA - afwijkende css */

    body.homepage .row.home--handbook .content { width: 100%; }
    body.homepage .row.home--handbook .content .home--handbook-artworkbutton { margin-top: 0; }

}