:root {
    --saxmas-red: #a61f2b;
    --saxmas-green: #1f6338;
}

body {
    background: #fff !important;
}

/* Remove remaining red outside frames, including rules generated by pseudo-elements. */
#page,
#outer-wrap,
#wrap,
#main,
#main > .container,
.site-main,
.site-content,
.site-content > .container,
#content,
#content > .container,
#content-wrap,
#content-wrap.container,
#primary,
.content-area,
#page::before,
#page::after,
#outer-wrap::before,
#outer-wrap::after,
#wrap::before,
#wrap::after,
#main::before,
#main::after,
#content::before,
#content::after,
#content-wrap::before,
#content-wrap::after,
#primary::before,
#primary::after,
.content-area::before,
.content-area::after {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Final white-background rule: remove cream from all structural content surfaces. */
html,
body,
#page,
#outer-wrap,
#wrap,
#main,
#content,
#content-wrap,
#primary,
.content-area,
.site-content,
.site-main,
.page-content,
.entry,
.entry-content,
#main article,
#main section,
#main div,
#right-sidebar,
#right-sidebar-inner,
#right-sidebar article,
#right-sidebar section,
#right-sidebar div,
.widget-area,
.widget-area article,
.widget-area section,
.widget-area div,
.widget-area .widget,
.sidebar-box {
    background-color: #fff !important;
    background-image: none !important;
}

/* Override legacy SaxMas/OceanWP page colors, including the beige outside gutters. */
html,
body,
#outer-wrap,
#wrap,
#page,
.site,
.site-content,
#main,
.site-main,
#content,
#content-wrap,
#primary,
.content-area {
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
}

/* Remove every inherited outside/content/article frame. Sidebar card styling is intentionally excluded. */
#outer-wrap,
#wrap,
#page,
.site,
.site-content,
#main,
.site-main,
#content,
#content-wrap,
#primary,
.content-area,
.content-area article,
.content-area article .entry,
.content-area article .entry-content,
#primary article,
#primary article .entry,
#primary article .entry-content,
.page-content {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Definitive removal of all previous cream page treatments. */
html,
body,
#outer-wrap,
#wrap,
#page,
#main,
.site-main,
#content,
#content-wrap,
#primary,
.content-area,
#right-sidebar,
#right-sidebar-inner,
.widget-area,
.content-area article,
.content-area article .entry,
.content-area article .entry-content,
#primary article,
#primary article .entry,
#primary article .entry-content,
.page-content,
.widget-area .widget,
#right-sidebar .sidebar-box,
#right-sidebar-inner > .widget {
    background-color: #fff !important;
    background-image: none !important;
}

/* All page-shell, header, navigation, and column borders stay off. */
#page,
#wrap,
#site-header,
#site-header-inner,
#site-navigation,
#site-navigation-wrap,
#site-navigation-wrap .dropdown-menu,
.oceanwp-mobile-menu-icon,
.site-header,
#main,
.site-main,
#content,
#content-wrap,
#primary,
#right-sidebar,
#right-sidebar-inner,
.content-area,
.widget-area {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

#site-header,
#site-header-inner,
#site-navigation,
#site-navigation-wrap,
#site-navigation-wrap .dropdown-menu,
.oceanwp-mobile-menu-icon,
.site-header,
.navigation,
.main-navigation,
.menu,
.menu-item,
.menu-link {
    background-color: #fff !important;
}

/* The outer page shell is plain white: no border or cream outside articles. */
#main,
.site-main,
#content,
#content-wrap {
    box-sizing: border-box;
    background: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
}

#content-wrap {
    padding: 28px !important;
}

/* All page, article, and sidebar backgrounds remain white. */
.content-area article .entry-content,
.content-area article .entry,
#primary article .entry-content,
#primary article .entry,
.page-content {
    box-sizing: border-box;
    background: #fff !important;
}

/* Override the cream values used by older inline page blocks. */
.content-area [style*="#fffaf0" i],
.content-area [style*="#fff8e7" i],
.content-area [style*="#f4e6c3" i],
#content-wrap [style*="background: #fffaf0" i],
#content-wrap [style*="background:#fffaf0" i],
#content-wrap [style*="background: #fff8e7" i],
#content-wrap [style*="background:#fff8e7" i],
#content-wrap [style*="background: #f4e6c3" i],
#content-wrap [style*="background:#f4e6c3" i],
#primary [style*="#fffaf0" i],
#primary [style*="#fff8e7" i],
#primary [style*="#f4e6c3" i] {
    background: #fff !important;
    background-color: #fff !important;
}

