.single-project {
    --max-large: 1400px;
}

.single-project.standard-side-margin {
    margin-inline: auto;
}

.single-project .entry-title {
    color: #B8D7E3;
    font-size: 2em;
}

.single-project .breadcrumbs {
    margin: 0 auto 2em;
    max-width: var(--max-large);
    padding-inline: 1em;
    text-transform: uppercase;
    color: #005F86;
    font-weight: var(--font-weight-normal);
    letter-spacing: 0.02em;
}

.single-project .breadcrumbs a {
    color: #005F86;
    font-weight: var(--font-weight-normal);
    text-decoration: none;
}

.single-project .breadcrumbs-current {
    font-weight: var(--font-weight-bold);
}

.project-header-container {
    margin-inline: auto;
    max-width: var(--max-large);
}

.project-intro {
    background-color: rgba(184, 215, 227, 0.45);
    /* margin-inline: -12vw; */
    padding: 4em 1em 0;
}

.single-project h1,
.single-project h2,
.single-project h3,
.single-project h4,
.single-project h5,
.single-project h6 {
    font-weight: var(--font-weight-normal);
}

.project-intro-container {
    margin: 0 auto;
    max-width: var(--max-large);
    box-shadow: 0 0 4em rgba(0, 0, 0, 0.2);
    background-color: white;
    border-radius: 1.125em 1.125em 0 0;
    overflow: hidden;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
}

@media screen and (min-width:900px) {
    .project-intro-container {
        grid-template-columns: 1fr 40%;
    }
}

.single-project .entry-content {
    overflow: hidden;
    margin: 0;
    padding: 0 1em 4em;
}

.single-project .entry-content .wp-block-heading:first-child {
    margin-top: 0;
    line-height: 1;
}

.single-project .entry-content-inner {
    box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
    background-color: white;
    border-radius: 0 0 1.125em 1.125em;
    padding: 4em;
    border-top: 1px solid rgba(112, 112, 112, 0.58);
    max-width: var(--max-large);
    margin-inline: auto;
}

.project-intro-container .post-thumbnail {
    max-height: 36em;
    object-fit: cover;
    width: 100%;
    transition: all 0.5s ease;
    display: block;
}

.project-intro .post-thumbnail .wp-post-image:hover {
}

.project-intro-photo {
    position: relative;
    grid-column: 1 / -1;
    grid-row: 1 / 2;
}

.project-intro-photo-certification {
    position: absolute;
    top: 5%;
    left: 3%;
    width: 20%;
    max-width: 15em;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-intro-photo-certification-image {
    display: block;
    width: 60%;
    height: auto;
}

.project-intro-content {
    grid-column: 1 / -1;
    grid-row: 2 / 3;
    padding: 4em;
}

@media screen and (min-width: 900px) {
    .project-intro-content {
        grid-column-end: 2;
    }
}

.project-intro-identifier {
    text-transform: uppercase;
    font-weight: var(--font-weight-bold); /*500;*/
    color: #51534A;
    font-size: 1.5em;

}

.project-intro-headline {
    color: #51534A;
    line-height: 1.1;
    margin-block: 2em 0.5em;
}

.project-intro-meta {
    font-weight: bold;
    margin-block: 1em;
    font-size: 1.25em;
}

.project-intro-description {
    font-size: 1.25em;
    max-width: 35em;
}

.project-intro-certifications {
    border-top: 1px solid rgba(112, 112, 112, 0.58);
    overflow: hidden;
}

@media screen and (min-width:900px) {
    .project-intro-certifications {
        grid-column: 2 / -1;
        grid-row: 2 / 3;
        border-left: 1px solid rgba(112, 112, 112, 0.58);
        border-top: none;
    }
}

.project-intro-certification-logo {
    padding: 3em;
}

.project-intro-certification-content {
    padding: 3em 3em 6em;
}

h4.project-intro-certification-title {
    font-size: 1em;
    color: #333;
    margin: 0;
    font-weight: var(--font-weight-bold); /*500;*/
}

.project-intro-certification-logo {
    border-bottom: 1px solid rgba(112, 112, 112, 0.58);
}

.project-intro-certification-logo-image {
    display: block;
    max-width: 10em;
    margin-inline: auto;
}

.project-intro-certifications  {
    --swiper-navigation-size: 1.25em;
    --swiper-navigation-top-offset: calc(100% - 3em);
    --swiper-navigation-sides-offset: 3em;
    --swiper-navigation-color: #666;
    --swiper-pagination-color: #E35204;
    --swiper-pagination-bottom: 2em;
    --swiper-pagination-bullet-size: 0.875em;
    --swiper-pagination-bullet-inactive-opacity: 0.2;
    --swiper-pagination-bullet-horizontal-gap: 0.5em;
}

.related-projects {
    background-color: rgba(184, 215, 227, 0.45);
    position: relative;
    /* margin-inline: -12vw; */
    padding-block: 6em;
    text-align: center;
    overflow: hidden;
}
.related-projects--container {
    max-width: var(--max-large);
    margin-inline: auto;
}
.related-projects--headline {
    font-size: 3em;
    margin: 0;
}
.related-projects--copy {
    margin: 0;
}
.related-projects--list.swiper {
    margin-top: 4em;
    gap: 4em;
    overflow: visible;
}

.related-projects--list .swiper-slide {
    opacity: 0.1;
    transition: all 0.5s ease;
    margin-inline: 2em;
    height: unset;
    filter: blur(3px);
}

.related-projects--list .swiper-slide-active {
    opacity: 1;
    filter: blur(0);
}

.related-projects--list .swiper-slide-prev,
.related-projects--list .swiper-slide-next {
    opacity: 0.5;
    filter: blur(1px);
}

.related-projects--list .indv-project-post {
    width: 30em;
    background-color: white;
}

.related-projects--list .orange-button {
    border-radius: 3em;
    font-size: 1em;
    padding: 0.5em 2em;
    text-transform: uppercase;
}

.project-cta {
    padding-block: 0 4em;
    padding-inline: 1em;
    text-align: center;
    max-width: var(--max-large);
    margin-inline: auto;
}

.project-cta--inner {
    background-color: rgb(213, 231, 223);
    border-radius: 1em;
    padding: 4em;
}
h3.project-cta--headline {
    font-size: 2em;
    font-weight: var(--font-weight-bold); /*500;*/
    margin: 0;
    line-height: 1.2;
}
.project-cta--copy {
    margin: 1em auto 0;
    max-width: 50em;
}
.project-cta--link {
    margin-top: 2em;
    background-color: black;
    color: white;
    border-radius: 4em;
    padding: 0.5em 2em;
    display: inline-block;
    text-decoration: none;
}