.elementor-10 .elementor-element.elementor-element-51b0fda{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.5;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-51b0fda:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-51b0fda > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bookpublish.online/martin/wp-content/uploads/2026/10/ea0c158c-ffa1-43de-b0fa-6c40ae0b59f0.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-10 .elementor-element.elementor-element-51b0fda::before, .elementor-10 .elementor-element.elementor-element-51b0fda > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-51b0fda > .e-con-inner > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-51b0fda > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-51b0fda > .e-con-inner > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-51b0fda > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-10 .elementor-element.elementor-element-2b6604a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-30003c9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-6e62c51{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-4fd97b9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-f8ac9bf{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-5e6215d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-053eca7{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-efe3004{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-2e095e2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-2e095e2.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-029b26f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-71d71b6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.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-10 .elementor-element.elementor-element-25b0245 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-10 .elementor-element.elementor-element-25b0245 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-10 .elementor-element.elementor-element-25b0245 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-10 .elementor-element.elementor-element-25b0245 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-10 .elementor-element.elementor-element-25b0245 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-25b0245 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-10 .elementor-element.elementor-element-25b0245 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-10 .elementor-element.elementor-element-25b0245 .elementor-field-type-html{padding-bottom:0px;}.elementor-10 .elementor-element.elementor-element-25b0245 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-10 .elementor-element.elementor-element-25b0245 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-10 .elementor-element.elementor-element-25b0245 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-10 .elementor-element.elementor-element-25b0245 .elementor-button[type="submit"]{color:#ffffff;}.elementor-10 .elementor-element.elementor-element-25b0245 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-10 .elementor-element.elementor-element-25b0245 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-10 .elementor-element.elementor-element-25b0245 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-10 .elementor-element.elementor-element-25b0245 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-10 .elementor-element.elementor-element-25b0245 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-10 .elementor-element.elementor-element-25b0245 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-10 .elementor-element.elementor-element-25b0245{--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;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-51b0fda{--content-width:1400px;}.elementor-10 .elementor-element.elementor-element-2b6604a{--width:50%;}.elementor-10 .elementor-element.elementor-element-30003c9{--width:50%;}.elementor-10 .elementor-element.elementor-element-efe3004{--content-width:1400px;}.elementor-10 .elementor-element.elementor-element-2e095e2{--width:50%;}.elementor-10 .elementor-element.elementor-element-71d71b6{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-efe3004 *//* =========================================================
   MARTIN MOURNIAN · KINGS OF THE MOURNE
   CONTACT SECTION WITH FORM (Elementor) — PARCHMENT THEME
   aged parchment + bronze ink, old map contours, the Mournes in the corner
   Works on the existing widgets. No HTML changes needed.
   Section class: creativesectionwithform
   (Paste in: Section › Advanced › Custom CSS, or Site Settings › Custom CSS)
========================================================= */

/* fonts used across the site (skip this line if the page already loads them) */
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600&display=swap");

.creativesectionwithform {
    --cf-ink: #2b1a0e;
    --cf-body: #4b3624;
    --cf-muted: #6b4f38;
    --cf-gold: #e8b867;
    --cf-gold-light: #f8e3b0;
    --cf-bronze: #a66a24;
    --cf-bronze-deep: #8d5a1f;
    --cf-paper: #f1e6cf;
    --cf-leather: #2b1a0f;
    --cf-display: "Cinzel", Georgia, serif;
    --cf-serif: "Cormorant Garamond", Georgia, serif;

    position: relative;

    padding: clamp(64px, 7.5vw, 120px) 5% !important;

    overflow: hidden;

    color: var(--cf-body) !important;

    border-top: 1px solid rgba(141,90,31,.3);

    /* map contour rings top-right, warm light, aged parchment */
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .38 0 0 0 0 .26 0 0 0 0 .14 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
        repeating-radial-gradient(
            circle at 100% 0%,
            transparent 0 34px,
            rgba(141,90,31,.09) 34px 35px
        ),
        radial-gradient(40% 50% at 100% 0%, rgba(232,184,103,.28), transparent 70%),
        radial-gradient(45% 60% at 80% 55%, rgba(255,250,235,.7), transparent 70%),
        radial-gradient(40% 45% at 0% 100%, rgba(190,145,90,.25), transparent 70%),
        radial-gradient(ellipse at center, transparent 55%, rgba(140,98,55,.18) 100%),
        linear-gradient(180deg, #f4eada 0%, #f1e6cf 55%, #ecdcbc 100%) !important;
}

/* the Mourne Mountains over Carlingford Lough, faint in the bottom-left corner */
.creativesectionwithform::before {
    content: "";

    position: absolute;

    left: -30px;
    bottom: -10px;

    width: min(560px, 62vw);
    aspect-ratio: 400 / 240;

    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 240' fill='none' stroke='%238d5a1f' stroke-opacity='.22' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 180 L70 110 L100 135 L160 50 L215 125 L250 95 L300 150 L335 120 L390 180'/%3E%3Cpath d='M145 72 L160 50 L176 72 L166 66 L160 74 L153 66 Z'/%3E%3Cpath d='M60 150 L95 120 M230 140 L262 110'/%3E%3Ccircle cx='300' cy='70' r='18'/%3E%3Cpath d='M20 198 H120 M150 198 H270 M300 198 H385 M60 214 H200 M230 214 H340 M110 228 H290'/%3E%3C/svg%3E") no-repeat center / contain;

    pointer-events: none;
}

.creativesectionwithform *,
.creativesectionwithform *::before,
.creativesectionwithform *::after {
    box-sizing: border-box;
}


/* =========================================================
   TWO COLUMNS: copy left, form right
========================================================= */

.creativesectionwithform > .e-con-inner {
    position: relative;
    z-index: 1;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;

    gap: clamp(36px, 5vw, 84px) !important;

    width: 100%;
    max-width: 1400px !important;

    margin: 0 auto !important;
    padding: 0 !important;
}

.creativesectionwithform > .e-con-inner > .e-con {
    min-width: 0;

    padding: 0 !important;
}

.creativesectionwithform > .e-con-inner > .e-con:first-child {
    flex: 1 1 46% !important;

    width: auto !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    gap: 0 !important;
}

.creativesectionwithform > .e-con-inner > .e-con:last-child {
    flex: 1 1 54% !important;

    width: auto !important;
}

.creativesectionwithform .elementor-widget {
    width: 100%;

    margin: 0 !important;
}


/* =========================================================
   HEADING (H3)
========================================================= */

.creativesectionwithform h3.elementor-heading-title {
    position: relative;

    margin: 0 !important;
    padding: 0 0 22px !important;

    color: var(--cf-ink) !important;

    font-family: var(--cf-display) !important;
    font-size: clamp(26px, 3vw, 44px) !important;
    font-weight: 600 !important;
    font-style: normal !important;

    line-height: 1.12 !important;
    letter-spacing: .02em !important;

    text-transform: none !important;

    /* dark ink fading into bronze, pressed into the page */
    background:
        linear-gradient(
            180deg,
            #2b1a0e 0%,
            #4a2d14 45%,
            #8d5a1f 80%,
            #b47a34 100%
        );

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;

    filter: drop-shadow(0 1px 0 rgba(255,250,235,.9));
}

/* bronze line under the heading */

.creativesectionwithform h3.elementor-heading-title::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 130px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            var(--cf-bronze-deep),
            rgba(141,90,31,.2),
            transparent
        );
}

/* diamond at the start of the line */

.creativesectionwithform h3.elementor-heading-title::before {
    content: "";

    position: absolute;

    left: 0;
    bottom: -3px;

    width: 7px;
    height: 7px;

    transform: rotate(45deg);

    background: var(--cf-bronze);

    box-shadow: 0 0 0 3px rgba(232,184,103,.25);
}


/* =========================================================
   TEXT WIDGETS
========================================================= */

.creativesectionwithform .elementor-widget-text-editor,
.creativesectionwithform .elementor-widget-text-editor p {
    margin: 0 !important;

    color: var(--cf-body) !important;

    font-family: var(--cf-serif) !important;
    font-size: 19px !important;
    font-weight: 500 !important;

    line-height: 1.7 !important;
}

.creativesectionwithform .elementor-widget-text-editor {
    margin-top: 24px !important;
}

/* second paragraph: the author's own invitation, shown as a quiet quote */

.creativesectionwithform .elementor-widget-text-editor + .elementor-widget-text-editor {
    margin-top: 22px !important;
    padding: 4px 0 4px 18px !important;

    border-left: 2px solid var(--cf-bronze);
}

.creativesectionwithform .elementor-widget-text-editor + .elementor-widget-text-editor,
.creativesectionwithform .elementor-widget-text-editor + .elementor-widget-text-editor p {
    color: #6e4113 !important;

    font-family: var(--cf-serif) !important;
    font-size: clamp(21px, 1.8vw, 25px) !important;
    font-style: italic !important;
    font-weight: 600 !important;

    line-height: 1.4 !important;
}


/* =========================================================
   EMAIL (H4)
========================================================= */

.creativesectionwithform h4.elementor-heading-title {
    display: inline-flex;
    align-items: center;

    gap: 14px;

    max-width: 100%;

    margin: 30px 0 0 !important;
    padding: 9px 22px 9px 9px !important;

    border: 1px solid rgba(141,90,31,.4);
    border-radius: 60px;

    background: rgba(255,250,240,.75);

    box-shadow: 0 10px 24px -14px rgba(60,32,12,.45);

    color: #5a3a1f !important;

    font-family: var(--cf-serif) !important;
    font-size: 18px !important;
    font-weight: 600 !important;

    line-height: 1.3 !important;
    letter-spacing: .01em !important;

    text-transform: none !important;

    overflow-wrap: anywhere;

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

.creativesectionwithform h4.elementor-heading-title:hover {
    border-color: var(--cf-bronze);

    background: #fffaf0;

    box-shadow: 0 14px 28px -14px rgba(60,32,12,.55);
}

.creativesectionwithform h4.elementor-heading-title a {
    color: inherit !important;

    text-decoration: none !important;
}

/* leather "@" badge with a gold rim in front of the address */

.creativesectionwithform h4.elementor-heading-title::before {
    content: "@";

    flex: none;

    width: 40px;
    height: 40px;

    display: grid;
    place-items: center;

    border-radius: 50%;

    background:
        linear-gradient(
            160deg,
            #4a2d17 0%,
            #2b1a0f 60%,
            #1a0f08 100%
        );

    color: var(--cf-gold-light);

    font-family: var(--cf-serif);
    font-size: 22px;
    font-style: italic;
    font-weight: 600;

    line-height: 1;

    box-shadow:
        0 6px 14px rgba(60,32,12,.35),
        inset 0 0 0 2px #2b1a0f,
        inset 0 0 0 3px rgba(232,184,103,.6);
}


/* =========================================================
   FORM CARD
========================================================= */

.creativesectionwithform .elementor-widget-form {
    position: relative;

    padding: clamp(26px, 3.2vw, 44px) !important;

    border: 1px solid rgba(141,90,31,.35);
    border-radius: 4px;

    /* bronze bar on top, then a fresh sheet of parchment */
    background:
        linear-gradient(90deg, var(--cf-bronze-deep), var(--cf-gold), rgba(232,184,103,0)) top left / 100% 3px no-repeat,
        radial-gradient(80% 60% at 50% 0%, rgba(255,255,255,.7), transparent 70%),
        linear-gradient(160deg, #fbf6ea 0%, #f6ecd6 55%, #efe1c2 100%);

    box-shadow:
        0 30px 60px -24px rgba(60,32,12,.45),
        0 0 0 6px rgba(255,250,240,.45);
}

/* gold corner brackets around the card */

.creativesectionwithform .elementor-widget-form::before {
    content: "";

    position: absolute;

    inset: 10px;

    pointer-events: none;

    background:
        linear-gradient(var(--cf-bronze), var(--cf-bronze)) left top / 18px 1px no-repeat,
        linear-gradient(var(--cf-bronze), var(--cf-bronze)) left top / 1px 18px no-repeat,
        linear-gradient(var(--cf-bronze), var(--cf-bronze)) right top / 18px 1px no-repeat,
        linear-gradient(var(--cf-bronze), var(--cf-bronze)) right top / 1px 18px no-repeat,
        linear-gradient(var(--cf-bronze), var(--cf-bronze)) left bottom / 18px 1px no-repeat,
        linear-gradient(var(--cf-bronze), var(--cf-bronze)) left bottom / 1px 18px no-repeat,
        linear-gradient(var(--cf-bronze), var(--cf-bronze)) right bottom / 18px 1px no-repeat,
        linear-gradient(var(--cf-bronze), var(--cf-bronze)) right bottom / 1px 18px no-repeat;

    opacity: .7;
}

.creativesectionwithform .elementor-form-fields-wrapper {
    position: relative;

    margin: 0 !important;

    row-gap: 20px;
}

.creativesectionwithform .elementor-field-group {
    margin: 0 !important;
    padding: 0 !important;
}


/* ---------- Labels ---------- */

.creativesectionwithform .elementor-field-label {
    display: block;

    margin: 0 0 9px !important;
    padding: 0 !important;

    color: var(--cf-bronze-deep) !important;

    font-family: var(--cf-display) !important;
    font-size: 11px !important;
    font-weight: 600 !important;

    line-height: 1.4 !important;
    letter-spacing: .24em !important;

    text-transform: uppercase !important;
}

.creativesectionwithform .elementor-mark-required .elementor-field-label::after {
    color: #8a2618 !important;
}


/* ---------- Inputs and textarea ---------- */

.creativesectionwithform .elementor-field-textual {
    width: 100% !important;
    min-height: 52px !important;

    padding: 12px 16px !important;

    border: 1px solid rgba(141,90,31,.3) !important;
    border-radius: 3px !important;

    background: #fffaf0 !important;

    color: var(--cf-ink) !important;

    font-family: var(--cf-serif) !important;
    font-size: 18px !important;
    font-weight: 500 !important;

    line-height: 1.5 !important;

    box-shadow: inset 0 2px 4px rgba(60,32,12,.06) !important;

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

.creativesectionwithform textarea.elementor-field-textual {
    min-height: 140px !important;

    resize: vertical;
}

.creativesectionwithform .elementor-field-textual::placeholder {
    color: rgba(75,54,36,.5) !important;

    font-style: italic;

    opacity: 1;
}

.creativesectionwithform .elementor-field-textual:hover {
    border-color: rgba(141,90,31,.6) !important;
}

.creativesectionwithform .elementor-field-textual:focus {
    border-color: var(--cf-bronze) !important;

    background: #ffffff !important;

    box-shadow: 0 0 0 3px rgba(232,184,103,.35) !important;

    outline: none !important;
}

/* keep browser autofill on the parchment style */

.creativesectionwithform .elementor-field-textual:-webkit-autofill {
    -webkit-text-fill-color: var(--cf-ink) !important;

    box-shadow: 0 0 0 1000px #fffaf0 inset !important;
}


/* ---------- Send button: dark leather with a gold frame ---------- */

.creativesectionwithform .e-form__buttons {
    margin-top: 6px !important;
}

.creativesectionwithform .elementor-button {
    position: relative;

    width: 100% !important;
    min-height: 56px !important;

    padding: 0 28px !important;

    overflow: hidden;

    border: 1px solid var(--cf-bronze-deep) !important;
    border-radius: 3px !important;

    background:
        linear-gradient(
            180deg,
            #4a2d17 0%,
            #2b1a0f 55%,
            #1a0f08 100%
        ) !important;

    color: var(--cf-gold-light) !important;

    font-family: var(--cf-display) !important;
    font-size: 13px !important;
    font-weight: 600 !important;

    line-height: 1 !important;
    letter-spacing: .22em !important;

    text-transform: uppercase !important;

    box-shadow:
        inset 0 0 0 3px #1c110a,
        inset 0 0 0 4px rgba(232,184,103,.5),
        0 16px 34px -16px rgba(60,32,12,.8) !important;

    cursor: pointer;

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

.creativesectionwithform .elementor-button .elementor-button-text {
    color: var(--cf-gold-light) !important;
}

/* arrow after the label */

.creativesectionwithform .elementor-button .elementor-button-text::after {
    content: "→";

    display: inline-block;

    margin-left: 12px;

    font-family: var(--cf-serif);
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0;

    transition: transform .3s ease;
}

/* gold shine that crosses the button on hover */

.creativesectionwithform .elementor-button::before {
    content: "";

    position: absolute;

    top: -80%;
    left: -40%;

    width: 22%;
    height: 260%;

    transform: rotate(22deg);

    background: rgba(248,227,176,.22);

    transition: left .8s ease;
}

.creativesectionwithform .elementor-button:hover {
    transform: translateY(-3px);

    box-shadow:
        inset 0 0 0 3px #1c110a,
        inset 0 0 0 4px rgba(248,227,176,.85),
        0 20px 40px -14px rgba(60,32,12,.9) !important;
}

.creativesectionwithform .elementor-button:hover::before {
    left: 125%;
}

.creativesectionwithform .elementor-button:hover .elementor-button-text::after {
    transform: translateX(5px);
}

.creativesectionwithform .elementor-button:focus-visible {
    outline: 2px solid var(--cf-bronze) !important;
    outline-offset: 3px;
}


/* ---------- Form messages (success, error) ---------- */

.creativesectionwithform .elementor-message {
    margin: 18px 0 0 !important;
    padding: 14px 16px !important;

    border: 1px solid rgba(141,90,31,.45);
    border-radius: 3px;

    background: rgba(232,184,103,.18);

    color: var(--cf-ink) !important;

    font-family: var(--cf-serif) !important;
    font-size: 17px !important;
    font-weight: 500 !important;

    line-height: 1.5 !important;
}

/* errors in deep red so they stand apart from the bronze theme */

.creativesectionwithform .elementor-message.elementor-message-danger,
.creativesectionwithform .elementor-message.elementor-help-inline {
    border-color: rgba(138,38,24,.5);

    background: rgba(138,38,24,.07);

    color: #8a2618 !important;
}

.creativesectionwithform .elementor-message.elementor-help-inline {
    margin-top: 8px !important;
    padding: 8px 12px !important;

    font-size: 15px !important;
}


@media (prefers-reduced-motion: reduce) {

    .creativesectionwithform .elementor-field-textual,
    .creativesectionwithform .elementor-button,
    .creativesectionwithform .elementor-button::before,
    .creativesectionwithform .elementor-button .elementor-button-text::after,
    .creativesectionwithform h4.elementor-heading-title {
        transition: none !important;
    }

}


/* =========================================================
   TABLET / MOBILE: copy on top, form below
========================================================= */

@media (max-width: 900px) {

    .creativesectionwithform > .e-con-inner {
        flex-direction: column !important;
        align-items: stretch !important;

        gap: 40px !important;

        max-width: 640px !important;
    }

    .creativesectionwithform > .e-con-inner > .e-con:first-child,
    .creativesectionwithform > .e-con-inner > .e-con:last-child {
        flex: 1 1 auto !important;

        width: 100% !important;
    }

    .creativesectionwithform::before {
        width: 80vw;

        bottom: auto;
        top: 38%;
    }

}

@media (max-width: 560px) {

    .creativesectionwithform h3.elementor-heading-title {
        font-size: 26px !important;
    }

    .creativesectionwithform .elementor-widget-text-editor,
    .creativesectionwithform .elementor-widget-text-editor p {
        font-size: 18px !important;
        line-height: 1.65 !important;
    }

    .creativesectionwithform h4.elementor-heading-title {
        gap: 10px;

        padding: 7px 16px 7px 7px !important;

        font-size: 16px !important;
    }

    .creativesectionwithform h4.elementor-heading-title::before {
        width: 34px;
        height: 34px;

        font-size: 19px;
    }

    .creativesectionwithform .elementor-widget-form {
        padding: 24px 18px !important;
    }

}/* End custom CSS */