.wpcf7 form .wpcf7-response-output {
margin: 5% 5% 5% 5%;
padding: 30% 5% 45% 5%;
border: 0px;
background-image: url(/wp-content/uploads/2019/07/cropped-DC9DB4C4-1792-46C0-95DC-1FBDD264A29D-1.png);
background-repeat: no-repeat;
}


/* Ensure Jetpack subscribe field looks correct on all pages */
input#subscribe-field,
.wp-block-jetpack-subscriptions input {
    background-color: white !important;
    border: 2px solid #ff69b4 !important;
    color: #000 !important;
}

/* Maintain style when active */
input#subscribe-field:focus,
.wp-block-jetpack-subscriptions input:focus {
    background-color: white !important;
    border: 2px solid #ff69b4 !important;
}
/* schoeney.com CUSTOM CSS v7 - clean working state */

/* SECTION 2 - HERO ROW - class hero-row on row */
.hero-row.vc_row.wpb_row { padding: 0 !important; margin: 0 !important; }
.hero-row.vc_row { display: flex !important; align-items: stretch !important; min-height: 88vh; }

/* SECTION 3 - HERO LEFT COLUMN - class hero-left-col on left column */
.hero-left-col .vc_column-inner { padding: 80px 48px 80px 6% !important; display: flex !important; flex-direction: column !important; justify-content: center !important; background: transparent !important; border-radius: 0 !important; }
.hero-left-col h1 { font-family: 'Playfair Display', serif !important; font-size: clamp(40px, 4.5vw, 64px) !important; font-weight: 900 !important; line-height: 1.05 !important; letter-spacing: -0.025em !important; color: #0E1116 !important; margin-bottom: 0 !important; }
.hero-left-col .wpb_text_column p { font-size: 16px !important; color: #888888 !important; line-height: 1.7 !important; max-width: 460px !important; margin-bottom: 0 !important; }
.hero-left-col .wpb_content_element { margin-bottom: 14px !important; }

/* SECTION 4 - EYEBROW - Raw HTML: p class="hero-eyebrow" */
.hero-eyebrow { font-family: 'Inter', sans-serif !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; color: #E89B3C !important; display: flex !important; align-items: center !important; gap: 10px !important; margin-bottom: 0 !important; line-height: 1 !important; }
.hero-eyebrow::before { content: '' !important; display: inline-block !important; width: 28px !important; height: 2px !important; background: #E89B3C !important; flex-shrink: 0 !important; }

/* SECTION 5 - AMBER DIVIDER - Raw HTML: hr class="amber-divider" */
hr.amber-divider { display: block !important; width: 52px !important; max-width: 52px !important; height: 3px !important; background-color: #E89B3C !important; border: none !important; border-top: none !important; margin: 10px 0 18px 0 !important; padding: 0 !important; opacity: 1 !important; }

/* SECTION 6 - BUTTONS - Raw HTML: div class="hero-btn-wrap" */
.hero-btn-wrap { display: flex !important; gap: 12px !important; align-items: center !important; flex-wrap: wrap !important; margin-top: 4px !important; }
.hero-btn-primary { display: inline-block; background: #E89B3C; color: #0E1116 !important; font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 800; letter-spacing: 0.04em; padding: 14px 28px; border-radius: 4px; text-decoration: none !important; transition: transform 0.15s, box-shadow 0.15s; }
.hero-btn-primary:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(232,155,60,0.35); color: #0E1116 !important; text-decoration: none !important; }
.hero-btn-outline { display: inline-block; background: transparent; color: #2A2D34 !important; font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.04em; padding: 13px 26px; border-radius: 4px; border: 2px solid #2A2D34; text-decoration: none !important; transition: border-color 0.2s, color 0.2s; }
.hero-btn-outline:hover { border-color: #E89B3C; color: #E89B3C !important; text-decoration: none !important; }

/* SECTION 7 - TRUSTED BY - Raw HTML: div class="hero-trust" */
.hero-trust { display: flex !important; align-items: center !important; gap: 8px !important; font-family: 'Inter', sans-serif !important; font-size: 11px !important; font-weight: 600 !important; color: #bbbbbb !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; margin-top: 24px !important; line-height: 1 !important; }
.hero-trust::before { content: '' !important; display: inline-block !important; width: 6px !important; height: 6px !important; border-radius: 50% !important; background: #E89B3C !important; flex-shrink: 0 !important; }
.hero-trust-dot { display: none !important; }

/* SECTION 8 - RIGHT COLUMN - class hero-right-col on right column */
/* Background and curve set directly in WPBakery column settings:
   Column pencil > Design Options > Background Color: #FFFDF8
   Column pencil > Design Options > Border Radius > Bottom Left: 72px
   Do NOT set these via CSS - WPBakery inline styles are more reliable */
.hero-right-col { position: relative !important; }
.hero-right-col .wpb_single_image { width: 100% !important; margin: 0 !important; }
.hero-right-col .wpb_single_image img { width: 100% !important; height: auto !important; border-radius: 12px !important; display: block !important; }

/* SECTION 10 - FOOTER */
footer#footer-outer { background-color: #0E1116 !important; border-top: 1px solid #1A1D23 !important; }
footer#footer-outer p, footer#footer-outer li, footer#footer-outer a { font-family: 'Inter', sans-serif !important; font-size: 13px !important; color: #4A5060 !important; }
footer#footer-outer a:hover { color: #F5F1EA !important; }
footer#footer-outer h4, footer#footer-outer .widget-title { font-family: 'Inter', sans-serif !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: #4A5060 !important; }
#footer-outer #copyright p { font-family: 'Inter', sans-serif !important; font-size: 12px !important; color: #3A4050 !important; }

/* SECTION 11 - RESPONSIVE */
@media (max-width: 768px) {
  .hero-row.vc_row { flex-direction: column !important; min-height: auto !important; }
  .hero-left-col .vc_column-inner { padding: 60px 24px 40px 24px !important; }
  .hero-right-col .vc_column-inner { padding: 0 24px 48px !important; }
  .hero-left-col h1 { font-size: 36px !important; }
}