.inscription-container {
  max-width: 1024px;
  margin: auto;
}

.inscription-header {
  display: flex;
  justify-content: space-between;

  .inscription-image img {
    width: 200px;
    box-shadow: 4px 4px 11px rgba(0, 0, 0, 0.54);
  }

  .inscription-image {
    padding-top: 30px;
    margin-left: 50px;
  }

  .inscription-infos {
    margin-right: 10px;

    h1 {
      margin: 30px 0 0 0;
      font-size: 30px;
    }

    .inscription-infos__description {
      text-align: justify;
    }
  }

  @media screen and (max-width: 640px) {
    flex-flow: column-reverse;
    text-align: center;
    .inscription-image {
      padding-top: 0;
      margin-left: 0;
    }
    .inscription-infos {
      .inscription-infos__description {
        text-align: center;
      }
    }
  }
}

.inscription-bread-crumb {
  display: flex;
  overflow: hidden;
  $disabled-color: #eeeeee;
  $complete_active-color: esprit-sentiers(light-maroon);

  .inscription-bread-crumb__item {
    border: none;
    width: 100%;
    max-height: 58px;
    padding: 10px 20px;
    background-color: #eeeeee;
    position: relative;
    transform: skew(-20deg);

    &:not(:disabled) {
      &:hover {
        cursor: pointer;
      }
    }

    &:not(:last-child) {
      border-right: 4px white solid;
    }

    &:first-child::before,
    &:last-child::after {
      content: "";
      position: absolute;
      bottom: 0;
      width: 50%;
      height: 100%;
      transform: skew(20deg);
      z-index: -1;
    }

    &:first-child::before {
      left: 0;
    }

    &:last-child::after {
      right: 0;
    }

    &:first-child::before,
    &:last-child::after {
      background-color: $disabled-color;
    }

    &.is-active,
    &.completed {
      color: esprit-sentiers(orange);
      background-color: $complete_active-color;

      &:first-child::before,
      &:last-child::after {
        background-color: $complete_active-color;
      }
    }

    .inscription-bread-crumb__item__content {
      transform: skew(20deg);
    }

    .inscription-bread-crumb__item__icon {
      margin-right: 10px;
    }

    @media screen and (max-width: 720px) {
      .inscription-bread-crumb__item__icon {
        margin-right: 0;
      }
      .inscription-bread-crumb__item__title {
        display: none;
      }
    }
  }
}

$inscription_card_top_bottom_space: 18px;
$inscription_card_left_right_space: 22px;
$inscription_card_gap: 15px;
.inscription-form__card {
  display: flex;
  background-color: #ffffff;
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.18);
  border-radius: 5px;

  .content__title {
    margin: 0 0 15px 0;
  }

  .content__description {
    line-height: 1;
    font-size: 0.9em;
    text-align: justify;
    margin: 0 0 10px 0;
  }
}

$responsive-witdh-1: 790px;

.inscription-form-container {
  h3,
  h4,
  h5 {
    font-family: fonts(default);
    font-weight: normal;
  }

  fieldset {
    legend {
      font-size: 15px;
      font-weight: 600;
    }
  }

  display: flex;

  .inscription-form-container__content {
    flex-grow: 1;

    .inscription-form {
      .inscription-form__content {
        margin: 15px 0;
        display: flex;

        .inscription-form__content__step {
          flex-grow: 1;
        }

        @media screen and (max-width: $responsive-witdh-1) {
          flex-flow: column;
        }
      }

      .inscription-form__footer {
        .inscription-form__footer__btn-step {
          display: flex;
          align-items: center;
          justify-content: flex-end;

          .btn {
            &:not(:last-child) {
              margin-right: 10px;
            }
          }
        }
      }
    }
  }
}

