/* Fonts */
/* Variables */
/* Colours */
/* Mixins */
.home header.site-header {
  position: absolute;
  top: 50px;
}
@media (max-width: 991.98px) {
  .home header.site-header {
    top: 36px;
  }
}
.home header.site-header h1 {
  font-size: 7rem;
}
@media (min-width: 768px) {
  .home header.site-header .site-title a {
    margin-top: 50px;
  }
  .home header.site-header .site-title a svg {
    height: 90px;
  }
}
.home header.site-header.fixlogo {
  position: fixed;
  top: 15px;
}
.home header.site-header.fixlogo .site-title a {
  margin-top: 5px;
}
.home header.site-header.fixlogo .site-title a svg {
  height: 38px;
}
.home header.site-header.fixlogo .site-title a svg path {
  fill: white;
}
@media (max-width: 991.98px) {
  .home header.site-header.fixlogo .site-title a svg {
    height: 25px;
  }
}
.home .site-main {
  max-width: 100%;
  padding-top: 190px;
}
@media (max-width: 991.98px) {
  .home .site-main {
    margin-top: 0;
  }
}
@media (max-width: 767.98px) {
  .home .site-main {
    padding-top: 100px;
  }
}
.home .site-main section {
  max-width: 1500px;
  margin: 0 auto;
}

