/* YRF staging contact page polish */
body.page-id-439 {
  --yrf-navy: #070b61;
  --yrf-ink: #10152f;
  --yrf-red: #c52f35;
  --yrf-sky: #eaf6ff;
  --yrf-muted: #66708b;
  --yrf-line: rgba(16, 21, 47, 0.12);
  --yrf-shadow: 0 24px 60px rgba(7, 11, 97, 0.16);
  background: var(--yrf-sky);
}

body.page-id-439 .border-img,
body.page-id-439 .wp-block-spacer:first-child {
  display: none !important;
}

body.page-id-439 .wp-block-group.alignfull.is-content-justification-center {
  margin-top: 0 !important;
  padding: clamp(56px, 7vw, 96px) 20px clamp(70px, 8vw, 110px) !important;
  background:
    linear-gradient(115deg, rgba(7, 11, 97, 0.05), rgba(234, 246, 255, 0) 38%),
    var(--yrf-sky);
}

body.page-id-439 .wp-block-group.alignwide.is-vertical {
  max-width: 980px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

body.page-id-439 h2.wp-block-heading {
  max-width: 980px;
  margin: 0 auto 24px !important;
  color: var(--yrf-navy) !important;
  font-family: "Barlow Condensed", Impact, sans-serif;
  font-size: clamp(4rem, 10vw, 8.5rem) !important;
  font-weight: 800 !important;
  line-height: 0.86 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: uppercase;
}

body.page-id-439 h2.wp-block-heading::before {
  content: "Contact us";
  display: block;
  margin-bottom: 18px;
  color: var(--yrf-red);
  font-family: Inter, system-ui, sans-serif;
  font-size: 0.88rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  line-height: 1;
}

body.page-id-439 .is-contact-description,
body.page-id-439 .wp-block-group.alignwide.is-vertical > p {
  max-width: 760px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  color: var(--yrf-muted) !important;
  font-family: Inter, system-ui, sans-serif;
  font-size: clamp(1rem, 1.7vw, 1.18rem) !important;
  font-weight: 700;
  line-height: 1.65;
}

body.page-id-439 .wp-block-group.alignwide.is-vertical > p strong {
  color: var(--yrf-ink);
  font-weight: 900;
}

body.page-id-439 .jetpack-contact-form-container {
  width: min(760px, 100%);
  margin: clamp(28px, 4vw, 44px) auto 0 !important;
  padding: clamp(24px, 4vw, 42px);
  background: #fff;
  border: 1px solid var(--yrf-line);
  border-top: 7px solid var(--yrf-red);
  border-radius: 10px;
  box-shadow: var(--yrf-shadow);
}

body.page-id-439 .wp-block-jetpack-contact-form,
body.page-id-439 .jetpack-contact-form__form {
  display: grid !important;
  gap: 20px !important;
  width: 100% !important;
}

body.page-id-439 .grunion-field-wrap {
  margin: 0 !important;
}

body.page-id-439 .grunion-field-label {
  display: block;
  margin-bottom: 8px;
  color: var(--yrf-navy) !important;
  font-family: Inter, system-ui, sans-serif;
  font-size: 0.9rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-id-439 .grunion-label-required {
  margin-left: 6px;
  color: var(--yrf-muted);
  font-size: 0.78rem;
  letter-spacing: 0;
  text-transform: none;
}

body.page-id-439 .wp-block-jetpack-input,
body.page-id-439 .grunion-field {
  width: 100% !important;
  min-height: 56px;
  padding: 14px 16px !important;
  color: var(--yrf-ink) !important;
  background: #fff !important;
  border: 1px solid rgba(16, 21, 47, 0.22) !important;
  border-radius: 8px !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 1rem !important;
  box-shadow: none !important;
}

body.page-id-439 textarea.wp-block-jetpack-input,
body.page-id-439 textarea.grunion-field {
  min-height: 180px !important;
  resize: vertical;
}

body.page-id-439 .wp-block-jetpack-input:focus,
body.page-id-439 .grunion-field:focus {
  border-color: var(--yrf-red) !important;
  outline: 3px solid rgba(197, 47, 53, 0.16) !important;
}

body.page-id-439 .wp-block-jetpack-button,
body.page-id-439 .wp-block-button {
  margin-top: 6px !important;
}

body.page-id-439 .wp-block-jetpack-button .wp-block-button__link,
body.page-id-439 .wp-block-button__link[type="submit"] {
  min-height: 56px;
  padding: 16px 34px !important;
  color: #fff !important;
  background: var(--yrf-red) !important;
  border: 0 !important;
  border-radius: 8px !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: 0 18px 36px rgba(197, 47, 53, 0.22);
}

body.page-id-439 .wp-block-jetpack-button .wp-block-button__link:hover,
body.page-id-439 .wp-block-button__link[type="submit"]:hover {
  background: #a9272d !important;
}

body.page-id-439 .contact-form-submission.submission-success {
  padding: 24px;
  color: var(--yrf-navy);
  background: #f7fbff;
  border-radius: 8px;
}

@media (max-width: 720px) {
  body.page-id-439 .wp-block-group.alignfull.is-content-justification-center {
    padding: 44px 16px 64px !important;
  }

  body.page-id-439 h2.wp-block-heading {
    text-align: left !important;
  }

  body.page-id-439 .is-contact-description,
  body.page-id-439 .wp-block-group.alignwide.is-vertical > p {
    text-align: left !important;
  }

  body.page-id-439 .jetpack-contact-form-container {
    padding: 22px;
  }

  body.page-id-439 .wp-block-jetpack-button .wp-block-button__link,
  body.page-id-439 .wp-block-button__link[type="submit"] {
    width: 100%;
  }
}


/* YRF contact page: image and Jetpack form width refinement */
body.page-id-439 .contact-card__image {
  background:
    linear-gradient(180deg, rgba(7, 11, 97, 0.08), rgba(7, 11, 97, 0.42)),
    url("https://i0.wp.com/yrf.com.au/wp-content/uploads/2022/08/2022-YRF-5.jpg?fit=1800%2C1200&ssl=1") center 42% / cover no-repeat !important;
}

body.page-id-439 .contact-form-card .contact-form,
body.page-id-439 .contact-form-card .contact-form .wp-block-jetpack-contact-form,
body.page-id-439 .contact-form-card .contact-form .wp-block-jetpack-field-name,
body.page-id-439 .contact-form-card .contact-form .wp-block-jetpack-field-email,
body.page-id-439 .contact-form-card .contact-form .wp-block-jetpack-field-textarea,
body.page-id-439 .contact-form-card .contact-form .grunion-field-wrap {
  width: 100% !important;
  max-width: none !important;
  flex-basis: 100% !important;
}

body.page-id-439 .contact-form-card .contact-form .grunion-field,
body.page-id-439 .contact-form-card .contact-form .wp-block-jetpack-input {
  width: 100% !important;
  max-width: none !important;
}

body.page-id-439 h2.wp-block-heading {
  max-width: 980px;
  margin: 0 auto 24px !important;
  color: var(--yrf-navy) !important;
  font-family: "Barlow Condensed", Impact, sans-serif;
  font-size: clamp(4rem, 10vw, 8.5rem) !important;
  font-weight: 800 !important;
  line-height: 0.86 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: uppercase;
}

body.page-id-439 h2.wp-block-heading::before {
  content: "Contact us";
  display: block;
  margin-bottom: 18px;
  color: var(--yrf-red);
  font-family: Inter, system-ui, sans-serif;
  font-size: 0.88rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  line-height: 1;
}

body.page-id-439 .is-contact-description,
body.page-id-439 .wp-block-group.alignwide.is-vertical > p {
  max-width: 760px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  color: var(--yrf-muted) !important;
  font-family: Inter, system-ui, sans-serif;
  font-size: clamp(1rem, 1.7vw, 1.18rem) !important;
  font-weight: 700;
  line-height: 1.65;
}

body.page-id-439 .wp-block-group.alignwide.is-vertical > p strong {
  color: var(--yrf-ink);
  font-weight: 900;
}

body.page-id-439 .jetpack-contact-form-container {
  width: min(760px, 100%);
  margin: clamp(28px, 4vw, 44px) auto 0 !important;
  padding: clamp(24px, 4vw, 42px);
  background: #fff;
  border: 1px solid var(--yrf-line);
  border-top: 7px solid var(--yrf-red);
  border-radius: 10px;
  box-shadow: var(--yrf-shadow);
}

body.page-id-439 .wp-block-jetpack-contact-form,
body.page-id-439 .jetpack-contact-form__form {
  display: grid !important;
  gap: 20px !important;
  width: 100% !important;
}

body.page-id-439 .grunion-field-wrap {
  margin: 0 !important;
}

body.page-id-439 .grunion-field-label {
  display: block;
  margin-bottom: 8px;
  color: var(--yrf-navy) !important;
  font-family: Inter, system-ui, sans-serif;
  font-size: 0.9rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-id-439 .grunion-label-required {
  margin-left: 6px;
  color: var(--yrf-muted);
  font-size: 0.78rem;
  letter-spacing: 0;
  text-transform: none;
}

body.page-id-439 .wp-block-jetpack-input,
body.page-id-439 .grunion-field {
  width: 100% !important;
  min-height: 56px;
  padding: 14px 16px !important;
  color: var(--yrf-ink) !important;
  background: #fff !important;
  border: 1px solid rgba(16, 21, 47, 0.22) !important;
  border-radius: 8px !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 1rem !important;
  box-shadow: none !important;
}

body.page-id-439 textarea.wp-block-jetpack-input,
body.page-id-439 textarea.grunion-field {
  min-height: 180px !important;
  resize: vertical;
}

body.page-id-439 .wp-block-jetpack-input:focus,
body.page-id-439 .grunion-field:focus {
  border-color: var(--yrf-red) !important;
  outline: 3px solid rgba(197, 47, 53, 0.16) !important;
}

body.page-id-439 .wp-block-jetpack-button,
body.page-id-439 .wp-block-button {
  margin-top: 6px !important;
}

body.page-id-439 .wp-block-jetpack-button .wp-block-button__link,
body.page-id-439 .wp-block-button__link[type="submit"] {
  min-height: 56px;
  padding: 16px 34px !important;
  color: #fff !important;
  background: var(--yrf-red) !important;
  border: 0 !important;
  border-radius: 8px !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: 0 18px 36px rgba(197, 47, 53, 0.22);
}

body.page-id-439 .wp-block-jetpack-button .wp-block-button__link:hover,
body.page-id-439 .wp-block-button__link[type="submit"]:hover {
  background: #a9272d !important;
}

body.page-id-439 .contact-form-submission.submission-success {
  padding: 24px;
  color: var(--yrf-navy);
  background: #f7fbff;
  border-radius: 8px;
}

@media (max-width: 720px) {
  body.page-id-439 .wp-block-group.alignfull.is-content-justification-center {
    padding: 44px 16px 64px !important;
  }

  body.page-id-439 h2.wp-block-heading {
    text-align: left !important;
  }

  body.page-id-439 .is-contact-description,
  body.page-id-439 .wp-block-group.alignwide.is-vertical > p {
    text-align: left !important;
  }

  body.page-id-439 .jetpack-contact-form-container {
    padding: 22px;
  }

  body.page-id-439 .wp-block-jetpack-button .wp-block-button__link,
  body.page-id-439 .wp-block-button__link[type="submit"] {
    width: 100%;
  }
}


/* YRF contact page: final visual override */
body.page-id-439 .contact-card__image {
  background:
    linear-gradient(180deg, rgba(7, 11, 97, 0.08), rgba(7, 11, 97, 0.42)),
    url("https://i0.wp.com/yrf.com.au/wp-content/uploads/2022/08/2022-YRF-5.jpg?fit=1800%2C1200&ssl=1") center 42% / cover no-repeat !important;
}
body.page-id-439 .contact-form-card .contact-form,
body.page-id-439 .contact-form-card .contact-form .wp-block-jetpack-contact-form,
body.page-id-439 .contact-form-card .contact-form .wp-block-jetpack-field-name,
body.page-id-439 .contact-form-card .contact-form .wp-block-jetpack-field-email,
body.page-id-439 .contact-form-card .contact-form .wp-block-jetpack-field-textarea,
body.page-id-439 .contact-form-card .contact-form .grunion-field-wrap {
  width: 100% !important;
  max-width: none !important;
  flex-basis: 100% !important;
}
body.page-id-439 .contact-form-card .contact-form .grunion-field,
body.page-id-439 .contact-form-card .contact-form .wp-block-jetpack-input {
  width: 100% !important;
  max-width: none !important;
}


/* YRF contact form: force Jetpack fields to full-width rows */
body.page-id-439 .contact-form-card .wp-block-jetpack-contact-form,
body.page-id-439 .contact-form-card .contact-form .wp-block-jetpack-contact-form {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
}
body.page-id-439 .contact-form-card .wp-block-jetpack-contact-form > *,
body.page-id-439 .contact-form-card .wp-block-jetpack-contact-form .grunion-field-wrap {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
}


/* YRF contact card: alternate image */
body.page-id-439 .contact-card__image {
  background:
    linear-gradient(180deg, rgba(7, 11, 97, 0.08), rgba(7, 11, 97, 0.42)),
    url("https://i0.wp.com/yrf.com.au/wp-content/uploads/2022/08/2022-YRF-276.jpg?fit=1800%2C1200&ssl=1") center 34% / cover no-repeat !important;
}

/* YRF shared 2027 mobile layout — edit this once for all YRF pages */
@media (max-width:680px){
  .utility{height:auto!important;min-height:44px!important}
  .utility .wrap{gap:6px!important;padding-top:8px!important;padding-bottom:8px!important}
  .utility span{font-size:10px!important;letter-spacing:.02em!important;line-height:1.2!important}
  .utility span:last-child{display:block!important;text-align:right!important}
  .race-hero,.hero-grid,.hero-copy,.hero-photo{min-height:520px!important}
  .hero-copy{padding:40px 22px 32px!important}
  body.page-id-436 .shell--global-header .nav__inner{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:1fr!important;align-items:center!important}
  body.page-id-436 .shell--global-header .nav-actions{display:none!important}
  body.page-id-436 .shell--global-header .logo{grid-column:1!important;grid-row:1!important}
  body.page-id-436 .shell--global-header .mobile-menu{grid-column:2!important;grid-row:1!important;justify-self:end!important;align-self:center!important;width:auto!important}
}



/* YRF shared 2027 mobile race hero photo visibility */
@media (max-width:680px){
  .race-hero .hero-photo::after{
    background:
      linear-gradient(90deg,rgba(4,7,57,.86) 0%,rgba(4,7,57,.56) 60%,rgba(4,7,57,.30) 100%),
      linear-gradient(0deg,rgba(4,7,57,.80) 0%,rgba(4,7,57,.28) 56%,rgba(4,7,57,.20) 100%)!important;
  }
  .race-hero .hero-copy h1,
  .race-hero .hero-copy .eyebrow,
  .race-hero .hero-copy > p:not(.eyebrow){
    text-shadow:0 2px 16px rgba(4,7,57,.72);
  }
  .race-hero .hero-copy h1 span{
    text-shadow:none;
  }
  .race-hero .hero-copy > p:not(.eyebrow){
    color:rgba(255,255,255,.92);
  }
}

/* YRF shared 2027 footer social links */
#site-footer .footer-brand {
  min-width: 0;
}

#site-footer .footer-social {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  margin-top: 16px;
}

#site-footer .footer-social__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 12px;
  gap: 8px;
  color: rgba(255,255,255,.86);
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .07em;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease;
}

