/*--------------*/
/* Typography
/*--------------*/
@import url("//fonts.googleapis.com/css?family=Oswald:300,400,700|Open+Sans:300,400,600");
@import url("//fast.fonts.net/cssapi/f23be61a-9aae-4bfb-ab0a-6d10a61ae536.css");
@font-face {
  font-family: "iconfont-crown";
  src: url("/themes/custom/crowncenter/media/fonts/iconfont-crown/iconfont-crown.eot");
  src: url("/themes/custom/crowncenter/media/fonts/iconfont-crown/iconfont-crown.eot#iefix") format("embedded-opentype"), url("/themes/custom/crowncenter/media/fonts/iconfont-crown/iconfont-crown.woff2") format("woff2"), url("/themes/custom/crowncenter/media/fonts/iconfont-crown/iconfont-crown.ttf") format("truetype"), url("/themes/custom/crowncenter/media/fonts/iconfont-crown/iconfont-crown.woff") format("woff"), url("/themes/custom/crowncenter/media/fonts/iconfont-crown/iconfont-crown.svg#iconfont-crown") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "enriq-crown-reg";
  src: url("/themes/custom/crowncenter/media/fonts/enriq-crown/ENRIQRegular.ttf") format("truetype");
}
@font-face {
  font-family: "enriq-crown-med";
  src: url("/themes/custom/crowncenter/media/fonts/enriq-crown/ENRIQMedium.ttf") format("truetype");
}
@font-face {
  font-family: "enriq-crown-bold";
  src: url("/themes/custom/crowncenter/media/fonts/enriq-crown/ENRIQBold.ttf") format("truetype");
}
@font-face {
  font-family: "enriq-crown-black";
  src: url("/themes/custom/crowncenter/media/fonts/enriq-crown/ENRIQBlack.ttf") format("truetype");
}
.christmas-hero-section .hero__wrap {
  position: relative;
}
.christmas-hero-section .hero-image-wrapper {
  position: relative;
}
.christmas-hero-section .hero__image img {
  display: block;
  width: 100%;
  height: clamp(20rem, 36vw, 38rem);
  object-fit: cover;
  object-position: center;
}
.christmas-hero-section .hero__title {
  position: absolute;
  inset: auto 1.5rem 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin: 0;
  color: #fff;
  font-family: "Wonder HMK";
  font-size: clamp(3rem, 7vw, 6rem);
  font-weight: normal;
  line-height: 1.1;
  text-align: center;
}
.christmas-hero-section .hero__title span {
  display: block;
  padding: 0 0.5rem;
  background-color: rgba(229, 44, 76, 0.9);
  transform: rotate(-6deg);
}
.christmas-hero-section .hero__title .christmas-hero-title-l1 {
  margin-right: 2rem;
}
.christmas-hero-section .hero__title .christmas-hero-title-l2 {
  margin-left: 2rem;
}
.christmas-hero-section .hero__content {
  padding: 3rem 1.5rem;
  background: #f2ede5 url("../../images/snowflakes-bkgd.png") center/cover;
  text-align: center;
}
@media (min-width: 768px) {
  .christmas-hero-section .hero__content {
    padding: 4rem 2rem;
  }
}
.christmas-hero-section .hero__description {
  max-width: 70ch;
  margin: 0 auto;
  color: #000;
}
.christmas-hero-section .hero__description h2 {
  margin: 0 0 1.5rem;
  color: #2C513A;
  font-family: "Snickerdoodle HMK";
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  line-height: 1.2;
  text-shadow: -1px 1px 0 #fff, -2px 2px 0 #bb3320;
  text-transform: uppercase;
  transform: skewY(-6deg);
}
.christmas-hero-section .hero__description p {
  margin: 0 0 1rem;
  color: #000;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6;
}
.christmas-hero-section .hero__description p:last-child {
  margin-bottom: 0;
}
.christmas-hero-section .hero__cta {
  display: inline-block;
  margin-top: 2rem;
  padding: 0.875rem 1.75rem;
  border: 2px solid #bb3320;
  background-color: #fff;
  color: #bb3320;
  font-family: "Oswald", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}
.christmas-hero-section .hero__cta:hover {
  background-color: #bb3320;
  color: #fff;
}
.christmas-hero-section .hero__cta:focus-visible {
  outline: 3px solid #2C513A;
  outline-offset: 4px;
}