/* line 5, scss/components/form.scss */
.event__registration-form, .field--name-field-webform {
  background: #fafafa;
  max-width: 100%;
  padding: 2rem 1rem; }
  @media (min-width: 992px) {
    /* line 5, scss/components/form.scss */
    .event__registration-form, .field--name-field-webform {
      padding: 3rem; } }
  /* line 15, scss/components/form.scss */
  .event__registration-form #edit-inputcontainer, .field--name-field-webform #edit-inputcontainer {
    display: flex;
    flex-direction: column; }
    @media (min-width: 992px) {
      /* line 15, scss/components/form.scss */
      .event__registration-form #edit-inputcontainer, .field--name-field-webform #edit-inputcontainer {
        flex-direction: row; } }
    /* line 23, scss/components/form.scss */
    .event__registration-form #edit-inputcontainer label, .field--name-field-webform #edit-inputcontainer label {
      transform: translateY(16px);
      position: absolute;
      top: 0px;
      transition-timing-function: ease-out;
      transition-duration: 60ms;
      transition-property: font-size, transform;
      padding: 0 18px;
      flex-direction: column;
      display: block;
      font-size: 1rem;
      line-height: 1.5rem;
      color: #707070; }
      /* line 39, scss/components/form.scss */
      .event__registration-form #edit-inputcontainer label.focused, .field--name-field-webform #edit-inputcontainer label.focused {
        font-size: 12px;
        transform: translateY(8px); }
    /* line 45, scss/components/form.scss */
    .event__registration-form #edit-inputcontainer .form-textarea-wrapper, .field--name-field-webform #edit-inputcontainer .form-textarea-wrapper {
      height: 100%; }
      /* line 48, scss/components/form.scss */
      .event__registration-form #edit-inputcontainer .form-textarea-wrapper textarea, .field--name-field-webform #edit-inputcontainer .form-textarea-wrapper textarea {
        padding: 24px 18px 6px;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        display: block;
        box-sizing: border-box;
        max-width: 100%;
        height: 100%;
        border-radius: 4px;
        border: 1px solid #d5d5d5; }
        /* line 58, scss/components/form.scss */
        .event__registration-form #edit-inputcontainer .form-textarea-wrapper textarea.focused, .field--name-field-webform #edit-inputcontainer .form-textarea-wrapper textarea.focused {
          font-size: 12px;
          transform: translateY(8px); }
  /* line 66, scss/components/form.scss */
  .event__registration-form #edit-markup, .field--name-field-webform #edit-markup {
    margin: 0; }
    /* line 69, scss/components/form.scss */
    .event__registration-form #edit-markup h3, .field--name-field-webform #edit-markup h3 {
      font-size: 1.5rem;
      line-height: 2rem;
      color: #141414;
      margin: 0;
      margin-bottom: 0.5rem;
      font-weight: 500; }
    /* line 78, scss/components/form.scss */
    .event__registration-form #edit-markup-01, .field--name-field-webform #edit-markup-01 {
      margin: 0;
      margin-bottom: 2rem; }
      /* line 82, scss/components/form.scss */
      .event__registration-form #edit-markup-01 p, .field--name-field-webform #edit-markup-01 p {
        font-size: 1rem;
        line-height: 1.5rem;
        color: #141414;
        margin: 0;
        font-weight: 300; }
  /* line 91, scss/components/form.scss */
  .event__registration-form #edit-formcontainer, .field--name-field-webform #edit-formcontainer {
    float: left;
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 100%;
    max-width: 100%; }
    @media (min-width: 992px) {
      /* line 91, scss/components/form.scss */
      .event__registration-form #edit-formcontainer, .field--name-field-webform #edit-formcontainer {
        flex: 0 0 66.6%;
        max-width: 66.6%; } }
    /* line 103, scss/components/form.scss */
    .event__registration-form #edit-formcontainer .js-form-item, .field--name-field-webform #edit-formcontainer .js-form-item {
      position: relative;
      align-self: stretch;
      flex-shrink: 1;
      display: flex;
      flex-basis: auto;
      flex-grow: 0;
      -webkit-box-flex: 0;
      flex-direction: column-reverse;
      justify-content: flex-end;
      width: 100%;
      margin-top: 0;
      margin-bottom: 1.5rem;
      /* label:has( + input:focus )  {
          font-size: 12px;
          transform: translateY(8px);
          color: red;
          background: pink;
        } */ }
      @media (min-width: 768px) {
        /* line 103, scss/components/form.scss */
        .event__registration-form #edit-formcontainer .js-form-item, .field--name-field-webform #edit-formcontainer .js-form-item {
          width: calc(50% - 10px); } }
      @media (min-width: 992px) {
        /* line 103, scss/components/form.scss */
        .event__registration-form #edit-formcontainer .js-form-item, .field--name-field-webform #edit-formcontainer .js-form-item {
          width: calc(50% - 20px);
          margin-bottom: 1.25rem; } }
      /* line 133, scss/components/form.scss */
      .event__registration-form #edit-formcontainer .js-form-item input, .field--name-field-webform #edit-formcontainer .js-form-item input {
        padding: 24px 18px 6px;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        display: block;
        box-sizing: border-box;
        max-width: 100%;
        border-radius: 4px;
        border: 1px solid #d5d5d5;
        line-height: 1.5rem; }
      /* line 144, scss/components/form.scss */
      .event__registration-form #edit-formcontainer .js-form-item:nth-child(2n+0), .field--name-field-webform #edit-formcontainer .js-form-item:nth-child(2n+0) {
        margin-left: 0; }
        @media (min-width: 768px) {
          /* line 144, scss/components/form.scss */
          .event__registration-form #edit-formcontainer .js-form-item:nth-child(2n+0), .field--name-field-webform #edit-formcontainer .js-form-item:nth-child(2n+0) {
            margin-left: 10px; } }
      /* line 152, scss/components/form.scss */
      .event__registration-form #edit-formcontainer .js-form-item:nth-child(2n+1), .field--name-field-webform #edit-formcontainer .js-form-item:nth-child(2n+1) {
        margin-right: 0; }
        @media (min-width: 768px) {
          /* line 152, scss/components/form.scss */
          .event__registration-form #edit-formcontainer .js-form-item:nth-child(2n+1), .field--name-field-webform #edit-formcontainer .js-form-item:nth-child(2n+1) {
            margin-right: 10px; } }
  @media (min-width: 992px) {
    /* line 162, scss/components/form.scss */
    .event__registration-form #edit-inputcontainer.input-container-no-message #edit-formcontainer, .field--name-field-webform #edit-inputcontainer.input-container-no-message #edit-formcontainer {
      flex: 0 0 100%;
      max-width: 100%; } }
  /* line 169, scss/components/form.scss */
  .event__registration-form #edit-privacy, .field--name-field-webform #edit-privacy {
    margin-top: 0.75rem;
    border: 0;
    padding: 0; }
    /* line 174, scss/components/form.scss */
    .event__registration-form #edit-privacy--description, .field--name-field-webform #edit-privacy--description {
      margin-bottom: 2rem; }
      @media (min-width: 768px) {
        /* line 174, scss/components/form.scss */
        .event__registration-form #edit-privacy--description, .field--name-field-webform #edit-privacy--description {
          margin-bottom: 0; } }
    /* line 182, scss/components/form.scss */
    .event__registration-form #edit-privacy legend, .field--name-field-webform #edit-privacy legend {
      display: none; }
    /* line 186, scss/components/form.scss */
    .event__registration-form #edit-privacy .form-type-checkbox, .field--name-field-webform #edit-privacy .form-type-checkbox {
      display: flex;
      margin: 0.25rem; }
      @media (min-width: 768px) {
        /* line 186, scss/components/form.scss */
        .event__registration-form #edit-privacy .form-type-checkbox, .field--name-field-webform #edit-privacy .form-type-checkbox {
          margin-top: 1rem;
          margin-bottom: 1rem; } }
      /* line 195, scss/components/form.scss */
      .event__registration-form #edit-privacy .form-type-checkbox label, .field--name-field-webform #edit-privacy .form-type-checkbox label {
        color: #707070;
        font-size: 0.75rem;
        line-height: 17.5px;
        font-weight: 300;
        margin-left: 10px; }
      /* line 203, scss/components/form.scss */
      .event__registration-form #edit-privacy .form-type-checkbox .form-checkbox, .field--name-field-webform #edit-privacy .form-type-checkbox .form-checkbox {
        background: #fff;
        border: 1px solid #1C6BBA;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        min-width: 20px;
        max-width: 20px;
        height: 20.8px; }
        /* line 213, scss/components/form.scss */
        .event__registration-form #edit-privacy .form-type-checkbox .form-checkbox:checked, .field--name-field-webform #edit-privacy .form-type-checkbox .form-checkbox:checked {
          background-color: #1C6BBA;
          background-image: url("../../images/checkbox.svg");
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center; }
    /* line 223, scss/components/form.scss */
    .event__registration-form #edit-privacy span, .field--name-field-webform #edit-privacy span {
      color: #707070;
      font-size: 0.75rem;
      line-height: 17.5px;
      font-weight: 300; }
  /* line 231, scss/components/form.scss */
  .event__registration-form #edit-actions, .field--name-field-webform #edit-actions {
    margin-top: 2rem;
    margin-bottom: 2rem; }
    @media (min-width: 768px) {
      /* line 231, scss/components/form.scss */
      .event__registration-form #edit-actions, .field--name-field-webform #edit-actions {
        margin-top: 1rem;
        margin-bottom: 1rem; } }
  /* line 244, scss/components/form.scss */
  .event__registration-form .form-item-message, .field--name-field-webform .form-item-message {
    position: relative;
    margin-top: 0;
    margin-bottom: 1.25rem;
    flex: 0 0 100%;
    max-width: 100%; }
    @media (min-width: 992px) {
      /* line 244, scss/components/form.scss */
      .event__registration-form .form-item-message, .field--name-field-webform .form-item-message {
        flex: 0 0 33.3%;
        max-width: 33.3%; } }

