/* Load after styles.css. Pair with ; site.js swaps it to "js". */
:where(a, button, input, select, textarea, summary):focus-visible {
outline: 3px solid var(--navy, #062338);
outline-offset: 3px;
box-shadow: 0 0 0 3px #fff;
}
:where(button, input, select, textarea):disabled {
cursor: not-allowed;
opacity: 0.65;
}
summary {
min-height: 44px;
}
.form-state[role="status"] {
overflow-wrap: anywhere;
}
.email-inquiry {
align-self: center;
}
.email-inquiry-kicker {
display: inline-block;
margin-bottom: 18px;
padding: 7px 10px;
background: #f5f0e6;
color: var(--navy, #062338);
font-size: 11px;
font-weight: 600;
letter-spacing: 1.2px;
line-height: 1.4;
text-transform: uppercase;
}
.email-inquiry h3 {
margin: 24px 0 12px;
font-size: 24px;
}
.email-inquiry-list {
margin: 0;
padding-left: 22px;
color: var(--body, #44515a);
font-size: 14px;
line-height: 1.6;
}
.email-inquiry-list li + li {
margin-top: 8px;
}
.email-inquiry-warning {
margin-top: 22px;
padding: 13px 15px;
border-left: 3px solid var(--gold, #af8d52);
background: #f8f5ed;
color: #4f4534;
font-size: 13px;
line-height: 1.55;
}
.email-inquiry .email-inquiry-action {
width: 100%;
margin-top: 18px;
}
.email-inquiry-address,
.email-inquiry-note {
overflow-wrap: anywhere;
font-size: 12px;
line-height: 1.55;
}
.email-inquiry-address {
margin-top: 14px;
}
.email-inquiry-address a {
text-decoration: underline;
text-underline-offset: 3px;
}
.email-inquiry-note {
margin-top: 8px;
color: #5f6870;
}
.form-error {
display: block;
color: #9b2f25;
font-size: 11px;
line-height: 1.45;
}
.form-error:not(:empty) {
margin-top: 6px;
}
:where(input, select, textarea)[aria-invalid="true"] {
border-color: #9b2f25;
box-shadow: 0 0 0 1px #9b2f25;
}
.privacy-check {
display: grid;
grid-template-columns: 22px 1fr;
gap: 10px;
align-items: start;
margin-top: 5px;
}
.privacy-check input {
width: 20px;
min-height: 20px;
margin: 1px 0 0;
}
.privacy-check span {
margin: 0;
}
.privacy-check .form-error {
grid-column: 2;
}
.turnstile-slot {
min-height: 65px;
margin-top: 18px;
}
.form-note a {
text-decoration: underline;
text-underline-offset: 3px;
}
.receipt-details {
display: grid;
gap: 10px;
margin: 20px 0;
}
.receipt-details div {
display: grid;
grid-template-columns: minmax(95px, auto) 1fr;
gap: 12px;
}
.receipt-details dt {
font-weight: 600;
}
.receipt-details dd {
min-width: 0;
margin: 0;
overflow-wrap: anywhere;
}
@media (max-width: 760px) {
input,
select,
textarea {
font-size: 16px;
}
.no-js .header {
height: auto;
}
.no-js .header-in {
flex-wrap: wrap;
padding-block: 16px;
}
.no-js .menu-btn {
display: none;
}
.no-js .header nav {
display: flex;
flex: 1 0 100%;
flex-direction: column;
align-items: stretch;
gap: 0;
order: 3;
white-space: normal;
}
.no-js .header nav a {
display: flex;
align-items: center;
min-height: 44px;
}
.textlink,
.footer-links a,
.footer-bottom a {
display: flex;
align-items: center;
min-height: 44px;
}
.textlink {
width: fit-content;
max-width: 100%;
}
.footer-links,
.footer-bottom > div:last-child {
row-gap: 0;
}
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-delay: 0s !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
}
}