/* Heroes: Squarespace CDN images are gone (404). Use local food photos + darken for white titles. */

.collection-type-index #content-wrapper {
  opacity: 1 !important;
}

/* Hide broken parallax layer; paint hero on the title wrapper instead */
.parallax-scrolling #parallax-images {
  display: none !important;
}

.parallax-scrolling .title-desc-wrapper.over-image .title-desc-image {
  display: none !important;
}

.banner-image img {
  display: none !important;
}

/* Shared hero look */
body.homepage #header-wrapper,
.parallax-item > .title-desc-wrapper.over-image.has-main-image {
  position: relative;
  background-color: #5a5a5a;
  background-image: linear-gradient(rgba(30, 30, 30, 0.45), rgba(30, 30, 30, 0.45)),
    url("/static/5612f0c2e4b012ff90162f25/563140e2e4b0ff5722b30e93/563148c8e4b0c833de2d6769/1447651296767/_MG_5031_1.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

body.homepage #header-wrapper {
  min-height: 70vh;
  height: 70vh;
  max-height: 70vh;
  display: flex;
  flex-direction: column;
}

body.homepage #header-wrapper .banner-image {
  background: transparent !important;
}

body.homepage #header-wrapper .title-desc-wrapper.has-main-image {
  flex: 1;
  min-height: 0 !important;
  height: auto !important;
  background: transparent !important;
}

/* Vary heroes slightly by page */
body#collection-5612f662e4b09f0e94146b65 .parallax-item > .title-desc-wrapper.over-image.has-main-image {
  background-image: linear-gradient(rgba(30, 30, 30, 0.45), rgba(30, 30, 30, 0.45)),
    url("/static/5612f0c2e4b012ff90162f25/563140e2e4b0ff5722b30e93/5649658ee4b0142472e6f871/1447651129058/_MG_5041_1.jpg");
}

body#collection-56130643e4b049dde4e51ed4 .parallax-item > .title-desc-wrapper.over-image.has-main-image {
  background-image: linear-gradient(rgba(30, 30, 30, 0.45), rgba(30, 30, 30, 0.45)),
    url("/static/5612f0c2e4b012ff90162f25/563140f3e4b0a759fb0f5243/564963c8e4b086962031e8bb/1447650441428/6690-web.jpg");
}

body#collection-5627e4bfe4b0b6a1f75d0671 .parallax-item > .title-desc-wrapper.over-image.has-main-image {
  background-image: linear-gradient(rgba(30, 30, 30, 0.45), rgba(30, 30, 30, 0.45)),
    url("/static/5612f0c2e4b012ff90162f25/56314112e4b0d36c5bae3875/56496325e4b00c0388fa7886/1447650137169/7315-web.jpg");
}

body#collection-5630ecbce4b0582c030dd4b1 .parallax-item > .title-desc-wrapper.over-image.has-main-image {
  background-image: linear-gradient(rgba(30, 30, 30, 0.45), rgba(30, 30, 30, 0.45)),
    url("/static/5612f0c2e4b012ff90162f25/563140f3e4b0a759fb0f5243/56314949e4b0b1c166a74241/1447650542255/6879-web.jpg");
}

/* Same hero height as homepage on desktop; theme wanted 100vh on index pages */
@media (min-width: 768px) {
  body.homepage #header-wrapper,
  .collection-type-index .parallax-item > .title-desc-wrapper.over-image.has-main-image,
  .collection-type-index.index-image-height-fullscreen .parallax-item > .title-desc-wrapper.has-main-image,
  .first-index-image-fullscreen .parallax-item > .title-desc-wrapper.has-main-image {
    min-height: 70vh !important;
    height: 70vh !important;
    max-height: 70vh !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 767px) {
  body.homepage #header-wrapper,
  .collection-type-index .parallax-item > .title-desc-wrapper.over-image.has-main-image {
    min-height: 50vh !important;
    height: 50vh !important;
    max-height: 50vh !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
}

/* Center the ON-IMAGE title like the homepage (override Squarespace absolute offsets) */
.parallax-item > .title-desc-wrapper.over-image.has-main-image {
  display: block !important;
}

.parallax-item > .title-desc-wrapper.over-image.has-main-image .title-desc-inner {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 24px !important;
  text-align: center !important;
  z-index: 2;
}

.parallax-item > .title-desc-wrapper.over-image.has-main-image .page-title-wrapper,
.parallax-item > .title-desc-wrapper.over-image.has-main-image .page-title,
.parallax-item > .title-desc-wrapper.over-image.has-main-image .page-desc,
.parallax-item > .title-desc-wrapper.over-image.has-main-image .page-desc p {
  display: block !important;
  float: none !important;
  width: auto !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  background: none !important;
}

/* Match homepage hero title (theme styles only target h1.page-title) */
.parallax-item > .title-desc-wrapper.over-image.has-main-image .page-title,
body.homepage .title-desc-wrapper.has-main-image .page-title {
  color: #fff !important;
  font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: clamp(42px, 8vw, 120px) !important;
  font-weight: 400 !important;
  letter-spacing: 0.015em !important;
  line-height: 1em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  margin: 0 !important;
}

.parallax-item > .title-desc-wrapper.over-image.has-main-image .page-title + br {
  display: none !important;
}

.parallax-item .scroll-arrow {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  bottom: 20px !important;
  margin-left: -75px !important;
  z-index: 3;
}

/* Hide the duplicate giant title under the hero — only keep the one on the image */
.collection-type-index .parallax-item .content > .content-inner > .title-desc-wrapper {
  display: none !important;
}

/* Readable nav over photo heroes */
.transparent-header.has-banner-image #header #desktopNav a,
.transparent-header.collection-type-index #header #desktopNav a {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}

/* Mobile drawer: light gray links on white were unreadable */
#mobileNav ul li,
#mobileNav ul li a,
#mobileNav ul li a:visited {
  color: #000 !important;
}

#mobileNav ul li.active-link > a,
#mobileNav ul li.active-link > a:visited {
  color: #5dae37 !important;
}

#mobileNav ul li a:hover,
#mobileNav ul li a:focus {
  color: #222 !important;
}