/*webforms */
.field--type-webform .field__item {
    padding: 10px 15px;
    border: 1px solid grey;
    border-top: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #eee;
}



.field--type-webform .field__label {
    color: #333;
    background-color: lightgrey;
    border-color: grey;
    padding: 10px 15px;
    border-bottom: 0px solid transparent;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: bold;
}

/* Apply flexbox to the webform name composite wrapper */
.js-webform-type-webform-name .fieldset-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem; /* Adds spacing between fields */
}

/* Set the width of the fields for larger screens */
.js-webform-type-webform-name .js-form-item {
    flex: 1 1 45%; /* Each field takes up about half the width of the row */
}

/* Stack fields on smaller screens */
@media (max-width: 768px) {
    .js-webform-type-webform-name .js-form-item {
        flex: 1 1 100%; /* Full width on smaller screens */
    }
}


#block-barrio-boostrap-5-makehaven-makerbootstrap-system-main .field.field--name-webform.field--type-webform {
    background: lightgrey;
    padding: 25px;
    margin-bottom: 15px;
    border-radius: 10px;
}

.webform-type-fieldset {
    border-width: 10px;
    border: solid;
    background-color: #f5f5f5;
    padding: 20px;
    border-radius: 5px;
}

.webform-type-fieldset span.fieldset-legend {
    font-size: 25px;
    font-weight: bold;
    color: #861216;
}