.inscription-form__content__recap {
  @extend .inscription-form__card;
  max-width: 330px;
  min-width: 300px;
  margin-left: 20px;
  padding: $inscription_card_top_bottom_space $inscription_card_left_right_space;
  align-items: center;
  flex-flow: column;
  margin-bottom: auto;

  h4 {
    margin: 0;
    margin-bottom: ($inscription_card_top_bottom_space / 2);
  }

  .inscription-form-content__recap__content {
    width: 100%;

    .recap__content__nb-registrants {
      text-align: center;
      margin-top: 0;
      margin-bottom: ($inscription_card_top_bottom_space / 2);
    }

    .recap__content__prices {
      padding: ($inscription_card_top_bottom_space / 2) 0;
      border-top: 1px solid #eeeeee;
      border-bottom: 1px solid #eeeeee;
      line-height: 1.1;

      margin-bottom: ($inscription_card_top_bottom_space / 2);

      .recap__content__prices__price {
        display: flex;
        align-items: center;

        &:not(:last-child) {
          margin-bottom: 10px;
        }

        .price_times {
          align-self: flex-start;
          min-width: 34px;
        }

        .price_label {
          text-align: justify;
          padding: 0 10px;
          border-right: 2px solid rgba(esprit-sentiers(orange), 0.8);
          margin-right: 10px;
          flex-grow: 1;
        }

        .price_subtotal {
          min-width: 44px;
          text-align: right;
        }
      }
    }

    .recap__content__prices__total {
      text-transform: uppercase;
      font-family: fonts(default);
      font-weight: bold;
      text-align: right;
    }
  }

  @media screen and (max-width: $responsive-witdh-1) {
    flex-flow: column;
    margin-left: 0;
    margin-top: $inscription_card_top_bottom_space;
    max-width: none;
  }
}

.tickets-step {
  .tickets-step__price-card {
    @extend .inscription-form__card;
    justify-content: space-between;


    .tickets-step__price-card__left-side,
    .tickets-step__price-card__right-side {
      display: flex;
      align-items: center;
    }

    .tickets-step__price-card__description,
    .tickets-step__price-card__price-amount,
    .tickets-step__price-card__controls {
      padding: $inscription_card_top_bottom_space $inscription_card_left_right_space;
    }

    .tickets-step__price-card__description {
      .price-title {
        margin: 0;
        margin-bottom: 10px;
      }

      .price-description {
        margin: 0;
        line-height: 1.1;
        font-size: 13px;
      }
    }

    .tickets-step__price-card__price-amount {
      font-size: 20px;
      color: esprit-sentiers(orange);
      min-width: 110px;
    }

    .tickets-step__price-card__controls {
      position: relative;

      .tickets-step__price-card__controls__container,
      .tickets-step__price-card__controls__is-sold-out {
        display: flex;
        align-items: center;
        justify-content: center;
        justify-self: right;
        height: 100%;
        width: 100%;
        min-width: 120px;
      }

      .tickets-step__price-card__controls__container {
        .btn {
          border-radius: 50%;
          font-size: 13px;
        }

        input[type="text"].price-number {
          width: 40px;
          height: 35px;
          font-size: 17px;
          text-align: center;
          min-width: 0;
          margin: 0 5px;
        }
      }

      .tickets-step__price-card__controls__is-sold-out {
        p {
          line-height: 1.1;
          margin: 0;
          padding: 8px 16px;
        }

        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #eeeeee;
        border-radius: 40px;
      }

      .price_error {
        font-size: 11px;
        margin-top: 8px;
        max-width: 120px;
      }

    }

    &:not(:last-child) {
      margin-bottom: $inscription_card_gap;
    }

    @media screen and (max-width: 600px) {
      flex-flow: column;

      .tickets-step__price-card__left-side {
        text-align: center;

        .tickets-step__price-card__description {
          padding-bottom: 0;
        }
      }
      .tickets-step__price-card__right-side {
        justify-content: center;
      }
    }
  }

  .tickets-step__prices-total {
    margin-top: 15px;
    padding: 10px 20px;
    font-size: 17px;
    background-color: esprit-sentiers(light-maroon);
    border-radius: 5px;
    text-align: right;
    color: #ffffff;

    .tickets-step__prices-total__amount {
      margin-left: 5px;
      font-family: fonts(default);
      font-weight: bold;
      color: esprit-sentiers(orange);
    }
  }
}

