@charset "UTF-8";

/*==========================================================
Instagram Widget
==========================================================*/

#index .instagram a::after {
  display: none !important;
}

.instagram-widget {
  display: flex;
  column-gap: 10px;
}
@media screen and (max-width: 767px) {
  .instagram-widget {
    flex-wrap: wrap;
    row-gap: 10px;
  }
}
.instagram-widget__column {
  width: calc( ( 100% - 30px ) / 4 );
}
@media screen and (max-width: 767px) {
  .instagram-widget__column {
    width: calc( ( 100% - 10px ) / 2 );
  }
}
.instagram-widget__column > p {
  color: #e4007f;
  font-size: 82%;
}
.instagram-widget__column > a {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 1/1;
}
.instagram-widget__column > a:not(:first-child) {
  margin-top: 10px;
}
.instagram-widget__column > a > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  backface-visibility: hidden;
  transition: opacity .2s;
}
.instagram-widget__column > a:hover > img {
  opacity: 0.7;
}