.pces-cilr{
    display:grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "image" "text";
    width:100%;
    gap: var(--pces-cilr-gap-mobile, 0px);
}
.pces-cilr .pces-cilr-text-inner.container{
    padding: var(--pces-cilr-inner-gap-medium, 30px var(--bs-gap-default, 20px) 30px 20px);
}
.pces-cilr.-centered-left .container{
    padding: var(--pces-cilr-inner-gap-medium, 30px var(--bs-gap-default, 20px) 30px 20px);
}
@media screen and (min-width: 576px) {
    .pces-cilr.-centered-left .container{
        padding: var(--pces-cilr-inner-gap-medium, 60px var(--bs-gap-default, 20px) 60px 60px);
    }
    .pces-cilr.-centered-right .container{
        padding: var(--pces-cilr-inner-gap-medium, 60px 60px 60px var(--bs-gap-default, 20px));
    }
}
@media screen and (min-width: 997px) {
    .pces-cilr.-centered-left .container{
        padding: var(--pces-cilr-inner-gap-large, 60px var(--bs-gap-default, 20px) 60px 60px);
    }
    .pces-cilr.-centered-right .container{
        padding: var(--pces-cilr-inner-gap-large, 60px 60px 60px var(--bs-gap-default, 20px));
    }
}
@media screen and (min-width: 1200px) {
    .pces-cilr.-centered-left .container{
        padding: var(--pces-cilr-inner-gap-xl, 60px var(--bs-gap-default, 20px) 60px 60px);
    }
    .pces-cilr.-centered-right .container{
        padding: var(--pces-cilr-inner-gap-xl, 60px 60px 60px var(--bs-gap-default, 20px));
    }
}


.pces-cil-text{
    flex-grow:1;
}
.pces-cilr-item.pces-cilr-text{
    grid-area:text;
    width: 100%;
    display: flex;
}
.pces-cilr-text-inner{
    width: calc(var(--bs-textimage-textinner-width) / 2 - var(--bs-gap-default, 20px));
    padding-bottom: var(--bs-gap-medium, 30px);
}
.pces-cilr-item.pces-cilr-image{
    grid-area:image;
    position:relative;
    height:400px;
}
.pces-cilr-item.pces-cilr-image picture{
    width:100%;
    height:100%;
    display:block;
    position:absolute;
    left: 0;
    top: 0;
}
.pces-cilr-item.pces-cilr-image img{
    width:100% !important;
    height:100% !important;
    display:block;
    position:absolute;
    box-sizing: border-box ;
    object-fit: cover;
    left: 0;
    top: 0;
}
/* Image Orientations */
@media (min-width: 992px) {
    .pces-cilr-item.pces-cilr-image{
        height:100%;
    }
    .pces-cilr.-centered-right{
        grid-template-areas: "text image";
    }
    .pces-cilr.-centered-left {
        grid-template-areas: "image text";
    }
}
.pces-cilr.-image-right .pces-cilr-text{
    display:flex;
    justify-content: end;
}

@media (min-width: 768px) {
    .pces-cilr{
        gap: var(--pces-cilr-gap-tablet, 0px);
    }
}
@media (min-width: 992px) {
    .pces-cilr{
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: var(--pces-cilr-gap-desktop, 0px);
    }
    .pces-cilr-text-inner{
        margin: 0 !important;
        width: calc(var(--frame-width-lg)/2 - var(--pces-cilr-gap-desktop, 0px));
        padding-bottom: var(--pces-cilr-text-padding-bottom, 50px);
        padding-top: var(--pces-cilr-text-padding-top, 50px);
    }
}
@media (min-width: 1200px) {
    .pces-cilr{
        gap: var(--pces-cilr-gap-desktop, 0px);
        flex-direction: row;
    }
    .pces-cilr-text-inner{
        width: calc(var(--frame-width-xl)/2 - var(--pces-cilr-gap-desktop, 0px));
    }
}
@media (min-width: 1400px) {
    .pces-cilr{
        flex-direction: row;
    }
    .pces-cilr-text-inner{
        width: calc(var(--frame-width-xxl)/2 - var(--pces-cilr-gap-desktop, 0px));
    }
}

/* layputs */
.pces-cilr.layout-text-center .pces-cilr-item.pces-cilr-text{
    justify-content: center;
    align-items: center;
}
@media (min-width: 1400px) {
    .pces-cilr.h-imageControlsHeight .pces-cilr-item.pces-cilr-image picture,
    .pces-cilr.h-imageControlsHeight .pces-cilr-item.pces-cilr-image img {
        width: 100%;
        height: auto;
        display: block;
        position: relative;
    }
}