<>
.fe-6835ddafc0a8e9e084b4a78b {
--grid-gutter: calc(var(--sqs-mobile-site-gutter6vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width1500px) - (11.0px * (8 - 1)) ) / 8 );
display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(172,minmax(24pxauto));
grid-template-columns:
minmax(var(--grid-gutter)1fr)
repeat(8minmax(0var(--cell-max-width)))
minmax(var(--grid-gutter)1fr);
row-gap: 11.0px;
column-gap: 11.0px;
overflow-x: hidden;
overflow-x: clip;
}
@media (min-width: 768px) {
.background-width--inset .fe-6835ddafc0a8e9e084b4a78b {
--inset-padding: calc(var(--sqs-site-gutter) * 2);
}
.fe-6835ddafc0a8e9e084b4a78b {
--grid-gutter: calc(var(--sqs-site-gutter4vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width1500px) - (11.0px * (24 - 1)) ) / 24 );
--inset-padding: 0vw;
--row-height-scaling-factor: 0.0215;
--container-width: min(var(--sqs-site-max-width1500px)calc(100vw - var(--sqs-site-gutter4vw) * 2 - var(--inset-padding) ));
grid-template-rows: repeat(87,minmax(calc(var(--container-width) * var(--row-height-scaling-factor))auto));
grid-template-columns:
minmax(var(--grid-gutter)1fr)
repeat(24minmax(0var(--cell-max-width)))
minmax(var(--grid-gutter)1fr);
}
}
.fe-block-yui_3_17_2_1_1762290344053_813 {
grid-area: 1/2/173/10;
z-index: 6;
@media (max-width: 767px) {
}
}
.fe-block-yui_3_17_2_1_1762290344053_813 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1762290344053_813 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1762290344053_813 {
grid-area: 1/4/88/24;
z-index: 6;
}
.fe-block-yui_3_17_2_1_1762290344053_813 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1762290344053_813 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
<>
/* wrapper keeps desktop layout normal and centers the form */
.ilf-form-wrap {
max-width: 1000x; /* desktop width of the form area */
margin: 0 auto; /* center on the page */
padding: 0 16px; /* small side padding for mobile edges */
}
/* make the iframe fill the wrapper without affecting section layout */
.ilf-form-wrap iframe {
width: 1px; /* tricks Squarespace layout calc */
min-width: 100% !important;/* actually make it responsive */
border: 0;
height: 2000px; /* default height */
background: transparent;
}
/* tweak height per breakpoint so no scrollbars or weird gaps */
@media (min-width: 1024px) { /* desktop */
.ilf-form-wrap iframe { height: 3850px; }
}
@media (max-width: 767px) { /* phones */
.ilf-form-wrap iframe { height: 6000px; }
}