What happens next
It goes to one person rather than a queue —
whichever of the four is the right one for it.
Between seven and ten you will hear back within four
hours. Outside those hours, by nine the following
morning.
If it cannot wait that long, telephone instead.
Somebody is awake.
We keep what you write only for as long as it
takes to answer it
People hesitate over a contact form because they have no idea
what happens after the button. Answering that is worth more
than another field — and the last line is the GDPR notice,
written the way a person would say it.
============================================================ */
.ma-enq__next{
padding:36px 0 0;
border-top:1px solid #A98B5D;
}
.ma-enq__next > b{
display:block;
margin:0 0 28px;
font-family:"Jost",system-ui,sans-serif;
font-size:9.5px;
font-weight:500;
letter-spacing:.28em;
line-height:1;
text-transform:uppercase;
color:#7E6339;
}
.ma-enq__next p{
margin:0 0 22px;
padding:0 0 22px;
border-bottom:1px solid #D9D2C6;
font-family:"Jost",system-ui,sans-serif;
font-size:16px;
line-height:1.75;
color:#55605A;
}
.ma-enq__next p:last-of-type{
margin-bottom:0;
}
.ma-enq__next em{
font-style:normal;
color:#1E2621;
}
.ma-enq__next .data{
margin:30px 0 0 !important;
padding:0 !important;
border:0 !important;
font-size:9.5px;
font-weight:500;
letter-spacing:.22em;
line-height:1.8;
text-transform:uppercase;
color:#6E7A6B;
}
/* ============================================================
7. MEASURE
============================================================ */
.ma-enq__title,
.ma-enq__title .elementor-heading-title{
max-width:20ch;
}
@media (max-width:1100px){
.ma-enq__title,
.ma-enq__title .elementor-heading-title{
max-width:24ch;
}
}
@media (max-width:600px){
.ma-enq__title,
.ma-enq__title .elementor-heading-title{
max-width:none;
}
}
/* ============================================================
8. PHONE
============================================================ */
@media (max-width:600px){
.ma-enq__form .elementor-form-fields-wrapper{
gap:30px;
}
.ma-enq__form input[type="text"],
.ma-enq__form input[type="email"],
.ma-enq__form input[type="tel"],
.ma-enq__form select,
.ma-enq__form textarea{
font-size:19px !important;
}
.ma-enq__form .elementor-button[type="submit"]{
width:100% !important;
padding:17px 24px !important;
}
.ma-enq__next p{
font-size:15px;
}
}
/* ============================================================
9. REDUCED MOTION
============================================================ */
@media (prefers-reduced-motion:reduce){
.ma-enq__form .elementor-field-label,
.ma-enq__form input,
.ma-enq__form select,
.ma-enq__form textarea,
.ma-enq__form .elementor-button[type="submit"]{
transition-duration:.01ms !important;
}
.ma-enq__form .elementor-button[type="submit"]:active{
transform:none;
}
}D/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0311a2a *//* ============================================================================
MAISON AURELLE — CONTACT · SECTION 4 · GETTING HERE
Only what Elementor cannot set from its own panels. Typography, colours,
padding and entrance animations go in the widget Style tabs — see the
build tables.
----------------------------------------------------------------------------
CSS CLASSES
section container .... ma-get
eyebrow .............. ma-get__eyebrow
H2 ................... ma-get__title
intro ................ ma-get__intro
the four modes ....... ma-get__modes (ONE Text Editor, HTML below)
WHERE: Site Settings → Custom CSS
----------------------------------------------------------------------------
All four modes live in a single Text Editor. Four containers with two
sub-containers each would be a dozen widgets for what is one block of
prose, and the dividers have to run between the rows rather than
around each of them.
============================================================================ */
/* ============================================================
1. THE HTML
Paste this into one Text Editor's "Text" (code) tab. The empty