/* CAPTCHA disable border remove padding add margin bottom */
fieldset[data-drupal-selector="edit-captcha"] {
    border:none;
    padding:0;
    margin-bottom:20px;
}


.webform-confirmation {
    font-size:20px;
}
.webform-confirmation a {
    font-size:20px;
}

.webform-submission-form {
    width: var(--width-mobile, 90vw);
    margin-inline: auto;
    max-width: var(--max-width, 1200px);
    font-family:Manrope;
    margin-bottom:40px;
}

.webform-submission-form h2 {
    margin-top:20px;
    margin-bottom:20px;
    color:#552d80;
}

.webform-submission-form .js-form-item {
    margin-bottom:20px;
}

.webform-submission-form .js-form-item input:not([type="checkbox"]) {
  width: 100%;
}

.webform-button--submit {
    background:#552d80;
    color:white;
    border:none;
    font-family:Manrope;
    margin-top:20px;
    padding:13px
}


.webform-submission-form .form-required:after {
    content:"*";
    color:red;
}



/* Alert Error in webforms, probably this is for the entire site, not only for SDC */
div[role="alert"] {
    background:#fef5f1;
    border:1px solid #fd4e00;
    color: #bf5221;
    margin-top:20px;
}

div[role="alert"] ul {
    padding:10px;

}

div[role="alert"] ul li {
    padding:10px;
    list-style-type:disc;
    padding-left: 0;
    position: relative;
    left: 20px;
}

div[role="alert"] ul li::marker {
    display:none;
    margin-left: 10px;
    left: 10px;
}