/* line 258, scss/components/form.scss */
.delete-submission-form,
.check-in-form,
.volvo-events-vci-confirm-registration-form,
.volvo-events-vci-delete-registration-form,
.volvo-events-vci-check-in-form,
.volvo-events-vci-remove-guest-form {
  margin: 3rem 0;
  text-align: center; }
  /* line 267, scss/components/form.scss */
  .delete-submission-form h3,
  .check-in-form h3,
  .volvo-events-vci-confirm-registration-form h3,
  .volvo-events-vci-delete-registration-form h3,
  .volvo-events-vci-check-in-form h3,
  .volvo-events-vci-remove-guest-form h3 {
    font-size: 1.5rem;
    line-height: 1.5; }

/* line 275, scss/components/form.scss */
.path-frontpage .region-content, .path-user .region-content {
  max-width: 480px;
  margin: 0 auto; }

/* line 282, scss/components/form.scss */
.user-login-form label, .user-pass label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 3px; }

/* line 288, scss/components/form.scss */
.user-login-form .description, .user-pass .description {
  font-size: 0.75rem;
  line-height: 1.5; }

/* line 293, scss/components/form.scss */
.user-login-form input, .user-pass input {
  padding: 10px 1rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  border-radius: 4px;
  border: 1px solid #d5d5d5;
  line-height: 1.5rem; }

/* line 306, scss/components/form.scss */
.vci-event-add-guest-form label {
  display: block;
  font-weight: 500;
  margin-bottom: .5rem; }

/* line 312, scss/components/form.scss */
.vci-event-add-guest-form input[type="text"], .vci-event-add-guest-form input[type="email"] {
  padding: 6px 18px;
  height: 48px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  border-radius: 4px;
  border: 1px solid #d5d5d5;
  line-height: 1.5rem; }

/* line 325, scss/components/form.scss */
.vci-event-add-guest-form .form-type-checkbox label {
  display: inline; }

/* line 329, scss/components/form.scss */
.vci-event-add-guest-form .form-type-checkbox .description {
  margin: 5px 0; }

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