.section {
    margin-top: calc(1 * var(--section-spacing-mobile));
    position: relative;
}
@media (min-width: 768px) {
    .section {
        margin-top: calc(1 * var(--section-spacing-tablet));
    }
}
@media (min-width: 992px) {
    .section {
        margin-top: calc(1 * var(--section-spacing-desktop));
    }
}
@media (min-width: 1200px) {
    .section {
        margin-top: calc(1 * var(--section-spacing-large));
    }
}
.section.theme + .theme, .section.theme-fill + .theme {
    margin-top: 0;
}
.section.theme--0 + .section.theme--0 {
    padding-top: 0;
}
.section.theme--1 + .section.theme--1 {
    padding-top: 0;
}
.section.theme--2 + .section.theme--2 {
    padding-top: 0;
}
.section.theme--3 + .section.theme--3 {
    padding-top: 0;
}
.section.theme--4 + .section.theme--4 {
    padding-top: 0;
}
.section.theme--5 + .section.theme--5 {
    padding-top: 0;
}
.section--sibling {
    margin-top: var(--spacing);
}

main {
    padding-top: calc(1 * var(--section-spacing-mobile));
    padding-bottom: calc(1 * var(--section-spacing-mobile));
}
@media (min-width: 768px) {
    main {
        padding-top: calc(1 * var(--section-spacing-tablet));
        padding-bottom: calc(1 * var(--section-spacing-tablet));
    }
}
@media (min-width: 992px) {
    main {
        padding-top: calc(1 * var(--section-spacing-desktop));
        padding-bottom: calc(1 * var(--section-spacing-desktop));
    }
}
@media (min-width: 1200px) {
    main {
        padding-top: calc(1 * var(--section-spacing-large));
        padding-bottom: calc(1 * var(--section-spacing-large));
    }
}
main > .section.theme:last-child {
    margin-bottom: calc(-1 * var(--section-spacing-mobile));
}
@media (min-width: 768px) {
    main > .section.theme:last-child {
        margin-bottom: calc(-1 * var(--section-spacing-tablet));
    }
}
@media (min-width: 992px) {
    main > .section.theme:last-child {
        margin-bottom: calc(-1 * var(--section-spacing-desktop));
    }
}
@media (min-width: 1200px) {
    main > .section.theme:last-child {
        margin-bottom: calc(-1 * var(--section-spacing-large));
    }
}

.theme {
    padding-top: calc(1 * var(--section-spacing-mobile));
    padding-bottom: calc(1 * var(--section-spacing-mobile));
}
@media (min-width: 768px) {
    .theme {
        padding-top: calc(1 * var(--section-spacing-tablet));
        padding-bottom: calc(1 * var(--section-spacing-tablet));
    }
}
@media (min-width: 992px) {
    .theme {
        padding-top: calc(1 * var(--section-spacing-desktop));
        padding-bottom: calc(1 * var(--section-spacing-desktop));
    }
}
@media (min-width: 1200px) {
    .theme {
        padding-top: calc(1 * var(--section-spacing-large));
        padding-bottom: calc(1 * var(--section-spacing-large));
    }
}
.theme-fill {
    padding-top: 0;
    padding-bottom: 0;
}
.theme-lower-border {
    border-bottom: var(--colour-border) 1px solid;
}
.theme--0 {
    background: var(--theme-0-bg);
    color: var(--theme-0-colour);
}
.theme--1 {
    background: var(--theme-1-bg);
    color: var(--theme-1-colour);
}
.theme--2 {
    background: var(--theme-2-bg);
    color: var(--theme-2-colour);
}
.theme--2 ::-moz-selection {
    background: var(--colour-neutral);
    color: var(--colour-one);
}
.theme--2 ::selection {
    background: var(--colour-neutral);
    color: var(--colour-one);
}
.theme--3 {
    background: var(--theme-3-bg);
    color: var(--theme-3-colour);
}
.theme--4 {
    background: var(--theme-4-bg);
    color: var(--theme-4-colour);
}
.theme--5 {
    background: var(--theme-5-bg);
    color: var(--theme-5-colour);
}
.theme--custom {
    --blurbmedia-bg: #fff;
    --blurbmedia-txt: #000;
    --blurbmedia-btn-bg: #000;
    --blurbmedia-btn-txt: #fff;
    --blurbmedia-btn-bor: #fff;
    background: var(--blurbmedia-bg);
}
.theme--custom .title > *, .theme--custom .cms, .theme--custom .text-link {
    color: var(--blurbmedia-txt);
}
.theme--custom .button {
    background: var(--blurbmedia-btn-bg);
    border-color: var(--blurbmedia-btn-bor);
}
.theme--custom .button > * {
    color: var(--blurbmedia-btn-txt);
}
.theme--custom .button:hover {
    background: var(--blurbmedia-btn-txt);
    border-color: var(--blurbmedia-btn-txt);
}
.theme--custom .button:hover > * {
    color: var(--blurbmedia-btn-bg);
}