.contact-agencies {
width: 100%;
max-width: none;
padding-block: var(--wp--preset--spacing--6);
padding-inline: max(1.25rem, calc((100% - var(--wp--style--global--wide-size, 1456px)) / 2));
background: var(--wp--preset--color--custom-bg-1);
box-sizing: border-box;
}
.contact-agencies.alignfull {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.contact-agencies__inner {
display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
gap: clamp(2rem, 4vw, var(--wp--preset--spacing--6));
align-items: start;
width: 100%;
max-width: var(--wp--style--global--wide-size, 1456px);
margin-inline: auto;
box-sizing: border-box;
}
.contact-agencies__title {
margin: 0 0 var(--wp--preset--spacing--3);
font-family: var(--wp--preset--font-family--outfit);
font-size: var(--wp--preset--font-size--7);
font-weight: 500;
line-height: 1.12;
}
.contact-agencies__intro {
font-size: var(--wp--preset--font-size--4);
line-height: 1.55;
}
.contact-agencies__intro p {
margin: 0;
}
.contact-agencies__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--wp--preset--spacing--3);
align-items: start;
}
.contact-agencies__card {
display: grid;
grid-template-rows: auto minmax(0, 1fr);
width: 100%;
background: var(--wp--preset--color--custom-white);
}
.contact-agencies__card-body {
padding: var(--wp--preset--spacing--3);
}
.contact-agencies__name {
margin: 0 0 0.75rem;
font-family: var(--wp--preset--font-family--outfit);
font-size: var(--wp--preset--font-size--3);
font-weight: 500;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.contact-agencies__address {
margin: 0 0 0.75rem;
font-size: var(--wp--preset--font-size--3);
line-height: 1.45;
}
.contact-agencies__phone {
margin: 0;
font-size: var(--wp--preset--font-size--3);
font-weight: 500;
}
.contact-agencies__phone a {
color: inherit;
text-decoration: none;
}
.contact-agencies__phone a:hover,
.contact-agencies__phone a:focus-visible {
color: var(--wp--preset--color--custom-primary);
}
.contact-agencies__map {
min-height: 12rem;
background: var(--wp--preset--color--custom-bg-2);
}
.contact-agencies__map--preview {
display: grid;
place-items: center;
color: var(--wp--preset--color--custom-default);
font-size: var(--wp--preset--font-size--2);
letter-spacing: 0.06em;
text-transform: uppercase;
}
.contact-agencies__map .leaflet-container {
width: 100%;
height: 100%;
min-height: 12rem;
font: inherit;
}
@media (min-width: 901px) {
.contact-agencies__card {
display: flex;
flex-direction: column;
height: auto;
align-self: start;
overflow: hidden;
}
.contact-agencies__card-body {
flex: 0 0 auto;
}
.contact-agencies__map {
flex: 1 1 0;
height: auto;
}
.contact-agencies__map .leaflet-container {
height: 100%;
}
}
@media (max-width: 900px) {
.contact-agencies__inner {
grid-template-columns: 1fr;
}
.contact-agencies__grid {
grid-template-columns: 1fr;
}
}