/* Block: separator
 *
 * A brand-coloured divider line with per-breakpoint top/bottom spacing.
 * Spacing values are injected as CSS custom properties on .ct-separator by
 * modules/separator.php. Each breakpoint inherits the next larger one when its
 * own value isn't set (tablet -> desktop, mobile -> tablet -> desktop).
 * The line colour comes from the shared .bg--* palette classes (custom.css).
 */
.ct-separator {
    margin-top: var(--sep-mt-d, 0px);
    margin-bottom: var(--sep-mb-d, 0px);
}
/* Align the divider with the Intro Statement block's content edges
   (same max-width, full width, and side padding). Mirrors intro_statement.css. */
.ct-separator .container {
    max-width: 1440px;
    width: 100%;
    padding-left: 86px;
    padding-right: 86px;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 991px) {
    .ct-separator .container {
        padding-left: 24px;
        padding-right: 24px;
    }
}
.ct-separator__line {
    display: block;
    width: 100%;
    height: 2px;        /* overridden inline by the Thickness field */
    border: 0;
    line-height: 0;
    font-size: 0;
}

@media (max-width: 991px) {
    .ct-separator {
        margin-top: var(--sep-mt-t, var(--sep-mt-d, 0px));
        margin-bottom: var(--sep-mb-t, var(--sep-mb-d, 0px));
    }
}

@media (max-width: 767px) {
    .ct-separator {
        margin-top: var(--sep-mt-m, var(--sep-mt-t, var(--sep-mt-d, 0px)));
        margin-bottom: var(--sep-mb-m, var(--sep-mb-t, var(--sep-mb-d, 0px)));
    }
}