#block-webform {
  padding-top: 90px;
}

#block-webform .fieldset-legend {
  font-family: var(--font-family-serif);
  font-style: normal;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 170%;
  color: black;
}

#block-webform .form-select {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: center;
          align-items: center;
  padding: 0 0 0 10px;
  position: static;
  left: 0px;
  min-width: 300px;
  width: 100%;
  height: 40px;
  top: 39px;
  border: 1px solid var(--color-dark-tan);
  -webkit-box-flex: 0;
          flex: none;
  -webkit-box-ordinal-group: 2;
          order: 1;
  align-self: stretch;
  flex-grow: 0;
  background-image: url(../../../images/icons/select-icon.svg);
  background-repeat: no-repeat;
  background-position: center right;
}

@media (min-width: 48em) {
  #block-webform .form-select {
    width: 50%;
  }
}

.webform-submission-form .form-item label {
  display: block;
  font-family: var(--font-family-serif);
  font-style: normal;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 170%;
  color: black;
  -webkit-box-flex: 0;
          flex: none;
  -webkit-box-ordinal-group: 1;
          order: 0;
  flex-grow: 0;
  margin: 0px 4px;
  text-transform: none;
}

.webform-submission-form .form-item label.form-required:after {
  content: "*";
  color: var(--color-ictj-red);
  font-style: normal;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 170%;
}

.webform-submission-form .form-item input {
  display: block;
  height: 40px;
  border: 1px solid var(--color-dark-tan);
  width: 100%;
}

.webform-submission-form .form-item #edit-address-postal-code {
  width: 100%;
}

@media (min-width: 48em) {
  .webform-submission-form .form-item #edit-address-postal-code {
    width: 50%;
  }
}

.webform-submission-form .form-item .form-textarea {
  border: 1px solid var(--color-dark-tan);
  width: 100%;
}

.webform-submission-form .form-item .option {
  font-family: var(--font-family-serif);
  font-style: normal;
  font-weight: normal;
  font-size: 1.125rem;
  line-height: 170%;
  color: black;
}

.webform-submission-form .form-checkboxes .form-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.webform-submission-form .form-checkboxes .form-checkbox {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}

.webform-submission-form .form-checkboxes .option {
  padding-left: 12px;
  display: none;
}

.webform-submission-form .form-checkboxes .checkbox-label {
  font-family: var(--font-family-serif);
  font-style: normal;
  font-weight: normal;
  font-size: 1.125rem;
  line-height: 170%;
  color: #000000;
  padding-bottom: 3px;
}

.webform-submission-form .form-item-date .form-date {
  width: 100%;
  padding: 6px 0 6px 15px;
}

@media (min-width: 48em) {
  .webform-submission-form .form-item-date .form-date {
    width: 50%;
  }
}

.webform-submission-form .form-item-time-option .form-time {
  width: 100%;
  padding: 6px 0 6px 15px;
}

@media (min-width: 48em) {
  .webform-submission-form .form-item-time-option .form-time {
    width: 50%;
  }
}

.webform-submission-form .form-item-radio-options .form-radio {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}

.webform-submission-form .form-item-radio-options .option {
  padding-left: 12px;
  display: none;
}

.webform-submission-form .form-item-radio-options .radio-label {
  font-family: var(--font-family-serif);
  font-style: normal;
  font-weight: normal;
  font-size: 1.125rem;
  line-height: 170%;
  color: #000000;
  padding-bottom: 3px;
}

.webform-submission-form .form-item-radio-options .description {
  padding-left: 5px;
}

.webform-submission-form .button--primary {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  padding: 10px 20px;
  background: var(--color-lite-blue);
  color: white;
  -webkit-box-flex: 0;
          flex: none;
  -webkit-box-ordinal-group: 5;
          order: 4;
  flex-grow: 0;
  margin: 32px 0px;
  border: none;
}

.webform-submission-form .button--primary .button--content {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  font-family: var(--font-family-sans);
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.webform-submission-form .button--primary .button--content:after {
  font-size: 1.375rem;
  line-height: 22px;
  content: "";
  background-image: url(../../../images/icons/angle-right-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 9px;
  height: 22px;
  left: 152px;
  top: 11px;
  -webkit-box-flex: 0;
          flex: none;
  -webkit-box-ordinal-group: 2;
          order: 1;
  flex-grow: 0;
  margin: 0px 10px;
}

.webform-submission-form .button--primary:active {
  border: 4px solid rgba(36, 121, 194, 0.5);
}

.webform-submission-form .button--primary:focus {
  background: var(--color-dark-blue);
}

.webform-submission-form .button--primary:hover {
  background: var(--color-dark-blue);
  cursor: pointer;
}

.webform-element-description {
  font-family: var(--font-family-sans);
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 160%;
  color: var(--color-dark-gray);
}

#block-webform fieldset.webform-type-fieldset {
  border: none;
  padding: 0;
}

#block-webform fieldset.webform-type-fieldset .fieldset-legend {
  font-family: var(--font-family-sans);
  font-style: normal;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 150%;
  color: var(--color-ictj-blue);
}

/* Customize the label (the container) */

.checkbox-label {
  display: block;
  position: relative;
  padding-left: 42px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 1.375rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */

.checkbox-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */

.checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 25px;
  width: 25px;
  border: 1px solid var(--color-tan);
  padding-right: 10px;
}

/* On mouse-over, add a grey background color */

.checkbox-label:hover input ~ .checkmark {
  border: 5px solid var(--color-tan);
}

input:focus + .checkmark,
input:active + .checkmark {
  border: 5px solid var(--color-tan);
}

/* When the checkbox is checked, add a blue background */

.checkbox-label input:checked ~ .checkmark {
  background-color: var(--color-dark-tan);
  border: 5px solid var(--color-tan);
}

/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */

.checkbox-label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */

.checkbox-label .checkmark:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Customize the label (the container) */

.radio-label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 1.375rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */

.radio-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */

.radio-checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 25px;
  width: 25px;
  border: 1px solid var(--color-tan);
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */

.radio-label:hover input ~ .radio-checkmark {
  border: 5px solid var(--color-tan);
}

input:focus + .radio-checkmark,
input:active + .radio-checkmark {
  border: 5px solid var(--color-tan);
}

/* When the radio button is checked, add a blue background */

.radio-label input:checked ~ .radio-checkmark {
  background-color: var(--color-dark-tan);
  border: 5px solid var(--color-tan);
}

/* Create the indicator (the dot/circle - hidden when not checked) */

.radio-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */

/* Style the indicator (dot/circle) */

.radio-label .radio-checkmark:after {
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.radio-label:hover input ~ .radio-checkmark:after,
.radio-label:focus input ~ .radio-checkmark:after {
  top: 4px;
  left: 4px;
}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {
  background-image: url(../../../images/icons/date-calendar.svg);
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--color-tan-white);
  padding: 16px;
}

input[type=time]::-webkit-calendar-picker-indicator {
  background-size: 50px;
  background-image: url(../../../images/icons/clockpng.png);
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--color-tan-white);
  padding: 12px 16px 12px 16px;
}