.website-layout-block {
    --website-layout-max: var(--max-width);
    --website-layout-pad-y: 86px;
}

.website-layout-block--spacing-compact {
    --website-layout-pad-y: 44px;
}

.website-layout-block--spacing-generous {
    --website-layout-pad-y: 104px;
}

.website-layout-block.section,
.website-layout-block.cms-content-module {
    padding-top: var(--website-layout-pad-y);
    padding-bottom: var(--website-layout-pad-y);
}

.website-layout-block--width-narrow {
    --website-layout-max: 780px;
}

.website-layout-block--width-normal {
    --website-layout-max: var(--max-width);
}

.website-layout-block--width-wide {
    --website-layout-max: 1380px;
}

.website-layout-block--width-full {
    --website-layout-max: none;
}

.section.website-layout-block--width-narrow > .container,
.section.website-layout-block--width-wide > .container {
    max-width: var(--website-layout-max);
}

.section.website-layout-block--width-full > .container {
    width: min(100% - 48px, 1680px);
    max-width: none;
}

.website-layout-block--width-narrow .cms-content-module__inner {
    max-width: 720px;
}

.website-layout-block--width-wide .cms-content-module__inner {
    max-width: 1180px;
}

.website-layout-block--width-full .cms-content-module__inner {
    max-width: none;
}

.website-layout-block--align-center > .container,
.website-layout-block--align-center .hero-content,
.website-layout-block--align-center .cms-content-module__inner {
    text-align: center;
}

.website-layout-block--align-center .cms-content-module__inner p {
    margin-right: auto;
    margin-left: auto;
}

.website-layout-block--align-center .btn,
.website-layout-block--align-center .card-link {
    align-self: center;
}

.website-layout-block--theme-light {
    color: var(--color-dark);
    background: #f2f4f5;
}

.website-layout-block--theme-light .container,
.website-layout-block--theme-light .cms-content-module__inner {
    color: inherit;
}

.website-layout-block--theme-light h1,
.website-layout-block--theme-light h2,
.website-layout-block--theme-light h3,
.website-layout-block--theme-light p {
    color: inherit;
}

.website-layout-block--theme-dark {
    color: #f7f8f8;
    background: #171a1d;
}

.website-layout-block--theme-dark h1,
.website-layout-block--theme-dark h2,
.website-layout-block--theme-dark h3,
.website-layout-block--theme-dark p {
    color: inherit;
}

.website-layout-block--theme-dark .card {
    color: var(--color-dark);
    background: #fff;
}

.website-layout-block--theme-accent {
    color: #20160c;
    background: #f6a24e;
}

.website-layout-block--theme-accent h1,
.website-layout-block--theme-accent h2,
.website-layout-block--theme-accent h3,
.website-layout-block--theme-accent p {
    color: inherit;
}

.hero.website-layout-block--align-center .hero-content {
    margin-right: auto;
    margin-left: auto;
}

.hero.website-layout-block--spacing-compact {
    min-height: 430px;
}

.hero.website-layout-block--spacing-generous {
    min-height: 720px;
}

@media (max-width: 760px) {
    .website-layout-block {
        --website-layout-pad-y: 62px;
    }

    .website-layout-block--spacing-compact {
        --website-layout-pad-y: 34px;
    }

    .website-layout-block--spacing-generous {
        --website-layout-pad-y: 72px;
    }

    .section.website-layout-block--width-full > .container {
        width: min(100% - 32px, 1680px);
    }
}