/* Only the two legal pages, identified by inc/legal-pages.php. */
body.sx-legal-page #Subheader {
    padding: 64px 0 40px;
    background-color: #171717;
}
body.sx-legal-page #Subheader .title { color: #ffffff; }
body.sx-legal-page #Content { padding-top: 30px; }
body.sx-legal-page #Content .the_content_wrapper {
    box-sizing: border-box;
    width: 100%;
    max-width: 940px;
    margin-inline: auto;
    padding-inline: 20px;
    font-size: 16px;
    line-height: 1.75;
    color: #d1d5db;
    overflow-wrap: anywhere;
}
body.sx-legal-page #Content .the_content_wrapper p {
    font-size: inherit;
    line-height: inherit;
    margin: 0 0 1.15em;
}
body.sx-legal-page #Content .the_content_wrapper :is(ul, ol) {
    margin: 0 0 1.25em;
    padding-inline-start: 1.5em;
    font-size: inherit;
    line-height: inherit;
}
body.sx-legal-page #Content .the_content_wrapper li { margin-bottom: .55em; }
body.sx-legal-page #Content .the_content_wrapper h2 {
    margin: 1.65em 0 .65em;
    font-size: 25px;
    line-height: 1.35;
    color: #ffffff;
    scroll-margin-top: 120px;
}
body.sx-legal-page #Content .the_content_wrapper > h2:first-child { margin-top: 0; }
@media (max-width: 1024px) {
    body.sx-legal-page #Subheader { padding: 52px 0 32px; }
}
@media (max-width: 767px) {
    /* Betheme responsive.css uses an important mobile Subheader padding. */
    body.sx-legal-page #Subheader { padding: 36px 0 24px !important; }
    body.sx-legal-page #Content { padding-top: 22px; }
    body.sx-legal-page #Content .the_content_wrapper { padding-inline: 4px; }
    body.sx-legal-page #Content .the_content_wrapper h2 { font-size: 23px; }
}
/* Legal pages: preserve sticky header and fix its height */
@media only screen and (min-width: 768px) {

    body.sx-legal-page #Top_bar.is-sticky {
        height: 121px !important;
    }

    body.sx-legal-page #Top_bar.is-sticky .container,
    body.sx-legal-page #Top_bar.is-sticky .column.one {
        height: auto !important;
    }

}
/* Legal pages - spacing below logo caption */
body.sx-legal-page #Top_bar:not(.is-sticky) .logo::after {
    margin-top: 4px !important;
    margin-bottom: 12px !important;
}