.home .site-main .home-hero {
  position: relative;
  margin-top: 0;
  max-width: 100%;
  margin-bottom: 90px;
  display: flex;
  align-items: stretch;
}
@media (max-width: 767.98px) {
  .home .site-main .home-hero {
    height: calc(100vh - 100px);
    min-height: unset;
  }
}
.home .site-main .home-hero.lead-landscape-wrap {
  min-height: 110vh;
}
.home .site-main .home-hero .hero-info-group {
  display: flex;
  justify-content: center;
  font-family: "ff-nexus-typewriter";
  font-size: 10px;
}
.home .site-main .home-hero .hero-info-group > div {
  margin: 0 10px;
}
.home .site-main .home-hero .hero-info-group .author {
  width: auto;
}
.home .site-main .home-hero .hero-info {
  position: sticky;
  z-index: 10;
  text-transform: uppercase;
  width: 950px;
  max-width: 90%;
  display: inline-block;
  margin: auto;
  top: 50%;
  transform: translateY(-10%);
}
@media (max-width: 767.98px) {
  .home .site-main .home-hero .hero-info {
    margin: auto;
    top: 40%;
    transform: translateY(-20%);
  }
}
.home .site-main .home-hero .hero-info h1 {
  text-transform: none;
}
@media (max-width: 991.98px) {
  .home .site-main .home-hero .hero-info h1 {
    font-size: 36px;
  }
}
.home .site-main .home-hero .hero-info h2 {
  font-size: 1.5rem;
  text-transform: none;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
}
.home .site-main .home-hero .lead-image {
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .home .site-main .home-hero .lead-image .image-wrap {
    height: 100%;
  }
}
.home .site-main .home-hero .lead-image.lead-landscape {
  position: absolute;
  height: 110vh;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
  background: black;
}
.home .site-main .home-hero .lead-image.lead-landscape + .hero-info {
  transform: translateY(-60%);
}
.home .site-main .home-hero .lead-image.lead-landscape img {
  opacity: 0.8;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (max-width: 991.98px) {
  .home .site-main .home-hero .lead-image.lead-landscape img {
    object-fit: cover;
    max-width: unset;
  }
}
@media (max-width: 767.98px) {
  .home .site-main .home-hero .lead-image.lead-landscape {
    height: calc(100vh - 100px);
  }
}
.home .site-main .home-hero .lead-image.lead-landscape .mobile {
  display: none;
}
@media (max-width: 991.98px) {
  .home .site-main .home-hero .lead-image.lead-landscape .desktop {
    display: none;
  }
  .home .site-main .home-hero .lead-image.lead-landscape .mobile {
    display: block;
  }
}
.home .site-main .home-hero a {
  color: white;
}
.home .site-main .home-hero a:hover {
  text-decoration: none;
}
.home .site-main .home-hero .tags {
  display: inline-block;
  width: auto;
  margin-top: 15px;
}
.home .site-main .home-hero .tags li {
  display: inline-block;
}
.home .site-main .home-hero .tags a {
  color: #25292B;
}
.home .site-main .home-hero .layout-two {
  display: flex;
  margin: 0 auto;
}
@media (max-width: 991.98px) {
  .home .site-main .home-hero .layout-two {
    margin-left: -20px;
    margin-right: -20px;
    flex-direction: column;
    width: calc(100% + 40px);
    position: relative;
  }
  .home .site-main .home-hero .layout-two .lead-image {
    position: absolute;
  }
  .home .site-main .home-hero .layout-two .header-info {
    position: sticky;
    top: 0;
  }
}
.home .site-main .home-hero .layout-two > div {
  flex: 1;
}
.home .site-main .home-hero .layout-two .date-time {
  font-family: "ff-nexus-typewriter";
  display: flex;
  justify-content: left;
  margin-left: 10px;
  text-transform: uppercase;
  font-size: 10px;
}
@media (max-width: 991.98px) {
  .home .site-main .home-hero .layout-two .date-time {
    flex-direction: column;
  }
}
.home .site-main .home-hero .layout-two .date-time > div {
  margin: 0 10px;
}
.home .site-main .home-hero .layout-two .date-time .category a {
  color: #25292B;
}
.home .site-main .home-hero .layout-two .title-block {
  position: sticky;
  top: 250px;
  margin-bottom: 150px;
}
@media (max-width: 991.98px) {
  .home .site-main .home-hero .layout-two .title-block {
    margin-bottom: 30px;
  }
}
.home .site-main .home-hero .layout-two h1, .home .site-main .home-hero .layout-two h2 {
  text-align: left;
  margin-right: 40px;
  margin-left: 20px;
  color: #25292B;
}
@media (max-width: 991.98px) {
  .home .site-main .home-hero .layout-two h1, .home .site-main .home-hero .layout-two h2 {
    text-align: center;
    margin-right: 20px;
    margin-left: 20px;
    color: white;
  }
  .home .site-main .home-hero .layout-two h1 h2, .home .site-main .home-hero .layout-two h2 h2 {
    margin: 20px auto;
  }
}
@media (max-width: 991.98px) {
  .home .site-main .home-hero .layout-two h1 {
    font-size: 36px;
  }
}
.home .site-main .home-hero .layout-two h2 {
  margin: 16px 0 23px 20px;
}
@media (max-width: 991.98px) {
  .home .site-main .home-hero .layout-two h2 {
    margin: 20px auto;
    font-size: 24px;
  }
}
.home .site-main .home-hero .layout-two a {
  color: #25292B;
}
@media (max-width: 991.98px) {
  .home .site-main .home-hero .layout-two a {
    color: white;
  }
}
@media (max-width: 991.98px) {
  .home .site-main .home-hero .layout-two .date-time {
    color: white;
  }
}
@media (max-width: 991.98px) {
  .home .site-main .home-hero .layout-two .lead-image {
    height: 100%;
    width: 100%;
  }
  .home .site-main .home-hero .layout-two .lead-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 991.98px) {
  .home .site-main .home-hero .layout-two .lead-image.addtint {
    background: unset;
  }
  .home .site-main .home-hero .layout-two .lead-image.addtint .image-wrap {
    background: black;
  }
  .home .site-main .home-hero .layout-two .lead-image.addtint img {
    opacity: 0.8;
  }
}
.home .site-main .home-hero .layout-two ul.tags {
  display: flex;
  width: auto;
  margin-left: 15px;
}
@media (max-width: 991.98px) {
  .home .site-main .home-hero .layout-two ul.tags {
    margin-left: auto;
    display: inline-block;
  }
}
.home .site-main .home-hero .layout-two ul.tags li {
  display: inline-block;
}
.home .site-main .home-hero .layout-two ul.tags a {
  color: #25292B;
}
.home .site-main .home-hero.promo-block .layout-two .hero-info-group {
  justify-content: flex-start;
}

.pointer,
.zoomcursor,
.zoomclose {
  display: none;
  position: absolute;
  top: 100px;
  left: 50%;
  pointer-events: none;
  height: 128px;
  width: 128px;
  z-index: 11111111;
}

.pointer img,
.zoomcursor img,
.zoomclose img {
  height: 128px;
  width: 128px;
}

.home .site-main .overview {
  font-size: 36px;
  font-family: "moret";
  font-weight: 300;
  line-height: 125%;
  width: 700px;
  margin: 200px auto 120px;
  padding-bottom: 60px;
}
@media (max-width: 767.98px) {
  .home .site-main .overview {
    width: 100%;
  }
}

.site-main section.home-quote {
  position: relative;
  margin: 45px -20px 200px -20px;
  overflow: hidden;
  max-width: calc(100% + 20px);
  width: unset;
}
@media (max-width: 991.98px) {
  .site-main section.home-quote {
    padding: 100px 0;
    margin: 0 0 10px 0;
    max-width: 100%;
  }
}
.site-main section.home-quote.subscribe {
  margin-top: 180px;
  margin-bottom: 280px;
}
@media (max-width: 991.98px) {
  .site-main section.home-quote.subscribe {
    margin-top: 0;
    margin-bottom: 80px;
  }
}
.site-main section.home-quote.quote-img {
  min-height: 1000px;
  background: none;
}
.site-main section.home-quote .quote-box {
  position: absolute;
  bottom: 70px;
  left: 0;
  right: 0;
  z-index: 1;
}
.site-main section.home-quote .quote-info {
  display: flex;
  justify-content: center;
}
.site-main section.home-quote .quote-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.site-main section.home-quote .quote-text {
  margin-bottom: 180px;
  width: 1000px;
  max-width: 100%;
  display: block;
  margin: 20px auto;
}
@media (max-width: 991.98px) {
  .site-main section.home-quote .quote-text {
    padding: 0 20px;
  }
}
.site-main section.home-quote h2 {
  font-size: 1.5rem;
  text-align: center;
  margin-top: 18px;
  margin-bottom: 28px;
  padding: 0 30px;
}
.site-main section.home-quote .time {
  text-transform: uppercase;
  font-family: "ff-nexus-typewriter";
  font-size: 10px;
}
.site-main section.home-quote ul.tags {
  justify-content: center;
}
.site-main section.home-quote ul.tags a:hover {
  text-decoration-thickness: 1px;
}
.site-main section.home-quote a {
  color: #25292B;
}
.site-main section.home-quote a:hover {
  text-decoration: none;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 2px;
}
.site-main section.home-quote.Light {
  color: white;
}
@media (max-width: 767.98px) {
  .site-main section.home-quote.Light {
    color: #25292B;
  }
}
.site-main section.home-quote.Light a {
  color: white;
}
@media (max-width: 767.98px) {
  .site-main section.home-quote.Light a {
    color: #25292B;
  }
}

.color-green {
  background-color: #CDD8D4;
}

.color-white {
  background-color: #F3F2EB !important;
}

.home .site-main section.home-pictures .gallery-scroller {
  margin-bottom: 0;
}

.home .site-main section.home-pictures {
  max-width: 100%;
  margin-top: 100px;
}
@media (max-width: 767.98px) {
  .home .site-main section.home-pictures {
    margin-top: 45px;
    margin-bottom: 45px;
    padding-left: 12px;
    padding-right: 0;
  }
}
.home .site-main section.home-pictures h1,
.home .site-main section.home-pictures .grid-lower {
  padding: 0 20px;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767.98px) {
  .home .site-main section.home-pictures h1,
  .home .site-main section.home-pictures .grid-lower {
    padding: 0;
  }
}

.home .site-main section.home-city-guide {
  position: relative;
  height: 100vh;
  min-height: 900px;
  max-width: 100%;
  overflow: scroll;
  color: white;
  background: black;
  padding-bottom: 180px;
  margin-top: 90px;
}
@media (max-width: 991.98px) {
  .home .site-main section.home-city-guide {
    max-width: unset;
    padding-left: 0;
    padding-right: 0;
  }
}
.home .site-main section.home-city-guide a {
  color: white;
}
.home .site-main section.home-city-guide a:hover {
  text-decoration: none;
}
.home .site-main section.home-city-guide .home-city-guide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9;
}
@media (max-width: 767.98px) {
  .home .site-main section.home-city-guide .home-city-guide-inner img {
    filter: brightness(75%);
  }
}
.home .site-main section.home-city-guide h1 {
  font-size: 20px;
  font-family: "ff-nexus-typewriter";
  text-transform: uppercase;
  margin-bottom: 25px;
  margin-top: 150px;
}

.home .site-main section.home-signup {
  max-width: 100%;
  margin-top: 90px;
}
@media (max-width: 991.98px) {
  .home .site-main section.home-signup {
    padding-left: 0;
    padding-right: 0;
  }
}

.home .site-main section.grid-section.home-store {
  padding: 0 20px;
}
@media (max-width: 767.98px) {
  .home .site-main section.grid-section.home-store {
    padding: 0 12px;
  }
}
.home .site-main section.grid-section.home-store .grid-item {
  padding-right: 5px;
  padding-left: 5px;
}

.home .site-main section.grid-section {
  padding: 0 20px;
}
.home .site-main section.grid-section .title-tags {
  margin-bottom: 45px;
}
@media (max-width: 767.98px) {
  .home .site-main section.grid-section .title-tags {
    margin-bottom: 22.5px;
  }
}