.krs-portfolio-container { 
    display: flex; 
    flex-wrap: wrap; 
    gap: 0;
}

.TextDiv { 
    flex: 0 0 35%; 
    margin-right: 0; 
    background-color: #073B4C;
    padding: 1vw;
    border-bottom: 1px solid white;
}

.TextDiv p {
    margin-bottom: 1vh;
    color: white;
}

.RightOfText { 
    flex: 1; 
    display: flex;
    flex-direction: column;
    gap: 0; 
}

.ContinuationRows {
    display: block;
    clear: both;
    width: 100%;
}    

.RightPicRow, .ContinuationRow {
    display: flex; 
    width: 100%; 
    flex-wrap: nowrap;    
    gap: 0; 
}


.FullWidthP { 
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    width: 100%; 
    margin:0;
    padding: 2vw 10vw;
    background-color:#F57F0417;
}

.Quote { 
    margin: 0 0 1vh 0; 
    font-size: 1.2rem;
    line-height: 1.1em;
    font-style: italic;
    color: black;
}

.Name { 
    font-size: 1.4rem;
    font-weight: 600;
    color: #F57F04;
    line-height: 1.1em;    
    margin-right: 5vw;
    text-align: right;
}

.Title { 
    font-size: 1.2rem;
    line-height: 1.1em;
    font-style: italic;
    color: black;
    margin-right: 5vw;
    text-align: right;    
}

.krs-portfolio-container .PicDiv {
    border: 1px solid white;    
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}


.RightPicRow a, .ContinuationRow a {
    display: block;
}


.RightPicRow a,
.ContinuationRow a {
    display: flex;
    flex: 1 0 auto;
}

.RightPicRow .PicDiv,
.ContinuationRow .PicDiv {
    flex: 1 0 auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;    
}

.PicDiv::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2); /* overlay */
    transition: background 0.3s ease;
    pointer-events: none;
}

 .PicDiv:hover::after {
    background: rgba(0, 0, 0, 0);
}


        /* LIGHTBOX CONTROLS */
        
/* Bring Elementor lightbox nav arrows back into view */
.elementor-lightbox .elementor-swiper-button-prev,
.elementor-lightbox .elementor-swiper-button-next {
    top: 50% !important; /* vertically centered */
    transform: translateY(-50%) !important; /* truly center vertically */
    left: 10px !important;  /* prev arrow */
    right: 10px !important; /* next arrow */
    width: 40px !important;
    height: 40px !important;
    background: rgba(0,0,0,0.5) !important; /* optional for visibility */
    border-radius: 50% !important;
    z-index: 9999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.elementor-lightbox .elementor-swiper-button-next {
    left: auto !important;  /* reset left */
    right: 10px !important;
}

.elementor-lightbox .elementor-swiper-button-prev {
    right: auto !important; /* reset right */
    left: 10px !important;
}

.elementor-lightbox .elementor-swiper-button-prev i,
.elementor-lightbox .elementor-swiper-button-next i {
    color: #fff !important;
    font-size: 20px !important;
}