/* ar-design.css: Aussie Resort desktop parity additions (Stage 4). Loaded after the live CSS and ar-extra.css, before ar-mobile.css.
   Live (ar-live.css and the sheets after it) already lays out every page; Stage 4's 1440 pairs found only these left:
   1. the contact and review forms: live's are Bootstrap 3 forms (form-group, label over a full-width form-control, reCAPTCHA row, left-aligned
      orange SUBMIT); ours are Divi contact-form modules. Dressed here as live's form from measured geometry (live 1440: labels 14px bold #555 20px
      line + 5px gap, controls 1170 x 34px, 6px 12px padding, 1px #ccc border, 4px radius, inset shadow, 15px between groups, message 114px
      (contact) / 74px (reviews), Verification label, a 78px captcha row, then SUBMIT 88 x 36 at x+10 with 10px margins).
   2. /newsletter/unsubscribe: live's reCAPTCHA renders a 304 x 78 error box ("Invalid site key"); the empty widget div keeps that space at 1250+.
   Base rules apply at every width; ar-mobile.css restyles the forms below 1250 (16px controls, AA colours, full-width submit on phones). */

/* ---------- 1. forms (every width: structure) ---------- */
body.ar-site #page-container .ar-contact-form { margin: 0; padding: 0; background: none; }
body.ar-site #page-container .ar-contact-form .et_pb_contact { padding: 0; margin: 0; }
body.ar-site #page-container .ar-contact-form form.et_pb_contact_form { margin: 0; padding: 0; display: block; }
body.ar-site #page-container .ar-contact-form p.et_pb_contact_field { float: none; width: 100%; margin: 0 0 15px; padding: 0; clear: both; }
body.ar-site #page-container .ar-contact-form .et_pb_contact_form_label { display: inline-block; margin: 0 0 5px; padding: 0; font: 700 14px/20px 'Roboto', Arial, Helvetica, sans-serif; color: #555555; letter-spacing: normal; text-transform: none; }
body.ar-site #page-container .ar-contact-form .et_pb_contact_field input.input,
body.ar-site #page-container .ar-contact-form .et_pb_contact_field textarea.input {
  display: block; box-sizing: border-box; width: 100%; height: 34px; margin: 0; padding: 6px 12px; border: 1px solid #cccccc; border-radius: 4px;
  background: #ffffff; color: #555555; font: 400 14px/20px 'Roboto', Arial, Helvetica, sans-serif; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
body.ar-site #page-container .ar-contact-form .et_pb_contact_field textarea.input { height: 114px; min-height: 0; resize: vertical; }
body.ar-site.page-id-1140 #page-container .ar-contact-form .et_pb_contact_field textarea.input { height: 74px; }
/* live's contact fields are empty (labels above them) while its review form shows Bootstrap's grey hints (Name, Email, Location); Divi repeats every
   label as a hint, so they are hidden on the contact form and shown in live's #999 on the review form (ar-site.php sets live's hint words there) */
body.ar-site #page-container .ar-contact-form .input::placeholder { color: transparent; opacity: 0; }
body.ar-site.page-id-1140 #page-container .ar-contact-form .et_pb_contact_field input.input::placeholder { color: #999999; opacity: 1; }
/* Bootstrap's focus ring, as live */
body.ar-site #page-container .ar-contact-form .et_pb_contact_field .input:focus, body.ar-site #page-container .ar-contact-form input.et_pb_contact_captcha:focus {
  border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
/* the verification row: live's "Verification" label over its reCAPTCHA (304 x 78); here the label over Divi's maths question in the same 78px row */
body.ar-site #page-container .ar-contact-form .et_contact_bottom_container { float: none; display: block; margin: 0; padding: 0; text-align: left; clear: both; }
body.ar-site #page-container .ar-contact-form .et_pb_contact_right { float: none; display: block; margin: 0; padding: 0; text-align: left; }
body.ar-site #page-container .ar-contact-form .et_pb_contact_right p.clearfix { position: relative; float: none; margin: 0 0 15px; padding: 25px 0 0; height: 78px; box-sizing: content-box;
  font: 400 14px/34px 'Roboto', Arial, Helvetica, sans-serif; color: #555555; text-align: left; }
body.ar-site #page-container .ar-contact-form .et_pb_contact_right p.clearfix::before { content: "Verification"; display: block; position: absolute; left: 0; top: 0; height: 20px; visibility: visible;
  font: 700 14px/20px 'Roboto', Arial, Helvetica, sans-serif; color: #555555; }
body.ar-site #page-container .ar-contact-form .et_pb_contact_right p.clearfix::after { display: none; }
body.ar-site #page-container .ar-contact-form .et_pb_contact_captcha_question { font: 400 14px/34px 'Roboto', Arial, Helvetica, sans-serif; color: #555555; }
body.ar-site #page-container .ar-contact-form input.et_pb_contact_captcha { display: inline-block; box-sizing: border-box; width: 70px; height: 34px; margin: 0 0 0 6px; padding: 6px 12px;
  border: 1px solid #cccccc; border-radius: 4px; background: #ffffff; color: #555555; font: 400 14px/20px 'Roboto', Arial, Helvetica, sans-serif; vertical-align: top;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
