#hero {
  width:100%;
  max-width:1400px;
  margin: 0 auto;
  position:relative;
  display:block;
  overflow:hidden;
  margin:0 auto
}
@media(max-width:1000px) {
  #hero {
    width:auto;
    height:100%
  }
}
#CTA {
  position:absolute;
  left:9.5em;
  top:0;
  z-index:4;
  background:rgba(0,0,0,.35);
  height:100%;
  padding:8em 4em 0 4em;
  text-align:center;
}
#CTA h1 {
  color:var(--antique-white);
  font-size:3em;
  max-width:8em;
  line-height:.8em;
  font-weight:100;
  text-transform:capitalize;
  margin-top:2em;
  margin:0 auto;
  text-shadow:0 0 .5em black;
}
#CTA h2 {
  color:var(--antique-white);
  font-size:2em;
  width:10em;
  margin:1em auto;
  text-shadow:0 0 .5em rgba(0,0,0,.5);
}
#slider-left,
#slider-right {
  border:0;
  cursor:pointer;
  z-index:998;
  background:0 0;
  display:inline-block;
  vertical-align:middle
}
#slider-left .material-symbols-outlined,
#slider-right .material-symbols-outlined {
  color:#fff;
  font-size:3.5em;
  line-height:1.5em
}
#slider-left:hover,
#slider-right:hover {
  opacity:1
}
div#slider-nav {
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:0;
  z-index:10
}
#slider-left,
#slider-right {
  color:var(--black-forest);
}
.slider-button {
  display:inline-block;
  vertical-align:middle;
  height:1.25em;
  width:1.25em;
  background-color:var(--antique-white);
  border-radius:50%;
  margin:.25em;
  opacity:.25;
  transition:.3s;
  border:0;
  cursor:pointer
}
.slider-button.active,
.slider-button:hover {
  opacity:1
}
.hero-slide-title {
  position:absolute;
  right:2em;
  bottom:2em;
  z-index:4;
  background:var(--antique-white);
  text-align:center;
  max-width:20em;
  padding:1em;
  border-radius:1em;
  color:#333;
  font-size:1.15em;
  width:32%;
}
.hero-slide-title p {
  font-size:1.75em;
  text-transform:capitalize;
  text-shadow:0 0 .5em #000
}
.hero-slide-title a {
  font-size:1em;
}
.hero-slide-title dl {
  font-size:1.5em;
  text-transform:capitalize;
  margin:1em auto;
  width: 100%;
  text-align: center;
  display: inline-block;
}
.hero-slide-title dd {
  opacity:.5;
  text-decoration:line-through;
  display: inline-block;
}
.hero-slide-title dt {
  opacity:1;
  display: inline-block;
}
#hero-slider {
  position:relative;
  height:40em;
  background:#000;
  display:block;
  margin:0 auto 0 auto;
  width:100%
}
.hero-slide {
  position:absolute;
  left:50%;
  top:0;
  width:100%;
  height:100%;
  background-size:cover;
  opacity:0;
  transition:1s;
  background-position:center;
  overflow:hidden;
  display:block;
  transform:translateX(-50%)
}
.hero-slide.active {
  opacity:1
}
#hero img {
  width:100%;
  margin-left:auto;
  margin-right:auto;
  z-index:1;
  position:absolute;
  top:50%;
  left:50%;
  animation:ken-burns linear 15s infinite
}
@keyframes ken-burns {
  from {
    transform:scale(1) translateX(0) translate(-50%,-50%)
  }
  to {
    transform:scale(1.2) translate(-50%,-50%)
  }
}
@media(max-width:1080px) {
  #hero img {
    height:100%;
    width:auto;
    left:50%
  }
  #CTA {
    left:0;
    padding:8em 2em
  }
}
@media(max-width:920px) {
  #CTA {
    position:relative;
    left:auto;
    top:auto;
    padding:2em 0;
    text-align:center;
    background:var(--blue-slate);
    height:auto;
    transform:none!important
  }
  #CTA h1,
  #CTA h2 {
    text-shadow:none
  }
}
@media(max-width:920px) {
  #hero img {
    animation:none;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
  }
  div#slider-nav {
    position:relative;
    left:auto;
    bottom:auto;
    transform:none;
    text-align:center
  }
  #slider-left .material-symbols-outlined,
  #slider-right .material-symbols-outlined {
    color:var(--antique-white);
  }
  .slider-button {
    background:var(antiquewhite)
  }
  #hero-slider {
    height:38em
  }
  .hero-slide-title {
    width:100%;
    left:50%;
    transform:translateX(-50%)
  }
}
.tour.tour-left,
.tour-left .tour-img,
.tour-left .tour-details {
  transform:scaleX(-1)
}
.tour-img {
  position:relative;
  background-color:#101010;
}
.tour-img img {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:100%;
}
@media(max-width:1545px) {
  .tour-img img {
    height:100%;
    width:auto
  }
}
.tour-right .tour-details:after {
  content:"";
  width:0;
  height:0;
  border-left:6em solid transparent;
  border-right:0 solid transparent;
  border-bottom:42em solid var(--wine-plum);
  position:absolute;
  z-index:9;
  left:-6em;
  bottom:0;
}
.tour-left .tour-details:after {
  content:"";
  width:0;
  height:0;
  border-left:0 solid transparent;
  border-right:6em solid transparent;
  border-bottom:42em solid var(--antique-white);
  position:absolute;
  z-index:9;
  right:-6em;
  bottom:0;
}
.tour {
  display:table;
  border-top:0.75em solid var(--antique-white);
  width:100%;
}
.tour-img {
  display:table-cell;
  overflow:hidden;
  height:42em;
  position:relative;
  vertical-align:top;
  width:50%;
}
.tour-details {
  display:table-cell;
  width:50%;
  vertical-align:middle;
  position:relative;
  padding:0 5em;
  text-align:left;
}
.tour-left .tour-details {
  background:var(--antique-white);
}
.tour-right .tour-details {
  background:var(--wine-plum);
}
.tour-details h2 {
  font-size:2.5em;
  line-height:1em;
  margin-bottom:.25em;
  color:#21491D;
  max-width:12em;
  font-weight:normal;
  text-transform:uppercase;
}
.tour-left .tour-details h2 {
  color:var(--jet-black);
}
.tour-right .tour-details h2 {
  color:var(--antique-white);
}
.tour-details p {
  font-size:1.15em;
  line-height:2em;
  color:var(--jet-black);
}
.tour-right .tour-details p {
  color:var(--antique-white);
}
.tour-details h3 {
  color:var(--blue-slate);
  margin-bottom:1em;
  font-size:1.5em;
}
.tour-right .tour-details h3 {
  color:var(--tomato);
}
.tour-details dl {
  display:table;
  width:100%;
  max-width:16em;
  margin:1em 0;
  font-weight:bold;
}
.tour-details dl dd {
  width:50%;
  display:table-cell;
  vertical-align:middle;
  font-size:2em;
  text-decoration:line-through;
  opacity:.3;
}
.tour-details dl dt {
  display:table-cell;
  width:50%;
  vertical-align:middle;
  font-size:2em;
}
.tour-right dl dd {
  color:var(--cornsilk)
}
.tour-left dl dd {
  color:var(--black-forest)
}
.tour-right dl dt {
  color:var(--antique-white);
}
.tour-left dl dt {
  color:var(--wine-plum);
}
@media(max-width:750px) {
  .tour-img,
  .tour-details {
    display:block;
    width:100%;
    text-align:center
  }
  .tour-img {
    height:32em
  }
  .tour-details {
  }
  .tour-img img {
    width:100%;
    height:auto
  }
  .tour-right .tour-details:after,
  .tour-left .tour-details:after {
    position:absolute;
    z-index:9;
    left:0;
    right:auto;
    top:-8.9em
  }
  .tour-right .tour-details:after {
    border-left:100vw solid transparent;
    border-right:0 solid transparent;
    border-bottom:9em solid var(--olive-leaf)
  }
  .tour-left .tour-details:after {
    border-left:0 solid transparent;
    border-right:100vw solid transparent;
    border-bottom:9em solid var(--copperwood)
  }
  .tour-details {
  padding: 2em;
  }
  .tour-details h2 {
    text-align:center;
    margin:0 auto
  }
  .tour-details dl {
    margin:1em auto;
    font-size:1.25em
  }
  .tour-details p {
    font-size:1.25em
  }
  .tour-details a {
    font-size:1.5em
  }
  .tour.tour-left {
    border-bottom:1em solid white
  }
  .tour.tour-left,
  .tour-left .tour-img,
  .tour-left .tour-details {
    transform:none
  }
}
.tour-header-footer {
  text-align:center;
  background: var(--antique-white);
}
.tour-header-footer h2 {
  text-transform:capitalize;
  font-size:3em;
  color:var(--tomato);
  font-weight:normal;
  text-transform:uppercase;
  padding: 1em;
  font-weight: bold;
}
.tour-header-footer a {
  font-size:1.5em;
  margin:1em;
  border:.15em solid var(--antique-white);
}
#reading-section {
  padding:6em 2em;
  background:url("../images/sunset-2.jpg");
  background-size:cover;
  background-position:center;
  background-attachment:fixed;
  border-bottom: 1em solid antiquewhite;
  border-top: 1em solid aliceblue;
}
#reading-section article {
  padding:3em;
  background:#fefae0d4;
  max-width:60em;
  margin:0 auto;
  border-radius: 1em;
}
#reading-section article h2 {
  color:#22491d;
  font-weight:400;
  text-transform:capitalize;
  font-size:2em;
  text-align:left;
}
#reading-section article p {
  line-height:2em;
  text-align:justify;
  margin-bottom:1em;
  font-size: 1em;
}
@media(max-width:1080px) {
  #reading-section {
    font-size:1.2em
  }
}

#hero{isolation:isolate}
#CTA{z-index:2000;pointer-events:auto}
#CTA *{pointer-events:auto}
#hero-slider{z-index:1}
#hero-slider .hero-slide{z-index:0}
#hero-slider .hero-slide.active{z-index:10}

#hero-slider{position:relative}
#hero-slider .hero-slide{pointer-events:none}
#hero-slider .hero-slide.active{pointer-events:auto}
#hero-slider .hero-slide{z-index:0}
#hero-slider .hero-slide.active{z-index:10}
#hero-slider .hero-slide-title{position:absolute;z-index:11}
#hero-slider .hero-slide-title a.big-blue-button{position:relative;z-index:12}