.elementor-22 .elementor-element.elementor-element-32613b3{--display:flex;}.elementor-22 .elementor-element.elementor-element-3625fd1{--display:flex;--min-height:273px;border-style:none;--border-style:none;--border-radius:3px 044px 03px 03px;--padding-top:48px;--padding-bottom:48px;--padding-left:48px;--padding-right:48px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-22 .elementor-element.elementor-element-0a55d0b .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-22 .elementor-element.elementor-element-0a55d0b .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-22 .elementor-element.elementor-element-0a55d0b .elementor-field-group.recaptcha_v3-bottomleft, .elementor-22 .elementor-element.elementor-element-0a55d0b .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-22 .elementor-element.elementor-element-0a55d0b .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-22 .elementor-element.elementor-element-0a55d0b .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-22 .elementor-element.elementor-element-0a55d0b .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-22 .elementor-element.elementor-element-0a55d0b .elementor-field-type-html{padding-bottom:0px;}.elementor-22 .elementor-element.elementor-element-0a55d0b .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-22 .elementor-element.elementor-element-0a55d0b .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-22 .elementor-element.elementor-element-0a55d0b .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-22 .elementor-element.elementor-element-0a55d0b .elementor-button[type="submit"]{color:#ffffff;}.elementor-22 .elementor-element.elementor-element-0a55d0b .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-22 .elementor-element.elementor-element-0a55d0b .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-22 .elementor-element.elementor-element-0a55d0b .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-22 .elementor-element.elementor-element-0a55d0b .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-22 .elementor-element.elementor-element-0a55d0b .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-22 .elementor-element.elementor-element-0a55d0b .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-22 .elementor-element.elementor-element-0a55d0b{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(min-width:768px){.elementor-22 .elementor-element.elementor-element-32613b3{--width:45%;}.elementor-22 .elementor-element.elementor-element-3625fd1{--width:55%;}}@media(max-width:1024px){.elementor-22 .elementor-element.elementor-element-3625fd1{--padding-top:38px;--padding-bottom:38px;--padding-left:38px;--padding-right:38px;}}@media(max-width:767px){.elementor-22 .elementor-element.elementor-element-3625fd1{--padding-top:26px;--padding-bottom:26px;--padding-left:22px;--padding-right:22px;}}/* Start custom CSS for form, class: .elementor-element-0a55d0b *//* =========================================
   HAARSTUDIO RIAN – CONTACTFORMULIER
   CSS CLASS FORM WIDGET: rian-elementor-form
========================================= */

.rian-elementor-form {
  --purple: #AC6ED4;
  --purple-dark: #8F4EB9;
  --purple-soft: #F4ECF8;
  --dark: #1B171C;
  --text: #696269;
  font-family: Arial, sans-serif !important;
}


/* =========================================
   LABELS
========================================= */

.rian-elementor-form .elementor-field-label {
  margin-bottom: 8px !important;
  color: var(--dark) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}


/* =========================================
   INPUTS
========================================= */

.rian-elementor-form input.elementor-field,
.rian-elementor-form textarea.elementor-field,
.rian-elementor-form select.elementor-field {
  width: 100% !important;

  border: 1px solid rgba(27,23,28,.12) !important;
  border-radius: 3px 14px 3px 3px !important;

  background: #F9F7F5 !important;
  color: var(--dark) !important;

  font-family: Arial, sans-serif !important;
  font-size: 13px !important;

  outline: none !important;
  box-shadow: none !important;

  transition:
    border-color .2s ease,
    background .2s ease,
    box-shadow .2s ease;
}


/* INPUT HEIGHT */
.rian-elementor-form input.elementor-field,
.rian-elementor-form select.elementor-field {
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 17px !important;
}


/* TEXTAREA */
.rian-elementor-form textarea.elementor-field {
  min-height: 150px !important;
  padding: 16px 17px !important;
  resize: vertical;
}


/* PLACEHOLDER */
.rian-elementor-form input::placeholder,
.rian-elementor-form textarea::placeholder {
  color: #A49DA5 !important;
  opacity: 1 !important;
}


/* FOCUS */
.rian-elementor-form input.elementor-field:focus,
.rian-elementor-form textarea.elementor-field:focus,
.rian-elementor-form select.elementor-field:focus {
  border-color: var(--purple) !important;
  background: #FFFFFF !important;

  box-shadow:
    0 0 0 4px rgba(172,110,212,.10) !important;
}


/* =========================================
   SELECT – DEFINITIEVE FIX
========================================= */

/* Wrapper NIET als veld stylen */
.rian-elementor-form .elementor-select-wrapper {
  position: relative !important;

  width: 100% !important;

  padding: 0 !important;
  margin: 0 !important;

  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}


/* Alle Elementor dropdown iconen verbergen */
.rian-elementor-form .select-caret-down-wrapper,
.rian-elementor-form .elementor-select-wrapper .eicon-caret-down,
.rian-elementor-form .elementor-select-wrapper > i,
.rian-elementor-form .elementor-select-wrapper > svg {
  display: none !important;
}


/* Native browser icoon verwijderen */
.rian-elementor-form select.elementor-field {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;

  padding-right: 48px !important;

  cursor: pointer;
}


/* Ons enige dropdown pijltje */
.rian-elementor-form .elementor-select-wrapper::after {
  content: "" !important;

  position: absolute !important;

  top: 50% !important;
  right: 20px !important;

  width: 7px !important;
  height: 7px !important;

  border-right: 2px solid var(--purple-dark) !important;
  border-bottom: 2px solid var(--purple-dark) !important;

  transform:
    translateY(-70%)
    rotate(45deg) !important;

  pointer-events: none !important;
}


/* =========================================
   BUTTON
========================================= */

.rian-elementor-form .elementor-button {
  width: 100% !important;
  min-height: 58px !important;

  margin-top: 7px !important;
  padding: 0 28px !important;

  border: 1px solid var(--purple) !important;
  border-radius: 100px !important;

  background: var(--purple) !important;
  color: #FFFFFF !important;

  font-family: Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;

  box-shadow: none !important;

  transition:
    background .25s ease,
    transform .25s ease,
    box-shadow .25s ease;
}

.rian-elementor-form .elementor-button:hover {
  background: var(--purple-dark) !important;
  color: #FFFFFF !important;

  transform: translateY(-3px);

  box-shadow:
    0 13px 30px rgba(172,110,212,.24) !important;
}


/* =========================================
   MESSAGES
========================================= */

.rian-elementor-form .elementor-message-success {
  margin-top: 16px !important;
  padding: 15px 17px !important;

  border-radius: 3px 14px 3px 3px !important;

  background: var(--purple-soft) !important;
  color: #5F5063 !important;

  font-size: 11px !important;
}

.rian-elementor-form .elementor-message-danger,
.rian-elementor-form .elementor-help-inline {
  color: #A84949 !important;
  font-size: 10px !important;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

  .rian-elementor-form .elementor-field-group {
    width: 100% !important;
  }

  .rian-elementor-form input.elementor-field,
  .rian-elementor-form select.elementor-field {
    height: 54px !important;
    min-height: 54px !important;
  }

  .rian-elementor-form textarea.elementor-field {
    min-height: 135px !important;
  }

}/* End custom CSS */