#site-footer .footer-social__icon {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

#site-footer .footer-social__arrow {
  opacity: .65;
  transition: transform .2s ease, opacity .2s ease;
}

#site-footer .footer-social__link:hover,
#site-footer .footer-social__link:focus-visible {
  color: #fff;
  background: linear-gradient(105deg,#315cff 0%,#8d2ce2 54%,#ff405e 100%);
  border-color: transparent;
  box-shadow: 0 9px 24px rgba(84,53,255,.24);
  transform: translateY(-2px);
}

#site-footer .footer-social__link:hover .footer-social__arrow,
#site-footer .footer-social__link:focus-visible .footer-social__arrow {
  opacity: 1;
  transform: translate(2px,-2px);
}

#site-footer .footer-social__link:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

@media (max-width: 900px) {
  #site-footer .footer-social__link {
    width: 40px;
    padding: 0;
  }

  #site-footer .footer-social__label,
  #site-footer .footer-social__arrow {
    display: none;
  }
}

@media (max-width: 680px) {
  #site-footer .footer-brand {
    position: relative;
  }

  #site-footer .footer-brand .footer-logo {
    width: 260px;
  }

  #site-footer .footer-social {
    position: absolute;
    top: 18px;
    right: 0;
    margin-top: 0;
    gap: 6px;
  }
}

