.custom-contact-form{width:100%;max-width:1280px;margin:0 auto}.custom-contact-form__inner{width:100%}.custom-contact-form__main{width:100%;display:flex;flex-direction:row;gap:64px;align-items:start}.custom-contact-form__information{display:flex;flex-direction:column;gap:32px;width:40%}.custom-contact-form__header{display:flex;flex-direction:column}.custom-contact-form__breadcrumb{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-family:var(--custom_body_font);font-size:12px;font-weight:400;line-height:140%;letter-spacing:0}.custom-contact-form__breadcrumb-link{color:#6e6e6e;text-decoration:none}.custom-contact-form__breadcrumb-link:hover,.custom-contact-form__breadcrumb-link:focus-visible{color:#083321}.custom-contact-form__breadcrumb-separator{color:#777}.custom-contact-form__breadcrumb-current{color:#069259}.custom-contact-form__title{margin:0;font-family:var(--custom_heading_font);font-weight:bolder;font-size:24px;line-height:32px;letter-spacing:2%;text-align:left;color:#083321}.custom-contact-form__description{margin:8px 0 0;font-family:var(--custom_body_font);font-weight:400;font-size:16px;line-height:150%;letter-spacing:0;color:#6e6e6e;display:flex;flex-direction:column;gap:8px}.custom-contact-form__description br{display:none}.custom-contact-form__description p,.custom-contact-form__contact-text p{margin-block:0}.custom-contact-form__form{width:60%;display:flex;flex-direction:column;gap:32px;padding:32px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 4px 10px #0833210a,0 18px 42px #08332114}.custom-contact-form__fields{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;row-gap:32px}.custom-contact-form__field{grid-column:span 6;min-width:0}.custom-contact-form__field:has([name="contact[Naam hond]"]){grid-column:span 8}.custom-contact-form__field:has([name="contact[Gewicht hond]"]){grid-column:span 4}.custom-contact-form__field--full{grid-column:1 / -1}.custom-contact-form__label{position:static;width:auto;height:auto;padding:0;margin:0 0 8px;overflow:visible;clip-path:none;white-space:normal;border:0;display:block;font-family:var(--custom_body_font);font-size:14px;font-weight:700;line-height:140%;letter-spacing:0;color:#083321}.custom-contact-form__input{width:100%;min-height:48px;box-sizing:border-box;color:#083321;background-color:#fff;border:1px solid #e5e5e5;border-radius:999px;padding:14px 8px 14px 16px;font-family:var(--custom_body_font);font-size:16px;font-weight:4350;line-height:150%;transition:border-color .16s ease,box-shadow .16s ease;-webkit-font-smoothing:antialiased}.custom-contact-form__input::placeholder{color:#6e6e6e;opacity:1}.custom-contact-form__input:focus{outline:0;border-color:#069259;box-shadow:0 0 0 3px #0692591f}.custom-contact-form__textarea{min-height:150px;border-radius:20px;resize:vertical}.custom-contact-form__checkbox{display:flex;align-items:flex-start;gap:10px}.custom-contact-form__checkbox-input{width:16px;height:16px;flex:0 0 16px;margin-block-start:2px}.custom-contact-form__checkbox-label{color:color-mix(in srgb,var(--color-foreground) 78%,transparent);font-size:14px;line-height:1.45}.custom-contact-form__button{width:fit-content;min-width:160px;height:48px;padding:0 24px;border:none;border-radius:999px;background-color:#e06553;color:#fff;font-family:var(--custom_body_font);font-weight:700;font-size:16px;line-height:140%;text-transform:none}.custom-contact-form__button.sf__btn.sf__btn-primary{background-color:#e06553;border-color:#e06553;color:#fff}.custom-contact-form__button.sf__btn.sf__btn-primary:hover,.custom-contact-form__button.sf__btn.sf__btn-primary:focus{background-color:#d95b49;border-color:#d95b49;color:#fff}.custom-contact-form__status{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--style-border-radius-inputs, 4px);font-size:14px;line-height:1.45}.custom-contact-form__status--error{color:#8a1f11;background:#fff1ee}.custom-contact-form__status--success{color:#14532d;background:#ecfdf3}.custom-contact-form__status-icon{width:18px;height:18px;flex:0 0 18px;display:inline-flex;align-items:center;justify-content:center}.custom-contact-form__status-icon svg{width:100%;height:100%}.custom-contact-form__status-content ul{margin:0;padding-inline-start:18px}.custom-contact-form__contact-title{margin:0 0 14px;font-family:var(--custom_body_font);color:#083321;font-size:15px;line-height:150%;font-weight:700}.custom-contact-form__contact-text{font-family:var(--custom_body_font);font-weight:400;font-size:14px;line-height:150%;letter-spacing:0;color:#6e6e6e;margin:0;display:flex;flex-direction:column;gap:8px}.custom-contact-form__contact-text a{color:inherit;text-decoration:underline;text-underline-offset:3px}.custom-contact-form__blocks-title{font-family:var(--custom_body_font);font-weight:400;font-size:16px;line-height:150%;letter-spacing:0%;color:#161618}.custom-contact-form__blocks{display:flex;flex-direction:column;gap:12px}.custom-contact-form__blocks-icons{display:flex;flex-direction:column;gap:20px}.custom-contact-form__blocks-icon{display:flex;flex-direction:row;gap:12px;align-items:center}.custom-contact-form__blocks-icon img{max-width:56px;max-height:56px;object-fit:contain}.custom-contact-form__blocks-icon-information{display:flex;flex-direction:column}.custom-contact-form__blocks-icon-title{font-family:var(--custom_body_font);font-weight:700;font-size:16px;line-height:140%;letter-spacing:0%;color:#083321}.custom-contact-form__blocks-icon-content a{font-family:var(--custom_body_font);font-weight:400;font-size:16px;line-height:150%;letter-spacing:0%;text-decoration:none;color:#444}@media(max-width:1023px){.custom-contact-form__inner{display:block}.custom-contact-form__information,.custom-contact-form__form{width:100%}.custom-contact-form__main{display:flex;flex-direction:column;gap:32px}.custom-contact-form__information{display:contents}.custom-contact-form__header{order:1;padding-bottom:28px;margin-inline:-16px;padding-inline:16px;border-bottom:1px solid #e5e5e5}.custom-contact-form__form{order:2;padding:0;border-radius:0;border:none;box-shadow:none}.custom-contact-form__blocks{order:3;padding-top:24px;margin-inline:-16px;padding-inline:16px;border-top:1px solid #e5e5e5}}@media(max-width:768px){.custom-contact-form__fields{grid-template-columns:1fr;gap:16px}.custom-contact-form__field,.custom-contact-form__field:has([name="contact[Naam hond]"]),.custom-contact-form__field:has([name="contact[Gewicht hond]"]),.custom-contact-form__field--full{grid-column:1 / -1}.custom-contact-form__title{font-size:24px;line-height:32px}.custom-contact-form__button{width:50%}}
/*# sourceMappingURL=/cdn/shop/t/195/assets/custom-contact-form.css.map */