.section {
    padding: 72px 0;
    background: var(--ttl_cream);
}

.section:nth-child(2n+2) {
    background: var(--ttl_darkcream);
}


.section.ttl_darkgrey {
    background: var(--ttl_darkgrey);
    color: white;
}



.section.ttl_green {
    background: var(--ttl_green);

}



@media (prefers-color-scheme: dark) {

    .section {
        background-color: var(--ttl_footer-2) !important;
        color: #ffffff;
    }
    .section:nth-child(2n+2) {
        background: var(--ttl_black) !important;
    }
    /* Add other style overrides here */
}





.section:has(.wrapper:empty:only-child) {
    display: none;
}
.section > .wrapper:empty {
    display: none;
}


@media all and (max-width:1199.98px) {
    .section {
        padding: 48px 0;
    }

}

@media all and (max-width: 599.98px) {
    .section {
        padding: 32px 0;

    }

    /*.sections>*/.section:last-child { border-bottom: var(--wrapper-margin) solid transparent; }
}
.section > .wrapper > header.cardheader { margin-bottom: var(--gutter_big);}
.section > .wrapper > header.cardheader p { max-width: 720px;}
.section > .wrapper > header.cardheader .cta { white-space: nowrap;}
.section > .wrapper > header.cardheader .cta:last-child { margin-top: 1em;}

@media all and (min-width: 900px) {
    .section > .wrapper > header.cardheader,
    .section > .wrapper > header:not(.textcontent):first-child {
        display: flex; gap: var(--gutter);
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 0;
    }

    .section > .wrapper > header.cardheader .cta:last-child { margin-top: 0;}

}


.bodytext + header.cardheader { margin-top: var(--gutter_big); }


body.page-id-13 header.cardheader.services_cardheader .cta { display: none !important; }