.elementor-41417 .elementor-element.elementor-element-3c9edd0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41417 .elementor-element.elementor-element-4a02c80{font-family:"Garamond", Sans-serif;font-size:1.03em;letter-spacing:0.007em;color:var( --e-global-color-primary );}.elementor-41417 .elementor-element.elementor-element-8ecdfc6 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-41417 .elementor-element.elementor-element-8ecdfc6 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-41417 .elementor-element.elementor-element-8ecdfc6 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-41417 .elementor-element.elementor-element-8ecdfc6 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-41417 .elementor-element.elementor-element-8ecdfc6 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-41417 .elementor-element.elementor-element-8ecdfc6 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-41417 .elementor-element.elementor-element-8ecdfc6 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-41417 .elementor-element.elementor-element-8ecdfc6 .elementor-field-type-html{padding-bottom:0px;color:var( --e-global-color-secondary );}.elementor-41417 .elementor-element.elementor-element-8ecdfc6 .elementor-field-group .elementor-field{color:var( --e-global-color-primary );}.elementor-41417 .elementor-element.elementor-element-8ecdfc6 .elementor-field-group .elementor-field, .elementor-41417 .elementor-element.elementor-element-8ecdfc6 .elementor-field-subgroup label{font-family:"Garamond", Sans-serif;font-size:1.03em;font-weight:400;letter-spacing:0.007em;}.elementor-41417 .elementor-element.elementor-element-8ecdfc6 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var( --e-global-color-secondary );}.elementor-41417 .elementor-element.elementor-element-8ecdfc6 .elementor-field-group .elementor-select-wrapper select{background-color:var( --e-global-color-secondary );}.elementor-41417 .elementor-element.elementor-element-8ecdfc6 .elementor-button{font-family:"Garamond", Sans-serif;font-weight:400;border-radius:3px 3px 3px 3px;}.elementor-41417 .elementor-element.elementor-element-8ecdfc6 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-41417 .elementor-element.elementor-element-8ecdfc6 .elementor-button[type="submit"]{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-41417 .elementor-element.elementor-element-8ecdfc6 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-41417 .elementor-element.elementor-element-8ecdfc6 .e-form__buttons__wrapper__button-previous{color:var( --e-global-color-secondary );}.elementor-41417 .elementor-element.elementor-element-8ecdfc6 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-41417 .elementor-element.elementor-element-8ecdfc6 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-41417 .elementor-element.elementor-element-8ecdfc6 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-41417 .elementor-element.elementor-element-8ecdfc6 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-41417 .elementor-element.elementor-element-8ecdfc6 .elementor-message{font-family:"Garamond", Sans-serif;}.elementor-41417 .elementor-element.elementor-element-8ecdfc6 .elementor-message.elementor-message-success{color:var( --e-global-color-primary );}.elementor-41417 .elementor-element.elementor-element-8ecdfc6 .elementor-message.elementor-message-danger{color:var( --e-global-color-accent );}.elementor-41417 .elementor-element.elementor-element-8ecdfc6 .elementor-message.elementor-help-inline{color:var( --e-global-color-primary );}.elementor-41417 .elementor-element.elementor-element-8ecdfc6{--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;}#elementor-popup-modal-41417 .dialog-widget-content{animation-duration:0.5s;background-color:var( --e-global-color-secondary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-41417 .dialog-message{width:640px;height:auto;padding:2rem 2rem 2rem 2rem;}#elementor-popup-modal-41417{justify-content:center;align-items:center;}#elementor-popup-modal-41417 .dialog-close-button{display:flex;background-color:rgba(0,0,0,0);font-size:1.333333rem;}#elementor-popup-modal-41417 .dialog-close-button i{color:var( --e-global-color-primary );}#elementor-popup-modal-41417 .dialog-close-button svg{fill:var( --e-global-color-primary );}#elementor-popup-modal-41417 .dialog-close-button:hover i{color:#C75B12;}#elementor-popup-modal-41417 .dialog-close-button:hover{background-color:rgba(0,0,0,0);}/* Start custom CSS *//* ============================================
   Nieuwsbrief — stijl afgestemd op de rest van de site
   ============================================ */

/* Formulier: gecentreerd, begrensd in breedte */
.elementor-widget-form {
  width: 100% !important;
  max-width: 440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  align-self: center !important;
  flex-grow: 0 !important;
}

.elementor-widget-form form.elementor-form,
.elementor-widget-form .elementor-form-fields-wrapper {
  width: 100% !important;
  max-width: 100% !important;
}

/* Geen zichtbaar label — de placeholder volstaat */
.elementor-form .elementor-field-label {
  display: none;
}

/* Invulvelden: enkel een volle onderlijn, tekst en placeholder gecentreerd */
.elementor-form .elementor-field-textual,
.elementor-form select,
.elementor-form textarea {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #4A3526;
  border-radius: 0;
  padding: 12px 2px;
  font-family: Garamond, sans-serif;
  font-size: 20.8px;
  color: #4A3526;
  box-shadow: none;
  width: 100%;
  text-align: center;
}

.elementor-form .elementor-field-textual::placeholder {
  color: #4A3526;
  opacity: 1;
  text-align: center;
}

.elementor-form .elementor-field-textual:focus,
.elementor-form .elementor-field-textual:focus-visible,
.elementor-form .elementor-field-textual:valid,
.elementor-form .elementor-field-textual:required,
.elementor-form select:focus,
.elementor-form textarea:focus {
  outline: none !important;
  box-shadow: none !important;
  border-bottom-color: #4A3526 !important;
  background-color: transparent !important;
}

/* Chrome/browser autofill kleur overschrijven */
.elementor-form input:-webkit-autofill,
.elementor-form input:-webkit-autofill:hover,
.elementor-form input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #F4F3ED inset !important;
  -webkit-text-fill-color: #4A3526 !important;
  transition: background-color 5000s ease-in-out 0s;
}

