.elementor-16707 .elementor-element.elementor-element-ce3a70d:not(.elementor-motion-effects-element-type-background), .elementor-16707 .elementor-element.elementor-element-ce3a70d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kennard.co.uk/wp-content/uploads/2025/12/PH_THE_KENNARD_ROOMS-00058_LRJ_1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-16707 .elementor-element.elementor-element-ce3a70d > .elementor-container{min-height:470px;}.elementor-16707 .elementor-element.elementor-element-ce3a70d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-16707 .elementor-element.elementor-element-ce3a70d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16707 .elementor-element.elementor-element-da69864.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-16707 .elementor-element.elementor-element-da69864 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-16707 .elementor-element.elementor-element-da69864 > .elementor-element-populated{padding:40px 40px 40px 40px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-16707 .elementor-element.elementor-element-5aba68e .elementor-button{background-color:#FFFFFF00;font-family:"Poppins", Sans-serif;font-weight:400;text-transform:uppercase;border-style:solid;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;padding:15px 50px 15px 50px;}.elementor-16707 .elementor-element.elementor-element-5aba68e{width:auto;max-width:auto;}.elementor-16707 .elementor-element.elementor-element-5aba68e > .elementor-widget-container{--e-transform-rotateZ:-90deg;margin:71px -51px 25px 0px;padding:0px 0px 0px 0px;}.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-16707 .elementor-element.elementor-element-99c5f79 > .elementor-widget-container{padding:0% 20% 0% 0%;}.elementor-16707 .elementor-element.elementor-element-99c5f79{text-align:start;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:300;color:#FFFFFF00;}.elementor-16707 .elementor-element.elementor-element-b508640 > .elementor-widget-container{padding:0px 0px 2px 0px;}.elementor-16707 .elementor-element.elementor-element-b508640{text-align:start;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;color:#FFFFFF00;}.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-16707 .elementor-element.elementor-element-2cfbefd{text-align:start;}.elementor-16707 .elementor-element.elementor-element-2cfbefd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:300;text-transform:uppercase;color:var( --e-global-color-astglobalcolor5 );}.elementor-16707 .elementor-element.elementor-element-7c54661 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-16707 .elementor-element.elementor-element-7c54661{text-align:start;}.elementor-16707 .elementor-element.elementor-element-7c54661 .elementor-heading-title{font-family:"Arsenica Variable", Sans-serif;font-size:42px;font-weight:normal;line-height:35px;color:var( --e-global-color-astglobalcolor5 );}.elementor-16707 .elementor-element.elementor-element-af0af40:not(.elementor-motion-effects-element-type-background), .elementor-16707 .elementor-element.elementor-element-af0af40 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kennard.co.uk/wp-content/uploads/2025/12/PH_THE_KENNARD_ROOMS-00058_LRJ_1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-16707 .elementor-element.elementor-element-af0af40 > .elementor-background-overlay{background-color:var( --e-global-color-astglobalcolor8 );opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16707 .elementor-element.elementor-element-af0af40 > .elementor-container{min-height:470px;}.elementor-16707 .elementor-element.elementor-element-af0af40{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-16707 .elementor-element.elementor-element-53a769a.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-16707 .elementor-element.elementor-element-53a769a > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-16707 .elementor-element.elementor-element-53a769a > .elementor-element-populated{padding:40px 40px 40px 40px;}.elementor-16707 .elementor-element.elementor-element-ae3e46f .elementor-button{background-color:#FFFFFF00;font-family:"Poppins", Sans-serif;font-weight:400;text-transform:uppercase;border-style:solid;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;padding:15px 50px 15px 50px;}.elementor-16707 .elementor-element.elementor-element-ae3e46f{width:auto;max-width:auto;}.elementor-16707 .elementor-element.elementor-element-ae3e46f > .elementor-widget-container{--e-transform-rotateZ:-90deg;margin:71px -51px 25px 0px;padding:0px 0px 0px 0px;}.elementor-16707 .elementor-element.elementor-element-22cfb3d > .elementor-widget-container{padding:0% 20% 0% 0%;}.elementor-16707 .elementor-element.elementor-element-22cfb3d{text-align:start;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:300;color:var( --e-global-color-astglobalcolor5 );}.elementor-16707 .elementor-element.elementor-element-f93900c > .elementor-widget-container{padding:0px 0px 2px 0px;}.elementor-16707 .elementor-element.elementor-element-f93900c{text-align:start;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;color:var( --e-global-color-astglobalcolor5 );}.elementor-16707 .elementor-element.elementor-element-00be8eb{text-align:start;}.elementor-16707 .elementor-element.elementor-element-00be8eb .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:300;text-transform:uppercase;color:var( --e-global-color-astglobalcolor5 );}.elementor-16707 .elementor-element.elementor-element-a9fc9fa > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-16707 .elementor-element.elementor-element-a9fc9fa{text-align:start;}.elementor-16707 .elementor-element.elementor-element-a9fc9fa .elementor-heading-title{font-family:"Arsenica Variable", Sans-serif;font-size:42px;font-weight:normal;line-height:35px;color:var( --e-global-color-astglobalcolor5 );}/* Start custom CSS for button, class: .elementor-element-5aba68e */.rotate {transform: rotate(270deg);}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-ce3a70d *//* ==========================================
   SMOOTH ROOM CROSS-FADE
   No parent container
========================================== */


/* =========================
   FRONT SECTION
========================= */

.room-front {
    position: relative;
    z-index: 2;

    opacity: 1;

    transition:
        opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1);

    will-change: opacity;
}


/* =========================
   BACK SECTION
========================= */

.room-back {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    z-index: 10;

    opacity: 0;

    pointer-events: none;

    transition:
        opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1);

    will-change: opacity;
}


/* =========================
   HOVER IN
========================= */

.room-front:hover + .room-back {
    opacity: 1;
    pointer-events: auto;
}


/* Keep back visible while hovering it */
.room-back:hover {
    opacity: 1;
    pointer-events: auto;
}


/* =========================
   VERY SUBTLE CONTENT FADE
========================= */

.room-back > * {
    opacity: 0;
    transform: translateY(6px);

    transition:
        opacity 1s ease 0.15s,
        transform 1s cubic-bezier(0.22, 1, 0.36, 1) 0.15s;
}


.room-front:hover + .room-back > *,
.room-back:hover > * {
    opacity: 1;
    transform: translateY(0);
}


/* =========================
   IMAGES
========================= */

.room-front img,
.room-back img {
    transform: scale(1);
    transition:
        transform 2s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Very gentle image zoom */

.room-front:hover img,
.room-back:hover img {
    transform: scale(1.015);
}


/* =========================
   CLEAN OVERFLOW
========================= */

.room-front,
.room-back {
    overflow: hidden;
}


/* =========================
   LINKS / BUTTONS
========================= */

.room-front a,
.room-back a {
    cursor: pointer;
}


/* =========================
   REDUCED MOTION
========================= */

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

    .room-front,
    .room-back,
    .room-back > *,
    .room-front img,
    .room-back img {
        transition: none;
        transform: none;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ae3e46f */.rotate {transform: rotate(270deg);}/* End custom CSS */