/* line 8, scss/component/form.scss */
form input,
form select,
form textarea {
  width: 100%;
  padding: var(--form-padding);
  border: none;
  border-bottom: 1px solid var(--color--accent2);
  font-size: var(--font-size-pS);
  color: var(--color--neutral2);
  outline: none;
  transition: border-color 0.3s ease;
  border-radius: 0;
  background-color: none; }
  /* line 22, scss/component/form.scss */
  form input:focus,
  form select:focus,
  form textarea:focus {
    border-bottom-color: var(--color--accent1); }
  /* line 26, scss/component/form.scss */
  form input::-moz-placeholder, form select::-moz-placeholder, form textarea::-moz-placeholder {
    color: var(--color--neutral2); }
  form input::placeholder,
  form select::placeholder,
  form textarea::placeholder {
    color: var(--color--neutral2); }
  /* line 30, scss/component/form.scss */
  form input[type="checkbox"], form input[type="radio"],
  form select[type="checkbox"],
  form select[type="radio"],
  form textarea[type="checkbox"],
  form textarea[type="radio"] {
    width: 13px;
    border: 2px solid var(--color--neutral2);
    border-radius: 2px;
    margin-right: 0.5rem; }

/* line 39, scss/component/form.scss */
form h5 {
  color: var(--color--secondary2);
  font-weight: 600; }

/* line 45, scss/component/form.scss */
form .form-item .description {
  font-size: var(--font-size-pXS);
  color: var(--color--neutral2);
  margin-top: 0.5rem; }

/* line 52, scss/component/form.scss */
form label {
  font-size: var(--font-size-pS);
  color: var(--color--neutral2); }

/* line 57, scss/component/form.scss */
form .form-radios {
  display: flex;
  align-items: flex-start; }
  /* line 61, scss/component/form.scss */
  form .form-radios .form-type-radio {
    display: flex;
    align-items: center; }
    /* line 65, scss/component/form.scss */
    form .form-radios .form-type-radio + .form-type-radio {
      margin-left: 2rem; }

/* line 71, scss/component/form.scss */
form .form-item,
form .form-actions {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

/* line 79, scss/component/form.scss */
.js-form-type-checkbox label {
  color: var(--color--neutral3); }

/* line 84, scss/component/form.scss */
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%233A3A3A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 1rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em; }

/* line 94, scss/component/form.scss */
.webform-submission-newsletter-form input,
.webform-submission-newsletter-form select,
.webform-submission-newsletter-form textarea {
  color: var(--color--accent3); }
  /* line 99, scss/component/form.scss */
  .webform-submission-newsletter-form input:focus,
  .webform-submission-newsletter-form select:focus,
  .webform-submission-newsletter-form textarea:focus {
    border-bottom-color: var(--color--accent1); }
  /* line 103, scss/component/form.scss */
  .webform-submission-newsletter-form input::-moz-placeholder, .webform-submission-newsletter-form select::-moz-placeholder, .webform-submission-newsletter-form textarea::-moz-placeholder {
    color: var(--color--accent3); }
  .webform-submission-newsletter-form input::placeholder,
  .webform-submission-newsletter-form select::placeholder,
  .webform-submission-newsletter-form textarea::placeholder {
    color: var(--color--accent3); }

/* line 108, scss/component/form.scss */
.webform-submission-newsletter-form legend {
  font-weight: normal;
  color: var(--color--accent3);
  font-size: var(--font-size-pS); }

/* line 116, scss/component/form.scss */
.user-register-form .form-item-name {
  display: none; }

/* line 120, scss/component/form.scss */
.user-register-form .field--name-field-role {
  margin: 2rem 0; }
  /* line 123, scss/component/form.scss */
  .user-register-form .field--name-field-role legend {
    font-weight: normal;
    color: var(--color--neutral2); }

/* line 130, scss/component/form.scss */
.newsletter-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 2rem; }
  /* line 135, scss/component/form.scss */
  .newsletter-wrapper .newsletter-img {
    width: 100%;
    height: auto;
    margin-top: -2rem;
    margin-bottom: -5rem;
    position: relative;
    z-index: -1; }
    @media (max-width: 991px) {
      /* line 135, scss/component/form.scss */
      .newsletter-wrapper .newsletter-img {
        display: none; } }
  /* line 148, scss/component/form.scss */
  .newsletter-wrapper .form-item,
  .newsletter-wrapper .form-actions {
    margin-top: 1rem;
    margin-bottom: 1rem; }
    /* line 153, scss/component/form.scss */
    .newsletter-wrapper .form-item.js-form-type-radio,
    .newsletter-wrapper .form-actions.js-form-type-radio {
      margin-top: 0.5rem; }
  /* line 158, scss/component/form.scss */
  .newsletter-wrapper .radios--wrapper {
    padding-left: var(--form-padding); }

