.contact .contact__aspect-ratio{position:relative;padding-top:72%}.contact .contact__aspect-ratio:before{content:"";position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:var(--banner-overlay-color)}.contact .contact__aspect-ratio .contact__banner-image{position:absolute;top:0;width:100%;height:100%;object-fit:cover;object-position:var(--banner-img-mob-pos)}.contact .contact__title{text-align:center;margin-bottom:32px}.contact .contact__banner-title{z-index:3;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--banner-heading-color)}.contact .contact__content-wrapper{display:flex;flex-direction:column;justify-content:center;max-width:var(--container-width);margin:33px auto 69px;padding:0 16px;gap:52px}.contact .contact__info-wrapper{display:flex;flex-direction:column}.contact .contact__info-subheading{margin-top:16px;color:var(--color-text-secondary)}.contact .contact__info-socials-wrapper{margin-top:38px;display:flex;align-items:center;gap:16px}.contact .contact__info-social-text{color:var(--color-text-secondary);word-break:break-word}.contact .contact__info-items{display:flex;flex-direction:column;margin-top:24px;gap:24px}.contact .contact__info-item{display:flex;gap:16px}.contact .contact__info-item-wrapper{display:flex;flex-direction:column;justify-content:center;gap:4px;word-break:break-word}.contact .contact__info-item-heading{font-size:calc(var(--body-font-size) * .875);color:var(--color-text-secondary)}.contact .contact__info-item-text{font-size:calc(var(--body-font-size) * 1.125);font-weight:600;line-height:1.33}.contact .contact__form{display:flex;flex-direction:column;max-width:700px;width:100%;margin:auto;row-gap:48px;text-align:center}.contact .contact__form-rte{width:100%;margin-top:24px}.contact .contact__form-submitted-title{margin-top:20px;font-weight:400}.contact .contact__form-fields{display:flex;flex-direction:column;align-items:center;row-gap:16px}.contact .contact__form-fields-row{display:flex;width:100%;flex-direction:column;gap:16px}.contact .contact__field{width:100%;text-align:start}.contact .contact__fields-col{width:100%}.contact .contact__input-error{display:block;margin-top:5px}.contact .contact__submit{align-self:start}.contact .contact__map-container{width:100%;margin:0 auto}.contact .contact__map-container+.contact__form{margin-top:48px}.contact .contact__map-link-image-wrapper,.contact .contact__map-wrapper{position:relative;overflow:hidden;display:block;opacity:0;padding-top:74.33%}.contact .contact__map-link-image-wrapper.animated,.contact .contact__map-wrapper.animated{opacity:1;transition-property:opacity;transition-duration:var(--animate-time)}.contact .contact__map-link-image-wrapper:focus-visible,.contact .contact__map-wrapper:focus-visible{outline:2px solid black;outline-offset:2px}html.no-js .contact .contact__map-link-image-wrapper,html.no-js .contact .contact__map-wrapper{opacity:1}.contact .contact__map-image,.contact .contact__map{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--img-mob-pos);transition-timing-function:ease-out;transition-property:transform,opacity;transition-duration:var(--animate-img-scale)}@media(-moz-touch-enabled:0),(hover:hover),(pointer:fine){.contact .contact__map-link-image-wrapper-hover:hover .contact__map-image{transform:scale(1.1)}}.contact .contact__content-image-wrapper{position:relative;padding-top:99.126%}.contact .contact__content-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.contact .contact__form-container{display:flex;flex-direction:column;row-gap:48px;max-width:832px;margin-top:48px;margin-left:auto;margin-right:auto;padding:0 16px;text-align:center}@media(min-width:481px){.contact .contact__map-link-image-wrapper,.contact .contact__map-wrapper{padding-top:60%}}@media(min-width:576px){.contact .contact__aspect-ratio{padding-top:23.81%;min-height:400px}.contact .contact__aspect-ratio .contact__banner-image{object-position:var(--banner-img-desktop-pos)}.contact .contact__map-image{object-position:var(--img-desktop-pos)}}@media(min-width:768px){.contact .contact__map-link-image-wrapper,.contact .contact__map-wrapper{padding-top:45%}}@media(min-width:992px){.contact .contact__title{margin-bottom:64px}.contact .contact__info-items{margin-top:32px}.contact .contact__content-wrapper{flex-direction:row;flex-wrap:wrap;margin:89px auto 100px}.contact .contact__info-wrapper{width:calc(40.715% - 26px)}.contact .contact__info-socials-wrapper{margin-top:48px}.contact .contact__form{width:calc(59.245% - 26px);max-width:none;margin:0;row-gap:64px}.contact .contact__map-container+.contact__form{margin-top:64px}.contact .contact__map-link-image-wrapper,.contact .contact__map-wrapper{padding-top:28.53%}.contact .contact__content-image-wrapper{padding-top:110%}.contact .contact__form-fields-row{flex-direction:row}.contact .contact__field{margin-bottom:0}}// ----------------------------------------------------------------------------- // Contact form \2014  EHP-style single-column layout // Append to src/styles/contact.scss // // Every field is full width and every label sits above its input,so the // two-column `contact__form-fields-row` / `contact__fields-col` pair is no // longer used by the markup. Left in place in case other sections rely on it. // ----------------------------------------------------------------------------- .contact__form{// Local tokens. Override per-theme rather than hunting through the file. --field-gap: 20px;--field-radius: 4px;--field-border: #d5d5d9;--field-border-focus: currentColor;--field-padding: 12px 14px}.contact__form-fields{display:flex;flex-direction:column;gap:var(--field-gap)}.contact__field{display:flex;flex-direction:column;gap:8px;width:100%}// Labels above,consistent weight and size across every field type. .contact__form .label-input{font-size:14px;line-height:1.4;font-weight:500}.contact__form .label-input--required:after{content:"*";margin-inline-start:3px}.contact__form input[type=text],.contact__form input[type=email],.contact__form input[type=tel],.contact__form textarea{width:100%;padding:var(--field-padding);border:1px solid var(--field-border);border-radius:var(--field-radius);font:inherit;font-size:15px;background:#fff;transition:border-color .18s ease;padding:10px}.contact__form textarea{min-height:120px;resize:vertical}.contact__form input:focus-visible,.contact__form textarea:focus-visible{outline:2px solid var(--field-border-focus);outline-offset:1px;border-color:var(--field-border-focus)}.contact__form input.error,.contact__form textarea.error{border-color:#c8102e}// --- Service interest checkboxes -------------------------------------------- .contact__services{border:0;padding:0;margin:0;min-width:0;// fieldsets refuse to shrink inside flex without this}.contact__services-legend{padding:0;margin-bottom:10px}.contact__services-options{display:flex;flex-wrap:wrap;gap:10px 22px}.contact__services-option{display:inline-flex;align-items:center;gap:8px}.contact__services-option label{font-size:15px;line-height:1.3;cursor:pointer}.contact__services-checkbox{width:18px;height:18px;flex:0 0 auto;accent-color:var(--icon-background-color, currentColor);cursor:pointer}.contact__services-checkbox:focus-visible{outline:2px solid currentColor;outline-offset:2px}// Stack the options on narrow screens; six inline items wrap badly on mobile. @media screen and (max-width: 575px){.contact__services-options{flex-direction:column;gap:12px}}// --- Anti-spam question ------------------------------------------------------ .contact__spam-check input{max-width:180px}.contact__input-error[hidden]{display:none}// --- Submit ------------------------------------------------------------------ .contact__submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:4px}.contact__submit-icon{display:inline-flex;width:18px;height:18px}.contact__submit-icon svg{width:100%;height:100%}@media screen and (min-width:768px){.contact__submit{width:auto;min-width:200px;align-self:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/contact.build.css.map */