/* Team */
.content__team article.team {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.content__team article.team .content .content__image img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.content__team article.team .content .content__description {
    display: flex;
    flex-direction: column;
    height: 300px;
}

.content__team article.team .content .content__description a {
    margin-top: auto;
}

/* Resources Banner */
.single-guide {
    --resource-grid-width: 1247px;
}

.resource-banner {
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    margin: 20px auto;
    max-width: 1377px;
    overflow: hidden;
    width: calc(100% - 24px);
}

@media screen AND (min-width: 980px) {
    .resource-banner {
       width: calc(100% - 24px);
    }
}

.resource-banner .wave-wrapper {
    height: 200px;
    text-align: right;
}

@media screen AND (min-width: 980px) {
    .resource-banner .wave-wrapper {
        height: 350px;
    }
}

.resource-banner .wave-wrapper svg {
    height: 850px;
    top: -40%;
    position: relative;
}

.resource-banner .content {
    background-color: var(--brand-blue);
    border-radius: 10px 10px 0 0;
    margin: 0 0 0 12px;
    padding: 20px 20px;
    position: relative;
    width: calc(100% - 40px);
}

@media screen AND (min-width: 450px) {
    .resource-banner .content {
        margin: 0 0 0 21px;
    }
}

@media screen AND (min-width: 980px) {
    .resource-banner .content {
        margin: 0 0 0 41px;
        padding: 40px 20px;
        width: 50%;
    }
}

@media screen AND (min-width: 1500px) {
    .resource-banner .content {
       margin: 0 0 0 48px;
    }
}

.resource-banner .h1 {
    color: white;
}

.resource-banner + .breadcrumbs {
    max-width: var(--resource-grid-width);
} 

/* Resources Content Area*/
.single-guide .guide .column-layout {
    max-width: var(--resource-grid-width);
}

.entry-footer--resources {
    max-width: var(--resource-grid-width);
}

/* Bottom CTA */
.block-cta-image .content .content__image {
    display: none;
}

@media screen AND (min-width: 768px) {
    .block-cta-image .content .content__image {
        display: block;
    }
}