.paragraph--type--section.full-width {
    width: 100%;
    max-width: none;
}
.paragraph--type--section:not(.vertical-margins) {
    margin: 0 auto;
}
.paragraph--type--section.vertical-margins {
    margin: var(--spacing-global) auto;
}
/* .paragraph--type--section {
    padding: 100px 0;
}
.paragraph--type--section, .paragraph--type--section.container {
    padding: 100px 10px;
} */
.paragraph--type--section.background-color--primary:before {
    background-color: var(--color-black);
}
.paragraph--type--section.background-color--secondary:before {
    background-color: var(--color-white);
}
/* .paragraph--type--section.background-color--primary {
    color: var(--color-white);
}
.paragraph--type--section.background-color--secondary {
    color: var(--color-black);
} */
.paragraph--type--section.background-position {
    position: relative;
    background-color: transparent;
}
.paragraph--type--section.background-position:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 100%;
}

.paragraph--type--section.invert-font p, .paragraph--type--section.invert-font a, .paragraph--type--section.invert-font .paragraph--type--cta,
.paragraph--type--section.invert-font h1, .paragraph--type--section.invert-font h2, .paragraph--type--section.invert-font h3,
.paragraph--type--section.invert-font h4, .paragraph--type--section.invert-font h5, .paragraph--type--section.invert-font h6,
.paragraph--type--section.invert-font li, .paragraph--type--section.invert-font button, .paragraph--type--section.invert-font label, .paragraph--type--section.invert-font div {
    color: var(--color-white);
}
@media only screen and (min-width: 1024px) {
    /* .paragraph--type--section.background-color--primary {
        color: var(--color-black);
    }
    .paragraph--type--section.background-color--secondary {
        color: var(--color-white);
    } */
    .paragraph--type--section.background-position:before {
        left: auto;
        width: auto;
    }
    /* .paragraph--type--section.background-position--50-left .field--name-field-components .paragraph--type--section-header {
        width: 50%;
        margin: auto auto auto 0;
    }
    .paragraph--type--section.background-position--50-right .field--name-field-components .paragraph--type--section-header {
        width: 50%;
        margin: auto 0 auto auto;
    } */
    /* .paragraph--type--section .field--name-field-components .paragraph--type--section-header,
    .paragraph--type--section .field--name-field-components .paragraph--type--rw-media.paragraph--view-mode--showreel {
        color: var(--color-black);
    }
    .paragraph--type--section.invert-font .field--name-field-components .paragraph--type--section-header,
    .paragraph--type--section.invert-font .field--name-field-components .paragraph--type--rw-media.paragraph--view-mode--showreel {
        color: var(--color-white);
    } */
    .paragraph--type--section.background-position--10-left.invert-font .field--name-field-components .paragraph--type--rw-media.paragraph--view-mode--showreel div,
    .paragraph--type--section.background-position--20-left.invert-font .field--name-field-components .paragraph--type--rw-media.paragraph--view-mode--showreel div,
    .paragraph--type--section.background-position--30-left.invert-font .field--name-field-components .paragraph--type--rw-media.paragraph--view-mode--showreel div,
    .paragraph--type--section.background-position--40-left.invert-font .field--name-field-components .paragraph--type--rw-media.paragraph--view-mode--showreel div,
    .paragraph--type--section.background-position--50-left.invert-font .field--name-field-components .paragraph--type--rw-media.paragraph--view-mode--showreel div,
    .paragraph--type--section.background-position--60-right.invert-font .field--name-field-components .paragraph--type--rw-media.paragraph--view-mode--showreel div,
    .paragraph--type--section.background-position--70-right.invert-font .field--name-field-components .paragraph--type--rw-media.paragraph--view-mode--showreel div,
    .paragraph--type--section.background-position--80-right.invert-font .field--name-field-components .paragraph--type--rw-media.paragraph--view-mode--showreel div,
    .paragraph--type--section.background-position--90-right.invert-font .field--name-field-components .paragraph--type--rw-media.paragraph--view-mode--showreel div,
    .paragraph--type--section.background-position--100-right.invert-font .field--name-field-components .paragraph--type--rw-media.paragraph--view-mode--showreel div {
        color: var(--color-white);
    }
    .paragraph--type--section.background-position--10-right.invert-font .field--name-field-components .paragraph--type--rw-media.paragraph--view-mode--showreel div,
    .paragraph--type--section.background-position--20-right.invert-font .field--name-field-components .paragraph--type--rw-media.paragraph--view-mode--showreel div,
    .paragraph--type--section.background-position--30-right.invert-font .field--name-field-components .paragraph--type--rw-media.paragraph--view-mode--showreel div,
    .paragraph--type--section.background-position--40-right.invert-font .field--name-field-components .paragraph--type--rw-media.paragraph--view-mode--showreel div,
    .paragraph--type--section.background-position--50-right.invert-font .field--name-field-components .paragraph--type--rw-media.paragraph--view-mode--showreel div,
    .paragraph--type--section.background-position--60-left.invert-font .field--name-field-components .paragraph--type--rw-media.paragraph--view-mode--showreel div,
    .paragraph--type--section.background-position--70-left.invert-font .field--name-field-components .paragraph--type--rw-media.paragraph--view-mode--showreel div,
    .paragraph--type--section.background-position--80-left.invert-font .field--name-field-components .paragraph--type--rw-media.paragraph--view-mode--showreel div,
    .paragraph--type--section.background-position--90-left.invert-font .field--name-field-components .paragraph--type--rw-media.paragraph--view-mode--showreel div,
    .paragraph--type--section.background-position--100-left.invert-font .field--name-field-components .paragraph--type--rw-media.paragraph--view-mode--showreel div {
        color: var(--color-black);
    }
    .paragraph--type--section.background-position--10-left:before {
        width: 10%;
        left: 0;
    }
    .paragraph--type--section.background-position--20-left:before {
        width: 20%;
        left: 0;
    }
    .paragraph--type--section.background-position--30-left:before {
        width: 30%;
        left: 0;
    }
    .paragraph--type--section.background-position--40-left:before {
        width: 40%;
        left: 0;
    }
    .paragraph--type--section.background-position--50-left:before {
        width: 50%;
        left: 0;
    }
    .paragraph--type--section.background-position--60-left:before {
        width: 60%;
        left: 0;
    }
    .paragraph--type--section.background-position--70-left:before {
        width: 70%;
        left: 0;
    }
    .paragraph--type--section.background-position--80-left:before {
        width: 80%;
        left: 0;
    }
    .paragraph--type--section.background-position--90-left:before {
        width: 90%;
        left: 0;
    }
    .paragraph--type--section.background-position--100-left:before {
        width: 100%;
        left: 0;
    }
    .paragraph--type--section.background-position--10-right:before {
        width: 10%;
        right: 0;
    }
    .paragraph--type--section.background-position--20-right:before {
        width: 20%;
        right: 0;
    }
    .paragraph--type--section.background-position--30-right:before {
        width: 30%;
        right: 0;
    }
    .paragraph--type--section.background-position--40-right:before {
        width: 40%;
        right: 0;
    }
    .paragraph--type--section.background-position--50-right:before {
        width: 50%;
        right: 0;
    }
    .paragraph--type--section.background-position--60-right:before {
        width: 60%;
        right: 0;
    }
    .paragraph--type--section.background-position--70-right:before {
        width: 70%;
        right: 0;
    }
    .paragraph--type--section.background-position--80-right:before {
        width: 80%;
        right: 0;
    }
    .paragraph--type--section.background-position--90-right:before {
        width: 90%;
        right: 0;
    }
    .paragraph--type--section.background-position--100-right:before {
        width: 100%;
        right: 0;
    }
}