.prices-total-banner {
  margin-top: 15px;
  padding: 10px 20px;
  font-size: 17px;
  background-color: esprit-sentiers(light-maroon);
  border-radius: 5px;
  text-align: right;
  color: #ffffff;

  .prices-total-banner__amount {
    margin-left: 5px;
    font-family: fonts(default);
    font-weight: bold;
    color: esprit-sentiers(orange);
  }
}

.registrants-cards {
  position: relative;
  display: flex;
  flex-flow: column;

  .registrant-card {
    @extend .inscription-form__card;
    flex-flow: column;
    transition: max-height 0.2s ease-out;
    overflow: hidden;

    &:not(:last-child) {
      margin-bottom: $inscription_card_gap;
    }

    .registrant-card__header {
      padding: $inscription_card_top_bottom_space $inscription_card_left_right_space;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer;

      .registrant-card__header__title {
        margin: 0 10px 0 0;
        display: flex;
        text-align: left;
      }

      .arrow-toggle {
        flex-grow: 1;
        transition: transform 0.2s ease-out;
        min-height: 20px;
        min-width: 20px;
        max-height: 20px;
        max-width: 20px;
        background: center/contain no-repeat url("#{$common_srv}/css/icons/chevron-down.svg");
        transform: rotate(180deg);
      }
    }

    &.fold .registrant-card__header .arrow-toggle {
      transform: rotate(0deg);
    }

    .registrant-card__content {
      margin: 0 $inscription_card_left_right_space $inscription_card_top_bottom_space $inscription_card_left_right_space;
      border-top: 1px solid #eeeeee;
      transition: height 0.2s ease-in;

      p {
        line-height: 1.1;
      }

      .registrant-card__content__chosen-price__container {
        display: flex;
        align-items: center;
        justify-content: center;

        .registrant-card__content__chosen-price__content {
          margin: ($inscription_card_top_bottom_space / 2) 0;
          background-color: #eeeeee;
          padding: 5px 15px;
          border-radius: 40px;
          line-height: 1.2;
          text-align: center;
        }
      }

      .registrant-card__content__ffrp,
      .registrant-card__content__options {
        font-size: 0.9em;

        .option__inputs {
          display: flex;

          .form-group:not(:last-child) {
            margin-right: 10px;
          }
        }

        .option__label {
          margin-bottom: 5px;
          margin: 0;
          text-align: justify;
        }

        > *:last-child {
          .option__inputs .form-group {
            margin-bottom: 0;
          }
        }
      }

      .registrant-card__content__ffrp {
        .content__ffrp__description {
          line-height: 1;
          margin: 0 0 10px 0;
          text-align: justify;
        }

        .content__ffrp__container {
          .ffrp__licence_no {
            margin-top: 5px;
            margin-bottom: 0;
          }
        }
      }
    }
  }
}

