.reservation_form {
}

.reservation_form .form-section {
  border-top: white solid 1px;
  padding: 40px 0;
}

.reservation_form .form-section.first-section {
  border-top: none;
}

.reservation_form .form-section ol {
  padding: 0 0 0 18px;
}

.reservation_form .form-section h3 {
  padding-bottom: 20px;
}

.reservation_form .form-section select,
.reservation_form .form-section input,
.reservation_form .form-section textarea {
  background-color: #000000;
  color: #fff;
  width: 100%;
  padding: 10px;
  border-radius: 100px;
  margin-top: 5px;
  border: solid 1px #fff;
}

.reservation_form .form-section p {
  padding-top: 10px;
}

.reservation_form .form-section p {
  padding-top: 10px;
}

.reservation_form .form-section input,
.reservation_form .form-section textarea {
  max-width: calc(100% - 27px);
  min-width: calc(100% - 27px);
}

.reservation_form .form-section textarea {
  border-radius: 10px;
  max-height: 100px;
  min-height: 100px;
}

.reservation_form .form-section input[type="checkbox"] {
  max-width: 100%;
}

.reservation_form
  .form-section
  .wpcf7-form-control.wpcf7-acceptance
  .wpcf7-list-item {
  margin: 0;
}

.reservation_form .form-section select.wpcf7-not-valid,
.reservation_form .form-section input.wpcf7-not-valid,
.reservation_form .form-section textarea.wpcf7-not-valid {
  border: solid red 1px;
}

.reservation_form .form-section input[type="submit"] {
  text-align: left;
  padding: 10px 0 10px 30px;
  min-width: 30px;
  max-width: 250px;
  font-size: 30px;
  color: #000;
  background: #fff;
  transition: 0.3s ease all;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E");
}

.reservation_form .form-section input[type="submit"]:hover {
  background: #000;
  color: #fff;
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E");
}

/*Styling of the title*/
.selected-spectacle-wrapper {
  padding-bottom: 50px;
}

.selected-spectacle-wrapper .selected-spectacle-title {
  margin: 0;
  text-align: left;
  font-size: var(--text-big);
  line-height: 1 !important;
}

.selected-spectacle-wrapper .selected-spectacle-details {
  font-size: var(--text-medium);
  padding-top: none;
}