/* Bordax: Divi bridge.
   Stops Divi and the Bordax pages arguing. Every rule only fires where the Bordax
   markup or body classes are present, so the rest of the site is untouched.
   Never add html or body resets here. */

/* Divi's own header, footer and mobile menu are replaced by the Bordax header and footer */
body.bx-own-header #main-header,
body.bx-own-header #top-header,
body.bx-own-header #main-footer,
body.bx-own-header .et-l--header,
body.bx-own-header .et-l--footer,
body.bx-own-header #et_mobile_nav_menu,
body.bx-own-header #et-top-navigation{display:none!important}

/* Divi pads the page for its fixed header, and clips #page-container (which would stop
   the sticky contents rail on the PAIA page from sticking) */
body.bx-own-header #page-container{padding-top:0!important;margin-top:0!important;overflow:visible!important;overflow-x:clip!important}
body.bx-own-header #et-main-area{overflow:visible}

/* Full-width canvas for the Bordax pages */
body.bx-page #main-content{background:transparent;padding:0}
body.bx-page #main-content .container{width:100%;max-width:none;padding:0}
body.bx-page #main-content .container:before{display:none}
.bx{display:block}
.bx img{max-width:100%}

/* If a page is ever rebuilt with Divi Code modules, remove Divi's padding around it */
.et_pb_section:has(.bx),.et_pb_row:has(.bx){padding:0!important;margin:0!important;max-width:none!important;width:100%!important}
.et_pb_code_inner:has(.bx){padding:0!important}

/* The Bordax header is fixed: keep it clear of the WordPress admin bar when logged in */
body.admin-bar #bx-header .site-header{top:32px}
@media (max-width:782px){body.admin-bar #bx-header .site-header{top:46px}}
@media (max-width:600px){body.admin-bar #bx-header .site-header{top:0}}