/*
    6 - Pages styling file.

    6.10 - homepage brand claims
    6.11 - homepage pullquote
    6.12 - homepage press icons
    6.13 - homepage project types

    6.21 - project captions
    6.22 - project quotes
    6.23 - project slider
    6.24 - project spacing

    6.30 - about headshots

    6.35 - project child pages

    6.40 - services pages
    6.41 - design
    6.42 - installation
    6.43 - maintenance

    6.50 - press page

    6.55 - contact page

    6.60 - careers page

    6.70 - job openings

    6.80 - job listing

    6.90 - mobile contact page

    6.99 - blog
 */

/* 6.10 - homepage brand claims */
.brand-claims .is-layout-flex {
    gap: 0;
}
.brand-claims .wp-block-column {
    margin: 0 -40px;
    padding: 60px;
}
.brand-claims .wp-block-column:not(:last-child) {
    border-right: 2px dashed var(--color-alpha);
}

@media screen and (min-width: 768px) {
    .brand-claims .wp-block-column {
        margin: 0;
    }
}

@media screen and (max-width: 400px) {
    .brand-claims .wp-block-column {
        padding: 30px;
    }
}

@media screen and (max-width: 781px) {
    .brand-claims .wp-block-column:not(:last-child) {
        border-bottom: 2px dashed var(--color-alpha);
        border-right: none;
    }
    .brand-claims .wp-block-columns {
        max-width: 100%;
    }
    .brand-claims .wp-block-column {
        display: inline-flex;
        align-items: center;
    }
    .brand-claims .wp-block-column figure.wp-block-image {
        flex: 0 0 25%;
    }
    .brand-claims .wp-block-column p {
        flex: 0 0 75%;
        padding: 1em 0 0 1em;
        text-align: left;
    }
    body.home .brand-claims .wp-block-column p {
        padding-top: 0;
    }
}


/* 6.11 - homepage pullquote */
.photo-quote .wp-block-image {
    display: block;
}
.photo-quote .wp-block-image img {
    border: 3px solid var(--color-echo);
}
.photo-quote .wp-block-pullquote {
    padding: 120px 60px 30px;
    margin-top: -100px;
}
.photo-quote .wp-block-pullquote blockquote {
    margin: 0;
}
.photo-quote .wp-block-pullquote blockquote p {
    font-style: italic;
    font-weight: var(--weight-bold);
}
.photo-quote .wp-block-pullquote blockquote cite {
    font-family: var(--font-family-alt);
    font-size: var(--font-size-sm);
    font-style: normal;
    text-transform: uppercase;
}

@media all and (max-width: 781px) {
    .photo-quote .wp-block-pullquote {
        border-radius: 0 !important;
        padding: 120px 30px 30px;
    }
}


/* 6.12 - homepage press icons */
@media screen and (max-width: 599px) {
    .press-icons figure img {
        max-width: 70%;
    }
}
@media screen and (max-width: 781px){
    .press-icons figure {
        width: 100%;
    }
    .press-icons figure img {
        max-width: 60%;
    }
}


/* 6.13 - homepage project types */
.home-project-types .wp-block-column {
    display: grid;
    grid-template-rows: min-content;
}
.home-project-types .wp-block-column .wp-block-buttons {
    align-content: end;
}


/* 6.21 - project captions */
figcaption.wp-element-caption {
    margin-top:0;
}
figcaption.wp-element-caption mark {
    display:block;
    font-size: var(--font-size-sm);
    padding: 0.5em 2em;
    width: 100%;
}
.wp-block-image.caption-top {
    position: relative;
}
.wp-block-image.caption-top figcaption {
    position: absolute;
    top:0;
    width:100%;
}


/* 6.22 - project quotes */
.wp-block-quote {
    margin: 0;
}
.wp-block-quote p {
    font-weight: 700;
}
.wp-block-quote cite {
    font-family: var(--font-family-alt);
    font-size: var(--font-size-sm);
    font-style: normal;
    text-transform: uppercase;
}


/* 6.23 - project slider */
.single-project .simple-slide p {
    opacity: 0;
}
.single-project .simple-slide.is-active p {
    opacity: 1;
}


