.iconfont {
  display: inline-block;
  transform: translate(0, 0);
  text-rendering: auto;
  font: normal normal 400 14px/1 iconfont;
  font-size: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.block-customer-success-stories {
  margin-top: 6rem;
}

.entry-content .block-customer-success-stories:last-child {
  margin-bottom: -17rem;
}

.cs-wrapper {
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .cs-wrapper {
    padding: 0 6rem 2rem;
  }
}

.customer-success-stories-slider {
  background-color: white;
  position: relative;
  overflow-x: hidden;
  white-space: nowrap;
}

.customer-success-navigation {
  text-align: right;
  margin-top: 1em;
}

.customer-success-story {
  display: inline-block;
  width: 100%;
  white-space: normal;
  padding: 2em;
}
.customer-success-story header {
  border-top: solid black 1px;
  border-bottom: solid black 1px;
  margin-bottom: 2em;
}
.customer-success-story header img {
  object-fit: contain;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 768px) {
  .customer-success-story header img {
    margin-left: auto;
  }
}
.customer-success-story .customer-success-story-more {
  display: block;
  margin-top: 1rem;
  font-size: 1rem;
  padding-left: 1em;
  position: relative;
  text-align: right;
  margin-left: auto;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-decoration: none;
}
.customer-success-story .customer-success-story-more:before {
  position: absolute;
  top: 0.3rem;
  left: 0;
  display: inline-block;
  transform: translate(0, 0);
  text-rendering: auto;
  font: normal normal 400 14px/1 iconfont;
  font-size: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  /*i namespace created in line1*/
  content: "\ea03"; /*i namespace & Variable name */
}
.customer-success-story .customer-success-story-more:hover {
  text-decoration: underline;
}

/*! Flickity v2.2.2
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */
.entry-content .block-customer-success-stories:last-child .flickity-button {
  color: white;
}

.flickity-button {
  border: none;
  background: none;
  width: 2rem;
  overflow: hidden;
  display: inline-block;
  height: 2.5rem;
}

.flickity-button:hover {
  cursor: pointer;
  color: var(--brand);
}

.flickity-button:focus {
  outline: none;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */
.button--previous {
  position: relative;
  font-size: 2rem;
  margin-right: 1rem;
}
.button--previous:before {
  display: inline-block;
  display: inline-block;
  transform: translate(0, 0);
  text-rendering: auto;
  font: normal normal 400 14px/1 iconfont;
  font-size: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  /*i namespace created in line1*/
  content: "\ea01"; /*i namespace & Variable name */
}

.button--next {
  position: relative;
  font-size: 2rem;
}
.button--next:before {
  display: inline-block;
  display: inline-block;
  transform: translate(0, 0);
  text-rendering: auto;
  font: normal normal 400 14px/1 iconfont;
  font-size: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  /*i namespace created in line1*/
  content: "\ea03"; /*i namespace & Variable name */
}

[aria-hidden=true] a[href],
[aria-hidden=true] area[href],
[aria-hidden=true] input:not([disabled]),
[aria-hidden=true] select:not([disabled]),
[aria-hidden=true] textarea:not([disabled]),
[aria-hidden=true] button:not([disabled]),
[aria-hidden=true] [tabindex]:not([disabled]),
[aria-hidden=true] [contenteditable=true]:not([disabled]) {
  visibility: hidden;
}

/*# sourceMappingURL=block-customer-success-stories.css.map */
