.elementor-1444 .elementor-element.elementor-element-ffb8b8a{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;}.elementor-widget-image .widget-image-caption{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 );}@media(max-width:1024px){.elementor-1444 .elementor-element.elementor-element-ffb8b8a{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1444 .elementor-element.elementor-element-ffb8b8a{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for shortcode, class: .elementor-element-8df9bbd *//* =============================================================
   STYLE IN PARFUM  —  Contact Form (FormLayer)
   Paste into: Form Settings > Custom CSS, then Apply Settings.
   Targets elements directly, so it works regardless of
   FormLayer's internal class names.
   ============================================================= */

.formlayer-form {
  --sip-gold:      #c2944d;
  --sip-gold-dark: #99724c;
  --sip-cream:     #fbf7f0;
  --sip-border:    #e6dac6;
  --sip-text:      #2d2a26;
  --sip-muted:     #a2937e;
  max-width: 640px;
}

/* ---- Field labels (Full Identity, Contact Mail, Subject ...) ---- */
.formlayer-form label {
  text-transform: uppercase !important;
  letter-spacing: .14em !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--sip-text) !important;
  margin-bottom: 8px !important;
}

/* Keep the GDPR consent text in normal case */
.formlayer-form label:has(input[type="checkbox"]) {
  text-transform: none !important;
  letter-spacing: normal !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

/* Required asterisk -> gold instead of red (covers common markups) */
.formlayer-form .required,
.formlayer-form abbr[title="required"],
.formlayer-form span[class*="required"] {
  color: var(--sip-gold) !important;
  border: none !important;
  text-decoration: none !important;
}

/* ---- Inputs, textarea, select ---- */
.formlayer-form input[type="text"],
.formlayer-form input[type="email"],
.formlayer-form input[type="tel"],
.formlayer-form input[type="url"],
.formlayer-form input[type="number"],
.formlayer-form input[type="password"],
.formlayer-form textarea,
.formlayer-form select {
  background: var(--sip-cream) !important;
  border: 1px solid var(--sip-border) !important;
  border-radius: 3px !important;
  color: var(--sip-text) !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  padding: 15px 18px !important;
  width: 100% !important;
  box-shadow: none !important;
  transition: border-color .25s ease, box-shadow .25s ease, background .25s ease !important;
}

.formlayer-form textarea {
  min-height: 150px !important;
  resize: vertical !important;
}

/* Placeholder text */
.formlayer-form ::placeholder {
  color: var(--sip-muted) !important;
  font-style: italic !important;
  opacity: 1 !important;
}

/* Focus -> gold border + soft glow */
.formlayer-form input:focus,
.formlayer-form textarea:focus,
.formlayer-form select:focus {
  background: #ffffff !important;
  border-color: var(--sip-gold) !important;
  box-shadow: 0 0 0 3px rgba(194,148,77,.15) !important;
  outline: none !important;
}

/* Keep cream background on browser autofill */
.formlayer-form input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 60px var(--sip-cream) inset !important;
  -webkit-text-fill-color: var(--sip-text) !important;
}

/* ---- GDPR checkbox / radio ---- */
.formlayer-form input[type="checkbox"],
.formlayer-form input[type="radio"] {
  accent-color: var(--sip-gold) !important;
  width: 18px !important;
  height: 18px !important;
}

/* ---- Submit button (replaces the purple default) ---- */
.formlayer-form button[type="submit"],
.formlayer-form button:not([type]),
.formlayer-form input[type="submit"] {
  background: var(--sip-gold) !important;
  background-image: linear-gradient(135deg, #c79a52, #b6883c) !important;
  color: #ffffff !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  text-transform: uppercase !important;
  letter-spacing: .20em !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  border: none !important;
  border-radius: 3px !important;
  padding: 14px 46px !important;
  box-shadow: 0 8px 22px -10px rgba(153,114,76,.6) !important;
  transition: transform .3s ease, box-shadow .3s ease, background-image .3s ease !important;
  cursor: pointer !important;
}
.formlayer-form button[type="submit"]:hover,
.formlayer-form button:not([type]):hover,
.formlayer-form input[type="submit"]:hover {
  background-image: linear-gradient(135deg, #b6883c, #99724c) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 26px -10px rgba(153,114,76,.7) !important;
}

/* ---- Mobile ---- */
@media (max-width: 600px) {
  .formlayer-form button[type="submit"],
  .formlayer-form button:not([type]),
  .formlayer-form input[type="submit"] {
    width: 100% !important;
    text-align: center !important;
  }
}/* End custom CSS */