/* 6.24 - project spacing */
.single-project .wp-block-columns {
    gap: 0;
}
@media screen and (min-width: 782px) {
    .single-project .wp-block-columns:not(.is-style-no-col-gap) {
        gap: 1em;
    }
}


/* 6.30 - about headshots */
.page-id-230 figure.wp-block-image.is-style-rounded img {
    border: 3px solid var(--color-alpha);
}


/* 6.35 - projects child pages */
@media screen and (max-width: 781px) {
    body.parent-pageid-1472 .is-style-extend-left {
        /* 80px is twice the max-page padding */
        margin-right: calc((max(40px, 100vw - var(--page-width)) + 80px) * -0.5) !important;
        padding-right: calc((max(40px, 100vw - var(--page-width)) + 80px) * 0.5) !important;
    }
    body.parent-pageid-1472 .is-style-extend-right {
        /* 80px is twice the max-page padding */
        margin-left: calc((max(40px, 100vw - var(--page-width)) + 80px) * -0.5) !important;
        padding-left: calc((max(40px, 100vw - var(--page-width)) + 80px) * 0.5) !important;
    }
}


/* 6.40 - services pages */
.service-hero .wp-block-image.visible-md {
    margin-left: -20%;
}
.service-hero {
    text-align: center;
}
.service-hero .wp-block-buttons {
    display: block;
}
@media screen and (min-width: 782px) {
    .service-hero {
        text-align: left;
    }
}


/* 6.41 - design .page-id-182 */
.page-id-182 .brand-claims .wp-block-column:not(:last-child) {
    border-right-color: var(--color-foxtrot);
}
.page-id-182 button.splide__pagination__page {
    background: var(--color-juliett);
    border-color: var(--color-juliett);
}
.page-id-182 button.splide__pagination__page.is-active {
    background: var(--color-foxtrot);
    border-color: var(--color-foxtrot);
}
.page-id-182 .wp-block-theme-collapsing {
    border-top: 2px dashed var(--color-foxtrot);
    padding-top: 1em;
}
.page-id-182 .wp-block-theme-collapsing i {
    color: var(--color-foxtrot);
}
@media screen and (max-width: 781px) {
    .page-id-182 .brand-claims .wp-block-column:not(:last-child) {
        border-bottom-color: var(--color-foxtrot);
    }
}


/* 6.42 - installation .page-id-836 */
.page-id-836 .brand-claims .wp-block-column:not(:last-child) {
    border-right-color: var(--color-echo);
}
.page-id-836 button.splide__pagination__page {
    background: var(--color-india);
    border-color: var(--color-india);
}
.page-id-836 button.splide__pagination__page.is-active {
    background: var(--color-echo);
    border-color: var(--color-echo);
}
.page-id-836 .wp-block-theme-collapsing {
    border-top: 2px dashed var(--color-echo);
    padding-top: 1em;
}
.page-id-836 .wp-block-theme-collapsing i {
    color: var(--color-echo);
}
@media screen and (max-width: 781px) {
    .page-id-836 .brand-claims .wp-block-column:not(:last-child) {
        border-bottom-color: var(--color-echo);
    }
}


/* 6.43 - maintenance .page-id-846 */
.page-id-846 .wp-block-theme-collapsing {
    border-top: 2px dashed var(--color-alpha);
    padding-top: 1em;
}
.page-id-846 .wp-block-theme-collapsing i {
    color: var(--color-alpha);
}


/* 6.50 - press page */
.page-id-686 .wp-block-column {
    position: relative;
}
.page-id-686 .wp-block-column figure {
    margin: 0;
}
.page-id-686 .wp-block-column img {
    border: 1px solid var(--color-bravo);
}
.page-id-686 .ribbon-lines {
    width: 75%;
}
@media all and (max-width: 781px) {
    .page-id-686 .wp-block-columns {
        gap: 1em;
    }
}


