.elementor-15617 .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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15617 .elementor-element.elementor-element-e367ce6:not(.elementor-motion-effects-element-type-background), .elementor-15617 .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-15617 .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-15617 .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-15617 .elementor-element.elementor-element-ba9257f{--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;--margin-top:100px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-15617 .elementor-element.elementor-element-84c81d4{--display:flex;}.elementor-15617 .elementor-element.elementor-element-516b782 .elementor-post__thumbnail__link{padding-bottom:calc( 0.71 * 100% );}.elementor-15617 .elementor-element.elementor-element-516b782:after{content:"0.71";position:absolute;color:transparent;}.elementor-15617 .elementor-element.elementor-element-516b782{--grid-row-gap:2px;--grid-column-gap:2px;}.elementor-15617 .elementor-element.elementor-element-516b782 a .elementor-portfolio-item__overlay{background-color:#FF1C1C;}.elementor-15617 .elementor-element.elementor-element-516b782 .elementor-portfolio__filter{font-family:"Roboto", Sans-serif;font-size:32px;font-weight:700;line-height:32px;letter-spacing:-0.7px;}.elementor-15617 .elementor-element.elementor-element-516b782 .elementor-portfolio__filter:not(:last-child){margin-right:calc(10px/2);}.elementor-15617 .elementor-element.elementor-element-516b782 .elementor-portfolio__filter:not(:first-child){margin-left:calc(10px/2);}.elementor-15617 .elementor-element.elementor-element-516b782 .elementor-portfolio__filters{margin-bottom:10px;}:root{--page-title-display:none;}/* Start custom CSS for portfolio, class: .elementor-element-516b782 *//* Align the filter menu to the left */
.elementor-portfolio__filters {
    justify-content: flex-start; /* Align items to the left */
    text-align: left; /* Ensure left alignment */
}

/* Adjust spacing for a left-justified layout */
.elementor-portfolio__filter {
    margin-right: 20px; /* Add spacing between menu items */
}

/* Align the filter items horizontally */
.elementor-portfolio__filters {
    display: flex; /* Use Flexbox for layout */
    justify-content: flex-start; /* Align items to the left */
    gap: 40px; /* Add space between filter items */
    margin: 0; /* Remove extra margins */
    padding: 0; /* Remove extra padding */
    list-style: none; /* Remove default list styles */
}

/* Style individual filter items */
.elementor-portfolio__filter {
    display: inline-block; /* Keep the items inline */
    position: relative; /* Position relative for the red line */
    font-size: 28px; /* Adjust font size */
    font-weight: bold; /* Bold text */
    line-height: 1.4; /* Adjust line spacing */
    color: #000; /* Black text color */
    text-align: left; /* Align text to the left */
    white-space: nowrap; /* Prevent wrapping */
    padding-left: 20px; /* Space between text and red line */
    cursor: pointer; /* Pointer cursor on hover */
    transition: color 0.3s ease, padding-left 0.3s ease; /* Smooth color and padding transition */
}

/* Add the red line on the left */
.elementor-portfolio__filter:before {
    content: ""; /* Empty content for the line */
    position: absolute; /* Position absolute relative to the filter */
    top: 03; /* Align to the top */
    left: 0; /* Align to the left */
    width: 6px; /* Default line thickness */
    height: 80%; /* Full height of the item */
    background-color: #ff3d00; /* Red color */
    transition: width 0.3s ease, left 0.3s ease; /* Smooth transition for the red line */
}

/* Add hover effect */
.elementor-portfolio__filter:hover {
    color: #ff3d00; /* Change text color on hover */
}

/* Make the active filter item stand out */
.elementor-portfolio__filter.elementor-active {
    color: #ff3d00; /* Highlight active text color */
}

/* Make the red line thicker for the active item */
.elementor-portfolio__filter.elementor-active:before {
    width: 12px; /* Thicker red line for the active filter */
    left: 0; /* Ensure alignment remains consistent */
}

/* Break text into two lines for specific filters */
.elementor-portfolio__filter span {
    display: block; /* Force line break */
}/* End custom CSS */