form h2::before {
    content: '';
    height: 0.7em;
    left: -0.5em;
    position: relative;
    width: 5px;
    border-radius: 3px;
    display: inline-block;
    background: #f7941e;
    margin-right: -5px;

}
form>.webform-composite-visible-title>legend>.fieldset-legend  {
    font-family: "freight-sans-pro", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 0.9em;
    font-weight: 600;
    overflow-wrap:normal;
    color: #077eb5;
    text-transform: capitalize;
    margin: 30px 0 5px 0;
    display: block;
    border: 0;
    /* font-size: 22px !important;
    color: #077eb5;
    font-weight: 700 !important;
    font-family: "freight-sans-pro", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    margin: 30px 0 0 0;
    text-rendering: optimizelegibility;
    line-height: 1.2em; */
}
h5.webform-section-title {
    margin-top: 30px;
    margin-bottom: 0;
}
.webform-flexbox {
    margin-top: 5px;
}
.form-required:after {
    background-size: 7px 7px;
    width: 7px;
    height: 7px;
}
.form-required:after {
    content: '';
    vertical-align: super;
    display: inline-block;
    background-image: url(https://www.aacp.org/core/misc/icons/ee0000/required.svg);
    background-repeat: no-repeat;
    background-size: 6px 6px;
    width: 6px;
    height: 6px;
    margin: 0 0.3em;
}
.form-item input.error, .form-item textarea.error, .form-item select.error {
    color: #a51b00;
    border-width: 1px;
    border-color: #e62600;
    background-color: hsla(15, 75%, 97%, 1);
    box-shadow: inset 0 5px 5px -5px #b8b8b8;
}
.form-item input.error, .form-item textarea.error, .form-item select.error {
    border: 2px solid red;
}
.form-item label {
    font-family: "freight-sans-pro", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 0.9em;
    font-weight: 600;
    overflow-wrap:normal;
    color: #077eb5;
    text-transform: capitalize;
    margin: 30px 0 5px 0;
    display: block;
    border: 0;
}
section>div>.form-item label {
    margin-top:1.25em;
}
section.form-wrapper .webform-section-wrapper .webform-flexbox .webform-flex .form-item label {
    margin-top: 5px;
}
input[type="text"], input[type="email"] {
  padding-top:0 !important;
  padding-bottom:0 !important;
  height:40px !important;
  text-align:middle;
}
.form-checkbox + label + .description {
    margin-left: 1.35em;
    margin-bottom: 0.75em;
}
input.form-radio + label.option {
    font-size: .9em;
    line-height: 1.8em;
    font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    margin-top:.25em;
}
/* Change cursor to pointer on checkboxes and radio buttons */
input[type="checkbox"]:hover, input[type="checkbox"]:focus, input[type="radio"]:hover, input[type="radio"]:focus {
    cursor: pointer;
}
input[type="checkbox"]>.option, input[type="radio"]>.option, option {
  font-size: 1em;
  font-weight: 400;
  font-family: "freight-sans-pro", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  
  color: #444141 !important;
  word-wrap: break-word;
}
/* Provide room for up/down arrows in number field by reducing right padding */
input[type="number"] {
    padding-right:5px;
}
/* Change cursor to pointer on checkbox and radio labels */
label[for] {
    cursor: pointer;
}
/* Change cursor to pointer on dropdowns */
select {
    cursor:pointer;
}
/* Place text to right of checkbox or radio */
label.option {
  display: inline;
  font-size: 1em;
  font-weight: 400 !important;
  font-family: "freight-sans-pro", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-transform:none;
  color: #444141 !important;
  word-wrap: break-word;
  margin-top:5px;
}
/* .layout-content * form>fieldset>legend, .layout-content * form>div>fieldset>legend, .fieldset-wrapper>fieldset>legend, .webform-flex--container>.form-item>legend  {
    font-family: "freight-sans-pro", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
    font-size: 0.8em !important;
    font-weight: 700;
    color:#077eb5;
    background-color: #ffffff !important;
    text-transform: uppercase;
    display: block;
    margin: 30px 0 0 0 !important;
    padding:0 !important;
    border: 0;
} */
fieldset {
    margin-bottom:0 !important;
}
.fieldset-legend, section>div>fieldset>legend, .description>fieldset>legend {
    background-color:#fff;
    margin-bottom:0 !important;
    padding: 5px 0 5px 0;
}
section>div>fieldset:first-child>legend>.fieldset-legend {
    margin-top:0;
}
.form-item .fieldset-legend, .layout-content * form>fieldset>legend, .layout-content * form>div>fieldset>legend, .fieldset-wrapper>fieldset>legend, .webform-flex--container>.form-item>legend, table * fieldset>legend  {
    background-color:#fff !important;
    font-family: "freight-sans-pro", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 16.2px !important;
    font-weight: 600 !important;
    color: #077eb5;
    text-transform: capitalize !important;
    display: block;
    margin: 30px 0 0 0;
    padding: 0;
    border: 0;
}

table * fieldset {
  margin-top:0 !important;
}

.webform-element-description {
  color:#707070;
}
.webform-likert-table-wrapper td:first-child label {
    color: #333;
    font-weight: 500;
}
.webform-likert-table-wrapper th, .webform-likert-table-wrapper td {
    text-align: center;
    vertical-align: middle;
}
/* .webform-likert-table-wrapper td:nth-of-type(7) {
    border-left: 1px solid #999;
} */
.form-actions {
    margin:30px 0;
    float:right;
}

/* STYLE PREVIEW PAGE */
.webform-container-type-details {
    margin:1em 0;
    padding: 0.95em 1.45em;
    border: 1px solid #0082be;
    border-radius: 3px;
    background-color: #fcfcfa;
}
.webform-wizard-page-edit input {
    margin-top:30px !important;
}
/* Drag & Drop Handle */
a.tabledrag-handle .handle {
    width: 28px;
    height: 28px;
}
.form-required:after {
    background-size: 7px 7px;
    width: 7px;
    height: 7px;
}
.form-required:after {
    content: '';
    vertical-align: super;
    display: inline-block;
    background-image: url(https://www.aacp.org/core/misc/icons/ee0000/required.svg);
    background-repeat: no-repeat;
    background-size: 6px 6px;
    width: 6px;
    height: 6px;
    margin: 0 0.3em;
}
input[type="text"] {
  padding-top:0 !important;
  padding-bottom:0 !important;
  height:40px !important;
  text-align:middle;
}
thead > tr > th {
    border-bottom: 0 !important;
}
tbody > tr > td, tbody > tr > th {
    border-top: 0 !important;
}
#edit-volunteer-opportunities > div > table > tbody > tr > td:first-child {
  padding:1em;
  background-color:#f9f9f9;
  margin-bottom:1.5em;
  border-top:12px solid #fff !important;
}
#edit-volunteer-opportunities > label {
  display:none;
}
.volHeadPad > p {
  padding: 0 !important;
  margin-bottom: -1em;
}