/* CHALK A2 inside WPBakery + TheGem. Loaded only on the 8 A2 pages (from each page's SETUP row). */

/* Rows: always exactly the full window width (independent of theme container / WPBakery stretch script),
   with the approved off-white page background behind every section. */
.vc_row.chalk-a2-row,.chalk-a2-row{position:relative!important;left:auto!important;right:auto!important;float:none!important;box-sizing:border-box!important;
  width:var(--a2-vw,100vw)!important;max-width:none!important;margin:0 0 0 calc(50% - var(--a2-vw,100vw) / 2)!important;padding:0!important;min-height:0!important;opacity:1!important}
html:not(#chalk-a2):not(#chalk-a2) .vc_row.chalk-a2-row{background:var(--chalk)}
html:not(#chalk-a2):not(#chalk-a2) body{overflow-x:clip}
.chalk-a2-row:before,.chalk-a2-row:after{display:none!important}
.chalk-a2-row>.wpb_column,.chalk-a2-row .vc_column_container,.chalk-a2-row .vc_column-inner,.chalk-a2-row .vc_column-inner>.wpb_wrapper,.chalk-a2-row .wpb_raw_code,.chalk-a2-row .wpb_raw_code>.wpb_wrapper{margin:0!important;padding:0!important;float:none!important;width:100%!important;min-height:0!important;border:0!important;background:none!important}
.chalk-a2-row .wpb_content_element{margin-bottom:0!important}
.chalk-a2-setup,.vc_row.chalk-a2-setup{display:none!important}
.vc_row-full-width{display:none!important}
#chalk-a2-contact-slot,#chalk-a2-report-slot{display:none}
/* Form rows live inside the dialogs: normal width, no page background. */
#chalk-a2-contact-slot.chalk-a2-row,#chalk-a2-report-slot.chalk-a2-row,#chalk-a2-contact-slot.vc_row,#chalk-a2-report-slot.vc_row{width:auto!important;max-width:100%!important;margin:0!important;left:auto!important;background:none!important}

/* ---- Theme fixes: add page-specific rules below only if something from TheGem still shows ---- */
/* TheGem: remove content padding, page title area and white page background on A2 pages (CSS :has, no script needed). */
body:has(.chalk-a2-row) .block-content{padding:0!important}
body:has(.chalk-a2-row) .page-title-block{display:none!important}
body:has(.chalk-a2-row) #page,body:has(.chalk-a2-row) #main{background:transparent!important}


@media (max-width: 1200px) {
html:not(#chalk-a2):not(#chalk-a2) .menu-button{ display: block; }
html:not(#chalk-a2):not(#chalk-a2) .nav{ display: none; position: absolute; top: 76px; left: 0; right: 0; padding: 24px 20px 30px; flex-direction: column; align-items: stretch; background: var(--ink); border-top: 1px solid rgba(255,255,255,.12); }
html:not(#chalk-a2):not(#chalk-a2) .nav.open{ display: flex; }
}

html:not(#chalk-a2):not(#chalk-a2) .nav a.button:hover,
html:not(#chalk-a2):not(#chalk-a2) .nav a.button:focus-visible{ color: var(--ink); }

@media (max-width: 560px) {
html:not(#chalk-a2):not(#chalk-a2) .footer-bottom .legal-links{ display: flex; flex-wrap: wrap; justify-content: flex-start; }
html:not(#chalk-a2):not(#chalk-a2) .footer-bottom span[data-year]{ display: inline; margin-top: 0; }
html:not(#chalk-a2):not(#chalk-a2) .footer-bottom .legal-links > span{ flex-basis: 100%; margin-top: 0; }
}