/*
 * Static archive fallbacks for the Squarespace pages.
 *
 * The archived HTML includes the post lists and images, but some Squarespace
 * runtime chunks that normally reveal/layout them are absent. These rules keep
 * the preserved content visible without depending on that runtime.
 */

.page-section {
  position: relative !important;
}

.page-section .section-border {
  position: absolute !important;
  inset: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  clip-path: none !important;
  z-index: 0 !important;
}

.page-section .section-background {
  position: absolute !important;
  inset: 0 !important;
  overflow: hidden !important;
}

.page-section .content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

.page-section .section-background-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
}

.page-section .section-background img,
.sqs-image img,
img[data-src],
img[data-image],
.summary-thumbnail-image {
  opacity: 1 !important;
  visibility: visible !important;
}

.page-section .section-background img {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.page-section.black .section-background:not(:has(img)),
.page-section.black-bold .section-background:not(:has(img)),
.page-section.dark .section-background:not(:has(img)),
.page-section.dark-bold .section-background:not(:has(img)) {
  background: #4a190f !important;
}

img.static-archive-image-error {
  visibility: hidden !important;
}

.static-archive-image-error-frame {
  background: #4a190f !important;
  border: 1px solid rgba(255, 230, 0, 0.55) !important;
  color: #ffe600 !important;
}

.static-archive-image-error-frame::after {
  content: "Image unavailable";
  display: grid;
  place-items: center;
  position: absolute;
  inset: 0;
  padding: 1rem;
  color: #ffe600;
  font: 600 0.875rem/1.3 sans-serif;
  text-align: center;
}

.content-collection .content-wrapper,
.content-collection .content,
.content-collection .collection-content-wrapper,
.content-collection .blog-side-by-side-wrapper {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  min-height: 1px !important;
}

.content-collection .blog-side-by-side-wrapper > article.blog-item,
.content-collection article.blog-item.entry {
  display: grid !important;
  grid-template-columns: minmax(160px, 34%) minmax(0, 1fr) !important;
  gap: 2rem !important;
  align-items: center !important;
  max-width: 1100px !important;
  margin: 0 auto 4rem !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.content-collection .blog-image-wrapper,
.content-collection .blog-item-summary,
.content-collection .blog-item-text,
.content-collection .blog-meta-section,
.content-collection .blog-title,
.content-collection .blog-excerpt,
.content-collection .blog-more-link {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.content-collection .blog-image-wrapper {
  min-height: 220px !important;
  min-width: 0 !important;
  width: 100% !important;
  justify-self: stretch !important;
}

.content-collection .image-wrapper {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
}

.content-collection .blog-item-summary {
  min-width: 0 !important;
}

.content-collection .image-wrapper img,
.content-collection img.image {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.content-collection .blog-list-pagination {
  display: flex !important;
  justify-content: space-between !important;
  max-width: 1100px !important;
  margin: 2rem auto 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.summary-thumbnail-container,
.summary-thumbnail-outer-container,
.summary-thumbnail {
  opacity: 1 !important;
  visibility: visible !important;
}

.summary-thumbnail-image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

.fluid-image-component-root,
.fluid-image-animation-wrapper,
[data-sqsp-image-block-image-container],
.sqs-block-image-link {
  width: 100% !important;
  height: 100% !important;
}

.sqs-block-image,
.fluid-image-component-root,
.fluid-image-animation-wrapper,
[data-sqsp-image-block-image-container],
.sqs-block-image-link {
  position: relative !important;
  z-index: 20 !important;
}

[data-sqsp-image-block-image-container],
.sqs-block-image-link {
  display: block !important;
}

img[data-sqsp-image-block-image] {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: var(--image-component-object-fit, contain) !important;
  object-position: var(--image-component-focal-point, 50% 50%) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

section[data-section-id="64dd70d7066925144d00828e"],
section[data-section-id="656d351e971a71379a84f5c2"],
section[data-section-id="68efb3854d91940d52d4d61e"] {
  padding-bottom: 0 !important;
  min-height: auto !important;
}

section[data-section-id="64dd70d7066925144d00828e"] .section-divider-display,
section[data-section-id="656d351e971a71379a84f5c2"] .section-divider-display,
section[data-section-id="68efb3854d91940d52d4d61e"] .section-divider-display {
  display: none !important;
}

section[data-section-id="64dd70d7066925144d00828e"] .section-background {
  background-image: url("/images.squarespace-cdn.com/content/v1/63640adcf10ee70d9a081fb1/1698430114193-4qyutmlinr3aovz1lya2/taalumot.space-essential-reading.png") !important;
  background-position: center !important;
  background-size: cover !important;
}

section[data-section-id="656d351e971a71379a84f5c2"] .section-background {
  background-image: url("/images.squarespace-cdn.com/content/v1/63640adcf10ee70d9a081fb1/1ee56a50-70fb-4dd7-b503-51104307e031/taalumot.space-torah-posting.png") !important;
  background-position: center !important;
  background-size: cover !important;
}

section[data-section-id="68efb3854d91940d52d4d61e"] .section-background {
  background-image: url("/images.squarespace-cdn.com/content/v1/63640adcf10ee70d9a081fb1/1700599040116-zv3fg45252kp3x2k0r8a/music-helps-social.png") !important;
  background-position: center !important;
  background-size: cover !important;
}

section[data-section-id="64dd70d7066925144d00828e"] .content-wrapper,
section[data-section-id="656d351e971a71379a84f5c2"] .content-wrapper,
section[data-section-id="68efb3854d91940d52d4d61e"] .content-wrapper {
  padding-top: clamp(24px, 3.2vw, 56px) !important;
  padding-bottom: clamp(24px, 3.2vw, 56px) !important;
}

@media (max-width: 767px) {
  .content-collection .blog-side-by-side-wrapper > article.blog-item,
  .content-collection article.blog-item.entry {
    display: block !important;
  }

  .content-collection .blog-image-wrapper {
    margin-bottom: 1rem !important;
  }
}