/* Markets Down Under: desktop parity layer (Stage 4). Undoes what Divi adds that live iLaunch CSS never had. Replaces the Stage 3 stand-in. */
/* 1. content-box inside the page container (live assumes the browser default); form controls stay border-box */
body.mdu-site #page-container, body.mdu-site #page-container *, body.mdu-site #page-container *:before, body.mdu-site #page-container *:after { -webkit-box-sizing: content-box; box-sizing: content-box; }
body.mdu-site #page-container select, body.mdu-site #page-container button, body.mdu-site #page-container input[type=submit], body.mdu-site #page-container input[type=button], body.mdu-site #page-container input[type=reset] { -webkit-box-sizing: border-box; box-sizing: border-box; }
body.mdu-site #page-container .et_pb_contact_form_container, body.mdu-site #page-container .et_pb_contact_form_container * { -webkit-box-sizing: border-box; box-sizing: border-box; }
/* 2. Divi body defaults live never had */
body.mdu-site { font-weight: 400; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; }
body.mdu-site :where(.et-l, #main-content) p { padding-bottom: 0; margin-bottom: 1em; }
body.mdu-site :where(.et-l, #main-content) ul, body.mdu-site :where(.et-l, #main-content) ol { padding: 0 0 0 40px; margin: 1em 0; line-height: inherit; }
body.mdu-site :where(.et-l, #main-content) :is(ul, ol) :is(ul, ol) { margin-top: 0; margin-bottom: 0; }
body.mdu-site :where(.et-l, #main-content) ul ul { list-style-type: circle; }
body.mdu-site :where(.et-l, #main-content) ul ul ul { list-style-type: square; }
body.mdu-site :where(.et-l, #main-content) table:not(.variations) { border: 0; margin: 0; width: auto; text-align: start; border-collapse: separate; }
body.mdu-site :where(.et-l, #main-content) table[width="100%"]:not(.variations) { width: 100%; }
body.mdu-site :where(.et-l, #main-content) tr td, body.mdu-site :where(.et-l, #main-content) tr th { border-top: 0; padding: 1px; }
body.mdu-site :where(.et-l, #main-content) table[cellpadding="0"] tr td, body.mdu-site :where(.et-l, #main-content) table[cellpadding="0"] tr th { padding: 0; }
body.mdu-site :where(.et-l, #main-content) blockquote { border-left: 0; }
html body.mdu-site #main-content .container { padding-top: 0; max-width: none; }
body.mdu-site #main-content .container:before { display: none; }
body.mdu-site #page-container .container { max-width: none; }
body.mdu-site :where(.et-l, #main-content) :is(h1, h2, h3, h4, h5, h6) { padding-bottom: 0; line-height: inherit; }
/* 3. keyless map embed (kit port_maps.py --css) */
body.mdu-site #page-container .map-wrapper { position: relative; }
body.mdu-site #page-container .map-container iframe.ils-map { display: block; width: 100%; height: 100%; min-height: 300px; border: 0; }
body.mdu-site #page-container .map-wrapper .map-info { display: block; position: absolute; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 3; background: #fff; padding: 8px 14px; box-shadow: 0 1px 6px rgba(0,0,0,.35); font-size: 14px; line-height: 20px; text-align: center; }
/* 4. home background */
body.mdu-site.mdu-home #page-container #main-content { background: repeat 0 3px url(/wp-content/uploads/ilaunch/skin/images/content-bg.png); }
/* 5. slider before slidepark starts */
body.mdu-site #page-container ul.featuremain.slidepark { position: relative; overflow: hidden; margin: 0; padding: 0; list-style: none; }
body.mdu-site #page-container ul.featuremain.slidepark > li > img { object-fit: cover; object-position: center center; }
/* 6. phone numbers: explicit tel links keep the surrounding look at every width */
body.mdu-site #page-container a.tel-link, body.mdu-site #page-container a.tel-link:link, body.mdu-site #page-container a.tel-link:visited,
body.mdu-site #page-container a.tel-link:hover, body.mdu-site #page-container a.tel-link:active, body.mdu-site #page-container a.tel-link:focus,
body.mdu-site a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font: inherit; }
body.mdu-site #page-container .ils-menu-toggle { display: none; }

/* 7. home: Divi gives .container position:relative, live's is static so the diagonal green/blue panel starts at the page edge */
body.mdu-site.mdu-home #page-container #content .container { position: static; }
/* 8. contact form: the Divi form module drawn as live's table.form (label column 188px, 437px fields, stars, Submit under the verification row) */
body.mdu-site #page-container #content .mdu-contact-form { margin: 0 0 45px; padding: 0; background: none; }
body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact { padding: 0; }
body.mdu-site #page-container #content .mdu-contact-form form.et_pb_contact_form { display: grid; grid-template-columns: 188px 482px; margin: 0; padding: 0; width: 670px; }
body.mdu-site #page-container #content .mdu-contact-form form.et_pb_contact_form:before { display: none; }
body.mdu-site #page-container #content .mdu-contact-form p.et_pb_contact_field, body.mdu-site #page-container #content .mdu-contact-form .et_contact_bottom_container, body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_right { display: contents; }
body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_form_label { display: block; margin: 0; padding: 5px 20px 5px 5px; width: auto; background: none; font: 700 14px/31px 'Open Sans', Arial, Helvetica, sans-serif; color: #333333; text-transform: uppercase; text-align: left; align-self: stretch; }
body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field > .input { margin: 7px 40px 5px 5px; width: 437px; background: #ffffff; border: 1px solid #bbbbbb; border-radius: 0; box-shadow: none; padding: 5px 10px; height: 29px; font: 400 12px/17px 'Open Sans', Arial, Helvetica, sans-serif; color: #333333; align-self: start; justify-self: start; }
body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field > textarea.input { height: 97px; min-height: 0; margin: 5px 40px 15px 5px; resize: both; }
body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field > .input::placeholder { color: transparent; }
body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field_0 > label, body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field_0 > .input, body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field_0:after { grid-row: 1; }
body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field_1 > label, body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field_1 > .input, body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field_1:after { grid-row: 2; }
body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field_2 > label, body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field_2 > .input { grid-row: 3; }
body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field_3 > label, body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field_3 > .input { grid-row: 4; }
body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field > label { grid-column: 1; }
body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field > .input, body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field:after { grid-column: 2; }
body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field:has(> [data-required_mark="required"]):after { content: ""; background: url(/wp-content/uploads/ilaunch/skin/images/icon-required.png) 450px 7px no-repeat; }
body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_right p.clearfix { grid-column: 2; grid-row: 5; display: flex; align-items: flex-start; flex-wrap: wrap; margin: 0; padding: 5px 40px 5px 5px; min-height: 84px; float: none; font: 400 14px/31px 'Open Sans', Arial, Helvetica, sans-serif; color: #333333; }
body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_right p.clearfix:before, body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_right p.clearfix:after { display: none; }
body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_captcha_question { font: inherit; color: inherit; margin-right: 6px; }
body.mdu-site #page-container #content .mdu-contact-form input.et_pb_contact_captcha { width: 92px; height: 29px; margin: 1px 0 0 10px; padding: 5px 10px; background: #ffffff; border: 1px solid #bbbbbb; border-radius: 0; font: 400 12px/17px 'Open Sans', Arial, Helvetica, sans-serif; color: #333333; }
body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_submit.et_pb_button { grid-column: 2; grid-row: 6; justify-self: start; align-self: start; margin: 5px 0 5px 5px; padding: 8px 25px !important; width: auto; height: 36px; border: 0 !important; border-radius: 0 !important; background: #ff9000 !important; color: #ffffff !important; font: 700 12px/20px 'Open Sans', Arial, Helvetica, sans-serif !important; text-transform: uppercase; letter-spacing: normal !important; cursor: pointer; transition: background 1s; }
body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_submit.et_pb_button:hover { background: #000000 !important; padding: 8px 25px !important; }
body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_submit.et_pb_button:after { display: none !important; }
body.mdu-site #page-container #content .mdu-contact-form form.et_pb_contact_form:after { content: "Required fields"; grid-column: 2; grid-row: 6; display: block; clear: none; height: auto; padding: 5px 40px 0 0; background: url(/wp-content/uploads/ilaunch/skin/images/icon-required.png) 450px 12px no-repeat; text-align: right; font: 400 12px/20px 'Open Sans', Arial, Helvetica, sans-serif; color: #333333; pointer-events: none; visibility: visible; }
body.mdu-site #page-container #content .mdu-contact-form:not(:has(form)) { width: auto; }
/* the Directions box exists only because the keyless embed replaces live's broken Maps script: its link is AA at every width */
body.mdu-site #page-container .map-wrapper .map-info a:link, body.mdu-site #page-container .map-wrapper .map-info a:visited, body.mdu-site #page-container .map-wrapper .map-info a:active { color: #006bb3; }
body.mdu-site #page-container .map-wrapper .map-info a:hover, body.mdu-site #page-container .map-wrapper .map-info a:focus { color: #004a7c; }
/* live fades its social icons with transition: all 1s, which also fades the keyboard focus ring in; keep the hover fade, show the ring at once */
body.mdu-site #page-container .socialmedia a { -webkit-transition: background-position 1s; transition: background-position 1s; }
/* the keyless map frame is a focus stop live's script map does not have: give it a ring */
body.mdu-site #page-container .map-container:focus-within, body.mdu-site #page-container .map-container.ils-map-focus { outline: 3px solid #1a1a1a; outline-offset: -3px; }
/* fancybox is appended to <body>, so the port's rule scoped under #page-container never reached its shadow pieces (they drew as stripes): live's own rule, scoped to the body */
body.mdu-site .fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; }
/* the 404 page has no twin on live (live answers with the hosting company's own bare box), so it carries the AA colours at every width */
body.mdu-site.error404 #page-container #content a:link, body.mdu-site.error404 #page-container #content a:visited { color: #006bb3; }
body.mdu-site.error404 #page-container #content a:hover, body.mdu-site.error404 #page-container #content a:focus, body.mdu-site.error404 #page-container #content a:active { color: #004a7c; }
body.mdu-site.error404 #page-container #footer a:link, body.mdu-site.error404 #page-container #footer a:visited, body.mdu-site.error404 #page-container #footer a:active { color: #d0d0d0; }
body.mdu-site.error404 #page-container #footer a:hover, body.mdu-site.error404 #page-container #footer a:focus { color: #ffffff; }
body.mdu-site.error404 #page-container #menu li a:hover, body.mdu-site.error404 #page-container #menu li:hover a:link, body.mdu-site.error404 #page-container #menu li:hover a:visited, body.mdu-site.error404 #page-container #menu li:hover a:active, body.mdu-site.error404 #page-container #menu li a:focus { color: #1a1a1a; background-color: #ff9000; }
/* home venue banners: the title box sits over the picture link, so a tap on the picture or title did nothing but the small button worked; let the pointer reach the picture link (same destination), the button stays a link of its own */
body.mdu-site.mdu-home #page-container #feature-banners .text { pointer-events: none; }
body.mdu-site.mdu-home #page-container #feature-banners .text .button { pointer-events: auto; }
/* Markets Down Under: designed tablet and phone layers (Stage 4). Desktop (1250px and up) is live's own, in the file above.
   Bands: 1170-1249 live's layout, AA colours; 768-1169 reflow; below 768 the phone design. Below 1250 every state is WCAG AA,
   14px text floor, 16px inputs, 24px taps. AA palette: link #006bb3 on white 5.6:1; footer link #d0d0d0 on #313131 8.4:1;
   dark text #1a1a1a on live's orange #ff9000 7.7:1; white on live's red #da1515 5.1:1; hover/focus/active black with white 21:1. */

/* ================= below 1250: AA colours, 14px floor, focus rings ================= */
@media (max-width: 1249px) {
  body.mdu-site.mdu-home #page-container #main-content { background-color: #005c96; }
  body.mdu-site #page-container .map-wrapper .map-info, body.mdu-site #page-container .map-info-window { font-size: 14px; line-height: 20px; width: auto; min-height: 0; }
  body.mdu-site #page-container #content a:not(.button):not(.gallery-item) { padding-top: 2.5px; padding-bottom: 2.5px; }
  body.mdu-site #page-container input.button { font-size: 16px; }
  body.mdu-site #page-container #content a:link, body.mdu-site #page-container #content a:visited { color: #006bb3; }
  body.mdu-site #page-container #content a:hover, body.mdu-site #page-container #content a:focus, body.mdu-site #page-container #content a:active { color: #004a7c; text-decoration: none; }
  body.mdu-site.mdu-home #page-container #content p a:link, body.mdu-site.mdu-home #page-container #content p a:visited { color: #ffffff; }
  /* buttons: dark text on live's orange at rest, live's black with white text in every active state */
  body.mdu-site #page-container a.button:link, body.mdu-site #page-container a.button:visited, body.mdu-site #page-container input.button, body.mdu-site #page-container .button {
    color: #1a1a1a; background-color: #ff9000; font-size: 14px; line-height: 20px; }
  body.mdu-site #page-container a.button:hover, body.mdu-site #page-container a.button:focus, body.mdu-site #page-container a.button:active,
  body.mdu-site #page-container .button:hover, body.mdu-site #page-container .button:focus, body.mdu-site #page-container .button:active { color: #ffffff; background-color: #000000; }
  /* menu: white on red at rest; hover, focus and the current page are dark text on orange */
  body.mdu-site #page-container #menu li.active a:link, body.mdu-site #page-container #menu li.active a:visited, body.mdu-site #page-container #menu li.active a:active,
  body.mdu-site #page-container #menu li:hover a:link, body.mdu-site #page-container #menu li:hover a:visited, body.mdu-site #page-container #menu li:hover a:active,
  body.mdu-site #page-container #menu li a:hover, body.mdu-site #page-container #menu li a:focus { color: #1a1a1a; background-color: #ff9000; }
  /* footer */
  body.mdu-site #page-container #footer, body.mdu-site #page-container #footer .copyright, body.mdu-site #page-container #footer .footer-tags p { font-size: 14px; }
  body.mdu-site #page-container #footer a:link, body.mdu-site #page-container #footer a:visited, body.mdu-site #page-container #footer a:active { color: #d0d0d0; }
  body.mdu-site #page-container #footer a:hover, body.mdu-site #page-container #footer a:focus { color: #ffffff; text-decoration: underline; }
  body.mdu-site #page-container #footer .vcard { line-height: 24px; }
  /* 16px form fields, 14px notes */
  body.mdu-site #page-container input, body.mdu-site #page-container select, body.mdu-site #page-container textarea { font-size: 16px; }
  body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field > .input, body.mdu-site #page-container #content .mdu-contact-form input.et_pb_contact_captcha { font-size: 16px; line-height: 22px; height: 44px; }
  body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field > textarea.input { height: 120px; }
  body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_submit.et_pb_button { font-size: 14px !important; color: #1a1a1a !important; background: #ff9000 !important; }
  body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_submit.et_pb_button:hover, body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_submit.et_pb_button:focus, body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_submit.et_pb_button:active { color: #ffffff !important; background: #000000 !important; }
  body.mdu-site #page-container #content .mdu-contact-form form.et_pb_contact_form:after { font-size: 14px; line-height: 24px; }
  body.mdu-site #page-container .gallery img { box-sizing: border-box; }
  /* keyboard focus: a two-tone ring that shows on white, red and dark grounds (Divi's reset removes the browser's) */
  body.mdu-site #page-container a:focus-visible, body.mdu-site #page-container button:focus-visible, body.mdu-site #page-container input:focus-visible,
  body.mdu-site #page-container select:focus-visible, body.mdu-site #page-container textarea:focus-visible { outline: 3px solid #1a1a1a; outline-offset: 2px; box-shadow: 0 0 0 2px #ffffff; }
  body.mdu-site #page-container #header a:focus-visible, body.mdu-site #page-container #header button:focus-visible, body.mdu-site #page-container #footer a:focus-visible,
  body.mdu-site.mdu-home #page-container #content a:focus-visible, body.mdu-site #page-container #feature-banners a:focus-visible { outline-color: #ffffff; box-shadow: 0 0 0 5px #1a1a1a; }
}
@media (min-width: 1250px) {
  body.mdu-site #page-container a:focus-visible, body.mdu-site #page-container button:focus-visible, body.mdu-site #page-container input:focus-visible,
  body.mdu-site #page-container select:focus-visible, body.mdu-site #page-container textarea:focus-visible { outline: revert; }
}

/* ================= 1170-1249: live's layout, the home panel darkened for AA white text ================= */
@media (min-width: 1170px) and (max-width: 1249px) {
  body.mdu-site.mdu-home #page-container #content:before { content: ""; position: absolute; left: 0; right: 0; top: -50px; bottom: -50px; background: rgba(0, 0, 0, 0.25); z-index: 2; pointer-events: none; }
  body.mdu-site #page-container #feature-banners .button { margin-top: 6px; }
}

/* ================= below 1170: tablet and phone reflow ================= */
@media (max-width: 1169px) {
  body.mdu-site #page-container #container, body.mdu-site #page-container .container { width: auto; margin: 0; padding: 0 24px; }
  body.mdu-site #page-container #container-outer #container { padding: 0; }
  body.mdu-site #page-container #header { padding: 0; }
  body.mdu-site #page-container #header .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
  body.mdu-site #page-container #header .container > .clearboth { display: none; }
  body.mdu-site #page-container #header .logo { float: none; flex: 0 0 auto; }
  body.mdu-site #page-container #header .logo a { display: block; padding: 0; }
  body.mdu-site #page-container #header .right { float: none; width: auto; display: contents; }
  body.mdu-site #page-container #menu { float: none; }
  body.mdu-site #page-container #menu .clearleft { display: none; }
  body.mdu-site #page-container #menu li:last-child { margin-right: 0; }
  /* content */
  body.mdu-site #page-container #content { margin: 36px 0; }
  body.mdu-site #page-container #content .left, body.mdu-site #page-container #content .right, body.mdu-site #page-container #content .container .left, body.mdu-site #page-container #content .container .right { float: none; width: auto; }
  body.mdu-site #page-container #content img { max-width: 100%; }
  body.mdu-site #page-container #content p img[style], body.mdu-site #page-container #content img[style*="width"] { height: auto !important; }
  body.mdu-site #page-container #content table { max-width: 100%; }
  body.mdu-site #page-container #content ul.gallery { float: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 24px; padding: 0; }
  body.mdu-site #page-container #content ul.gallery li { float: none; margin: 0; }
  body.mdu-site #page-container #content ul.gallery a { display: block; }
  body.mdu-site #page-container #content ul.gallery img { max-width: none; width: 87px; height: 68px !important; }
  body.mdu-site #page-container .map-container { height: 420px; }
  /* contact form: label over field */
  body.mdu-site #page-container #content .mdu-contact-form form.et_pb_contact_form { width: auto; max-width: 640px; grid-template-columns: 1fr; }
  body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field > label, body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field > .input,
  body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_right p.clearfix, body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_submit.et_pb_button { grid-column: 1; }
  body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field_0 > label { grid-row: 1; } body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field_0 > .input { grid-row: 2; }
  body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field_1 > label { grid-row: 3; } body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field_1 > .input { grid-row: 4; }
  body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field_2 > label { grid-row: 5; } body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field_2 > .input { grid-row: 6; }
  body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field_3 > label { grid-row: 7; } body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field_3 > .input { grid-row: 8; }
  body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_right p.clearfix { grid-row: 9; min-height: 0; padding: 4px 0 8px; }
  body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_submit.et_pb_button { grid-row: 10; margin: 8px 0 0; padding: 12px 28px !important; height: 48px; }
  body.mdu-site #page-container #content .mdu-contact-form form.et_pb_contact_form:after { grid-column: 1; grid-row: 11; background-position: right 6px center; padding: 8px 24px 0 0; background-image: none; text-align: left; }
  body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_form_label { padding: 12px 0 6px; line-height: 24px; }
  body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_form_label:after { content: ""; }
  body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field > .input, body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field > textarea.input { width: 100%; max-width: 480px; margin: 0; }
  body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field:after { display: none; }
  body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field:has(> [data-required_mark="required"]) > .et_pb_contact_form_label:after { content: ""; display: inline-block; width: 16px; height: 16px; margin-left: 6px; vertical-align: -3px; background: url(/wp-content/uploads/ilaunch/skin/images/icon-required.png) no-repeat; }
  body.mdu-site #page-container #content .mdu-contact-form form.et_pb_contact_form:after { content: "* Required fields"; }
  /* search */
  body.mdu-site #page-container #content .search { width: 100%; max-width: 480px; margin: 0 0 24px; display: flex; }
  body.mdu-site #page-container #content .search form { display: flex; flex: 1 1 auto; }
  body.mdu-site #page-container #content .search input.clicknclear { flex: 1 1 auto; width: auto; min-width: 0; height: 44px; padding: 0 12px; font-size: 16px; }
  body.mdu-site #page-container #content .search input.button { flex: 0 0 auto; width: 44px; height: 44px; padding: 0; background: none; }
  /* footer */
  body.mdu-site #page-container #footer { padding: 32px 0; }
  body.mdu-site #page-container #footer .container { padding: 0 24px; }
  body.mdu-site #page-container #footer .left { float: none; width: auto; margin: 0; }
  body.mdu-site #page-container #footer .footermenu li { padding-top: 0; }
  body.mdu-site #page-container #footer .footermenu a { display: inline-block; padding: 10px 0; }
  body.mdu-site #page-container #footer .footer-tags a { display: inline-block; padding: 6px 0; }
  body.mdu-site #page-container #footer .footer-tags a.tag { padding: 5px 0; }
  body.mdu-site #page-container #footer .footer-tags { display: block; margin: 6px 0 0; }
  body.mdu-site #page-container #footer .socialmedia { float: none; width: auto; text-align: left; margin: 12px 0; }
  body.mdu-site #page-container #footer .socialmedia a { margin: 0 8px 0 0; }
  body.mdu-site #page-container #footer .vcard { float: none; width: auto; text-align: left; margin-top: 8px; }
  body.mdu-site #page-container #footer .vcard li { display: block; margin: 0; }
  body.mdu-site #page-container #footer .vcard a.email, body.mdu-site #page-container #footer .vcard a.tel-link { display: inline-block; padding: 8px 0; }
  /* hero overlay */
  body.mdu-site #page-container .featuremain, body.mdu-site #page-container .featureimage { height: 340px; }
  body.mdu-site.mdu-home #page-container .featuremain { height: 460px; }
  /* the first and the last home slides are pictures with a white pad above and below (live shows them that way at 1250 and up): crop both below 1170 */
  body.mdu-site #page-container .featuremain .slide[style*="home_page_banners_emerald"], body.mdu-site #page-container .featuremain .slide[style*="home_page_banners_currumbin"] { background-size: auto 175% !important; }
  /* inner-page banners carry their own title in the picture: show the whole picture, never a cropped middle */
  body.mdu-site:not(.mdu-home) #page-container .featuremain, body.mdu-site:not(.mdu-home) #page-container .featureimage { height: auto; aspect-ratio: 5 / 1; background-size: 100% 100% !important; }
  body.mdu-site #page-container .featureoverlay { width: auto; left: 0; right: 0; margin-left: 0; top: 50%; transform: translateY(-50%); padding: 20px 24px 4px; background: rgba(0, 0, 0, 0.45); }
  body.mdu-site #page-container .featureoverlay p { font-size: 16px; line-height: 24px; margin-bottom: 14px; }
  body.mdu-site #page-container .featureoverlay strong { font-size: 44px; line-height: 46px; }
  /* home: one column, photos under the welcome text, venue banners side by side */
  body.mdu-site.mdu-home #page-container #main-content { background: #005c96 linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), repeat 0 0 url(/wp-content/uploads/ilaunch/skin/images/content-bg.png); }
  body.mdu-site.mdu-home #page-container #content { margin: 0; padding: 40px 0 0; }
  body.mdu-site.mdu-home #page-container #content .container { display: flex; flex-direction: column; }
  body.mdu-site.mdu-home #page-container .contentleft-bg { display: none; }
  body.mdu-site.mdu-home #page-container #content .container > .clearboth { display: none; }
  body.mdu-site.mdu-home #page-container #content .right { order: 1; position: static; width: auto; padding-bottom: 12px; }
  body.mdu-site.mdu-home #page-container #content h1 { font-size: 40px; line-height: 44px; margin: 0 0 20px; }
  body.mdu-site.mdu-home #page-container #content .left { order: 2; position: static; width: auto; margin: 0 -24px; padding: 28px 24px; background: #316f05; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
  body.mdu-site.mdu-home #page-container .left img { position: static; max-width: 100%; height: auto; }
  body.mdu-site.mdu-home #page-container #content .socialwidgets { display: none; }
  body.mdu-site.mdu-home #page-container #feature-banners { padding: 32px 0; }
  body.mdu-site.mdu-home #page-container #feature-banners .container { display: flex; gap: 24px; }
  body.mdu-site.mdu-home #page-container #feature-banners .container > .clearboth { display: none; }
  body.mdu-site.mdu-home #page-container #feature-banners .banner { float: none; flex: 1 1 0; width: auto; min-width: 0; }
  body.mdu-site.mdu-home #page-container #feature-banners .banner img { width: 100%; height: 190px; object-fit: cover; }
  body.mdu-site.mdu-home #page-container #feature-banners .text { left: 0; width: 100%; padding-top: 28px; box-sizing: border-box; font-size: 36px; line-height: 36px; }
  body.mdu-site.mdu-home #page-container #feature-banners .button { margin-top: 10px; padding: 8px 22px; }
}

/* ================= below 980: menu behind a button ================= */
@media (max-width: 979px) {
  body.mdu-site #page-container #header .container { padding: 0 24px; }
  body.mdu-site #page-container .ils-menu-toggle { display: inline-flex; align-items: center; gap: 10px; height: 44px; margin: 0; padding: 0 14px; border: 2px solid #ffffff; border-radius: 0; background: transparent; color: #ffffff; font: 600 14px/20px 'Open Sans', Arial, Helvetica, sans-serif; text-transform: uppercase; cursor: pointer; }
  body.mdu-site #page-container .ils-menu-toggle span, body.mdu-site #page-container .ils-menu-toggle span:before, body.mdu-site #page-container .ils-menu-toggle span:after { display: block; position: relative; width: 20px; height: 2px; background: currentColor; content: ""; }
  body.mdu-site #page-container .ils-menu-toggle span:before { position: absolute; top: -6px; }
  body.mdu-site #page-container .ils-menu-toggle span:after { position: absolute; top: 6px; }
  body.mdu-site #page-container .ils-menu-toggle:hover, body.mdu-site #page-container .ils-menu-toggle:focus, body.mdu-site #page-container .ils-menu-toggle:active, body.mdu-site #page-container #header.ils-menu-open .ils-menu-toggle { background: #ff9000; border-color: #ff9000; color: #1a1a1a; }
  body.mdu-site #page-container #menu { display: none; flex: 1 1 100%; order: 5; margin: 6px -24px 0; }
  body.mdu-site #page-container #header.ils-menu-open #menu { display: block; }
  body.mdu-site #page-container #menu ul { float: none; width: auto; }
  body.mdu-site #page-container #menu li { float: none; margin: 0; line-height: 52px; border-top: 1px solid rgba(255, 255, 255, 0.35); }
  body.mdu-site #page-container #menu a:link, body.mdu-site #page-container #menu a:visited, body.mdu-site #page-container #menu a:active { padding: 0 24px; font-size: 16px; }
  body.mdu-site #page-container #header .logo { padding: 8px 0; }
}
@media (min-width: 980px) and (max-width: 1169px) {
  body.mdu-site #page-container #menu { display: block; }
}

/* ================= 768-1169: tablet details ================= */
@media (min-width: 768px) and (max-width: 1169px) {
  body.mdu-site #page-container #content .container .left, body.mdu-site #page-container #content .container .right { float: none; }
  body.mdu-site #page-container #content > .left, body.mdu-site #page-container #content > .right { float: left; width: calc(50% - 16px); }
  body.mdu-site #page-container #content > .left { margin-right: 32px; }
  body.mdu-site #page-container #content > .clearboth { clear: both; }
  body.mdu-site #page-container .map-wrapper { clear: both; }
}

/* ================= below 768: the phone design ================= */
@media (max-width: 767px) {
  body.mdu-site #page-container #container, body.mdu-site #page-container .container, body.mdu-site #page-container #footer .container, body.mdu-site #page-container #header .container { padding: 0 16px; }
  body.mdu-site #page-container #header .logo img { width: 220px; height: auto; }
  body.mdu-site #page-container #menu { margin: 6px -16px 0; }
  body.mdu-site #page-container #menu a:link, body.mdu-site #page-container #menu a:visited, body.mdu-site #page-container #menu a:active { padding: 0 16px; }
  body.mdu-site #page-container #content { margin: 24px 0; }
  body.mdu-site #page-container h1 { margin: 0 0 20px; font-size: 32px; line-height: 36px; }
  body.mdu-site #page-container h2 { margin: 24px 0 14px; font-size: 28px; line-height: 32px; }
  body.mdu-site #page-container h3 { margin: 24px 0 14px; font-size: 24px; line-height: 28px; }
  body.mdu-site #page-container #content > .left, body.mdu-site #page-container #content > .right { float: none; width: auto; margin: 0; }
  body.mdu-site #page-container #content [style*="justify"] { text-align: left !important; }
  body.mdu-site #page-container #content p a:not(.button) { display: inline; padding: 4px 0; }
  body.mdu-site #page-container #content p img[style*="float"] { float: none !important; display: block; margin: 12px 0 0; }
  body.mdu-site #page-container #content table td a { display: inline-block; padding: 4px 0; }
  body.mdu-site #page-container .map-container { height: 320px; }
  /* the directions card sits under the map on a phone instead of covering it */
  body.mdu-site #page-container .map-wrapper { display: flex; flex-direction: column; }
  body.mdu-site #page-container .map-wrapper .map-container { order: 2; }
  body.mdu-site #page-container .map-wrapper .map-info { order: 3; position: static; left: auto; bottom: auto; transform: none; margin-top: 10px; padding: 8px 12px; box-shadow: none; background: #f4f4f4; text-align: left; }
  body.mdu-site #page-container .map-wrapper .map-info a { display: inline-block; padding: 8px 0; }
  body.mdu-site #page-container #content ul.gallery { gap: 8px; }
  /* hero */
  body.mdu-site.mdu-home #page-container .featuremain { height: 400px; }
  body.mdu-site #page-container .featureoverlay { padding: 16px 16px 2px; }
  body.mdu-site #page-container .featureoverlay strong { font-size: 32px; line-height: 34px; }
  body.mdu-site #page-container .featureoverlay p { font-size: 15px; line-height: 22px; margin-bottom: 12px; }
  /* home */
  body.mdu-site.mdu-home #page-container #content { padding-top: 28px; }
  body.mdu-site.mdu-home #page-container #content h1 { font-size: 32px; line-height: 36px; }
  body.mdu-site.mdu-home #page-container #content .left { margin: 0 -16px; padding: 24px 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; justify-items: center; }
  body.mdu-site.mdu-home #page-container #content .left img:nth-child(1) { grid-column: 1 / -1; }
  body.mdu-site.mdu-home #page-container #content .left img:nth-child(n+2) { width: 100%; }
  body.mdu-site.mdu-home #page-container #feature-banners .container { flex-direction: column; gap: 16px; }
  body.mdu-site.mdu-home #page-container #feature-banners .text { font-size: 32px; line-height: 34px; }
  /* contact */
  body.mdu-site #page-container #content .mdu-contact-form { margin: 0 0 24px; }
  body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field > .input, body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_field > textarea.input { max-width: none; }
  body.mdu-site #page-container #content .mdu-contact-form .et_pb_contact_submit.et_pb_button { width: 100%; justify-self: stretch; height: 52px; text-align: center; }
  /* footer */
  body.mdu-site #page-container #footer { padding: 24px 0; }
  body.mdu-site #page-container #footer .footermenu li, body.mdu-site #page-container #footer .footermenu li:first-child { float: none; display: block; padding: 0; background: none; }
  body.mdu-site #page-container #footer .footermenu a { padding: 10px 0; }
}

@media (max-width: 1249px) { body.mdu-site #page-container #content .search input.button, body.mdu-site #page-container input.button { font-size: 16px; } }

@media (max-width: 1249px) {
  body.mdu-site #page-container #footer .footermenu a, body.mdu-site #page-container #footer .vcard a.email, body.mdu-site #page-container #footer .vcard a.tel-link, body.mdu-site #page-container #footer .footer-tags p a:not(.tag) { display: inline-block; padding-top: 2.5px; padding-bottom: 2.5px; }
}

/* short pages (search, site map, 404): keep the footer at the foot of the screen below 1250 */
@media (max-width: 1249px) {
  body.mdu-site #page-container { min-height: 100vh; display: flex; flex-direction: column; }
  body.mdu-site #page-container #et-main-area { flex: 1 0 auto; }
}

/* the search "go" control is a picture button with no text: keep it a picture in every state, with a visible state change and AA text colour for its label value */
@media (max-width: 1249px) {
  body.mdu-site #page-container #content .search input[type=image].button, body.mdu-site #page-container #content .search input[type=image].button:hover,
  body.mdu-site #page-container #content .search input[type=image].button:focus, body.mdu-site #page-container #content .search input[type=image].button:active { color: #1a1a1a; background-color: #ffffff; }
  body.mdu-site #page-container #content .search input[type=image].button:hover, body.mdu-site #page-container #content .search input[type=image].button:focus,
  body.mdu-site #page-container #content .search input[type=image].button:active { background-color: #e5e5e5; }
}
@media (max-width: 1249px) { body.mdu-site #page-container #content .search input.clicknclear { color: #595959; } }

/* 404 page: the content sits in the same 1170px column as every other page (16px gutter below 768, 24px from 768 to 1169, centred from 1170); it had no container and touched the screen edge */
body.mdu-site.error404 #page-container #content .inner-wrapper { box-sizing: border-box; max-width: 1170px; margin: 0 auto; }
@media (max-width: 767px) { body.mdu-site.error404 #page-container #content .inner-wrapper { padding: 0 16px; } }
@media (min-width: 768px) and (max-width: 1169px) { body.mdu-site.error404 #page-container #content .inner-wrapper { padding: 0 24px; } }