/* Styles Squarespace applied from JavaScript at runtime. */

/* Video embeds fill their aspect-ratio wrapper */
.embed-block-wrapper { position: relative; }
.sqs-video-wrapper.video-loaded,
.sqs-video-wrapper.video-loaded iframe {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;
}

/* Used by site.js to measure image-card text on a single line */
.dynamic-text-measure { display: inline-block !important; width: auto !important; }
.dynamic-text-measure, .dynamic-text-measure * { white-space: nowrap !important; }

/* Search page input (built by site.js), styled like Squarespace's */
.sqs-search-page-input form { position: relative; margin: 0; }
.sqs-search-page-input input {
  box-sizing: border-box; width: 100%; margin: 0; padding: 10px 14px 10px 62px;
  border: 1px solid rgba(0, 0, 0, .2); border-radius: 0; background: transparent;
  font: inherit; font-size: 28px; line-height: 1.2; color: inherit; -webkit-appearance: none;
}
.sqs-search-page-input input::placeholder { color: rgba(0, 0, 0, .2); }
.sqs-search-page-input form::before {
  content: ""; position: absolute; left: 18px; top: 50%; width: 28px; height: 28px; margin-top: -14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Ccircle cx='8' cy='8' r='6.5'/%3E%3Cpath d='M13 13l6 6'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* Map blocks used a grayscale Google Maps style */
.sqs-block-map iframe { filter: grayscale(1); }