.elementor-211 .elementor-element.elementor-element-7d8759d7{--display:flex;--min-height:77vh;--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:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-211 .elementor-element.elementor-element-7d8759d7:not(.elementor-motion-effects-element-type-background), .elementor-211 .elementor-element.elementor-element-7d8759d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://forestresidence.hu/wp-content/uploads/2026/08/Hero.webp");background-position:center center;background-size:cover;}.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-211 .elementor-element.elementor-element-80a4101{text-align:center;}.elementor-211 .elementor-element.elementor-element-80a4101 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:64px;font-weight:500;color:#3E5242;}.elementor-211 .elementor-element.elementor-element-d2fde47{text-align:center;}.elementor-211 .elementor-element.elementor-element-d2fde47 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:24px;font-weight:300;color:#3E5242;}.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-211 .elementor-element.elementor-element-2bc46b59 .elementor-button{background-color:#3E5242;font-family:"Outfit", Sans-serif;font-size:15px;font-weight:500;letter-spacing:0.5px;border-radius:6px 6px 6px 6px;padding:15px 32px 15px 32px;}.elementor-211 .elementor-element.elementor-element-c072267{--display:flex;--margin-top:56px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-uael-image-gallery .uael-gallery-parent .uael-masonry-filters .uael-masonry-filter,.elementor-widget-uael-image-gallery .uael-img-gallery-tabs-dropdown .uael-filters-dropdown-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-uael-image-gallery .uael-img-gallery-tabs-dropdown .uael-filters-dropdown-button, .elementor-widget-uael-image-gallery .uael-gallery-parent .uael-masonry-filters .uael-masonry-filter{color:var( --e-global-color-accent );}.elementor-widget-uael-image-gallery .uael-gallery-parent .uael-masonry-filters .uael-masonry-filter:hover, .elementor-widget-uael-image-gallery .uael-gallery-parent .uael-masonry-filters .uael-current{background-color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-211 .elementor-element.elementor-element-8a12fd7 .uael-img-gallery-wrap .uael-grid-item{padding-right:calc( 20px/2 );padding-left:calc( 20px/2 );}.elementor-211 .elementor-element.elementor-element-8a12fd7 .uael-img-gallery-wrap{margin-left:calc( -20px/2 );margin-right:calc( -20px/2 );}.elementor-211 .elementor-element.elementor-element-8a12fd7 .uael-img-gallery-wrap .uael-grid-item-content{margin-bottom:20px;}.elementor-211 .elementor-element.elementor-element-8a12fd7 .uael-grid-img-thumbnail img{opacity:1;}.elementor-211 .elementor-element.elementor-element-8a12fd7 .uael-grid-gallery-img:hover .uael-grid-img-thumbnail img{opacity:1;}body.elementor-page-211:not(.elementor-motion-effects-element-type-background), body.elementor-page-211 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://forestresidence.hu/wp-content/uploads/2026/08/Background.webp");}:root{--page-title-display:none;}@media(min-width:768px){.elementor-211 .elementor-element.elementor-element-c072267{--content-width:1440px;}}@media(max-width:767px){.elementor-211 .elementor-element.elementor-element-80a4101 .elementor-heading-title{font-size:40px;}.elementor-211 .elementor-element.elementor-element-d2fde47 .elementor-heading-title{font-size:19px;}}/* Start custom CSS for uael-image-gallery, class: .elementor-element-8a12fd7 *//* =========================================================
   FOREST RESIDENCE – UAEL PREMIUM GALLERY
   ========================================================= */

.uael-img-gallery-wrap {
    --fr-green-dark: #20362c;
    --fr-accent: #c47b52;
    --fr-radius: 16px;
}


/* =========================================================
   GALÉRIA KÁRTYA
   ========================================================= */

.uael-img-gallery-wrap .uael-grid-item-content {
    position: relative;
    overflow: hidden;

    border-radius: var(--fr-radius) !important;

    background: #fff;

    box-shadow:
        0 8px 24px rgba(32, 54, 44, 0.09);

    transition:
        transform 0.4s cubic-bezier(.2,.7,.2,1),
        box-shadow 0.4s ease;
}


/* =========================================================
   KÉP WRAPPER
   ========================================================= */

.uael-img-gallery-wrap .uael-grid-gallery-img,
.uael-img-gallery-wrap .uael-grid-img-thumbnail {
    position: relative;
    overflow: hidden;

    border-radius: var(--fr-radius) !important;
}


/* =========================================================
   KÉP
   ========================================================= */

.uael-img-gallery-wrap .uael-grid-img-thumbnail img {
    display: block;

    width: 100% !important;

    transform: scale(1);

    transition:
        transform 0.75s cubic-bezier(.2,.7,.2,1),
        filter 0.5s ease;
}


/* =========================================================
   DESKTOP HOVER
   ========================================================= */

@media (min-width: 768px) {

    .uael-img-gallery-wrap .uael-grid-item:hover
    .uael-grid-item-content {
        transform: translateY(-5px);

        box-shadow:
            0 18px 42px rgba(32, 54, 44, 0.16);
    }


    .uael-img-gallery-wrap .uael-grid-gallery-img:hover
    .uael-grid-img-thumbnail img {
        transform: scale(1.055);

        filter:
            saturate(1.04)
            contrast(1.025);
    }

}


/* =========================================================
   FINOM BELSŐ PRÉMIUM KERET
   ========================================================= */

.uael-img-gallery-wrap .uael-grid-gallery-img::after {
    content: "";

    position: absolute;

    inset: 10px;

    z-index: 5;

    border: 1px solid rgba(255, 255, 255, 0);

    border-radius: calc(var(--fr-radius) - 6px);

    pointer-events: none;

    transition:
        border-color 0.4s ease,
        inset 0.4s ease;
}


@media (min-width: 768px) {

    .uael-img-gallery-wrap .uael-grid-gallery-img:hover::after {
        inset: 12px;

        border-color: rgba(255, 255, 255, 0.55);
    }

}


/* =========================================================
   FINOM ALSÓ ÁRNYALÁS
   ========================================================= */

.uael-img-gallery-wrap .uael-grid-gallery-img::before {
    content: "";

    position: absolute;

    inset: 0;

    z-index: 4;

    background:
        linear-gradient(
            180deg,
            rgba(20, 36, 29, 0) 55%,
            rgba(20, 36, 29, 0.16) 100%
        );

    opacity: 0;

    pointer-events: none;

    transition: opacity 0.4s ease;
}


@media (min-width: 768px) {

    .uael-img-gallery-wrap .uael-grid-gallery-img:hover::before {
        opacity: 1;
    }

}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {

    .uael-img-gallery-wrap .uael-grid-item-content,
    .uael-img-gallery-wrap .uael-grid-gallery-img,
    .uael-img-gallery-wrap .uael-grid-img-thumbnail {
        border-radius: 11px !important;
    }

    .uael-img-gallery-wrap .uael-grid-item-content {
        box-shadow:
            0 6px 18px rgba(32, 54, 44, 0.08);
    }

    /* Mobilon nincs értelmetlen hover effekt */
    .uael-img-gallery-wrap .uael-grid-gallery-img::before,
    .uael-img-gallery-wrap .uael-grid-gallery-img::after {
        display: none;
    }

}/* End custom CSS */