.elementor-3374 .elementor-element.elementor-element-bd8268f{--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;--overlay-opacity:0.8;--padding-top:55px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-3374 .elementor-element.elementor-element-bd8268f:not(.elementor-motion-effects-element-type-background), .elementor-3374 .elementor-element.elementor-element-bd8268f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://therostrevorinn.com/wp-content/uploads/2025/12/accoommodation_slide.webp");background-position:center center;background-size:cover;}.elementor-3374 .elementor-element.elementor-element-bd8268f::before, .elementor-3374 .elementor-element.elementor-element-bd8268f > .elementor-background-video-container::before, .elementor-3374 .elementor-element.elementor-element-bd8268f > .e-con-inner > .elementor-background-video-container::before, .elementor-3374 .elementor-element.elementor-element-bd8268f > .elementor-background-slideshow::before, .elementor-3374 .elementor-element.elementor-element-bd8268f > .e-con-inner > .elementor-background-slideshow::before, .elementor-3374 .elementor-element.elementor-element-bd8268f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.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-3374 .elementor-element.elementor-element-a2cd9f4{text-align:center;}.elementor-3374 .elementor-element.elementor-element-a2cd9f4 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:37px;font-weight:600;text-transform:uppercase;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-00bffe3 );}.elementor-3374 .elementor-element.elementor-element-719bd95{--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:50px;--padding-bottom:0px;--padding-left:0px;--padding-right: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-3374 .elementor-element.elementor-element-4df0241{color:#000000;}.elementor-3374 .elementor-element.elementor-element-cfdf4ed{--display:flex;--padding-top:50px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-3374 .elementor-element.elementor-element-a2cd9f4 .elementor-heading-title{font-size:28px;}}/* Start custom CSS for heading, class: .elementor-element-a2cd9f4 *//* Ensures the main text is positioned relative to its container */
.elementor-3374 .elementor-element.elementor-element-a2cd9f4 {
    position: relative;
    z-index: 1;
}

/* Creates the background text */
.elementor-3374 .elementor-element.elementor-element-a2cd9f4 .elementor-heading-title::before {
    content: "THE ROSTREVOR INN"; /* Change your text here */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centers the text */
    z-index: -1; /* Puts it behind the main text */

    /* Typography settings */
    font-family: sans-serif; 
    font-size: 80px; 
    font-weight: 900;
    text-transform: uppercase;
    white-space: nowrap;
    
    /* --- STROKE SETTINGS START --- */
    /* This makes the inside of the letters transparent */
    color: transparent; 
    
    /* This adds the green stroke (Width Solid-Color) */
    -webkit-text-stroke: 1px #f2f2fa22; 
    /* --- STROKE SETTINGS END --- */
}

/* Responsive adjustment for mobile */
@media (max-width: 767px) {
    .elementor-3374 .elementor-element.elementor-element-a2cd9f4 .elementor-heading-title::before {
        display: none; /* This hides the background text completely on mobile */
    }
}/* End custom CSS */