/* YRF shared updates form — compact block layout */
.signup-form-shell .jetpack-contact-form__form {
  display: block;
}

.signup-form-shell .wp-block-jetpack-contact-form {
  display: grid !important;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr) auto;
  gap: 10px 12px !important;
  align-items: end;
}

.signup-form-shell .wp-block-jetpack-field-name,
.signup-form-shell .wp-block-jetpack-field-email {
  min-width: 0;
}

.signup-form-shell .wp-block-jetpack-field-checkbox {
  grid-column: 1 / 3;
  align-self: center;
  margin: 0;
}

.signup-form-shell .wp-block-jetpack-field-checkbox .contact-form__checkbox-wrap {
  align-items: flex-start;
}

.signup-form-shell .wp-block-jetpack-field-checkbox label {
  margin: 0 0 0 8px;
  line-height: 1.45;
}

.signup-form-shell .wp-block-button {
  grid-column: 3;
  grid-row: 2;
  align-self: center;
  margin: 0 !important;
}

.signup-form-shell .wp-block-button__link[type="submit"] {
  min-width: 142px;
  min-height: 44px;
  margin: 0 !important;
  padding: 0 22px;
}

@media (max-width: 680px) {
  .signup-form-shell .wp-block-jetpack-contact-form {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .signup-form-shell .wp-block-jetpack-field-checkbox,
  .signup-form-shell .wp-block-button {
    grid-column: 1;
    grid-row: auto;
  }

  .signup-form-shell .wp-block-button__link[type="submit"] {
    width: 100%;
  }
}


/* YRF updates form — hide fields after successful submission */
.signup-form-shell .jetpack-contact-form__form.submission-success {
  display: none !important;
}


/* Contact page: keep shared footer signup isolated from contact form styling */
body.page-id-439 #site-footer .signup-form-shell .jetpack-contact-form__form {
  display: block !important;
  gap: 10px 12px !important;
}

