.elementor-983 .elementor-element.elementor-element-1d61bea{--display:flex;--min-height:380px;--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;--justify-content:space-evenly;--overlay-opacity:0.7;}.elementor-983 .elementor-element.elementor-element-1d61bea:not(.elementor-motion-effects-element-type-background), .elementor-983 .elementor-element.elementor-element-1d61bea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8d5b12e );background-image:url("https://islandparadisecatering.co.uk/wp-content/uploads/2026/07/Restaurant-Our-Menu-Contact-BG-1.webp");background-position:center center;background-size:cover;}.elementor-983 .elementor-element.elementor-element-1d61bea::before, .elementor-983 .elementor-element.elementor-element-1d61bea > .elementor-background-video-container::before, .elementor-983 .elementor-element.elementor-element-1d61bea > .e-con-inner > .elementor-background-video-container::before, .elementor-983 .elementor-element.elementor-element-1d61bea > .elementor-background-slideshow::before, .elementor-983 .elementor-element.elementor-element-1d61bea > .e-con-inner > .elementor-background-slideshow::before, .elementor-983 .elementor-element.elementor-element-1d61bea > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-8d5b12e );--background-overlay:'';}.elementor-983 .elementor-element.elementor-element-34c54d1{--display:flex;}.elementor-983 .elementor-element.elementor-element-6a312f9{--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-983 .elementor-element.elementor-element-d64e2b5{--display:flex;--padding-top:10px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-983 .elementor-element.elementor-element-2ae35dc{width:var( --container-widget-width, 100% );max-width:100%;padding:30px 10px 7px 10px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-size:24px;color:var( --e-global-color-accent );}.elementor-983 .elementor-element.elementor-element-2ae35dc.elementor-element{--align-self:flex-end;}.elementor-983 .elementor-element.elementor-element-f762dce{padding:13px 0px 0px 0px;}@media(max-width:767px){.elementor-983 .elementor-element.elementor-element-2ae35dc{font-size:15px;}.elementor-983 .elementor-element.elementor-element-f762dce .elementor-button{font-size:15px;}}@media(min-width:768px){.elementor-983 .elementor-element.elementor-element-6a312f9{--content-width:1218px;}.elementor-983 .elementor-element.elementor-element-d64e2b5{--width:100%;}}@media(min-width:1025px){.elementor-983 .elementor-element.elementor-element-1d61bea:not(.elementor-motion-effects-element-type-background), .elementor-983 .elementor-element.elementor-element-1d61bea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for button, class: .elementor-element-f762dce *//* ==========================
   Luxury Secondary Button
   ========================== */

.elementor-983 .elementor-element.elementor-element-f762dce .elementor-button{
    background: transparent;
    color:#E4C46A;
    border:2px solid #D4AF37;
    border-radius:50px;
    padding:18px 42px;
    font-size:17px;
    font-weight:600;
    letter-spacing:.8px;
    text-transform:none;

    transition:all .35s ease;

    box-shadow:
        inset 0 0 0 rgba(212,175,55,0),
        0 8px 18px rgba(0,0,0,.18);

    overflow:hidden;
    position:relative;
}

/* Hover */

.elementor-983 .elementor-element.elementor-element-f762dce .elementor-button:hover{

    background:#D4AF37;
    color:#111111;

    transform:translateY(-3px);

    box-shadow:
        0 12px 28px rgba(212,175,55,.25);
}

/* Click */

.elementor-983 .elementor-element.elementor-element-f762dce .elementor-button:active{

    transform:translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d64e2b5 *//* ===========================================
   THANK YOU CONTENT CONTAINER
   Luxury card + soft entrance animation
   =========================================== */

.elementor-983 .elementor-element.elementor-element-d64e2b5 {
    position: relative;
    overflow: hidden;

    background: rgba(24, 24, 24, 0.72);

    border: 1px solid rgba(212, 175, 55, 0.35);
    border-radius: 22px;

    padding: 70px 60px;

    box-shadow:
        0 20px 45px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);

    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;

    /* Plays once when the page loads */
    animation: thankYouReveal 0.9s ease-out both;
}

/* Subtle gold highlight along the top edge */
.elementor-983 .elementor-element.elementor-element-d64e2b5::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(212, 175, 55, 0.6),
        transparent
    );

    pointer-events: none;
}

/* Gentle hover refinement */
.elementor-983 .elementor-element.elementor-element-d64e2b5:hover {
    transform: translateY(-3px);

    border-color: rgba(212, 175, 55, 0.5);

    box-shadow:
        0 30px 60px rgba(0, 0, 0, 0.45),
        0 0 25px rgba(212, 175, 55, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

/* Soft fade-up entrance */
@keyframes thankYouReveal {
    from {
        opacity: 0;
        transform: translateY(22px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Tablet */
@media (max-width: 1024px) {
    .elementor-983 .elementor-element.elementor-element-d64e2b5 {
        padding: 55px 40px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .elementor-983 .elementor-element.elementor-element-d64e2b5 {
        padding: 42px 24px;
        border-radius: 18px;
    }

    /* Avoid unnecessary card movement on touch devices */
    .elementor-983 .elementor-element.elementor-element-d64e2b5:hover {
        transform: none;
    }
}

/* Accessibility: disable movement when requested */
@media (prefers-reduced-motion: reduce) {
    .elementor-983 .elementor-element.elementor-element-d64e2b5 {
        animation: none;
        transition: none;
    }

    .elementor-983 .elementor-element.elementor-element-d64e2b5:hover {
        transform: none;
    }
}/* End custom CSS */