/*
 Instagram Feed
========================================================================== */
.wp-block-meta-instagram-feed {
  padding: clamp(64px, 44.8px + 0.04 * 100vw, 96px) var(--wp--custom--spacing--outer-x);
  position: relative;
}
.wp-block-meta-instagram-feed::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60%;
  height: 100%;
  z-index: 0;
  background: url(/wp-content/themes/peachtree/images/pattern.png) right center no-repeat;
  background-size: auto 100%;
  mix-blend-mode: multiply;
  opacity: 0.15;
  pointer-events: none;
}
@media (576px <= width <= 992px) {
  .wp-block-meta-instagram-feed::before {
    height: 50%;
  }
}
.wp-block-meta-instagram-feed #sbi_images {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1320px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .wp-block-meta-instagram-feed #sbi_images {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }
}
@media screen and (min-width: 768px) {
  .wp-block-meta-instagram-feed #sbi_images {
    display: grid;
    gap: 0px 0px;
    align-content: center;
    grid-template-columns: repeat(29, 1fr);
    grid-template-rows: auto repeat(25, 1fr);
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    grid-auto-flow: row;
  }
  .wp-block-meta-instagram-feed #sbi_images .sbi_item:nth-child(2) {
    grid-area: 2/2/15/15;
  }
  .wp-block-meta-instagram-feed #sbi_images .sbi_item:nth-child(3) {
    grid-area: 2/16/15/29;
  }
  .wp-block-meta-instagram-feed #sbi_images .sbi_item:nth-child(4) {
    grid-area: 16/1/27/12;
  }
  .wp-block-meta-instagram-feed #sbi_images .sbi_item:nth-child(5) {
    grid-area: 16/19/27/30;
  }
  .wp-block-meta-instagram-feed #sbi_images .sbi_item:nth-child(6) {
    grid-area: 16/13/21/18;
  }
  .wp-block-meta-instagram-feed #sbi_images .sbi_item:nth-child(7) {
    grid-area: 22/13/27/18;
  }
  .wp-block-meta-instagram-feed #sbi_images .blurb {
    grid-area: 1/2/2/29;
  }
}
@media screen and (min-width: 992px) {
  .wp-block-meta-instagram-feed #sbi_images {
    grid-template-columns: repeat(37, 1fr);
    grid-template-rows: repeat(28, 1fr);
  }
}
@media screen and (min-width: 992px) and (min-width: 1320px) {
  .wp-block-meta-instagram-feed #sbi_images {
    grid-template-rows: auto repeat(27, 1fr);
  }
}
@media screen and (min-width: 992px) {
  .wp-block-meta-instagram-feed #sbi_images .sbi_item:nth-child(2) {
    grid-area: 2/5/15/18;
  }
  .wp-block-meta-instagram-feed #sbi_images .sbi_item:nth-child(3) {
    grid-area: 16/12/29/25;
  }
  .wp-block-meta-instagram-feed #sbi_images .sbi_item:nth-child(4) {
    grid-area: 9/26/21/38;
  }
  .wp-block-meta-instagram-feed #sbi_images .sbi_item:nth-child(5) {
    grid-area: 16/1/26/11;
  }
  .wp-block-meta-instagram-feed #sbi_images .sbi_item:nth-child(6) {
    grid-area: 9/19/15/25;
  }
  .wp-block-meta-instagram-feed #sbi_images .sbi_item:nth-child(7) {
    grid-area: 22/26/28/32;
  }
  .wp-block-meta-instagram-feed #sbi_images .blurb {
    grid-area: 1/19/8/38;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
}
.wp-block-meta-instagram-feed .sbi_item {
  border-radius: clamp(10px, 4px + 0.0125 * 100vw, 20px);
  overflow: hidden;
}
@media screen and (min-width: 576px) {
  .wp-block-meta-instagram-feed .sbi_item {
    width: calc(33.3333% - 11px);
  }
}
@media screen and (min-width: 768px) {
  .wp-block-meta-instagram-feed .sbi_item {
    width: 100%;
  }
}
.wp-block-meta-instagram-feed .sbi_item .sbi_photo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100% !important;
  aspect-ratio: 1/1;
  position: relative;
  overflow: hidden;
  transform: scale(1.001);
}
.wp-block-meta-instagram-feed .sbi_item .sbi_photo:is(:hover, :focus-visible)::after {
  opacity: 0.7;
}
.wp-block-meta-instagram-feed .sbi_item .sbi_photo::after {
  content: "";
  position: absolute;
  z-index: 1;
  background-color: #124981;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.35s ease-in-out;
}
.wp-block-meta-instagram-feed .sbi_item .sbi_photo img {
  display: none !important;
}
.wp-block-meta-instagram-feed .sbi_item .sbi-screenreader {
  display: none;
}
.wp-block-meta-instagram-feed .sbi_item img {
  display: block !important;
  transform: scale(1.01);
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform-style: preserve-3d;
  transition: all 0.35s ease-in-out;
}
.wp-block-meta-instagram-feed .sbi_item svg {
  position: relative;
  z-index: 2;
  width: 24px;
}
.wp-block-meta-instagram-feed .sbi_item .sbi_lightbox_carousel_icon {
  height: auto;
  position: absolute;
  top: 24px;
  right: 24px;
}
.wp-block-meta-instagram-feed .sbi_item .sbi_lightbox_carousel_icon path {
  fill: white;
}
.wp-block-meta-instagram-feed .blurb {
  text-align: center;
  width: 100%;
  padding-bottom: 32px;
}
.wp-block-meta-instagram-feed h2 {
  font-size: clamp(34px, 4.9230769231px + 0.0504807692 * 100vw, 55px);
  margin-bottom: 8px;
}
@media screen and (min-width: 992px) {
  .wp-block-meta-instagram-feed h2 {
    font-size: clamp(38px, -20.5555555556px + 0.0590277778 * 100vw, 55px);
  }
}
.wp-block-meta-instagram-feed p {
  letter-spacing: -0.02em;
  margin: 0;
}
@media screen and (min-width: 992px) {
  .wp-block-meta-instagram-feed p {
    font-size: clamp(16px, 9.1111111111px + 0.0069444444 * 100vw, 18px);
  }
}
.wp-block-meta-instagram-feed .social {
  display: flex;
  gap: 10px;
  justify-content: center;
  padding-top: clamp(24px, -3.5555555556px + 0.0277777778 * 100vw, 32px);
}
.wp-block-meta-instagram-feed .social a {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background: rgb(24.7454081633, 118.0269856591, 213.0045918367);
  color: var(--wp--custom--color--background);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  transition: background 0.2s ease, color 0.2s ease;
}
.wp-block-meta-instagram-feed .social a:hover {
  background-color: #124981;
}
.wp-block-meta-instagram-feed .social a svg {
  max-width: 16px;
}

.acf-block-preview.wp-block-meta-instagram-feed {
  max-width: unset !important;
  margin-inline: -24px !important;
}
.acf-block-preview.wp-block-meta-instagram-feed a {
  pointer-events: none !important;
}