.webform-submission-form,
.node-image-form,
.node-biografia-form{
  max-width: calc(100% - 3rem);
  margin: 0 auto 3rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media(min-width:576px){
  .webform-submission-form,
  .node-image-form,
  .node-biografia-form{
    max-width: var(--w-container-sm);
  }
}
@media(min-width:768px){
  .webform-submission-form,
  .node-image-form,
  .node-biografia-form{
    max-width: var(--w-container-md);
  }
}
@media(min-width:992px){
  .webform-submission-form,
  .node-image-form,
  .node-biografia-form{
    max-width: var(--w-container-lg);
  }
}
@media(min-width:1200px){
  .webform-submission-form,
  .node-image-form,
  .node-biografia-form{
    max-width: var(--w-container-xl);
  }
}
@media(min-width:1400px){
  .webform-submission-form,
  .node-image-form,
  .node-biografia-form{
    max-width: var(--w-container-xxl);
  }
}

.webform-submission-form .form-item,
.node-image-form .form-item,
.node-biografia-form .form-item{
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.webform-submission-form .form-item label,
.node-image-form .form-item label,
.node-biografia-form .form-item label{
  font: var(--f-Montserrat-14-400);
}

.webform-submission-form .form-item input,
.node-image-form .form-item input,
.node-biografia-form .form-item input{
  font: var(--f-Bitter-16-400);
  width: calc(100% - 1.5rem);
  padding: 0.75rem 0.75rem 0.65rem;
  border: 1px solid var(--c-border);
  border-radius: var(--border-radius);
}

.webform-submission-form .form-item:not(.js-form-type-checkbox) input.button,
.node-image-form .form-item:not(.js-form-type-checkbox) input.button,
.node-biografia-form .form-item:not(.js-form-type-checkbox) input.button{
  width: fit-content;
  padding: 0.75rem 1rem;
  font: var(--f-Montserrat-12-400);
}

.webform-submission-form .form-item .field-edit-link button.link,
.node-image-form .form-item .field-edit-link button.link,
.node-biografia-form .form-item .field-edit-link button.link{
  background-color: initial;
  font: var(--f-Montserrat-12-400);
  padding: 0;
  border: 0;
  color: var(--c-primary);
  cursor: pointer;
}

.webform-submission-form .form-item .field-edit-link button.link:hover,
.node-image-form .form-item .field-edit-link button.link:hover,
.node-biografia-form .form-item .field-edit-link button.link:hover{
  text-decoration: underline;
}


.webform-submission-form button.tabledrag-toggle-weight,
.webform-submission-form .js-media-library-widget-toggle-weight,
.webform-submission-form .js-form-type-vertical-tabs,
.node-image-form button.tabledrag-toggle-weight,
.node-image-form .js-media-library-widget-toggle-weight,
.node-image-form .js-form-type-vertical-tabs,
.node-biografia-form button.tabledrag-toggle-weight,
.node-biografia-form .js-media-library-widget-toggle-weight,
.node-biografia-form .js-form-type-vertical-tabs{
  display: none;
}

.webform-submission-form .form-actions input.button,
.node-image-form .form-actions input.button,
.node-biografia-form .form-actions input.button {
  cursor: pointer;
  font: var(--f-Montserrat-12-400);
  border: 0;
  padding: 0.75rem 1rem;
  background-color: var(--c-primary);
  border-radius: var(--border-radius);
  color: white;
  margin-bottom: 1rem;
}

.webform-submission-form .form-actions input.button:hover,
.node-image-form .form-actions input.button:hover,
.node-biografia-form .form-actions input.button:hover{
  background-color: var(--c-primary-700);
}

.webform-submission-form .form-item.js-form-type-checkbox,
.node-image-form .form-item.js-form-type-checkbox,
.node-biografia-form .form-item.js-form-type-checkbox{
  display: block;
  width: auto;
}

.webform-submission-form .form-item:not(.js-form-type-checkbox) input,
.webform-submission-form .form-item textarea,
.node-image-form .form-item:not(.js-form-type-checkbox) input,
.node-image-form .form-item textarea,
.node-biografia-form .form-item:not(.js-form-type-checkbox) input,
.node-biografia-form .form-item textarea{
  font: var(--f-Bitter-16-400);
  width: calc(100% - 1.5rem);
  padding: 0.75rem 0.75rem 0.65rem;
  border: 1px solid var(--c-border);
  border-radius: var(--border-radius);
}

.webform-submission-form .form-item input.form-file,
.node-image-form .form-item input.form-file,
.node-biografia-form .form-item input.form-file{
  font: var(--f-Montserrat-14-400);
  width: fit-content;
}

.webform-submission-form .form-item.js-form-type-checkbox input,
.node-image-form .form-item.js-form-type-checkbox input,
.node-biografia-form .form-item.js-form-type-checkbox input{
  width: auto;
  padding: inherit;
  border: 1px solid var(--c-border);
  border-radius: var(--border-radius);
}

.webform-submission-form .form-item input.form-autocomplete,
.node-image-form .form-item input.form-autocomplete,
.node-biografia-form .form-item input.form-autocomplete{
  background-position: 99% center;
}

.webform-submission-form .form-item .form-wrapper,
.webform-submission-form fieldset .field-prefix,
.webform-submission-form .description,
.webform-submission-form .js-filter-wrapper.description,
.node-image-form .form-item .form-wrapper,
.node-image-form fieldset .field-prefix,
.node-image-form .description,
.node-image-form .js-filter-wrapper.description,
.node-biografia-form .form-item .form-wrapper,
.node-biografia-form fieldset .field-prefix,
.node-biografia-form .description,
.node-biografia-form .js-filter-wrapper.description{
  font: var(--f-Montserrat-12-400);
  margin-bottom: 1rem;
}

.webform-submission-form table thead h4,
.node-image-form table thead h4,
.node-biografia-form table thead h4{
  text-align: left;
}

.webform-submission-form table tbody,
.node-image-form table tbody,
.node-biografia-form table tbody{
  display: block;
}

.webform-submission-form fieldset.form-item,
.node-image-form fieldset.form-item,
.node-biografia-form fieldset.form-item{
  font: var(--f-Montserrat-16-400);
  margin-top: 2rem;
  margin-bottom: 1rem;
  padding: 1.5rem 2rem 2rem;
  border: 1px solid var(--c-border);
  border-top: none;
  width: fit-content;
}

.webform-submission-form fieldset legend,
.node-image-form fieldset legend,
.node-biografia-form fieldset legend{
  font: var(--f-Montserrat-16-700);
}

.webform-submission-form fieldset .fieldset-wrapper,
.node-image-form fieldset .fieldset-wrapper,
.node-biografia-form fieldset .fieldset-wrapper{
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
