.contact-intro {
width: 100%;
max-width: none;
padding-top: calc(var(--wp--preset--spacing--7) + 4rem);
padding-bottom: 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-white);
box-sizing: border-box;
}
.contact-intro.alignfull {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.contact-intro__inner {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: clamp(2rem, 5vw, 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-intro__title {
margin: 0 0 var(--wp--preset--spacing--4);
font-family: var(--wp--preset--font-family--outfit);
font-size: var(--wp--preset--font-size--8);
font-weight: 500;
line-height: 1.1;
}
.contact-intro__text {
display: grid;
gap: var(--wp--preset--spacing--3);
margin-bottom: var(--wp--preset--spacing--4);
font-size: var(--wp--preset--font-size--4);
line-height: 1.55;
}
.contact-intro__text p {
margin: 0;
}
.contact-intro__map {
margin: 0;
max-width: 100%;
}
.contact-intro__map-img {
display: block;
width: 100%;
height: auto;
}
.contact-intro__form-title {
margin: 0 0 var(--wp--preset--spacing--4);
font-family: var(--wp--preset--font-family--outfit);
font-size: var(--wp--preset--font-size--6);
font-weight: 500;
line-height: 1.15;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.contact-intro__form .wpcf7 {
margin: 0;
}
.contact-intro__form .wpcf7-form {
margin: 0;
}
.contact-intro__form .contact-form__fields {
display: grid;
gap: var(--wp--preset--spacing--3);
}
.contact-intro__form .contact-form__fields > p,
.contact-intro__form .wpcf7-form > p {
margin: 0;
}
.contact-intro__form .contact-form__row {
display: grid;
gap: var(--wp--preset--spacing--3);
margin: 0;
}
.contact-intro__form .contact-form__row--half {
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: var(--wp--preset--spacing--3);
}
.contact-intro__form .contact-form__field {
display: grid;
gap: 0.5rem;
}
.contact-intro__form .contact-form__field .wpcf7-form-control-wrap {
display: block;
}
.contact-intro__form label {
font-size: var(--wp--preset--font-size--1);
font-weight: 500;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.contact-intro__form .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance) {
width: 100%;
padding: 0.85rem 1rem;
border: 1px solid var(--wp--preset--color--custom-bg-2);
border-radius: 0;
background: var(--wp--preset--color--custom-white);
font: inherit;
color: inherit;
box-sizing: border-box;
}
.contact-intro__form textarea.wpcf7-form-control {
min-height: 9rem;
resize: vertical;
}
.contact-intro__form .contact-form__consent {
display: flex;
align-items: flex-start;
gap: 0.75rem;
margin: 0;
font-size: var(--wp--preset--font-size--2);
line-height: 1.45;
}
.contact-intro__form .contact-form__consent label {
display: flex;
align-items: flex-start;
gap: 0.75rem;
text-transform: none;
letter-spacing: normal;
font-size: inherit;
font-weight: 400;
cursor: pointer;
}
.contact-intro__form .contact-form__consent .wpcf7-form-control-wrap {
flex-shrink: 0;
line-height: 0;
}
.contact-intro__form .contact-form__consent .wpcf7-list-item {
margin: 0;
}
.contact-intro__form .contact-form__consent input[type='checkbox'] {
-webkit-appearance: none;
appearance: none;
display: grid;
place-content: center;
width: 1.125rem;
height: 1.125rem;
margin: 0.1rem 0 0;
border: 1px solid var(--wp--preset--color--custom-default);
border-radius: 0;
background: var(--wp--preset--color--custom-white);
cursor: pointer;
transition:
background-color 0.25s ease,
border-color 0.25s ease,
box-shadow 0.25s ease;
}
.contact-intro__form .contact-form__consent input[type='checkbox']::before {
content: '';
width: 0.35rem;
height: 0.65rem;
border: solid var(--wp--preset--color--custom-white);
border-width: 0 2px 2px 0;
transform: rotate(45deg) translate(-1px, -1px) scale(0);
opacity: 0;
transition:
transform 0.2s ease,
opacity 0.2s ease;
}
.contact-intro__form .contact-form__consent input[type='checkbox']:checked {
background: var(--wp--preset--color--custom-primary);
border-color: var(--wp--preset--color--custom-primary);
}
.contact-intro__form .contact-form__consent input[type='checkbox']:checked::before {
transform: rotate(45deg) translate(-1px, -1px) scale(1);
opacity: 1;
}
.contact-intro__form .contact-form__consent input[type='checkbox']:focus-visible {
outline: none;
box-shadow: 0 0 0 2px var(--wp--preset--color--custom-white), 0 0 0 3px var(--wp--preset--color--custom-primary);
}
.contact-intro__form .contact-form__consent input[type='checkbox']:disabled {
opacity: 0.45;
cursor: not-allowed;
}
.contact-intro__form .wpcf7-not-valid-tip {
font-size: var(--wp--preset--font-size--2);
color: var(--wp--preset--color--custom-primary);
}
.contact-intro__form .wpcf7-response-output {
margin: var(--wp--preset--spacing--3) 0 0;
padding: 0.75rem 1rem;
border: 1px solid var(--wp--preset--color--custom-bg-2);
font-size: var(--wp--preset--font-size--2);
}
.contact-intro__form .contact-form__submit.wp-block-button {
position: relative;
display: flex;
justify-content: flex-end;
align-items: center;
width: 100%;
margin: var(--wp--preset--spacing--2) 0 0;
}
.contact-intro__form .contact-form__submit .wpcf7-spinner {
position: absolute;
right: 100%;
margin: 0 0.75rem 0 0;
transform: translateY(-50%);
top: 50%;
}
.contact-intro__form .contact-form__submit.wp-block-button .wp-block-button__link,
.contact-intro__form .wpcf7-submit {
-webkit-appearance: none;
appearance: none;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: auto;
min-width: 0;
border-radius: 999px !important;
padding: 12px 28px !important;
border: 1px solid var(--wp--preset--color--custom-default) !important;
background: transparent !important;
background-color: transparent !important;
color: var(--wp--preset--color--custom-default) !important;
font-family: inherit;
font-size: var(--wp--preset--font-size--2);
font-weight: 500;
letter-spacing: 0.08em;
text-transform: uppercase;
line-height: 1.4;
cursor: pointer;
text-decoration: none;
box-shadow: none !important;
transition:
color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
border-color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
background-color 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}
.contact-intro__form .contact-form__submit.wp-block-button .wp-block-button__link:hover,
.contact-intro__form .contact-form__submit.wp-block-button .wp-block-button__link:focus-visible,
.contact-intro__form .wpcf7-submit:hover,
.contact-intro__form .wpcf7-submit:focus-visible {
color: var(--wp--preset--color--custom-white) !important;
border-color: var(--wp--preset--color--custom-primary) !important;
background-color: var(--wp--preset--color--custom-primary) !important;
}
.contact-intro__form-placeholder {
margin: 0;
padding: 1rem;
border: 1px dashed var(--wp--preset--color--custom-bg-2);
font-size: var(--wp--preset--font-size--2);
}
.contact-intro.is-editor {
padding-top: var(--wp--preset--spacing--6);
}
@media (max-width: 900px) {
.contact-intro {
padding-top: calc(var(--wp--preset--spacing--6) + 4.5rem);
}
.contact-intro__inner {
grid-template-columns: 1fr;
}
.contact-intro__form .contact-form__row--half {
grid-template-columns: 1fr;
}
}