/* Job Fair Register (acf/job-fair-register). Shared tokens: css/job-fair-base.css */
.jf-block.jf-register { padding-block: 4rem; background: var(--jf-ice); }
.jf-block.jf-register .jf-register__ticket { display: grid; border-radius: 1.5rem; background: #fff; color: var(--jf-navy); box-shadow: 0 12px 32px rgb(1 47 98 / 6%); }
.jf-block.jf-register .jf-register__copy { padding: 2.5rem 1.75rem; }
.jf-block.jf-register .jf-register__title { font-size: clamp(34px, 4vw, 56px); line-height: 1.05; font-weight: 700; letter-spacing: -.035em; color: var(--jf-navy); }
.jf-block.jf-register .jf-register__subtext { margin-top: 1.25rem; }
.jf-block.jf-register .jf-register__button { margin-top: 2rem; }

.jf-block.jf-register .jf-register__date { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2.25rem 1.5rem; text-align: center; background: var(--jf-sun); border-radius: 0 24px 24px 0; border-left: 3px dashed var(--jf-ice); }
.jf-block.jf-register .jf-register__date::before,
.jf-block.jf-register .jf-register__date::after { content: ""; position: absolute; left: -17px; width: 32px; height: 32px; border-radius: 50%; background: var(--jf-ice); }
.jf-block.jf-register .jf-register__date::before { top: -16px; }
.jf-block.jf-register .jf-register__date::after { bottom: -16px; }
.jf-block.jf-register .jf-register__time { display: block; margin-top: .75rem; }
.jf-block.jf-register .jf-register__day { display: block; font-size: clamp(88px, 8vw, 116px); line-height: .95; font-weight: 800; letter-spacing: -.05em; }
.jf-block.jf-register .jf-register__month { display: block; margin-top: .5rem; font-size: 1rem; line-height: 1.5rem; font-weight: 700; text-transform: uppercase; letter-spacing: .13em; }
.jf-block.jf-register .jf-register__hours { margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid rgb(1 47 98 / 20%); font-size: 1rem; line-height: 1.5rem; font-weight: 600; }

@media (min-width: 640px) {
  .jf-block.jf-register .jf-register__copy { padding: 2.5rem; }
}
@media (min-width: 768px) {
  .jf-block.jf-register { padding-block: 5rem; }
  .jf-block.jf-register .jf-register__ticket { grid-template-columns: 2.1fr 1fr; }
  .jf-block.jf-register .jf-register__date { padding-block: 2.5rem; }
}
@media (min-width: 1024px) {
  .jf-block.jf-register .jf-register__copy { padding: 3.5rem; }
  .jf-block.jf-register .jf-register__month,
.jf-block.jf-register .jf-register__hours { font-size: 1.125rem; line-height: 1.75rem; }
}
@media (max-width: 767px) {
  .jf-block.jf-register .jf-register__date { border-left: 0; border-top: 3px dashed var(--jf-ice); border-radius: 0 0 24px 24px; }
  .jf-block.jf-register .jf-register__date::before,
.jf-block.jf-register .jf-register__date::after { top: -17px; bottom: auto; }
  .jf-block.jf-register .jf-register__date::before { left: -16px; }
  .jf-block.jf-register .jf-register__date::after { left: auto; right: -16px; }
}