@import url(https://fonts.googleapis.com/css2?family=Red+Hat+Text:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap);
@font-face {
  font-family: "larken-blackitalic";
  src: url(/fonts/larken-blackitalic-webfont.woff2?806cac408712cd5ab83b0b354aa243c5) format("woff2"), url(/fonts/larken-blackitalic-webfont.woff?b472d8d609e92161f288e9801304ffac) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "larken-black";
  src: url(/fonts/larken-black-webfont.woff2?96966f1b3caebce20da4329c20f43437) format("woff2"), url(/fonts/larken-black-webfont.woff?73947d26126f0852cb6232b1d4913b1e) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "larken-bolditalic";
  src: url(/fonts/larken-bolditalic-webfont.woff2?4664c010c0129dd1867e93f84c7d5493) format("woff2"), url(/fonts/larken-bolditalic-webfont.woff?7ad4ea77588b534293f4868b77282c4f) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "larken-bold";
  src: url(/fonts/larken-bold-webfont.woff2?5c43e2b3749c7ef948236cb6bed5d284) format("woff2"), url(/fonts/larken-bold-webfont.woff?ecbead824eced071649aa345af24f22a) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "larken-extrabold";
  src: url(/fonts/larken-extrabold-webfont.woff2?ee1b23fc74ae7dd325e90746fee58b64) format("woff2"), url(/fonts/larken-extrabold-webfont.woff?55a40622108e61f415b37e4d8d996a31) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "larken-light";
  src: url(/fonts/larken-light-webfont.woff2?29435711624bd2771fa35145b8be5828) format("woff2"), url(/fonts/larken-light-webfont.woff?bd94dbfefbbae846fa3a8ecf7c44abb5) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "larken-regular";
  src: url(/fonts/larken-regular-webfont.woff2?925d82d91f8e5dbc502963fd17362617) format("woff2"), url(/fonts/larken-regular-webfont.woff?06a61fac0890a6bd85f9694d4ac1ba45) format("woff");
  font-weight: normal;
  font-style: normal;
}
:root {
  --bg: #000000;
  --clr-1: #00c2ff;
  --clr-2: #33ff8c;
  --clr-3: #ffc640;
  --clr-4: #e54cff;
  --blur: 1rem;
  --fs: clamp(3rem, 8vw, 7rem);
  --ls: clamp(-1.75px, -0.25vw, -3.5px);
}

h1, h2, h3, h4, h5, h6 {
  font-family: "larken-regular", serif;
}
h1.font-sans-serif, h2.font-sans-serif, h3.font-sans-serif, h4.font-sans-serif, h5.font-sans-serif, h6.font-sans-serif {
  font-family: "Red Hat Text", sans-serif;
}

.playfair {
  font-family: "Playfair Display", serif;
}

blockquote {
  font-family: "Playfair Display", serif;
}

.red-hat {
  font-family: "Red Hat Text", sans-serif;
}

p {
  font-family: "Red Hat Text", sans-serif;
  line-height: 1.8;
  font-size: 25px;
}
@media screen and (max-width: 1023px) {
  p {
    font-size: 23px;
  }
}

span {
  font-family: inherit;
}

.color-gold {
  color: gold;
}

.bg-orange-400 {
  background-color: rgb(251, 146, 60);
}
.bg-orange-400:hover {
  background-color: rgb(253, 186, 116);
}

.text-orange {
  color: rgb(251, 146, 60);
}

.text-black {
  color: rgba(1, 1, 1, 0.0039215686) !important;
}

.bg-chestnut {
  background-color: #bc5b4b;
}

.bg-primary-gradient {
  background: #000428; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to top, #004e92, #000428); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.hero {
  background-color: #bc5b4b;
}
.hero h1 {
  font-size: 40px;
  color: #010101;
}

.img-hover-zoom {
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

.img-hover-zoom img {
  transition: transform 0.5s ease;
}

.img-hover-zoom:hover img {
  transform: scale(1.15);
}

.blog-style h1, .blog-style h2, .blog-style h3, .blog-style h4, .blog-style h5, .blog-style h6 {
  margin-bottom: 25px;
}
@media screen and (min-width: 1024px) {
  .blog-style h1, .blog-style h2, .blog-style h3, .blog-style h4, .blog-style h5, .blog-style h6 {
    margin-bottom: 40px;
  }
}
.blog-style h2 {
  font-size: 3rem;
}
@media screen and (max-width: 1023px) {
  .blog-style h2 {
    font-size: 2rem;
  }
}
.blog-style p {
  margin-bottom: 20px;
}
@media screen and (min-width: 1023px) {
  .blog-style p {
    margin-bottom: 40px;
  }
}

.max-width-larger {
  max-width: 105rem;
}

.list-with-ticks li {
  background: url("/images/check.svg") no-repeat left center;
  padding: 0px 0 3px 24px;
}

.blink-white {
  animation: glow-white 4s ease-in-out infinite;
}

.blink-yellow {
  animation: glow-yellow 4s ease-in-out infinite;
}

.blink-blue {
  animation: glow-blue 4s ease-in-out infinite;
}

@keyframes blink-orange {
  0%, 100% {
    background-position: -200% 0;
  }
  50% {
    background-position: 200% 0;
  }
}
.blink-orange {
  background: linear-gradient(to right, rgb(251, 146, 60) 20%, rgb(255, 183, 122) 40%, rgb(255, 183, 122) 60%, rgb(251, 146, 60) 80%);
  background-size: 200% auto;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  animation: blink-orange 4s linear infinite;
}

ul.with-lines {
  list-style: none;
  padding-left: 0;
}

ul.with-lines li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 0.5em;
}

ul.with-lines li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.7em;
  width: 16px;
  height: 1px;
  background-color: currentColor;
}