.registrants-step__email-verification-modal {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s, visibility 0.2s ease-in-out;

  &.in {
    visibility: visible;
    opacity: 1;
  }

  .registrants-step__email-verification-modal__modal {
    min-height: 220px;
    display: flex;
    flex-flow: column;
    position: relative;
    overflow-y: visible;

    .modal-loader {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: rgba(0, 0, 0, 0.5);
      z-index: 10000;
      visibility: hidden;
      opacity: 0;

      transition: opacity 0.4s, visibility 0.4s ease-in;

      &.loading {
        visibility: visible;
        opacity: 1;
      }

      display: flex;
      flex-flow: column;
      align-items: center;
      justify-content: center;
      color: #ffffff;

      .loading-icon {
        height: 30px;
        width: 30px;
      }
    }

    .modal-header {
      padding: 0 3px;
      justify-self: flex-start;

      .modal-header__desc {
        line-height: 1.1;
        text-align: justify;
        margin: 10px 0 0 0;

        &.desc__warn {
          margin-top: 13px;
        }
      }

      .modal-header__icon {
        font-size: 15px;
      }
    }

    .modal-body {
      flex-grow: 1;
      margin: 20px 0;
      max-height: 400px;
      overflow-y: auto;
      padding: 5px 3px;

      .modal-body__no-access-helper {
        margin-top: 15px;
        display: flex;
        flex-flow: column;
        align-items: flex-end;
        justify-content: center;

        button {
          border: none;
          line-height: 1;
          background: none;
          -webkit-appearance: none;
          font-size: 12px;
          cursor: pointer;
          transition: color 0.1s ease-in-out;

          &:hover {
            color: esprit-sentiers(green);
          }

          span {
            text-decoration: underline;
          }
        }

        .no-access-helper__instructions {
          width: 100%;
          flex-grow: 1;
          margin-top: 5px;
          padding: 10px;
          border: 1px solid #cecece;
          border-radius: 5px;
          display: none;
          line-height: 1.05;
          font-size: 12px;

          p {
            margin: 0 0 5px 0;
          }

          ul {
            margin: 10px 0 0 0;
          }

          li:not(:last-child) {
            margin: 0 0 5px 0;
          }

          &.visible {
            display: initial;
          }
        }
      }
    }

    .modal-footer {
      padding: 0 3px;
      justify-self: flex-end;
    }

    .registrants-step__email-verification-modal__code_group {
      display: flex;
      margin-bottom: 10px;

      .form-group {
        flex-grow: 1;
        margin: 0;
      }

      @media screen and (max-width: 440px) {
        flex-flow: column;
        align-items: flex-end;
        .form-group {
          width: 100%;
          margin-bottom: 2px;
        }
      }

      .code_group__controls {
        .code_group__controls__btn-group {
          display: flex;
          flex-flow: column;
          margin-left: 10px;

          .btn {
            margin: 2px 0;
            min-width: 114px;
          }

          @media screen and (max-width: 440px) {
            flex-flow: row;
            margin-left: 0;
            gap: 5px;

            align-self: flex-end;
            .btn {
              min-width: auto;
            }
          }
        }
      }
    }
  }
}

.informations-step {
  .informations-step__content {
    @extend .inscription-form__card;

    margin: 0 0 10px 0;
    padding: $inscription_card_top_bottom_space;
    flex-flow: column;

    .payer_registrant {
      border: 1px solid #cecece;
      border-radius: 5px;

      margin-top: 10px;
      line-height: 1.1;
      display: flex;

      padding: 10px 15px;
      cursor: pointer;

      &.selected_registrant {
        border-width: 2px;
        border-color: esprit-sentiers(green);
      }

      .payer_registrant__registrant_data {
        flex-grow: 1;
        margin-left: 15px;

        .registrant_data__b {
          font-weight: 600;
        }

        address {
          font-style: normal;
          margin-top: 8px;
        }
      }

      .payer_registrant__change_payer .btn {
        border-radius: 40px;
      }
    }
  }
}

.validation-step {
  .validation-step__content {
    @extend .inscription-form__card;
    padding: $inscription_card_top_bottom_space;
    flex-flow: column;

    .payment-btn-container {
      display: flex;
      align-items: center;
      justify-content: right;
    }

    .validation-step__content__recap {
      margin-top: 10px;
    }
  }

  .validation-step__cgv {
    @extend .inscription-form__card;
    padding: $inscription_card_top_bottom_space;
    margin-top: 10px;
    display: flex;
    flex-flow: column;

    label {
      &.invalid {
        color: colors(error);

        a {
          color: colors(error);
        }

        input[type=checkbox]::after {
          border-color: colors(error);
        }
      }
    }

  }
}

.recap__registrant {
  line-height: 1;
  padding: 10px;
  border: 1px solid #cecece;
  border-radius: 5px;
  display: flex;
  flex-grow: 1;

  &:not(:last-child) {
    margin-bottom: 10px;
  }

  .recap__registrant__icon {
    margin-right: 10px;
  }

  .recap__registrant__content {
    flex-grow: 1;

    .registrant__data__container {
      &.registrant__top .registrant__data {
        display: flex;
        align-items: center;

        > .registrant__top__left {
          flex-grow: 1;
        }
      }

      &.registrant__bottom .registrant__data {
        margin-top: 20px;
      }
    }

    .registrant__data {
      flex-grow: 1;

      .registrant__data_b {
        font-weight: 600;
      }

      p {
        margin: 0;
      }

      p:not(:last-child) {
        margin-bottom: 5px;
      }

      .registrant__data__is-payer,
      .price-label {
        font-size: 12px;
      }

      .registrant__data__is-payer {
        margin-top: 10px;
        font-style: italic;
      }


      .option__group {
        .option__choice,
        .option__label {
          text-align: justify;
          font-size: 0.9em;
        }

        .option__choice {
          margin-left: 10px;
        }

        &:not(:last-child) {
          margin-bottom: 10px;
        }
      }

      fieldset:not(:last-of-type) {
        margin-bottom: 12px;
      }

      address {
        font-style: normal;
      }

    }

    .price-amount {
      color: esprit-sentiers(orange);
    }

    .registrant__see-more {
      font-size: 12px;
      margin-top: 10px;
    }
  }
}

