/*-------------------------
hero
--------------------------*/
.wp-admin .wp-block.hero.wide-slider.short, .wp-admin .wp-block.hero.wide-slider.tall {
  height: auto;
  opacity: 1;
}
.wp-admin .wp-block.hero.simple .text-wrapper .title {
  opacity: 1;
  transform: none;
}
.wp-admin .wp-block.hero.simple .scroll-down {
  opacity: 1;
  transform: none;
}

.wp-block.hero .text-wrapper {
  position: relative;
  z-index: 2;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: auto;
  padding-top: 60px;
  max-width: 70%;
  position: relative;
  padding-bottom: 100px;
}
@media only screen and (min-width: 768px) {
  .wp-block.hero .text-wrapper {
    padding-bottom: 0;
    padding-top: 0;
  }
}
.wp-block.hero .text-wrapper .title {
  margin-bottom: 0;
  color: #fff;
}
.wp-block.hero .text-wrapper .subtitle {
  margin-bottom: 0;
  color: #fff;
}
.wp-block.hero .bottom-left-text {
  z-index: 2;
  position: absolute;
  color: #fff;
  text-align: left;
  padding-bottom: 20px;
  padding-left: 20px;
  display: block;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
  max-width: 100%;
  padding-right: 20px;
}
@media only screen and (min-width: 768px) {
  .wp-block.hero .bottom-left-text {
    max-width: 75%;
    padding-right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .wp-block.hero .bottom-left-text {
    max-width: 558px;
  }
}
.wp-block.hero.wide-slider {
  overflow: hidden;
}
.wp-block.hero.wide-slider.short {
  height: 516px;
  min-height: 516px;
  opacity: 0;
  transition: opacity 300ms ease;
}
@media only screen and (min-width: 1024px) {
  .wp-block.hero.wide-slider.short {
    min-height: 516px;
  }
}
.wp-block.hero.wide-slider.tall {
  height: 600px;
  min-height: 600px;
  opacity: 0;
  transition: opacity 300ms ease;
}
@media only screen and (min-width: 1024px) {
  .wp-block.hero.wide-slider.tall {
    min-height: 600px;
  }
}
.wp-block.hero.wide-slider.slick-initialized {
  height: auto;
  opacity: 1;
}
.wp-block.hero.wide-slider .slick-prev {
  background: transparent;
  position: absolute;
  width: auto;
  height: auto;
  top: calc(50% + 20px);
  left: 20px;
  cursor: pointer;
  border: none;
  transform: rotate(180deg);
  transform-origin: center;
  z-index: 3;
  padding: 0;
}
.wp-block.hero.wide-slider .slick-prev svg {
  max-width: 20px;
}
.wp-block.hero.wide-slider .slick-next {
  background: transparent;
  position: absolute;
  width: auto;
  height: auto;
  top: calc(50% + 20px);
  right: 20px;
  cursor: pointer;
  border: none;
  z-index: 3;
  padding: 0;
}
.wp-block.hero.wide-slider .slick-next svg {
  max-width: 20px;
}
.wp-block.hero.wide-slider .single-slide-box {
  position: relative;
  display: flex;
}
.wp-block.hero.wide-slider .single-slide-box.short {
  height: 400px;
  min-height: 400px;
}
@media only screen and (min-width: 768px) {
  .wp-block.hero.wide-slider .single-slide-box.short {
    min-height: 516px;
  }
}
.wp-block.hero.wide-slider .single-slide-box.short .title {
  font-weight: 300;
}
.wp-block.hero.wide-slider .single-slide-box.tall {
  height: 700px;
  min-height: 700px;
}
@media only screen and (min-width: 1280px) {
  .wp-block.hero.wide-slider .single-slide-box.tall {
    min-height: 799px;
  }
}
.wp-block.hero.wide-slider .single-slide-box .inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding-top: 56px;
}
@media only screen and (min-width: 768px) {
  .wp-block.hero.wide-slider .single-slide-box .inner {
    padding-top: 118px;
  }
}
.wp-block.hero.wide-slider .single-slide-box .inner:after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.49), rgba(0, 0, 0, 0.49));
  background: linear-gradient(rgba(0, 0, 0, 0.29), rgba(0, 0, 0, 0.29));
  background-position: 0 0, 50%;
  background-size: auto, auto;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.wp-block.hero.simple {
  transition: opacity 300ms ease;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 400px;
  min-height: 400px;
}
@media only screen and (min-width: 768px) {
  .wp-block.hero.simple {
    min-height: 516px;
  }
}
.wp-block.hero.simple:after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.49), rgba(0, 0, 0, 0.49));
  background: linear-gradient(rgba(0, 0, 0, 0.29), rgba(0, 0, 0, 0.29));
  background-position: 0 0, 50%;
  background-size: auto, auto;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.wp-block.hero.simple .text-wrapper {
  padding-top: 118px;
}
.wp-block.hero.simple .text-wrapper .title {
  padding-left: 40px;
  padding-right: 40px;
  font-family: Brown webfont, sans-serif;
  font-weight: 300;
  opacity: 0;
  transform: translate3d(0px, 100%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
}
.wp-block.hero.simple .text-wrapper .title:after {
  content: "";
  height: 1px;
  background-color: var(--hallett-gold);
  margin-top: 21px;
  width: calc(100% + 80px);
  display: block;
  transform: translateX(-40px) scaleX(0);
  transform-origin: left;
  transition: transform 400ms ease 400ms;
}
.wp-block.hero.simple .scroll-down {
  z-index: 3;
  background-color: var(--hallett-gold);
  background-position: 50%;
  background-repeat: no-repeat;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  width: 32.6px;
  cursor: pointer;
  height: 30px;
  margin-right: 20px;
  transition: background-color 0.2s;
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transform: translate3d(0px, 100%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
}
.wp-block.hero.simple.active .scroll-down {
  opacity: 1;
  transition: all 500ms ease 500ms;
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
}
.wp-block.hero.simple.active .text-wrapper .title {
  transition: all 500ms;
  opacity: 1;
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
}
.wp-block.hero.simple.active .text-wrapper .title:after {
  transform: translateX(-40px) scaleX(1);
  transform-origin: left;
  transition: transform 400ms ease 400ms;
}

/*# sourceMappingURL=style.css.map */