.elementor-1120 .elementor-element.elementor-element-98b6780{text-align:start;}.elementor-1120 .elementor-element.elementor-element-66d8b39{--grid-row-gap:90px;--grid-column-gap:45px;}.elementor-1120 .elementor-element.elementor-element-66d8b39 a .elementor-portfolio-item__title{color:var( --e-global-color-secondary );}.elementor-1120 .elementor-element.elementor-element-66d8b39 .elementor-portfolio__filter{color:var( --e-global-color-secondary );font-family:"ff-scala-sans-pro", Sans-serif;font-size:13px;text-transform:uppercase;}.elementor-1120 .elementor-element.elementor-element-66d8b39 .elementor-portfolio__filter.elementor-active{color:var( --e-global-color-secondary );}.elementor-1120 .elementor-element.elementor-element-66d8b39 .elementor-portfolio__filter:not(:last-child){margin-right:calc(10px/2);}.elementor-1120 .elementor-element.elementor-element-66d8b39 .elementor-portfolio__filter:not(:first-child){margin-left:calc(10px/2);}.elementor-1120 .elementor-element.elementor-element-66d8b39 .elementor-portfolio__filters{margin-bottom:27px;}:root{--page-title-display:none;}/* Start custom CSS for portfolio, class: .elementor-element-66d8b39 *//* =========================================
   FILUM FOUNDATION — PROJECTS PORTFOLIO
   ========================================= */


/* PROJECT ITEM
   Ruimte voor de titel onder de afbeelding
----------------------------------------- */

.elementor-1120 .elementor-element.elementor-element-66d8b39 .elementor-portfolio-item {
    overflow: visible;
    margin-bottom: 36px;
}


/* PROJECT TITLE
   Permanent onder de afbeelding
----------------------------------------- */

.elementor-1120 .elementor-element.elementor-element-66d8b39 .elementor-portfolio-item__overlay {
    top: 100%;
    left: 0 !important;
    right: 0 !important;
    height: 65px;
    padding: 0 !important;
    background: transparent;
    opacity: 1;
}

.elementor-1120 .elementor-element.elementor-element-66d8b39 .elementor-portfolio-item__title {
    width: 100%;
    margin: 0 !important;
    padding: 10px 0 0 0 !important;
    text-align: left;
    color: #2C2419;
}


/* IMAGE HOVER
   Subtiele FILUM Thread-overlay
----------------------------------------- */

.elementor-1120 .elementor-element.elementor-element-66d8b39 .elementor-portfolio-item__img {
    position: relative;
}

.elementor-1120 .elementor-element.elementor-element-66d8b39 .elementor-portfolio-item__img::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #7A6550;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

.elementor-1120 .elementor-element.elementor-element-66d8b39 .elementor-portfolio-item:hover
.elementor-portfolio-item__img::after {
    opacity: 0.35;
}


/* FILTER BAR
   Links uitlijnen met projectafbeeldingen
----------------------------------------- */

.elementor-1120 .elementor-element.elementor-element-66d8b39 .elementor-portfolio__filters {
    justify-content: flex-start;
    margin-left: 0;
    padding-left: 0;
}

.elementor-1120 .elementor-element.elementor-element-66d8b39 .elementor-portfolio__filters
.elementor-portfolio__filter:first-child {
    margin-left: 0;
    padding-left: 0;
}
/* PROJECT IMAGES — gecentreerde uitsnede */

.elementor-1120 .elementor-element.elementor-element-66d8b39 .elementor-portfolio-item__img {
    aspect-ratio: 3 / 2;
    background-size: cover !important;
    background-position: center 20% !important;
}

.elementor-1120 .elementor-element.elementor-element-66d8b39 .elementor-portfolio-item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 20%;
}
/* PROJECT TITLES — gelijke uitlijning */

.elementor-1120 .elementor-element.elementor-element-66d8b39 .elementor-portfolio-item__overlay {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

.elementor-1120 .elementor-element.elementor-element-66d8b39 .elementor-portfolio-item__title {
    line-height: 1.4 !important;
}
/* FILTER BAR — tablet en mobiel */

@media (max-width: 1024px) {
    .elementor-1120 .elementor-element.elementor-element-66d8b39 .elementor-portfolio__filters {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        gap: 12px 24px;
    }

    .elementor-1120 .elementor-element.elementor-element-66d8b39 .elementor-portfolio__filter {
    margin: 0 !important;
    padding: 0 !important;
}/* End custom CSS */