/* Additional cream shades found in legacy holiday styling. */
#main [style*="#f8f0d7" i],
#main [style*="#fbf6e6" i],
#main [style*="#f5ecd0" i],
#main [style*="cornsilk" i],
#main [style*="floralwhite" i],
#right-sidebar [style*="#f8f0d7" i],
#right-sidebar [style*="#fbf6e6" i],
#right-sidebar [style*="#f5ecd0" i],
#right-sidebar [style*="cornsilk" i],
#right-sidebar [style*="floralwhite" i] {
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
}

/* Remove nested legacy red/green frames from the main article only. */
#primary article > .entry,
#primary article > .entry-content,
#primary article .entry-content > div,
.content-area article > .entry,
.content-area article > .entry-content,
.content-area article .entry-content > div {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Sidebar widgets remain white. */
.widget-area,
#right-sidebar,
#right-sidebar-inner {
    background: #fff !important;
}

.widget-area .widget,
#right-sidebar .sidebar-box,
#right-sidebar-inner > .widget {
    background: #fff !important;
}

/* Normalize every content/sidebar frame to one line: no double rules or inset second lines. */
.content-area article,
.content-area article .entry-content,
.content-area article .entry,
#primary article,
#primary article .entry-content,
#primary article .entry,
.page-content,
.widget-area .widget,
#right-sidebar .sidebar-box,
#right-sidebar-inner > .widget {
    border-style: solid !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Remove the cancelled green replacement footer. */
#saxmas-general-footer,
.sgf-footer {
    display: none !important;
}

.saxmas-history-lead {
    padding: 14px 16px;
    color: #26322a;
    background: rgba(255,255,255,.48);
    border-left: 5px solid var(--saxmas-green);
}

.saxmas-history h2 {
    color: var(--saxmas-red);
}

@media (max-width: 767px) {
    #content-wrap {
        padding: 18px 14px !important;
    }
}
/* DEV3 Registration Coming Soon card cream background */
body.page-id-10321 #main .page-content > div,
body.page-id-10321 #main .page-content > div div {
    background-color: #fffdf0 !important;
    background-image: none !important;
}
/* DEV3 homepage intro and performances card cream backgrounds */
body.page-id-15 #main .saxmas-home-intro-card,
body.page-id-15 #main .saxmas-home-performances-card {
    box-sizing: border-box;
    padding: 18px !important;
    background-color: #fffdf0 !important;
    background-image: none !important;
    border: 4px solid #b22222 !important;
    border-radius: 18px;
}
body.page-id-15 #main .saxmas-home-performances-card {
    margin-top: 20px;
}

body.page-id-15 #main .saxmas-home-intro-card *,
body.page-id-15 #main .saxmas-home-performances-card * {
    background-color: transparent !important;
    background-image: none !important;
}
/* DEV3 History page card */
body.page-id-6 #main .saxmas-history {
    box-sizing: border-box;
    padding: 18px !important;
    background-color: #fffdf0 !important;
    background-image: none !important;
    border: 4px solid #b22222 !important;
    border-radius: 18px;
}
body.page-id-6 #main .saxmas-history * {
    background-color: transparent !important;
    background-image: none !important;
}
/* DEV3 Join Us image-and-flyers card */
body.page-id-2 #main article .page-content {
    box-sizing: border-box;
    padding: 18px !important;
    background-color: #fffdf0 !important;
    background-image: none !important;
    border: 4px solid #b22222 !important;
    border-radius: 18px;
}
body.page-id-2 #main .joinus-banner,
body.page-id-2 #main .saxmas-flyers,
body.page-id-2 #main .saxmas-flyers .flyer,
body.page-id-2 #main .flyer-note {
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
}
body.page-id-2 #main .joinus-banner {
    padding: 0 !important;
}
body.page-id-2 #main .joinus-banner-img {
    display: block;
    max-width: 100%;
    height: auto;
}
/* DEV3 Join Us flyer spacing and safe caption wrapping */
body.page-id-2 #main .saxmas-flyers {
    width: 100%;
    max-width: 100% !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
    overflow: hidden;
}
body.page-id-2 #main .saxmas-flyers > p:empty {
    display: none !important;
}

body.page-id-2 #main .saxmas-flyers .flyer {
    box-sizing: border-box;
    flex: 0 1 calc((100% - 16px) / 2) !important;
    min-width: 0;
    max-width: calc((100% - 16px) / 2);
}
body.page-id-2 #main .saxmas-flyers .flyer-thumb {
    max-width: 100%;
    height: auto;
}
body.page-id-2 #main .saxmas-flyers .flyer-caption {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding: 0 6px;
    overflow-wrap: anywhere;
    word-break: normal;
}
@media (max-width: 520px) {
    body.page-id-2 #main .saxmas-flyers .flyer {
        flex-basis: 100% !important;
        max-width: 100%;
    }
}