﻿.largeimage_widget {
    position: relative;
    display: flex;
    padding: 6em 0 2em;
    justify-content: right;
    clip-path: polygon(0 75px, 100% 0%, 100% 100%, 0% 100%);
}

    .largeimage_widget .largeimage_image_container .largeimage_image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
        object-position: center;
        filter: brightness(.7);
    }

    .largeimage_widget .largeimage_text_container {
        position: relative;
        z-index: 1;
        width: 100%;
        color: #fff;
    }

    .largeimage_widget .largeimage_text.container {
        margin: auto;
    }

    .largeimage_widget .largeimage_text h1:first-of-type {
        opacity: .7;
        margin-bottom: -57px;
    }

/*-----------------------------------------------------------------------------------------------*/
.blocktext_widget .blocktext_widget_block {
    background-color: lightblue;
    padding: 4em 0;
    margin-top: -2em;
    background: url(../images/ox-factoid.jpg) no-repeat center;
    background-size: cover;
}


/*-----------------------------------------------------------------------------------------------*/

.our_buildings {
    display: flex;
    flex-wrap: wrap;
}

    .our_buildings > div,
    .buildingcard_widget {
        margin-bottom: 1em;
        flex-basis: 50%;
        padding: 10px;
        display: flex;
        flex-flow: column;
        justify-content: end;
    }

        .buildingcard_widget .buidlingcard_img_container {
            position: relative;
            background: rgba(0,0,0,.5);
            padding:  3em 2em 2em;
        }

.editing .buildingcard_widget .buidlingcard_img_container {
    padding: 4em 2em;
}

.buildingcard_widget .buildingcard_name {
    top: 10px;
}


        .buildingcard_widget .buildingcard_img {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            transition: all .3s ease;
        }

            .buildingcard_widget .buildingcard_img p {
                height: 100% !important;
            }

            .buildingcard_widget .buildingcard_img img {
                height: 100% !important;
                width: 100% !important;
                object-fit: cover;
                object-position: center;
            }

            /*.buildingcard_widget .buildingcard_img.innovation:before {
                content: 'Innovation Building';
                color: #fff;
                background: var(--sec);
                position: absolute;
                left: -10px;
                padding: 5px 10px;
            }*/

        .buildingcard_widget .buildingcard_img_text {
            opacity: 0;
            z-index: 2;
            position: relative;
            display: flex;
            flex-wrap: wrap;
            transition: all .3s ease;
        }

    .our_buildings .buildingcard_widget .buildingcard_img_text {
        top: 50%;
        transform: translateY(-50%);
    }

    .buildingcard_widget .buildingcard_img_text .fa {
        color: #fff;
    }

        .buildingcard_widget:hover .buildingcard_img {
            filter: brightness(.4);
        }

        .buildingcard_widget:hover .buildingcard_img_text {
            opacity: 1;
        }

        .buildingcard_widget .buildingcard_title {
        }

            .buildingcard_widget .buildingcard_title h3, .buildingcard_widget .buildingcard_title h4 {
                margin-top: 5px;
                margin-bottom: 5px;
            }

        .buildingcard_widget .buildingcard_info {
            display: flex;
            align-items: baseline;
            gap: 8px;
            margin-bottom: 10px;
            padding-right: 10px;
            flex-basis: 50%;
        }

            .buildingcard_widget .buildingcard_info > div:last-of-type {
                flex-grow: 1;
            }

        .buildingcard_widget .buildingcard_footer {
            flex-basis: 100%;
        }

    .our_buildings.three > div,
    .our_buildings.three .buildingcard_widget {
        flex-basis: 33%;
    }

        .our_buildings.three .buildingcard_widget .buidlingcard_img_container{
            padding: 4em 2em 3em;
        }

.developments .buildingcard_widget .buidlingcard_img_container {
    padding: 2em;
}