/* LOOK UP — CONTACT PAGE */
/* Updated blue and neutral colour palette */
.lookup-contact {
–blue: #91b1c4;
–teal: #2e5f70;
–teal-dark: #224a58;
–cream: #faf9f6;
–cream-card: #f1f0ea;
–white: #ffffff;
–charcoal: #303030;
–taupe: #8c8070;
–border: #d5d8d6;
font-family: Georgia, “Times New Roman”, serif;
color: var(–charcoal);
background: var(–cream);
padding: clamp(44px, 7vw, 90px) 24px;
box-sizing: border-box;
}
.lookup-contact *,
.lookup-contact *::before,
.lookup-contact *::after {
box-sizing: border-box;
}
.lookup-contact-inner {
max-width: 850px;
margin: 0 auto;
text-align: center;
}
/* SMALL INTRO LABEL */
.lookup-contact-eyebrow {
font: 600 11px/1.5 Arial, sans-serif;
letter-spacing: 3px;
text-transform: uppercase;
color: var(–teal);
margin-bottom: 22px;
}
/* MAIN HEADING */
.lookup-contact h1 {
font: 400 clamp(44px, 7vw, 76px)/1.1 Georgia, serif;
color: var(–charcoal);
margin: 0 0 24px;
}
/* INTRODUCTION */
.lookup-contact-lead {
font: italic 22px/1.6 Georgia, serif;
max-width: 580px;
margin: 0 auto 22px;
color: var(–teal);
}
.lookup-contact-description {
font: 16px/1.9 Arial, sans-serif;
max-width: 610px;
margin: 0 auto 48px;
color: var(–charcoal);
}
/* CONTACT CARD */
.lookup-contact-card {
background: var(–cream-card);
border: 1px solid var(–border);
border-radius: 6px;
padding: clamp(32px, 6vw, 60px);
box-shadow: 0 12px 40px rgba(30, 55, 65, .04);
}
.lookup-contact-card h2 {
font: 400 32px/1.25 Georgia, serif;
color: var(–charcoal);
margin: 0 0 15px;
}
.lookup-contact-card p {
font: 15px/1.8 Arial, sans-serif;
color: var(–charcoal);
margin: 0 auto 26px;
max-width: 450px;
}
/* EMAIL BUTTON */
.lookup-contact-button {
display: inline-block;
padding: 16px 32px;
background: var(–teal);
color: var(–white) !important;
font: 600 12px/1.4 Arial, sans-serif;
text-decoration: none !important;
text-transform: uppercase;
letter-spacing: 1.6px;
border-radius: 3px;
transition: background .2s, transform .2s;
}
.lookup-contact-button:hover,
.lookup-contact-button:focus-visible {
background: var(–teal-dark);
transform: translateY(-2px);
color: var(–white) !important;
}
.lookup-contact-email {
display: block;
margin-top: 19px;
font: 14px/1.6 Arial, sans-serif;
color: var(–teal) !important;
text-decoration: none !important;
overflow-wrap: anywhere;
}
.lookup-contact-email:hover {
text-decoration: underline !important;
}
/* DECORATIVE DIVIDER */
.lookup-contact-divider {
width: 65px;
height: 2px;
background: var(–blue);
margin: 42px auto;
}
/* SOCIAL MEDIA */
.lookup-contact-social-title {
font: 600 11px/1.4 Arial, sans-serif;
letter-spacing: 2px;
text-transform: uppercase;
color: var(–taupe);
margin-bottom: 20px;
}
.lookup-contact-social {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 12px;
}
.lookup-contact-social a {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 115px;
padding: 12px 18px;
background: var(–cream);
border: 1px solid var(–blue);
border-radius: 3px;
color: var(–teal) !important;
font: 600 12px/1.4 Arial, sans-serif;
text-decoration: none !important;
transition: background .2s, border-color .2s;
}
.lookup-contact-social a:hover,
.lookup-contact-social a:focus-visible {
background: #e5edf1;
border-color: var(–teal);
}
/* CLOSING MESSAGE */
.lookup-contact-footer {
margin: 55px auto 0;
max-width: 580px;
}
.lookup-contact-footer p {
font: italic 20px/1.7 Georgia, serif;
color: var(–teal);
margin: 0 0 22px;
}
.lookup-contact-signature {
font: 600 12px/1.5 Arial, sans-serif;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var(–taupe);
}
/* MOBILE */
@media (max-width: 600px) {
.lookup-contact {
padding: 48px 18px;
}
.lookup-contact-lead {
font-size: 19px;
}
.lookup-contact-card {
padding: 32px 20px;
}
.lookup-contact-social a {
flex: 1 1 100%;
}
}
@media (prefers-reduced-motion: reduce) {
.lookup-contact a {
transition: none;
}
}
