/* st-base.css - Surfers Tradewinds Divi neutralisers (Stage 3 minimum; Stage 4 owns the look and replaces st-design.css). Loads after st-bundle.css + st-live.css (live's CSS,
   scoped under body.st-site #page-container) and before st-mobile.css. Every rule undoes something Divi adds that live iLaunch
   never had. Adapted from the kit parity template. */

/* 1. Live iLaunch CSS assumes the browser default content-box; Divi sets * {box-sizing:border-box}. Divi's own contact-form module keeps border-box. */
body.st-site #page-container, body.st-site #page-container *, body.st-site #page-container *::before, body.st-site #page-container *::after { box-sizing: content-box; }
body.st-site #page-container .et_pb_contact_form_container, body.st-site #page-container .et_pb_contact_form_container * { box-sizing: border-box; }
/* form controls the browser sizes as border-box by default */
body.st-site #page-container select, body.st-site #page-container button,
body.st-site #page-container input[type=submit], body.st-site #page-container input[type=button], body.st-site #page-container input[type=reset], body.st-site #page-container input[type=image] { box-sizing: border-box; }

/* 2. Divi caps .container at 80% / 1080px; live's .container is a fixed 1170px . */
body.st-site #page-container .container { max-width: none; }

/* 3. Browser-default spacing the live CSS relies on, which Divi's reset removes. No ids in these selectors, so every live rule
      (body.st-site #page-container ...) still wins where live sets its own value. */
body.st-site :where(.et-l, #main-content) p { padding-bottom: 0; margin-bottom: 1em; }
body.st-site :where(.et-l, #main-content) ul, body.st-site :where(.et-l, #main-content) ol { padding: 0 0 0 40px; margin: 1em 0; line-height: inherit; list-style-position: outside; }
body.st-site :where(.et-l, #main-content) ul { list-style-type: disc; }
body.st-site :where(.et-l, #main-content) ol { list-style-type: decimal; }
body.st-site :where(.et-l, #main-content) :is(ul, ol) :is(ul, ol) { margin-top: 0; margin-bottom: 0; }
body.st-site :where(.et-l, #main-content) ul ul { list-style-type: circle; }
/* live styles h1-h4 fully and h5 only partly; Divi's h1-h6 {color:#333; line-height:1em; font-size} must not show through on h5/h6 */
body.st-site :where(.et-l, #main-content) h5 { font-size: 0.83em; color: inherit; line-height: inherit; }
body.st-site :where(.et-l, #main-content) h6 { font-size: 0.67em; margin: 2.33em 0; font-weight: bold; color: inherit; line-height: inherit; }
body.st-site :where(.et-l, #main-content) :is(h1, h2, h3, h4, h5, h6) { padding-bottom: 0; }
/* browser default is bolder (relative to the parent): live's 300-weight home line has 400 strong text, a 700 credit line has 900 */
body.st-site :where(.et-l, #main-content) strong, body.st-site :where(.et-l, #main-content) b { font-weight: bolder; }
/* Divi colours every <a> #2ea3f2; on live an anchor without href (gallery name anchors, widget shells) inherits its text colour */
body.st-site :where(#page-container) a:not([href]) { color: inherit; }
/* live's .socialwidgets holds the dead Google +1 / Facebook Like widgets, which still take one 22px line (33px with padding
   and rule); the port's block is empty, so the line is reproduced */
body.st-site #page-container .socialwidgets { min-height: 22px; }

/* 4. Divi forces greyscale font smoothing on body; live uses the browser default. */
body.st-site { -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; }

/* 5. Divi's right-sidebar layout rule (#main-content .container::before) and its 58px top padding are not on live. */
body.st-site #main-content .container::before { display: none; }

/* 6. Divi's content-table look is not on live: browser defaults, honouring width/cellpadding attributes. */
body.st-site :where(.et-l, #main-content) table:not(.variations) { border: 0; margin: 0; width: auto; text-align: start; border-collapse: separate; }
body.st-site :where(.et-l, #main-content) table[width="100%"]:not(.variations) { width: 100%; }
body.st-site :where(.et-l, #main-content) tr td, body.st-site :where(.et-l, #main-content) tr th { border-top: 0; padding: 1px; }
body.st-site :where(.et-l, #main-content) table[cellpadding="0"] tr td, body.st-site :where(.et-l, #main-content) table[cellpadding="0"] tr th { padding: 0; }

/* 7. Divi draws a 5px rule down the left of every blockquote; live's blockquote is the quote-icon look (reviews). */
body.st-site :where(.et-l, #main-content) blockquote { border-left: 0; }


/* 8. Divi paints #main-content white and adds #et-main-area padding; live's content sits straight on the page. */
body.st-site #main-content { background-color: transparent; }
/* 9. The hero's ENQUIRE NOW and the CALL NOW menu button are live's inline-styled tel: links; nothing here restyles them. */
/* 10. Divi pads "#main-content .container" 58px at the top (for its own header); live's .container has no such padding. */
html body.st-site #main-content .container { padding-top: 0; }