
.scrolling-wrapper-flexbox {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;

  .scrollCard, .scrollCardHalf, .imageCard, .hourlyCard {
    flex: 0 0 auto;
    margin-right: 11px;
  }
}

.scrollCard, .scrollCardHalf, .hourlyCard {
  width: 250px;
  height: 175px;
  overflow-y: hidden;
  border-radius: 3px;
  background-color: #f5f5f5;
  padding: 5px;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.05), 0 2px 1px -2px rgba(0,0,0,0.05), 0 1px 5px 0 rgba(0,0,0,0.05)
}

.scrollCardHalf {
  height: 85px;
}

.hourlyCard {
  width: 42px;
  height:70px;
  background: transparent;
}

.imageCard {
 // width: 250px;
  height: 175px;
  overflow-y: hidden;

}
.imageCard img {
  max-height:100%;
  max-width:100%;
}

.scrolling-wrapper, .scrolling-wrapper-flexbox {
  height: 75px;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  &::-webkit-scrollbar {
    display: none;
  }
}

