

/* Start:/local/components/diva/contacts.directory/templates/.default/style.css?17909627944054*/
.contact-directory { padding: 28px; background: #fff; color: #222; }
.contact-directory * { box-sizing: border-box; }
.contact-directory [hidden] { display: none !important; }
.contact-directory .directory-heading h1 { margin: 0 0 12px; color: #10108f; font-size: 30px; line-height: 1.25; }
.directory-heading > p { margin: 0 0 24px; line-height: 1.6; color: #555; }
.directory-tools { display: flex; gap: 16px; align-items: flex-end; margin-bottom: 20px; }
.directory-tools > div { flex: 1; min-width: 0; }
.directory-tools label { display: block; font-weight: 700; margin-bottom: 8px; }
.directory-tools input { width: 100%; min-height: 44px; border: 1px solid #a9b6c8; border-radius: 6px; padding: 10px 14px; font: inherit; }
.directory-button { min-height: 44px; padding: 10px 18px; border: 1px solid #1717a3; border-radius: 6px; color: #1717a3; background: #fff; font: inherit; cursor: pointer; }
.directory-button:hover { background: #edf2fb; }
.contact-directory a:focus-visible, .contact-directory button:focus-visible, .directory-tools input:focus-visible { outline: 3px solid #0077ff; outline-offset: 3px; }
.directory-map { height: 430px; width: 100%; position: relative; background: #edf2f7; border: 1px solid #d4deeb; border-radius: 8px; overflow: hidden; scroll-margin-top: 24px; }
.directory-map-status { padding: 24px; line-height: 1.6; }
.directory-map-caption { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13px; color: #555; line-height: 1.5; margin: 12px 0 24px; }
.directory-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #1e98ff; }
.directory-map-caption > span { display: inline-flex; align-items: center; gap: 6px; }
.directory-dot.is-approximate { background: #ff931e; }
.directory-selection { padding: 12px 16px; border-left: 3px solid #0077ff; background: #eef5ff; line-height: 1.5; }
.directory-count { font-size: 14px; color: #555; margin: 20px 0 14px; }
.directory-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.directory-card { border: 1px solid #d2dbe7; border-radius: 8px; padding: 22px; min-width: 0; scroll-margin-top: 24px; }
.directory-card.is-main { grid-column: 1 / -1; border-color: #a7bde0; background: #f5f8fd; }
.directory-card.is-selected { border-color: #0077ff; box-shadow: 0 0 0 2px #0077ff; }
.directory-card .directory-eyebrow { margin: 0 0 8px; font-size: 13px; color: #555; }
.contact-directory .directory-card h2 { font-size: 21px; line-height: 1.35; margin: 0 0 18px; }
.directory-card h2 a { color: #1717a3; text-decoration: none; }
.directory-card h2 a:hover { text-decoration: underline; }
.directory-address { margin: 0 0 12px; }
.directory-address a { display: flex; align-items: flex-start; gap: 10px; line-height: 1.5; color: #184fa3; text-decoration: none; }
.directory-address a span { text-decoration: underline; text-underline-offset: 3px; }
.directory-address svg { flex: 0 0 24px; margin-top: 1px; }
.directory-note { font-size: 14px; color: #5a5a5a; line-height: 1.55; margin: 8px 0 16px; }
.directory-methods { display: flex; flex-wrap: wrap; gap: 14px 28px; }
.directory-methods p { margin: 8px 0; min-width: 0; }
.directory-methods span { display: block; font-size: 13px; color: #555; margin-bottom: 5px; }
.directory-methods a { overflow-wrap: anywhere; color: #184fa3; }
.directory-balloon { max-width: 280px; font: 14px/1.5 Arial, sans-serif; }
.directory-balloon strong { display: block; margin-bottom: 8px; }
.directory-balloon p { margin: 6px 0; }
.directory-balloon .directory-balloon-note { color: #666; font-size: 13px; font-style: italic; line-height: 1.5; }
.directory-balloon a { color: #184fa3; }
@media (max-width: 700px) {
    .contact-directory { padding: 20px 16px; }
    .contact-directory .directory-heading h1 { font-size: 25px; }
    .directory-tools { flex-wrap: wrap; }
    .directory-tools > div { flex-basis: 100%; }
    .directory-map { height: 340px; }
    .directory-cards { grid-template-columns: 1fr; }
    .directory-card { padding: 18px; }
}

/* End */
/* /local/components/diva/contacts.directory/templates/.default/style.css?17909627944054 */