.main-menu a {
  color: white;
  margin-right: 40px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 0.85rem;
}

.home-height {
  height: calc(100vh - 90px);
}

.title {
  font-size: 4rem;
  font-weight: 800;
  letter-spacing: var(--ls);
  position: relative;
  overflow: hidden;
  margin: 0;
}

.aurora {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  mix-blend-mode: darken;
  pointer-events: none;
}

.aurora__item {
  overflow: hidden;
  position: absolute;
  width: 60vw;
  height: 60vw;
  background-color: var(--clr-1);
  border-radius: 37% 29% 27% 27%/28% 25% 41% 37%;
  filter: blur(var(--blur));
  mix-blend-mode: overlay;
}

.aurora__item:nth-of-type(1) {
  top: -50%;
  animation: aurora-border 6s ease-in-out infinite, aurora-1 12s ease-in-out infinite alternate;
}

.aurora__item:nth-of-type(2) {
  background-color: var(--clr-3);
  right: 0;
  top: 0;
  animation: aurora-border 6s ease-in-out infinite, aurora-2 12s ease-in-out infinite alternate;
}

.aurora__item:nth-of-type(3) {
  background-color: var(--clr-2);
  left: 0;
  bottom: 0;
  animation: aurora-border 6s ease-in-out infinite, aurora-3 8s ease-in-out infinite alternate;
}

.aurora__item:nth-of-type(4) {
  background-color: var(--clr-4);
  right: 0;
  bottom: -50%;
  animation: aurora-border 6s ease-in-out infinite, aurora-4 24s ease-in-out infinite alternate;
}

@keyframes aurora-1 {
  0% {
    top: 0;
    right: 0;
  }
  50% {
    top: 100%;
    right: 75%;
  }
  75% {
    top: 100%;
    right: 25%;
  }
  100% {
    top: 0;
    right: 0;
  }
}
@keyframes aurora-2 {
  0% {
    top: -50%;
    left: 0%;
  }
  60% {
    top: 100%;
    left: 75%;
  }
  85% {
    top: 100%;
    left: 25%;
  }
  100% {
    top: -50%;
    left: 0%;
  }
}
@keyframes aurora-3 {
  0% {
    bottom: 0;
    left: 0;
  }
  40% {
    bottom: 100%;
    left: 75%;
  }
  65% {
    bottom: 40%;
    left: 50%;
  }
  100% {
    bottom: 0;
    left: 0;
  }
}
@keyframes aurora-4 {
  0% {
    bottom: -50%;
    right: 0;
  }
  50% {
    bottom: 0%;
    right: 40%;
  }
  90% {
    bottom: 50%;
    right: 25%;
  }
  100% {
    bottom: -50%;
    right: 0;
  }
}
@keyframes aurora-border {
  0% {
    border-radius: 37% 29% 27% 27%/28% 25% 41% 37%;
  }
  25% {
    border-radius: 47% 29% 39% 49%/61% 19% 66% 26%;
  }
  50% {
    border-radius: 57% 23% 47% 72%/63% 17% 66% 33%;
  }
  75% {
    border-radius: 28% 49% 29% 100%/93% 20% 64% 25%;
  }
  100% {
    border-radius: 37% 29% 27% 27%/28% 25% 41% 37%;
  }
}
.bg-pattern {
  background-color: #1a1a1a;
  background-image: url("/tenantlaraworks/pattern.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-blend-mode: overlay;
  background-size: cover;
}

.cms-page h1 {
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  .cms-page h1 {
    font-size: 2rem;
  }
}
.cms-page h2 {
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .cms-page h2 {
    font-size: 1.5rem;
  }
}
.cms-page h3 {
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .cms-page h3 {
    font-size: 1.55rem;
  }
}
.cms-page p, .cms-page h1, .cms-page h2 {
  margin-bottom: 1rem;
}