/* 6.55 - contact page */
.forminator-pagination-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 20px;
    justify-content: start !important;
}
.page-id-141 .page-hero {
    height: 300px;
}
#forminator-module-153 .radio-grid .forminator-field {
    --gap: 50px;
    --grid-columns: 1;
    align-items: stretch;
    display: grid;
    gap: var(--gap) var(--gap);
    grid-template-columns: repeat(var(--grid-columns), 290px);
    justify-content: center;
    justify-items: stretch;
}
@media (min-width: 1050px) {
    #forminator-module-153 .radio-grid .forminator-field {
        --grid-columns: 3;
    }
    #forminator-module-153 #radio-5.radio-grid .forminator-field {
        grid-template-columns: 790px;
    }
}
#forminator-module-153 .radio-grid input,
#forminator-module-153 .radio-grid .forminator-radio-bullet,
#forminator-module-153 .radio-grid .forminator-radio-label {
    display: none;
}


/* 6.60 - careers page */
.wp-block-columns.careers-services h2.has-background {
    margin: 0;
    padding-left: 1.5em;
}
.wp-block-columns.careers-services .grid {
    grid-template-rows: min-content;
}
.wp-block-columns.careers-services .grid .grid {
    grid-template-rows: min-content;
    padding: 1.5em;
}
@media all and (min-width: 782px) {
    .wp-block-columns.careers-services.is-style-no-col-gap > div:not(:last-child) {
        box-shadow: 4px -1px 5px -2px rgb(0 0 0 / 20%);
        z-index: 1;
    }
    .wp-block-columns.careers-services.is-style-no-col-gap > div:first-child {
        z-index:2;
    }
    .wp-block-columns.careers-services.is-style-no-col-gap > div > p {
        padding-right: 1.5em;
    }
}
.page-id-1999 button.splide__pagination__page,
.page-id-1999 button.splide__pagination__page:hover {
    background: var(--color-alpha);
    border-color: var(--color-alpha);
}
.page-id-1999 button.splide__pagination__page.is-active {
    background: var(--color-bravo);
    border-color: var(--color-bravo);
}
.page-id-1999 button.splide__arrow svg path {
    fill: var(--color-alpha);
}
.page-id-1999 button.splide__arrow:hover svg path {
    fill: var(--color-bravo);
}


/* 6.70 - job openings */
.job-openings > ul {
    grid-template-columns: 1fr;
    grid-gap: 1em;
}
.job-openings h2,
.job-openings h2 > a {
    background-color: transparent;
    color: var(--color-bravo);
    padding: 0;
    text-align: left;
}
.job-openings h2 > a:hover {
    text-decoration: underline;
}
.job-openings li.job_listing + li.job_listing {
    border-top: 1px solid var(--color-alpha);
    padding-top:1em;
}
.job-openings li.job_listing div {
    display:inline-block;
} 
.job-openings li.job_listing div span {
    color: var(--color-alpha);
    font-size: var(--font-size-sm);
}
.job-openings li.job_listing div:not(:last-child) span:after {
    content: ",";
}
.job-openings li.job_listing div label {
    display: none;
}


/* 6.80 - job listing */
article.job-listing {
    padding-top: 30px;
}
.job-listing-details .field + .field {
    margin-top: 10px;
}
.job-listing-details .field label {
    display: inline-block;
}

/* 6.90 - job listing */
.mobile-contact figure.wp-block-image.is-style-rounded img {
    border: 3px solid var(--color-alpha);
    max-width: 60%;
}
.mobile-contact .wp-block-button {
    max-width: 300px;
    width: 100%;
}
.mobile-contact .wp-block-button a.wp-block-button__link {
    width: 100%;
}

/* 6.99 - blog */
body.single-post .main-content {
    padding-top: 60px;
}
body.single-post .post-content h1,
body.single-post .post-content p,
body.single-post .post-content ul,
body.single-post .post-content span.post-author {
    max-width: var(--wp--style--global--content-size);
    margin-left: auto !important;
    margin-right: auto !important;

}
body.single-post .post-content p {
    margin-top: 1em;
}
body.single-post .post-content .post-author {
    display: block;
    text-transform: uppercase;
}
body.single-post .post-content .post-author img.avatar {
    border-radius: 100%;
    border:2px solid var(--color-alpha);
}