/*
  This module converts the Quick Tabs tabs display
  to a single row with horizontal scrolling. 
*/

.quicktabs-wrapper > .item-list {
  white-space: nowrap;
  overflow-x: clip;
  position: relative;
  height: 35px;
}

.quicktabs-tabs {
  position: absolute;
}

.quicktabs-wrapper.scrolling .quicktabs-tabs > li > a {
  pointer-events: none;
}

.quicktabs-scroll {
  height: 15px;
  width: 15px;
  position: absolute;
  margin-top: 10px;
}

.quicktabs-scroll.scroll-left {
  left: 10px;
  background: url(../images/circle-caret-left-solid.svg);
}

.quicktabs-scroll.scroll-right {
  right: 10px;
  background: url(../images/circle-caret-right-solid.svg);
}

.quicktabs-wrapper.scrolling .quicktabs-scroll,
.quicktabs-scroll.disabled {
  opacity: 0.2;
  pointer-events: none;
}