/* Contact page layout, matching the original public contact page. */
.pdc-contact-page .header1 { background-color: #663541 !important; }
.pdc-contact-page .header1 .cmm-nav-link { color: #fff; }
.pdc-contact-page .header1 .ubtn { background: #77b3c1 !important; }
.pdc-contact { padding: 43px 7px 59px; color: #111; }
.pdc-contact h1 { margin: 0; color: #77b3c1; text-align: center; font-family: 'Oswald', sans-serif; font-size: 28px; font-weight: 400; line-height: 1.4; }
.pdc-contact-rule { width: 30px; height: 2px; background: #111; margin: 7px auto 44px; }
.pdc-office-hours { margin: 0 0 60px; text-align: center; font-size: 14px; line-height: 24px; }
.pdc-office-hours a { color: inherit; }
.pdc-contact-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: start; }
.pdc-contact-photo { display: block; width: 480px; max-width: 100%; height: auto; }
#pdc-contact-form { margin: 0; padding: 0; font-size: 14px; color: #111; }
#pdc-contact-form p { margin: 0 0 16px; }
#pdc-contact-form label { display: block; margin: 0; font-weight: 600; line-height: 24px; }
#pdc-contact-form input, #pdc-contact-form textarea { display: block; box-sizing: border-box; width: 100%; max-width: 100%; margin: 0; padding: 6px 10px; border: 1px solid #e4e4e4; border-radius: 0; background: #fff; color: #111; font: inherit; box-shadow: inset 0 1px 1px rgba(0,0,0,.04); }
#pdc-contact-form input { height: 34px; }
#pdc-contact-form textarea { height: 75px; resize: vertical; }
#pdc-contact-form button { border: 0; border-radius: 0; padding: 12px 25px; background: #111; color: #fff; font-size: 12px; line-height: 18px; cursor: pointer; }
#pdc-contact-form button:hover { background: #333; }
#pdc-contact-form input:focus, #pdc-contact-form textarea:focus, #pdc-contact-form button:focus-visible { outline: 2px solid #77b3c1; outline-offset: 2px; }
#pdc-contact-form #contact-status { margin-top: 12px; font-size: 13px; }
@media (max-width: 767px) {
    .pdc-contact { padding: 30px 0 40px; }
    .pdc-office-hours { margin-bottom: 30px; }
    .pdc-contact-columns { grid-template-columns: 1fr; gap: 30px; }
    .pdc-contact-photo { margin: 0 auto; }
}