// Guides block styles
.itinerator-guides {

  .guide-tags,
  .guide-challenge-count {
    margin-bottom: 0.5rem;

    small {
      color: #6c757d;
      font-size: 0.875rem;
    }
  }

  .guide-tags {
    small {
      color: var(--primary);
    }
  }

  .guide-challenge-count {
    small {
      color: var(--secondary);
    }
  }

  &.itinerator-slider {
    margin: 50px 0;

    .carousel-cell {
      width: 300px;
      padding-left: 10px;
      padding-right: 10px;
    }

    .flickity-slider > :first-child {
      padding-left: 0 !important;
    }

    .flickity-slider > :last-child {
      padding-right: 0 !important;
    }

    .flickity-viewport {
      overflow: visible;
    }

    .flickity-slider {
      display: flex;
      align-items: stretch;
    }
  }
}