.payment-step {
  .payment-step__content {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    padding: 50px 30px 30px 30px;

    .redirection-group {
      display: flex;
      flex-flow: column;
      align-items: center;
      justify-content: center;
      max-width: 600px;

      .redirection-icon {
        font-size: 40px;
        line-height: 1;
        color: esprit-sentiers(green);
      }

      .redirection-title {
        margin: 12px 0 0 0;
        font-size: 20px;
        text-align: center;
      }

      .redirection-message {
        margin: 10px 0 0 0;
        font-size: 14px;
        line-height: 1.1;
        text-align: center;
      }

      &.force-redirection {
        &:not(.redirection-error) {
          margin-top: 40px;
        }

        &.redirection-error {
          margin-top: 30px;
        }

        .redirection-message {
          font-weight: 300;
        }
      }
    }
  }
}

.inscription__session_expired_modal__container {
  align-items: flex-start;
  padding: 100px 30px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.4s, visibility 0.4s ease-in;

  &.in {
    visibility: visible;
    opacity: 1;
  }
}

.inscription__session_expired_modal {
  .modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    h4 {
      margin: 10px 0 5px 0;
      font-size: 22px;
      font-family: fonts(default);
      font-weight: 600;
      color: esprit-sentiers(orange);
    }

    .close {
      font-size: 20px;
    }
  }

  .modal-body {
    text-align: justify;
    line-height: 1.3;
    font-size: 17px;
  }
}

.inscription-status-title {
  .inscription-status-title__title__container {
    display: flex;
    margin: 0 0 10px 0;

    .inscription-status-title__title__icon {
      width: 40px;
      height: 40px;
      align-self: flex-start;
      background: url("/static/assets/images/inscriptions/status-icon.png") center/contain no-repeat;
    }

    .inscription-status-title__title__title {
      font-size: 30px;
      margin: auto 0 auto 15px;
    }
  }

  .inscription-status-title__description {
    margin: 0 0 10px 0;
  }
}

.inscription-status__card {
  @extend .inscription-form__card;
  padding: $inscription_card_top_bottom_space;
  margin: 0 0 20px 0;
}

.inscription-status__email-sending-info {
  @extend .inscription-form__card;
  flex-flow: column;
  padding: $inscription_card_top_bottom_space;
  margin: 0 0 20px 0;
  background-color: esprit-sentiers(orange);
  color: #ffffff;

  h4 {
    font-family: fonts(default);
    margin: 0 0 10px 0;
  }

  p {
    margin: 0;
    line-height: 1.1;
    text-align: justify;

    &:not(:last-child) {
      margin-bottom: 5px;
    }
  }
}