/* line 163, scss/component/form.scss */
.user-form-wrapper {
  background: url(../../images/shared/user-form-bg.jpg) no-repeat right bottom;
  background-size: cover;
  padding-top: 6rem;
  padding-bottom: 6rem; }
  /* line 169, scss/component/form.scss */
  .user-form-wrapper form {
    background-color: var(--color--white);
    padding: 2rem;
    border-radius: 16px;
    max-width: 640px; }
    /* line 175, scss/component/form.scss */
    .user-form-wrapper form-title {
      color: var(--color--secondary2); }
    /* line 179, scss/component/form.scss */
    .user-form-wrapper form input[type="submit"],
    .user-form-wrapper form .btn {
      width: 100%;
      display: block;
      text-align: center; }
    /* line 186, scss/component/form.scss */
    .user-form-wrapper form .separator {
      position: relative;
      margin: 2rem 0;
      text-align: center; }
      /* line 191, scss/component/form.scss */
      .user-form-wrapper form .separator:after {
        content: " ";
        border-top: 1px solid var(--color--neutral2);
        position: absolute;
        width: 100%;
        top: 50%;
        left: 0;
        z-index: 1; }
      /* line 201, scss/component/form.scss */
      .user-form-wrapper form .separator > span {
        position: relative;
        padding: 0 1rem;
        background-color: var(--color--white);
        z-index: 2; }

/* line 211, scss/component/form.scss */
form.step-2 .js-form-item-mail {
  display: none; }

/* line 215, scss/component/form.scss */
.user-register-form select {
  width: 100%; }

/* line 219, scss/component/form.scss */
.user-register-form select option[value=""] {
  display: none; }

/* line 223, scss/component/form.scss */
.views-exposed-form {
  margin-bottom: 40px; }
  /* line 226, scss/component/form.scss */
  .views-exposed-form .form-item-sort-bef-combine label {
    display: none; }
  /* line 230, scss/component/form.scss */
  .views-exposed-form > .form--inline {
    display: flex;
    gap: 0.5rem;
    align-items: center; }
    /* line 235, scss/component/form.scss */
    .views-exposed-form > .form--inline .js-form-item {
      width: 28%; }
      /* line 238, scss/component/form.scss */
      .views-exposed-form > .form--inline .js-form-item.js-form-item-sort-bef-combine {
        width: -moz-fit-content;
        width: fit-content;
        height: -moz-fit-content;
        height: fit-content;
        padding-left: 1rem;
        min-width: 145px;
        text-align: right; }
    @media (max-width: 991px) {
      /* line 230, scss/component/form.scss */
      .views-exposed-form > .form--inline {
        flex-wrap: wrap; }
        /* line 250, scss/component/form.scss */
        .views-exposed-form > .form--inline .js-form-item {
          width: calc(50% - (0.5rem / 2)); }
          /* line 253, scss/component/form.scss */
          .views-exposed-form > .form--inline .js-form-item.js-form-item-sort-bef-combine {
            width: 100%; } }
    /* line 259, scss/component/form.scss */
    .views-exposed-form > .form--inline select {
      padding: 12px 16px;
      border: 1px solid var(--color--primary3);
      background-color: var(--color--primary1);
      border-radius: var(--button-border-radius);
      width: 100%;
      background: var(--color--primary1) url(../../images/icons/caret-down.svg) no-repeat right 1rem center; }
  /* line 269, scss/component/form.scss */
  .views-exposed-form .form--inline .form-item,
  .views-exposed-form .form-actions {
    margin: 0; }

/* line 275, scss/component/form.scss */
.pager {
  margin-top: 40px; }
  /* line 279, scss/component/form.scss */
  .pager .pager__item a {
    color: var(--color--neutral3); }
  /* line 283, scss/component/form.scss */
  .pager .pager__item.is-active a {
    color: var(--color--white);
    background-color: var(--color--accent3);
    border-radius: 50%;
    display: inline-block;
    padding: 4px 0 2px;
    width: 28px;
    font-style: normal; }
  /* line 293, scss/component/form.scss */
  .pager .pager__item a {
    text-decoration: none; }
  /* line 297, scss/component/form.scss */
  .pager .pager__item.pager__item--first a,
  .pager .pager__item.pager__item--previous a,
  .pager .pager__item.pager__item--next a,
  .pager .pager__item.pager__item--last a {
    color: var(--color--accent3);
    border-bottom: 2px solid var(--color--accent3);
    font-weight: 700; }

/* line 309, scss/component/form.scss */
.js-form-item-sort-bef-combine .bef-toggle-link {
  text-decoration: none;
  color: var(--color--neutral3); }

/* line 314, scss/component/form.scss */
.js-form-item-sort-bef-combine .bef-toggle-link:after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 4px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }

/* line 325, scss/component/form.scss */
.js-form-item-sort-bef-combine .bef-toggle-link[href*="created_ASC"]:after {
  background-image: url("../../images/icons/arrow-up.svg"); }

/* line 329, scss/component/form.scss */
.js-form-item-sort-bef-combine .bef-toggle-link[href*="created_DESC"]:after {
  background-image: url("../../images/icons/arrow-down.svg"); }

/*# sourceMappingURL=form.css.map */