/* GCPN Stage 3 lane A glue (not live CSS). Live's own CSS is ported in gc-bundle.css and gc-live.css; this file only joins that markup to the Divi page wrapper.
   Stage 4 owns look, spacing parity and the designed phone and tablet layouts. */
/* live's #container carries the 245px left margin and the white ground; Divi's #main-content must not add its own ground or spacing */
body.gc-site #page-container #main-content { margin: 0; padding: 0; background: transparent; }
body.gc-site #page-container #main-content .entry-content, body.gc-site #page-container #main-content .et_builder_inner_content { padding: 0; margin: 0; }
/* the Theme Builder footer sits in the same 245px column as #container */
body.gc-site #page-container #gc-footer-wrap { margin-left: 245px; }
/* phone numbers are explicit tel: links (iOS would otherwise restyle plain numbers): keep the colour of the surrounding text in every state, as live's plain text has */
body.gc-site #page-container a.tel-link:link, body.gc-site #page-container a.tel-link:visited, body.gc-site #page-container a.tel-link:active,
body.gc-site #page-container a.tel-link:hover { color: inherit; text-decoration: none; transition: none; }
/* Divi contact form inside live's .innercontent: Divi's own form look (boxed look and the maths captcha line are the design stage's job) */
body.gc-site #page-container .gc-contact-form { margin: 20px 0; }
/* Divi sets * { box-sizing: border-box }; live's CSS assumes content-box (inner width 320 + 2 x 30 padding = 380). Restore it for live's markup; Divi's own form modules keep border-box. */
body.gc-site #page-container #sidebar, body.gc-site #page-container #sidebar *, body.gc-site #page-container #container, body.gc-site #page-container #container *,
body.gc-site #page-container #gc-footer-wrap, body.gc-site #page-container #gc-footer-wrap * { box-sizing: content-box; }
body.gc-site #page-container .et_pb_contact_form_container, body.gc-site #page-container .et_pb_contact_form_container * { box-sizing: border-box; }
/* Divi's .entry-content table rules (1px border, 15px margin, 100% width, cell padding and borders) are not on live: live's tables are plain (cellpadding=0, no borders). :where() keeps this
   below live's own table rules (.form, .grid) in specificity, above Divi's. */
body.gc-site #page-container :where(table, thead, tbody, tfoot, tr, th, td) { background: none; border: 0; padding: 0; margin: 0; box-shadow: none; }
body.gc-site #page-container :where(table) { width: auto; text-align: left; }
body.gc-site #page-container :where(td, th) { color: inherit; line-height: inherit; font-weight: inherit; }
/* Divi: #sidebar { width: 100% !important } at 980px and below (its widget-area sidebar) would stretch live's fixed 245px menu column over the page; live has no breakpoints. Stage 4 designs the phone menu. */
body.gc-site #page-container #sidebar { width: 245px !important; float: none; }
/* Divi: img { max-width: 100% }. Live has none (its 140px gallery thumbnails overflow rather than shrink). */
body.gc-site #page-container #container img, body.gc-site #page-container #sidebar img, body.gc-site #page-container #gc-footer-wrap img { max-width: none; }