.elementor-15585 .elementor-element.elementor-element-e367ce6{--display:flex;--min-height:328px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-15585 .elementor-element.elementor-element-e367ce6:not(.elementor-motion-effects-element-type-background), .elementor-15585 .elementor-element.elementor-element-e367ce6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://art-bridge.org/wp-content/uploads/2024/11/danielleFrontal-scaled-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-15585 .elementor-element.elementor-element-1107f00{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-15585 .elementor-element.elementor-element-f735ca4{--display:flex;--margin-top:50px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15585 .elementor-element.elementor-element-0cf2743{--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;}.elementor-15585 .elementor-element.elementor-element-5aee3c5 .elementor-post__thumbnail__link{padding-bottom:calc( 0.66 * 100% );}.elementor-15585 .elementor-element.elementor-element-5aee3c5:after{content:"0.66";position:absolute;color:transparent;}.elementor-15585 .elementor-element.elementor-element-5aee3c5 .elementor-portfolio__filter:not(:last-child){margin-right:calc(10px/2);}.elementor-15585 .elementor-element.elementor-element-5aee3c5 .elementor-portfolio__filter:not(:first-child){margin-left:calc(10px/2);}.elementor-15585 .elementor-element.elementor-element-5aee3c5 .elementor-portfolio__filters{margin-bottom:10px;}:root{--page-title-display:none;}/* Start custom CSS for portfolio, class: .elementor-element-5aee3c5 *//* --------------------------------------------- */
/* PORTFOLIO FILTER MENU — ARTBRIDGE STYLE       */
/* --------------------------------------------- */

/* 1. Align entire filter row to the left */
.elementor-portfolio__filters {
    display: flex !important;
    justify-content: flex-start !important;
    gap: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    text-align: left !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
}

/* 2. Style individual filter items */
.elementor-portfolio__filter {
    display: inline-block !important;
    position: relative !important;
    font-size: 28px !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
    color: #000 !important;
    text-align: left !important;
    padding-left: 20px !important;
    cursor: pointer !important;
    transition: color 0.3s ease, padding-left 0.3s ease !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* 3. Add ArtBridge red vertical bar */
.elementor-portfolio__filter:before {
    content: "" !important;
    position: absolute !important;
    top: 3px !important;
    left: 0 !important;
    width: 6px !important;
    height: calc(100% - 6px) !important;
    background-color: #ff3d00 !important;
    transition: width 0.3s ease, left 0.3s ease !important;
}

/* 4. Hover Effect */
.elementor-portfolio__filter:hover {
    color: #ff3d00 !important;
}

/* 5. Active State */
.elementor-portfolio__filter.elementor-active {
    color: #ff3d00 !important;
}

.elementor-portfolio__filter.elementor-active:before {
    width: 12px !important;
    left: 0 !important;
}/* End custom CSS */