/****************
 * Fonts
 ****************/
/****************
 * Paints
 ****************/
/****************
 * Effects
 ****************/
/****************
 * Grid Settings
 ****************/
.block-instagram__icon {
  display: block;
  font-size: 1.75rem;
  text-align: center;
  width: 100%;
}
@media (min-width: 48rem) {
  .block-instagram__icon {
    text-align: left;
  }
}
.block-instagram .block-instagram__handle:not([class*=is-style]):not(.h1, .h2, .h3, .h4, .h5, .h6) {
  color: #030a30;
  font-family: ff-good-headline-web-pro, sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1rem;
  letter-spacing: 0.075rem;
  text-transform: uppercase;
  text-align: center;
}
@media (min-width: 48rem) {
  .block-instagram .block-instagram__handle:not([class*=is-style]):not(.h1, .h2, .h3, .h4, .h5, .h6) {
    font-size: 1.5rem;
    text-align: left;
  }
}
.block-instagram .c-btn-wrapper {
  margin-top: 1rem;
  text-align: center;
}
@media (min-width: 48rem) {
  .block-instagram .c-btn-wrapper {
    margin-top: -0.375rem;
    text-align: right;
  }
}
.block-instagram__posts {
  margin-top: 2.5rem;
}
@media (min-width: 48rem) {
  .block-instagram__posts {
    display: flex;
    flex-flow: row nowrap;
    margin-top: 1.125rem;
  }
}
@media (min-width: 48rem) {
  .block-instagram__post {
    flex: 1 1 auto;
    margin-right: 0.9375rem;
  }
}
@media (min-width: 48rem) {
  .block-instagram__post:last-child {
    margin-right: 0;
  }
}
.block-instagram__post img {
  width: 100%;
}
.block-instagram__controls {
  display: flex;
  margin-top: 3.125rem;
}
.block-instagram__progress-bar {
  margin: auto;
  flex: 1 1 50%;
  max-width: 50%;
  height: 1px;
  background-color: rgba(0, 15, 90, 0.4);
  position: relative;
}
@media (min-width: 48rem) {
  .block-instagram__progress-bar {
    display: none;
  }
}
.block-instagram__progress-bar-slider {
  background-color: #000f5a;
  height: 0.375rem;
  width: 30%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-50%);
  transition: left 300ms ease;
}