.inscription-status__cancellation-insurance-info {
  @extend .inscription-form__card;
  flex-flow: column;
  padding: $inscription_card_top_bottom_space;
  margin: 0 0 20px 0;
  background-color: #2E75B6;
  color: #ffffff;

  h4 {
    font-family: fonts(default);
    margin: 0 0 10px 0;
  }

  p {
    margin: 0;
    line-height: 1.1;
    text-align: justify;

    &:not(:last-child) {
      margin-bottom: 5px;
    }
  }

  .subscribe-insurance-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;

    h4 {
      margin: 0;
    }

    a.btn-primary,
    .btn-primary {
      margin: 0;
      background-color: #ffffff;
      border: 1px #ffffff solid;
      color: #2E75B6;

      &:focus:not(:hover) {
        color: #2E75B6;
      }

      &:hover {
        background-color: #2E75B6;
        border-color: #2E75B6;
        color: #ffffff;
      }

      &:hover:not(:disabled),
      &:focus:not(:disabled) {
        box-shadow: 0 0 0 2px rgba(#ffffff, .5);
      }

      &:active:not(:disabled) {
        box-shadow: 0 0 0 1px rgba(#ffffff, .5);
      }
    }

  }
}

.inscription-details {
  display: flex;
  flex-flow: wrap;
  column-gap: 20px;
}

.inscription-details__sejour-event {
  flex-grow: 2;
  flex-flow: column;
  justify-content: center;

  .sejour-event__line {
    display: flex;
    align-items: center;

    &.sejour-name {
      color: esprit-sentiers(orange);
      margin-bottom: 15px;
    }

    &:not(.sejour-name):not(:last-child) {
      margin-bottom: 7px;
    }
  }

  .sejour-event__icon {
    min-width: 25px;
    line-height: 1;
  }

  .sejour-event__sejour-name {
    margin: 0;
    font-family: fonts(default);
    font-weight: 400;
    font-size: 17px;
  }

  .sejour-event__event-dates {
    margin: 0;
    line-height: 1;
  }
}

.inscription-details__nb-registrants {
  flex-grow: 1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-width: 200px;

  .nb-registrants__detail,
  .nb-registrants__icon {
    line-height: 1;
  }

  .nb-registrants__detail {
    margin: 10px 0 0 0;
    font-size: 19px;
    font-weight: 600;
  }
}

.validation-status {
  flex-flow: column;

  .validation-status__main {
    display: flex;
    align-items: center;

    .validation-status__icon {
      width: 40px;
      height: 40px;
      background: url("/static/assets/images/inscriptions/failed-status.png") center/contain no-repeat;

      &.pending {
        background-image: url("/static/assets/images/inscriptions/pending-status.png");
      }

      &.validated {
        background-image: url("/static/assets/images/inscriptions/validated-status.png");
      }
    }

    .validation-status__text {
      margin: 0 0 0 10px;
      font-size: 19px;
      font-weight: 600;
      line-height: 1;
    }
  }

  .validation-status__details {
    margin-top: 10px;

    p {
      margin: 0 0 10px 0;
      text-align: justify;
      font-size: 14px;
      line-height: 1.1;
    }

    .validation-status__payment_proceed {
      .btn {
        float: right;
      }
    }
  }
}

.registrants-details {
  flex-flow: column;
}

.inscription-status__unavailable {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  padding: 70px 30px 30px 30px;

  .unavailable-group {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    max-width: 600px;

    .unavailable-icon {
      font-size: 40px;
      line-height: 1;
      color: esprit-sentiers(green);
    }

    .unavailable-title {
      margin: 25px 0 0 0;
      font-size: 20px;
      text-align: center;
    }

    .contact-us-message {
      margin: 10px 0 0 0;
      font-size: 14px;
      line-height: 1.1;
      text-align: center;
    }

    &.contact-us {
      margin-top: 40px;

      .contact-us-message {
        font-weight: 300;
      }
    }
  }
}

.registration__event-closed {
  display: flex;
  align-items: center;
  flex-flow: column;

  .event-closed__default-container {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
  }

  .event-closed__default-container {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    max-width: 600px;

    .event-closed__icon {
      height: 60px;
      width: 60px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;

      &.complete,
      &.closed {
        background-image: url("/static/assets/images/inscriptions/event-complete.png");
      }

      &.past {
        background-image: url("/static/assets/images/inscriptions/event-past.png");
      }

      &.will-open {
        background-image: url("/static/assets/images/inscriptions/ticketing-will-open.png");
      }
    }

    .event-closed__label {
      margin: 12px 0 8px 0;
      font-size: 20px;
      text-align: center;
      font-family: fonts(default);
      font-weight: 400;
    }

    .event-closed__message {
      line-height: 1.2;
      margin: 0 0 10px 0;
    }
  }

  .event-closed__alert-me {
    margin-top: 30px;
  }
}

.registration__registrations-freeing-form {
  margin: 20px 0 0 0;
  max-width: 400px;
  margin: auto;

  .helper {
    text-align: center;
    line-height: 1.1;
  }

  form {
    margin: auto;
  }
}