.elementor-28 .elementor-element.elementor-element-3e51014e{--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.5;--padding-top:7%;--padding-bottom:7%;--padding-left:15%;--padding-right:0%;}.elementor-28 .elementor-element.elementor-element-3e51014e:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-3e51014e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://lumentron.hu/wp-content/uploads/2026/06/biztonsagi-vilagitas-lumentron-termekek.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-28 .elementor-element.elementor-element-3e51014e::before, .elementor-28 .elementor-element.elementor-element-3e51014e > .elementor-background-video-container::before, .elementor-28 .elementor-element.elementor-element-3e51014e > .e-con-inner > .elementor-background-video-container::before, .elementor-28 .elementor-element.elementor-element-3e51014e > .elementor-background-slideshow::before, .elementor-28 .elementor-element.elementor-element-3e51014e > .e-con-inner > .elementor-background-slideshow::before, .elementor-28 .elementor-element.elementor-element-3e51014e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--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-28 .elementor-element.elementor-element-943343f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:42px;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-7541c816{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-7541c816:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-7541c816 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;}.elementor-widget-portfolio a .elementor-portfolio-item__overlay{background-color:var( --e-global-color-accent );}.elementor-widget-portfolio .elementor-portfolio-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-portfolio .elementor-portfolio__filter{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-portfolio .elementor-portfolio__filter.elementor-active{color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-3aca8406 .elementor-post__thumbnail__link{padding-bottom:calc( 1 * 100% );}.elementor-28 .elementor-element.elementor-element-3aca8406:after{content:"1";position:absolute;color:transparent;}.elementor-28 .elementor-element.elementor-element-3aca8406{--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-28 .elementor-element.elementor-element-3aca8406 a .elementor-portfolio-item__overlay{background-color:#61CE7000;}.elementor-28 .elementor-element.elementor-element-3aca8406 a .elementor-portfolio-item__title{color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-3aca8406 .elementor-portfolio-item__title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;line-height:20px;}.elementor-28 .elementor-element.elementor-element-3aca8406 .elementor-portfolio__filter{color:#7E7E7E;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:300;}.elementor-28 .elementor-element.elementor-element-3aca8406 .elementor-portfolio__filter.elementor-active{color:#6EC1E4;}.elementor-28 .elementor-element.elementor-element-3aca8406 .elementor-portfolio__filter:not(:last-child){margin-right:calc(10px/2);}.elementor-28 .elementor-element.elementor-element-3aca8406 .elementor-portfolio__filter:not(:first-child){margin-left:calc(10px/2);}.elementor-28 .elementor-element.elementor-element-3aca8406 .elementor-portfolio__filters{margin-bottom:10px;}@media(max-width:1024px){.elementor-28 .elementor-element.elementor-element-7541c816{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-28 .elementor-element.elementor-element-3e51014e{--min-height:250px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-28 .elementor-element.elementor-element-943343f{padding:50px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-943343f .elementor-heading-title{font-size:24px;}}@media(min-width:768px){.elementor-28 .elementor-element.elementor-element-7541c816{--content-width:1280px;}}/* Start custom CSS for portfolio, class: .elementor-element-3aca8406 *//* LUMENTRON – Portfolio / Referenciák */

/* filter menü */
.elementor-portfolio__filters {
    justify-content: flex-start;
    gap: 20px;
    margin-bottom: 30px;
    padding-bottom: 18px;
    border-bottom: 1px solid #2b2b2b;
}

.elementor-portfolio__filter {
    color: #7e7e7e !important;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 0 !important;
    transition: color .3s ease;
}

.elementor-portfolio__filter:hover,
.elementor-portfolio__filter.elementor-active {
    color: #9FCF67 !important;
}

/* grid */
.elementor-portfolio.elementor-grid {
margin-top: 30px;
}

/* item */
.elementor-portfolio-item {
    background: transparent !important;
    overflow: hidden !important;
}

/* link */
.elementor-portfolio-item__link {
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
}

/* kép */
.elementor-portfolio-item__img img {
    filter: grayscale(100%);
    transition: filter .45s ease;
}

/* hoveren kép színes */
.elementor-portfolio-item:hover .elementor-portfolio-item__img img {
    filter: grayscale(0%);
}

/* overlay / cím alapból rejtve */
.elementor-portfolio-item__overlay {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    min-height: 64px !important;
    padding: 15px !important;

    background: #1e1e1e !important;
    opacity: 0 !important;
    visibility: hidden !important;

    transform: translateY(100%) !important;
    transition: opacity .35s ease, visibility .35s ease, transform .35s ease !important;
    z-index: 5 !important;
}

/* hoveren cím megjelenik */
.elementor-portfolio-item:hover .elementor-portfolio-item__overlay {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* cím */
.elementor-portfolio-item__title {
    margin: 0 !important;
    padding: 0 0 12px 0 !important;

    color: #ffffff !important;
    font-family: "Arial", sans-serif;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-transform: uppercase;
    text-align: left !important;

    border-bottom: 1px solid #9FCF67;
}

/* mobil */
@media (max-width: 767px) {
    .elementor-portfolio__filters {
        gap: 14px;
        flex-wrap: wrap;
    }

    .elementor-portfolio__filter {
        font-size: 13px;
    }

    .elementor-portfolio.elementor-grid {
        row-gap: 22px;
    }

    .elementor-portfolio-item__overlay {
        min-height: 56px !important;
        padding: 13px !important;
    }

    .elementor-portfolio-item__title {
        font-size: 14px !important;
    }
}/* End custom CSS */