/* SUBMIT: live's .btn-default (orange, white bold 14px uppercase, 1px tracking, 8px 15px padding, 10px margins, square, hover blue) */
body #page-container .et_pb_section .ar-contact-form.et_pb_contact_form_container.et_pb_module .et_pb_contact_submit.et_pb_button {
  display: inline-block; float: none; box-sizing: border-box; height: auto; width: auto; margin: 10px !important; padding: 8px 15px !important; border: 0 !important; border-radius: 0 !important;
  background: #ee9f17 !important; color: #ffffff !important; font: 700 14px/20px 'Roboto', Arial, Helvetica, sans-serif !important; letter-spacing: 1px !important; text-transform: uppercase;
  transition: all 0.2s; cursor: pointer; }
body #page-container .et_pb_section .ar-contact-form.et_pb_contact_form_container.et_pb_module .et_pb_contact_submit.et_pb_button:hover,
body #page-container .et_pb_section .ar-contact-form.et_pb_contact_form_container.et_pb_module .et_pb_contact_submit.et_pb_button:focus {
  background: #225eab !important; color: #ffffff !important; padding: 8px 15px !important; border: 0 !important; }
body #page-container .et_pb_section .ar-contact-form.et_pb_contact_form_container.et_pb_module .et_pb_contact_submit.et_pb_button::after { display: none !important; }
/* live's SUBMIT is a Bootstrap .btn, whose focus ring (.btn:focus: 5px auto, offset -2px) shows on both forms; Divi's ":focus { outline: 0 }" had removed it
   (fix round 1, 3.18 N4). Every width: below 1250 it is the same browser ring the site's other buttons keep. */
body #page-container .et_pb_section .ar-contact-form.et_pb_contact_form_container.et_pb_module .et_pb_contact_submit.et_pb_button:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
/* Divi's own error tint on a refused field is kept (it is how a visitor sees what to fix) */
/* thank-you line: Divi replaces the form with it; live's own wording sits at the column's left like the intro text */
body.ar-site #page-container .ar-contact-form .et-pb-contact-message { margin: 0; padding: 0; font-size: 14px; line-height: 20px; color: #555555; }
body.ar-site #page-container .ar-contact-form .et-pb-contact-message:not(:empty) { padding: 10px 0 20px; }

/* ---------- 2. /newsletter/unsubscribe: keep the 78px reCAPTCHA box's space at 1250+ (live shows Google's error box there) ---------- */
@media (min-width: 1250px) {
  body.ar-site.page-id-1147 #page-container .g-recaptcha:empty { height: 78px; }
  /* live: .enquiry-form label, .review-form label { min-width: 150px } (no visible effect; kept so the boxes measure the same) */
  body.ar-site #page-container .ar-contact-form .et_pb_contact_form_label { min-width: 150px; }
  /* live's own button states (Bootstrap 3 + general.css): contact's SUBMIT is a .btn-default (hover/focus white on #225eab, pressed #333 on #e6e6e6),
     the review form's is a .btn-primary (hover, focus and pressed white on #286090) */
  body.ar-site.page-id-1138 #page-container .et_pb_section .ar-contact-form.et_pb_contact_form_container.et_pb_module .et_pb_contact_submit.et_pb_button:active { background: #e6e6e6 !important; color: #333333 !important; }
  body.ar-site.page-id-1138 #page-container .et_pb_section .ar-contact-form.et_pb_contact_form_container.et_pb_module .et_pb_contact_submit.et_pb_button:active:hover { background: #d4d4d4 !important; color: #333333 !important; }
  body.ar-site.page-id-1140 #page-container .et_pb_section .ar-contact-form.et_pb_contact_form_container.et_pb_module .et_pb_contact_submit.et_pb_button:hover,
  body.ar-site.page-id-1140 #page-container .et_pb_section .ar-contact-form.et_pb_contact_form_container.et_pb_module .et_pb_contact_submit.et_pb_button:focus,
  body.ar-site.page-id-1140 #page-container .et_pb_section .ar-contact-form.et_pb_contact_form_container.et_pb_module .et_pb_contact_submit.et_pb_button:active { background: #286090 !important; color: #ffffff !important; }
}

/* ---------- 3. home: the FAQ banner's full-width wrapper (z-index 999) lies over the top of the map; it is transparent except its blue box, but it
   caught taps meant for the map and for the map card's Get Directions link (found by overlap_check.js at 1024). Taps now pass through the empty
   part; the blue FAQ box itself stays a link. No visible change at any width. ---------- */
body.ar-site.ar-home #page-container .faq-wrapper, body.ar-site.ar-home #page-container .faq-wrapper .container { pointer-events: none; }
body.ar-site.ar-home #page-container .faq-wrapper .text-content { pointer-events: auto; }