/* Aussie Resort: the few rules the keyless map and the Divi wrappers need so live's own CSS lays the page out as on live.
   Everything else is live's CSS (ar-live.css and the sheets after it). Stage 4 owns look and the designed phone and tablet layouts. */
body.ar-site #page-container .map-container { position: relative; }
body.ar-site #page-container .map-container iframe.ils-map { display: block; width: 100%; height: 100%; min-height: 300px; border: 0; }
/* live shows Google's info window on the marker (name, address, Get Directions); the keyless embed has no marker window, so the same text sits in a card */
body.ar-site #page-container .map-container .map-info { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -140%); z-index: 3; background: #fff; padding: 10px 14px; box-shadow: 0 2px 6px rgba(0,0,0,.35); font-size: 13px; line-height: 18px; text-align: left; border-radius: 2px; color: #333; }
body.ar-site #page-container .map-container .map-info a { color: #3872bb; }
/* explicit tel: links keep the colour of the line they sit in (iOS would otherwise paint plain numbers in its own colour) */
body.ar-site #page-container a.tel-link { color: inherit; text-decoration: inherit; }
/* Divi gives every .container position:relative and a 1080px cap; live's containers are static and uncapped (live's own width rules then apply: general.css 1200px, bootstrap's breakpoints, responsive.css). Zero-specificity :where so live's own rules still win. */
body.ar-site :where(#page-container) .container { position: static; max-width: none; }

/* ---- Divi's global resets, undone where live (which has no Divi) relies on the browser defaults ----
   Written with :where(#page-container) so each rule is (0,1,2): above Divi's element/one-class rules, below every one of live's own scoped rules (1,x,x). */
body.ar-site { font-weight: 400; }
body.ar-site :where(#page-container) p { padding-bottom: 0; }
body.ar-site :where(#page-container) h1, body.ar-site :where(#page-container) h2, body.ar-site :where(#page-container) h3,
body.ar-site :where(#page-container) h4, body.ar-site :where(#page-container) h5, body.ar-site :where(#page-container) h6 { padding-bottom: 0; }
body.ar-site :where(#page-container) ul, body.ar-site :where(#page-container) ol { padding: 0 0 0 40px; line-height: inherit; }
body.ar-site :where(#page-container) ul { list-style: disc outside; }
body.ar-site :where(#page-container) ol { list-style: decimal outside; }
body.ar-site :where(#page-container) ul ul { list-style-type: circle; }
body.ar-site :where(#page-container) ul ul ul { list-style-type: square; }
body.ar-site :where(#page-container) li { line-height: inherit; }
body.ar-site :where(#page-container) img { max-width: none; }
body.ar-site #page-container #main-content .container { padding-top: 0; }
body.ar-site :where(#page-container) table:not(.variations) { border: 0; margin: 0; text-align: start; }
body.ar-site :where(#page-container) tr td { border-top: 0; padding: 0; }
/* Divi draws a 1px grey rule down every .container inside #main-content (the sidebar divider); live's .container:before is only bootstrap's clearfix (display:table; content " ") */
body.ar-site #page-container #main-content .container:before { position: static; top: auto; left: auto; right: auto; height: auto; width: auto; background: none; }
/* Divi wraps the Theme Builder header and footer in its own <header class="et-l--header"> and <footer class="et-l--footer">; live's bare "header" and "footer" element rules (padding, background) would hit those wrappers as well as the real header and footer inside them */
body.ar-site #page-container header.et-l--header, body.ar-site #page-container footer.et-l--footer { padding: 0; margin: 0; border: 0; background: none; box-shadow: none; min-height: 0; }
/* Divi resets every focus ring (":focus { outline: 0 }" and "a { outline: 0 }"); live has no such reset, so a control with no ring rule of its own
   shows the browser's ring when reached by keyboard (the check-in field, the calendar's month and year lists). The browser's own rule is restored at
   (0,1,1): above Divi's resets, below every one of live's rules (which keep their own rings or none), in the page and in the widgets appended to <body>.
   Fix round 1, 3.18 N4. */
body.ar-site :where(#page-container, #special_bottompin_container, #datepicker_div, #fancybox-wrap) :where(:focus-visible) { outline: -webkit-focus-ring-color auto 1px; }