/* an-base.css: the structural minimum that lets live's CSS own the layout on Divi (Stage 3 build, copied from Aruba's as-base.css and
   adapted). Everything about look and the phone and tablet layouts is Stage 4 (an-design.css, an-mobile.css). Each rule undoes
   something Divi adds that live's iLaunch CSS never had. */
/* live's CSS assumes the browser default content-box; Divi sets * { box-sizing: border-box } */
body.an-site #page-container, body.an-site #page-container *, body.an-site #page-container *::before, body.an-site #page-container *::after { box-sizing: content-box; }
body.an-site #page-container .et_pb_contact_form_container, body.an-site #page-container .et_pb_contact_form_container * { box-sizing: border-box; }
body.an-site #page-container select, body.an-site #page-container button,
body.an-site #page-container input[type=submit], body.an-site #page-container input[type=button], body.an-site #page-container input[type=reset] { box-sizing: border-box; }
/* Divi's .container is width: 80% with max-width: 1080px; live's is a fixed 998px (header 960px), so the cap must go */
body.an-site #page-container .container { max-width: none; }
/* Divi pads "#main-content .container" 58px at the top and draws a 1px rule down its right-sidebar layout: neither is on live */
html body.an-site #main-content .container { padding-top: 0; }
body.an-site #main-content .container::before { display: none; }
/* Divi paints #main-content white; live shows its body pattern (skin/images/body-bg.png) behind the content box */
body.an-site #main-content { background-color: transparent; }
/* Divi draws a coloured rule down the left of every blockquote; live has none */
body.an-site :where(.et-l, #main-content) blockquote { border-left: 0; }
/* the phone and tablet menu button (chrome/header.html): hidden at every width until an-mobile.css shows it below 1250px */
body.an-site .ils-menu-toggle { display: none; }
/* the tel: links (kit rule) keep the colour and size of the text they wrap, as live's plain numbers */
body.an-site #page-container a.tel-link { color: inherit; text-decoration: none; }
/* live's #header is position:absolute; top:0 against the page itself; Divi's Theme Builder wrappers are position:relative, so the header sat
   73px down (the hero's 73px top margin collapses into them). Static wrappers give the header live's containing block again. */
body.an-site .et-l--header .et_builder_inner_content, body.an-site .et-l--header .et_pb_section, body.an-site .et-l--header .et_pb_row,
body.an-site .et-l--header .et_pb_column, body.an-site .et-l--header .et_pb_code, body.an-site .et-l--header .et_pb_code_inner { position: static; }
/* live's #booking is position:absolute (margin-top -45px) over #container-outer's 121px top margin, and live's #container-outer is static, so the
   bar paints on top. The page's Divi wrappers are position:relative and come later in the page, so they painted over the bar and took its clicks
   (prove_booking_an.js: the column intercepted every tap). Static wrappers restore live's stacking. */
body.an-site .et-l--post > .et_builder_inner_content, body.an-site .ils-page-section, body.an-site .ils-page-section > .et_pb_row, body.an-site .ils-page-section > .et_pb_row > .et_pb_column,
body.an-site .ils-page-section .et_pb_column > .et_pb_code, body.an-site .ils-page-section .et_pb_column > .et_pb_code > .et_pb_code_inner { position: static; }