﻿

.ip-main .quals {
    font-size: 50%;
    font-weight: normal;
    text-wrap: nowrap;
}

.ip-main .job-title {
    font-size: 70%;
}

.ip-main div.photo-richard,
.ip-main div.photo-caroline {
    background-size: cover;
    background-position: center center;
    background-clip: border-box;
    background-repeat: no-repeat;
    max-width: 320px;
}

.ip-main div.photo-richard {
    background-image: url('/images/about/directors/richard-750w.webp');
    background-image: image-set( url("/images/about/directors/richard-750w.webp") 1x type("image/webp"), url("/images/about/directors/richard-1500w.webp") 2x type("image/webp") );
}

.ip-main div.photo-caroline {
    background-image: url('/images/about/directors/caroline-800w.webp');
}

.ip-main ul.qualifications > li {
    margin-bottom: 0.6em;
}

.ip-context-1 > div.photo-richard {
    aspect-ratio: 3 / 2.5;
    background-position: top center;
}

.ip-context-1 > div.photo-caroline {
    aspect-ratio: 3 / 2.5;
    background-position: top center;
}

.ip-context-1 > .bcs-badge {
    display: block;
    width: 75%;
    max-width: 240px;
    height: auto;
    aspect-ratio: 1;
    margin-top: 30px;
}

.ip-context-1 > .ceng-badge {
    display: block;
    width: 75%;
    max-width: 240px;
    aspect-ratio: 1180 / 364;
    margin-top: 20px;
}

.linkedin-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: inherit;
    margin-top: 20px;
}

    .linkedin-link img {
        width: 64px;
        height: 54px;
    }

.ip-context-1 > nav {
    margin-top: 60px;
}


.ip-content-1 > .cert-badges {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 0px;
    row-gap: 20px;
}

    .ip-content-1 > .cert-badges > div {
        grid-row-start: 1;
        grid-row-end: 2;
    }

        .ip-content-1 > .cert-badges > div:first-child {
            grid-column-start: 1;
            grid-column-end: 2;
        }

        .ip-content-1 > .cert-badges > div:nth-child(2) {
            grid-column-start: 2;
            grid-column-end: 3;
        }

        .ip-content-1 > .cert-badges > div:nth-child(3) {
            grid-column-start: 3;
            grid-column-end: 4;
        }

        .ip-content-1 > .cert-badges > div:last-child {
            grid-column-start: 4;
            grid-column-end: 5;
        }

    .ip-content-1 > .cert-badges > div img {
        width: 120px;
        height: 120px;
    }


/* bp-minor-reduce-0-max */
@media all and (max-width: 900px) {

    .ip-content-1 > .cert-badges {
        grid-template-columns: repeat(2, 1fr);
    }

        .ip-content-1 > .cert-badges > div:nth-child(3) {
            grid-row-start: 2;
            grid-row-end: 3;
            grid-column-start: 1;
            grid-column-end: 2;
        }

        .ip-content-1 > .cert-badges > div:last-child {
            grid-row-start: 2;
            grid-row-end: 3;
            grid-column-start: 2;
            grid-column-end: 3;
        }

}
