.header-link{
  font-size: 0.7em;
  padding-bottom: 5px;
  border-bottom: 1px solid #38444d;
}

.header-link a:hover{
  color: white;
  cursor: pointer;
}

.image-stack {
  display: grid;
  position: relative;
  grid-template-columns: repeat(12, 1fr);
}

.image-stack__item--bottom {
  grid-column: -3 / 1;
  grid-row: 1;
}

.image-stack__item--middle {
  margin-left: 10px;
  grid-column: -2 / 1;
  grid-row: 1;
  padding-top: 2%;
  z-index: 1;
}

.image-stack__item--top {
  grid-row: 1;
  grid-column: -1 / 2;
  padding-top: 4%; 
  z-index: 2;
}

img {
  width: 100%;
  display: block;
}

.location-detail-container {
  padding: 15px;
  width: 35%;
  vertical-align: top;
  border: 1px solid #38444d
}

.location-detail-container div span {
  font-size: 12px;
  color: #a8adb3
}

.tags-box {
  display: inline-block; 
  background-color: #484848;
  border-radius: 3;
}

.tags-box a:hover {
  color: white;
  border-bottom: 1px solid white;
}

.ratingInput div input {
  outline: none;
}

.text-area-button {
  background-color: gray; 
  letter-spacing: 1px;
}

.criticSortFilter {
  float: right;
}

.criticSortFilter  .dropdownLabel {
  cursor: pointer;
}

.review-more-button a:hover {
  background-color: #38444d;
  color: white;
  cursor: pointer;
}

@media screen and (max-width: 380px) {
  .header-link {
    white-space: nowrap;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    padding: 0 10px;
  }
  .header-link::-webkit-scrollbar {
    display: none;
  }
}