/*
 * The hero sits behind the nav, the way the home page does. The placeholder
 * that other pages use to push content below the beige bar has to go, or the
 * film never reaches the header.
 */
body.beautysociety-timelapse-is-active #custom-header-placeholder {
    display: none !important;
    height: 0 !important;
}

body.beautysociety-timelapse-is-active #page-container .et_pb_section,
body.beautysociety-timelapse-is-active #page-container .et_pb_row,
body.beautysociety-timelapse-is-active #page-container .et_pb_column {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.beautysociety-timelapse-is-active #page-container .et_pb_section {
    background: transparent !important;
}

body.beautysociety-timelapse-is-active .et_pb_text,
body.beautysociety-timelapse-is-active .et_pb_text_inner {
    padding: 0 !important;
}

body.beautysociety-timelapse-is-active #page-container,
body.beautysociety-timelapse-is-active #et-main-area {
    background-color: transparent !important;
}

/*
 * 100vw / hanging orbs open a horizontal scroll on some Chrome and Safari
 * widths; the white html skin then shows as a seam down the right edge.
 */
html:has(body.beautysociety-timelapse-is-active),
body.beautysociety-timelapse-is-active {
    overflow-x: hidden !important;
    max-width: 100%;
}

body.beautysociety-timelapse-is-active #page-container,
body.beautysociety-timelapse-is-active #et-main-area,
body.beautysociety-timelapse-is-active .et_pb_section,
body.beautysociety-timelapse-is-active .et_pb_row,
body.beautysociety-timelapse-is-active .et_pb_column {
    overflow-x: hidden !important;
    max-width: 100% !important;
}

/*
 * Divi's text module colour (often #000 !important) inherits into the closer
 * and turns the ivory type back to ink on brand blue.
 */
body.beautysociety-timelapse-is-active .beautysociety-timelapse-subscribe,
body.beautysociety-timelapse-is-active .beautysociety-timelapse-subscribe h2,
body.beautysociety-timelapse-is-active .beautysociety-timelapse-subscribe p {
    color: rgb(var(--tl-copy)) !important;
}

body.beautysociety-timelapse-is-active .beautysociety-timelapse-after-title {
    font-family: 'FeatureDisplay-Light', 'Times New Roman', Times, serif !important;
    color: #151514 !important;
}

body.beautysociety-timelapse-is-active .beautysociety-timelapse-after-lede {
    font-family: 'SuisseIntl-Light', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    color: #151514 !important;
}

body.beautysociety-timelapse-is-active .beautysociety-timelapse-subscribe-btn {
    color: #151514 !important;
}

body.beautysociety-timelapse-is-active .beautysociety-timelapse-subscribe-btn:hover,
body.beautysociety-timelapse-is-active .beautysociety-timelapse-subscribe-btn:focus {
    color: #efebe6 !important;
}