﻿@import url('contact-page.css?v=20261017canvas2');
.portal-block.portal-style-soft{background:#edf2f8;border:1px solid #e1e7ef;border-radius:10px}.portal-block.portal-style-outlined{background:#fff;border:1px solid #d5dfec;border-top:3px solid #244b7d;border-radius:10px}.portal-block.portal-style-contrast{background:#16385f;color:#fff;border:1px solid #16385f;border-radius:10px}.portal-block.portal-style-contrast>h2,.portal-block.portal-style-contrast>.portal-subtitle{color:#fff}
.portal-region>.portal-block{container-type:inline-size}
.municipality-content-grid .content-list,.municipality-content-grid .gallery-list{display:grid!important;grid-template-columns:1fr!important}
/* Four-column content canvas between the existing masthead and footer. */
.municipality-home{display:block}.municipality-content-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:1336px;margin:0 auto;padding:36px 28px 52px;align-items:start}.municipality-content-grid>.municipality-section{grid-column:span 4;min-width:0;padding:0;background:transparent;container-type:inline-size}.municipality-content-grid>.portal-span-1{grid-column:span 1}.municipality-content-grid>.portal-span-2{grid-column:span 2}.municipality-content-grid>.portal-span-3{grid-column:span 3}.municipality-content-grid>.portal-span-4{grid-column:span 4}.municipality-content-grid .portal-home-layout{max-width:none;padding:0;margin:0}.municipality-content-grid .portal-region{display:block;margin:0}.municipality-content-grid .portal-block{margin:0;min-width:0;border-radius:10px;padding:24px!important}.municipality-content-grid .portal-block>h2{font-size:25px}.municipality-content-grid .content-cards,.municipality-content-grid .gallery-cards,.municipality-content-grid .event-cards,.municipality-content-grid .people-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.municipality-content-grid .portal-block.portal-style-plain{background:#fff;border:0}.municipality-content-grid .portal-block.portal-style-soft{background:#edf2f8;border:1px solid #e1e7ef}.municipality-content-grid .portal-block.portal-style-outlined{background:#fff;border:1px solid #d5dfec;border-top:3px solid #244b7d}.municipality-content-grid .portal-block.portal-style-contrast{background:#16385f;color:#fff;border:1px solid #16385f}.municipality-content-grid .portal-style-contrast>h2,.municipality-content-grid .portal-style-contrast>.portal-subtitle{color:#fff}.municipality-content-grid .portal-style-contrast>p>a{color:#fff;border-color:#ffffff50}.municipality-content-grid .section-baskan .portal-block{display:block;background:#16385f;color:white}.municipality-content-grid .section-baskan .portal-block.portal-style-soft,.municipality-content-grid .section-baskan .portal-block.portal-style-outlined{background:#edf2f8;color:#173b68}.municipality-content-grid .section-baskan .profile-cards h3,.municipality-content-grid .section-baskan .profile-cards p{color:inherit}
.profile-cards.mayor-home-cards article{display:grid;grid-template-columns:135px minmax(0,1fr);gap:22px;align-items:center}.profile-cards.mayor-home-cards article>a.mayor-home-photo{display:block!important;padding:0;min-width:0}.profile-cards.mayor-home-cards .mayor-home-photo img{display:block;width:135px;height:175px;object-fit:cover;border-radius:8px;margin:0}.mayor-home-information{min-width:0}.profile-cards.mayor-home-cards .mayor-home-information h3{margin:0 0 8px}.profile-cards.mayor-home-cards .mayor-home-title{display:block!important;margin:0;font-size:13px;line-height:1.7}.mayor-home-contact{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:8px 0 0;padding:0;border:0}.mayor-home-contact a{display:grid;place-items:center;min-width:44px;min-height:44px;width:44px;height:44px;color:inherit;font-size:21px;padding:6px;border:0;border-radius:0;background:none!important;text-decoration:none}.mayor-home-contact a:hover{color:#c63143}.metro-president .profile-cards.mayor-home-cards article{grid-template-columns:68px minmax(0,1fr);gap:13px}.metro-president .profile-cards.mayor-home-cards .mayor-home-photo img{width:68px;height:82px}.metro-president .profile-cards.mayor-home-cards h3{font-size:14px}.metro-president .profile-cards.mayor-home-cards .mayor-home-title{font-size:11px}.metro-president .mayor-home-contact{gap:0;margin-top:6px;color:#244b7d}.metro-president .mayor-home-contact a{font-size:18px}
.contact-social-band{position:relative;isolation:isolate;padding:28px 0;margin:4px 0 28px}.contact-social-band:before{content:'';position:absolute;inset:0;background:#eaf0f8;box-shadow:0 0 0 100vmax #eaf0f8;clip-path:inset(0 -100vmax);z-index:-1}.contact-page .contact-social-band>.contact-social-card{margin:0;background:transparent;border:0;padding:0}.home-contact{padding:0}.home-contact .contact-info-grid{gap:20px}.home-contact .contact-card{padding:22px;margin-bottom:20px}.home-contact .contact-social-band{padding:22px;margin:0;border-radius:8px;background:#eaf0f8}.home-contact .contact-social-band:before{display:none}.home-contact .contact-social-card .contact-entry{margin:0}.home-contact .contact-card h2{font-size:20px}.home-contact .contact-social-card dl{gap:10px}.municipality-content-grid .home-contact .contact-social-card{padding:0}
.portal-home-layout>.portal-region{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.portal-region>.portal-block{grid-column:span 4}.portal-region>.portal-span-1{grid-column:span 1}.portal-region>.portal-span-2{grid-column:span 2}.portal-region>.portal-span-3{grid-column:span 3}.municipality-content-grid .portal-home-layout>.portal-region{display:block}
@container(max-width:620px){.home-contact .contact-info-grid{grid-template-columns:1fr}.profile-cards.mayor-home-cards article{grid-template-columns:90px minmax(0,1fr);gap:14px}.profile-cards.mayor-home-cards .mayor-home-photo img{width:90px;height:130px}.home-contact .contact-entry{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}}
@container(max-width:300px){.profile-cards.mayor-home-cards article{grid-template-columns:1fr}.home-contact .contact-entry{grid-template-columns:1fr}.mayor-home-contact{gap:0}.home-contact .contact-social-card a{padding:8px}}
@media(max-width:767px){.municipality-content-grid{grid-template-columns:1fr;padding:24px 16px 36px;gap:20px}.municipality-content-grid>.municipality-section,.portal-region>.portal-block{grid-column:1/-1}.municipality-content-grid .portal-block{padding:20px!important}.portal-home-layout>.portal-region{grid-template-columns:1fr}.contact-social-band{padding:24px 0}.home-contact .contact-card{padding:16px}.home-contact .contact-social-band{padding:18px}.municipality-content-grid .contact-page .contact-info-grid{gap:0}}
/* The masthead, hero, services and editable canvas share the same content edges. */
:root{--municipality-page-width:1400px;--municipality-page-gutter:40px}
.main-header .container,.municipality-quick.container,.main-footer .container,.municipality-breadcrumb .container{max-width:var(--municipality-page-width);padding-inline:var(--municipality-page-gutter)}
.municipality-section.section-slider{padding-inline:max(var(--municipality-page-gutter),calc((100% - var(--municipality-page-width))/2 + var(--municipality-page-gutter)))}
.municipality-content-grid{width:100%;max-width:var(--municipality-page-width);padding-inline:var(--municipality-page-gutter)}
@media(max-width:1050px){:root{--municipality-page-gutter:28px}}
@media(max-width:500px){:root{--municipality-page-gutter:22px}}