/* Knop: gecentreerd, zichzelf sizen op de tekst, niet uitgerekt */
.e-form__buttons {
  justify-content: center !important;
  align-items: center !important;
  margin-top: 1rem !important;
}

.elementor-widget-form.elementor-button-align-stretch .elementor-button {
  align-self: center !important;
  background-color: #4A3526 !important;
  color: #F4F3ED !important;
  border: 0.8px solid #4A3526 !important;
  border-radius: 3px;
  font-family: Garamond, sans-serif;
  font-size: 21px;
  letter-spacing: 0.15px;
  text-transform: uppercase;
  padding: 16px 40px;
  height: auto;
  width: auto !important;
  min-width: 220px;
  flex-grow: 0 !important;
  flex-basis: auto !important;
  box-shadow: none;
  cursor: pointer !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.elementor-widget-form.elementor-button-align-stretch .elementor-button:hover {
  background-color: #F4F3ED !important;
  color: #4A3526 !important;
}

/* Laad-wieltje bij versturen verbergen */
.elementor-form .elementor-button .elementor-button-state-icon,
.elementor-form .elementor-button .elementor-loading-container,
.elementor-form .elementor-button .elementor-state-icon {
  display: none !important;
}

/* Akkoordvakje (indien later toegevoegd) */
.elementor-form .elementor-field-group.elementor-field-type-acceptance label {
  color: #2b2b2b;
  font-size: 1.03em;
  text-transform: none;
  letter-spacing: normal;
}

/* Succes-/foutmeldingen — eigen crème, 1rem onder de knop */
.elementor-form .elementor-message {
  background-color: #F4F3ED !important;
  color: #4A3526 !important;
  font-family: Garamond, sans-serif;
  font-size: 20.8px;
  font-style: normal;
  padding: 20px 24px;
  margin: 1rem 0 24px;
  border-top: none !important;
  text-align: center;
}

.elementor-form .elementor-message {
  background-color: #F4F3ED !important;
  color: #4A3526 !important;
  font-family: Garamond, sans-serif;
  font-size: 20.8px;
  font-style: normal;
  padding: 20px 24px 0;
  margin: 1rem 0 0;
  border-top: none !important;
  text-align: center;
}

/* Mobiel: ruimte links/rechts tot de schermrand rond de pop-up */
@media (max-width: 992px) {
  #elementor-popup-modal-41417 .dialog-widget-content {
    left: 0 !important;
    right: 0 !important;
    margin-left: 1rem !important;
    margin-right: 1rem !important;
    width: auto !important;
  }
}

/* Geen focus-kader rond de sluitknop */
#elementor-popup-modal-41417 .dialog-close-button,
#elementor-popup-modal-41417 .dialog-close-button:focus,
#elementor-popup-modal-41417 .dialog-close-button:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Content-laag van de pop-up mag de kaart niet overschrijden (voorheen 100vw via Elementor's eigen default, waardoor alles uit het midden schoof op smallere schermen) */
@media (max-width: 992px) {
  #elementor-popup-modal-41417 .dialog-message {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Introtekst blijft links uitgelijnd, oorspronkelijke lettergrootte (1.03em); text-wrap: balance zorgt voor evenwichtigere regelafbrekingen.
   Het tekstvlak (de box) zelf krimpt naar de langste regel en wordt gecentreerd via JS (zie custom code snippet "Nieuwsbrief popup - scroll anchor"),
   omdat CSS width:fit-content bij tekst die over meerdere regels wrapt gewoon de volledige beschikbare breedte teruggeeft (geen manier om dit puur in CSS te doen). */
#elementor-popup-modal-41417 .elementor-element-4a02c80 p {
  text-align: left;
  font-size: 1.03em;
}

/* Vloeiender sluiten: de pop-up krijgt bij het wegschuiven ("reverse" klasse, door
   Elementor's eigen JS toegevoegd bij het sluiten) ook een korte opacity-fade.
   Elementor verwijdert de animatieklasse en de inhoud na exact dezelfde duur als de
   schuifanimatie (0.5s), maar op dat exacte moment kan er nog net een frame worden
   getekend van de weer "gereset" (dus terug zichtbare) positie -- dat gaf het korte
   "floepje" aan het einde. Door de inhoud tegelijk te laten uitfaden (net iets sneller,
   0.4s), is die frame onzichtbaar tegen de tijd dat Elementor opruimt. */
#elementor-popup-modal-41417 .dialog-widget-content {
  transition: opacity 0.4s ease-out;
}
#elementor-popup-modal-41417 .dialog-widget-content.reverse {
  opacity: 0;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Garamond';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://arteowines.be/wp-content/uploads/2026/01/Garamond-Premier-Pro-Caption.woff2') format('woff2');
}
@font-face {
	font-family: 'Garamond';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://arteowines.be/wp-content/uploads/2026/01/GaramondPremrPro-ItCapt.woff2') format('woff2');
}
/* End Custom Fonts CSS */