body.page-id-439 #site-footer .signup-form-shell .wp-block-jetpack-contact-form {
  display: grid !important;
  width: 100% !important;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr) auto !important;
  gap: 10px 12px !important;
  align-items: end;
}

body.page-id-439 #site-footer .signup-form-shell .grunion-field-label {
  display: block;
  margin: 0 0 7px;
  color: rgba(255,255,255,.72) !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .1em;
  line-height: 1.55;
  text-transform: uppercase;
}

body.page-id-439 #site-footer .signup-form-shell .grunion-label-required {
  margin-left: 0;
  color: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}

body.page-id-439 #site-footer .signup-form-shell input[type="text"],
body.page-id-439 #site-footer .signup-form-shell input[type="email"] {
  width: 100% !important;
  height: 44px !important;
  min-height: 0 !important;
  padding: 0 15px !important;
  color: #fff !important;
  background: rgba(255,255,255,.1) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 12px !important;
  font: inherit !important;
  box-shadow: none !important;
  outline: none !important;
}

body.page-id-439 #site-footer .signup-form-shell input[type="text"]:focus,
body.page-id-439 #site-footer .signup-form-shell input[type="email"]:focus {
  border-color: #fff !important;
  background: rgba(255,255,255,.15) !important;
  outline: none !important;
}

body.page-id-439 #site-footer .signup-form-shell .wp-block-button {
  margin: 0 !important;
}

body.page-id-439 #site-footer .signup-form-shell .wp-block-button__link[type="submit"] {
  width: auto !important;
  min-width: 142px;
  height: 44px;
  min-height: 44px !important;
  padding: 0 22px !important;
  color: #fff !important;
  background: var(--spectrum) !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  box-shadow: none !important;
}

@media (max-width: 680px) {
  body.page-id-439 #site-footer .signup-form-shell .wp-block-jetpack-contact-form {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.page-id-439 #site-footer .signup-form-shell .wp-block-jetpack-field-checkbox,
  body.page-id-439 #site-footer .signup-form-shell .wp-block-button {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  body.page-id-439 #site-footer .signup-form-shell .wp-block-button__link[type="submit"] {
    width: 100% !important;
  }
}


/* Contact page footer signup: make the embedded form occupy the full footer column */
body.page-id-439 #site-footer .signup-form-shell .jetpack-contact-form__form {
  grid-template-columns: 1fr !important;
}

body.page-id-439 #site-footer .signup-form-shell .jetpack-contact-form__form > .wp-block-jetpack-contact-form {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}