/**
 * Directions reading theme:
 * near-white page background + light reading cards
 */

.page-directions,
.page-direction-detail {
  background-color: #fafafa;
  color: #2a2c2e;
}

.page-directions .loading,
.page-direction-detail .loading {
  background-color: #fafafa;
}

.page-directions .directions-page,
.page-direction-detail .direction-detail-page {
  background-color: #fafafa;
}

/* Hero with bg7 */
.page-directions .page-header {
  height: auto;
  min-height: 42vh;
  padding: 140px 0 110px;
  background-image: url("../img/bg7.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: visible;
  position: relative;
  z-index: 1;
}

.page-directions .directions-page {
  position: relative;
  z-index: 2;
  padding-top: 20px;
}

.page-directions .direction-explorer {
  background: rgba(255, 255, 255, 0.96);
  border-color: rgba(17, 21, 23, 0.06);
}

.page-directions .direction-jump-trigger {
  background: #eef1f3;
  border-color: #dde1e4;
  color: #1f2020;
}

.page-directions .direction-jump-trigger:hover {
  background: #e6eaed;
}

.page-directions .direction-jump-item.is-open .direction-jump-trigger,
.page-directions .direction-jump-item.is-open .direction-jump-trigger:hover,
.page-directions .direction-jump-item.is-open .direction-jump-trigger:focus {
  background: #ea5924;
  border-color: #ea5924;
  color: #fff;
  -webkit-text-fill-color: #fff;
  box-shadow: 0 10px 24px rgba(234, 89, 36, 0.28);
}

.page-directions .direction-jump-item.is-open .direction-jump-trigger i {
  color: #fff;
}

.page-directions .direction-filters {
  margin-top: 0;
}

/* Soft paper sheets for reading */
.page-directions .directions-page .direction-block {
  background-color: #ffffff;
  border: 1px solid #ececec;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(17, 21, 23, 0.06);
  color: #2a2c2e;
}

.page-directions .directions-page .direction-aside h2 {
  color: #1f2020;
}

.page-directions .directions-page .direction-body h3 {
  color: #c24a1c;
  font-size: 15px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.page-directions .directions-page .direction-body p,
.page-directions .directions-page .direction-body li {
  color: #3a3f42;
  font-size: 16px;
  line-height: 1.85;
}

.page-directions .directions-page .placeholder-note {
  color: #6a7176 !important;
  border-left: 3px solid #d8cfc3;
  background: rgba(255, 255, 255, 0.45);
  padding: 10px 12px;
  font-style: normal;
}

.page-directions .directions-page .direction-block--extra {
  background-color: #fcfcfc;
  border-style: dashed;
  border-color: #e0e0e0;
}

.page-directions .directions-page .direction-icon {
  background: rgba(234, 89, 36, 0.08);
}

/* Sub-direction cards on paper */
.page-directions .directions-page .direction-sub-card {
  background: #ffffff;
  border: 1px solid #ececec;
}

.page-directions .directions-page .direction-sub-card:hover,
.page-directions .directions-page .direction-sub-card.is-open {
  border-color: rgba(234, 89, 36, 0.45);
  box-shadow: 0 10px 22px rgba(17, 21, 23, 0.08);
}

.page-directions .directions-page .direction-sub-title {
  color: #1f2020;
  font-size: 16px;
}

.page-directions .directions-page .direction-sub-title:hover {
  color: #c24a1c;
}

.page-directions .directions-page .direction-firm-tag {
  background: rgba(234, 89, 36, 0.1);
  color: #c24a1c;
}

.page-directions .directions-page .direction-filter-empty {
  color: #6a7176;
}

.page-directions .directions-page .direction-sub-lead {
  color: #6a7176 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

.page-directions .directions-page .direction-sub-card:hover .direction-sub-roll-inner,
.page-directions .directions-page .direction-sub-card.is-open .direction-sub-roll-inner,
.page-directions .directions-page .direction-sub-card:focus-within .direction-sub-roll-inner {
  border-top-color: #e5ddd2;
}

.page-directions .directions-page .direction-sub-photos img {
  border-color: #e5ddd2;
  height: 130px;
}

.page-directions .directions-page .direction-sub-mini p {
  color: #3a3f42 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

.page-directions .directions-page .direction-sub-more {
  color: #c24a1c;
}

.page-directions .navbar.nav-scroll,
.page-direction-detail .navbar.nav-scroll {
  background-color: #1f2020;
}

/* Detail page also uses light sheets */
.page-direction-detail .direction-detail-page .detail-gallery,
.page-direction-detail .direction-detail-page .detail-body,
.page-direction-detail .direction-detail-page .detail-points-wrap {
  background: #ffffff;
  border: 1px solid #ececec;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(17, 21, 23, 0.06);
}

.page-direction-detail .direction-detail-page .detail-gallery {
  padding: 14px;
  margin-bottom: 18px;
}

.page-direction-detail .direction-detail-page .detail-body {
  padding: 28px 30px 10px;
  margin-bottom: 18px;
}

.page-direction-detail .direction-detail-page .detail-body p {
  color: #3a3f42;
  font-size: 16px;
  line-height: 1.85;
}

.page-direction-detail .direction-detail-page .detail-points-wrap {
  padding: 22px 28px;
}

.page-direction-detail .direction-detail-page .detail-points-wrap h3 {
  color: #c24a1c;
}

.page-direction-detail .direction-detail-page .detail-points li {
  color: #3a3f42;
  font-size: 15px;
  line-height: 1.7;
}

.page-direction-detail .direction-detail-page .detail-photo {
  border-color: #ddd6cc;
  background: #fffefb;
}