@font-face {
  font-family: "Contax Sans";
  src: url("../../fonts/ContaxSans55Reg-webfont.woff2") format("woff2"), url("../../fonts/ContaxSans55Reg-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Contax Sans";
  src: url("../../fonts/ContaxSans65Med-webfont.woff2") format("woff2"), url("../../fonts/ContaxSans65Med-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
body {
  font-family: "Pontano Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  color: #fedacb;
}

p {
  font-size: 1rem;
}

.primary-heading {
  font-size: clamp(30px, 2.8vw, 47px);
  font-family: "Contax Sans", Helvetica, Roboto, sans-serif;
  margin-top: 0;
  margin-bottom: 25px;
  font-weight: 300;
  line-height: 1.28;
  opacity: 0;
  letter-spacing: -1px;
}
.primary-heading.sm {
  font-size: clamp(27px, 2vw, 35px);
}

.secondary-heading {
  font-size: clamp(32px, 2vw, 38px);
  font-family: "Contax Sans", Helvetica, Roboto, sans-serif;
  margin-top: 0;
  margin-bottom: 25px;
  font-weight: 300;
  line-height: 1.28;
  opacity: 0;
  letter-spacing: -1px;
}

.tertiary-heading {
  font-size: clamp(22px, 1.5vw, 28px);
  font-family: "Contax Sans", Helvetica, Roboto, sans-serif;
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 1.2;
  font-weight: 300;
}
.tertiary-heading.lg {
  font-size: clamp(28px, 2vw, 34px);
}

.caps-heading {
  font-size: clamp(10px, 0.8vw, 14px);
  font-family: "Pontano Sans", Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 400;
  color: #fedacb;
  margin-bottom: 10px;
}
.caps-heading.warm {
  color: #712403;
}
.caps-heading.cold {
  color: #223466;
}

/*h1, h2, h3, h4, h5 {
  font-family: $primary-font;
  font-weight: 300;
  background: radial-gradient(77.17% 77.17% at 50% 39.41%, $lightbrown 0%, $midbrown 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
h1.cold, h2.cold, h3.cold, h4.cold, h5.cold {
  font-family: $primary-font;
  font-weight: 300;
  background: radial-gradient(77.17% 77.17% at 50% 39.41%, $lightblue 0%, $midblue 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}*/
.light-txt {
  color: #fedacb;
}

.dark-txt {
  color: #150A07;
}

.lightblue-txt {
  color: #82AAF7;
}

.lightestbrown-txt {
  color: #EBA689;
}

.lightestblue-txt {
  color: #BFD5F8;
}

.lightbrown-txt {
  color: #C37554;
}

.midbrown-txt {
  color: #712403;
}

.mid-blue-txt {
  color: #223466;
}

.text-md {
  font-size: clamp(14px, 1.3vw, 17px);
}

.text-sm {
  font-size: clamp(12px, 0.8vw, 14px);
}

.btn {
  text-decoration: none;
  padding: 15px 25px;
  font-size: 16px;
  color: #EBA689;
  text-transform: uppercase;
  letter-spacing: 2px;
  border-radius: 3px;
  position: relative;
  z-index: 1;
  transition: all 400ms ease;
  border: none;
  display: inline-block;
  overflow: hidden;
  --gradient-x: 50%;
  --gradient-y: 50%;
  background: linear-gradient(63deg, #0f0300 4.56%, #270c01 89.24%);
}
.btn:hover {
  background: radial-gradient(circle at var(--gradient-x) var(--gradient-y), #c37554 0%, rgba(20, 20, 25, 0.4) 30%, rgba(255, 255, 255, 0.03) 100%);
}
.btn {
  background-size: 100% 100%;
  transition: all 400ms ease;
}
.btn::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background: rgba(36, 8, 0, 0.5);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  border-radius: inherit;
  z-index: -1;
  transition: all 400ms ease;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.03);
}
.btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  z-index: -1;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 20px rgba(235, 166, 137, 0.4), 0 0 40px rgba(195, 117, 84, 0.2);
  animation: glowCycle 3s ease-in-out infinite;
  pointer-events: none;
  opacity: 0.15;
}
.btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 0px 40px rgba(159, 67, 28, 0.27);
}
.btn:hover::before {
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.05);
}
.btn:hover::after {
  animation: glowHover 0.6s ease-in-out forwards;
}
.btn.cold {
  color: #BFD5F8;
  background: linear-gradient(63deg, #040720 4.56%, #0c1733 89.24%);
  /*&::after {
      background: radial-gradient(circle, rgba($lightestblue, 0.15) 0%, rgba($lightestblue, 0) 70%);
  }*/
}
.btn.cold:before {
  background: rgba(5, 10, 45, 0.5);
}
.btn.cold:hover {
  box-shadow: 0px 0px 40px rgba(11, 51, 128, 0.5803921569);
  background: radial-gradient(circle at var(--gradient-x) var(--gradient-y), #82aaf7 0%, rgba(20, 20, 25, 0.4) 30%, rgba(5, 5, 10, 0.6) 100%);
}

.custom-link {
  text-decoration: none;
  font-size: 14px;
  letter-spacing: 1.5px;
  color: #C37554;
  font-weight: 400;
  text-transform: uppercase;
  transition: all 300ms ease;
  background: transparent;
}
.custom-link:after {
  content: "";
  display: inline-block;
  background: url("/wp-content/themes/Kolm/img/chev-brown.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 10px;
  transition: all 300ms ease;
  width: 13px;
  height: 13px;
  position: relative;
  top: 2px;
  border: none;
  outline: none;
}
.custom-link.cold {
  color: #82AAF7;
}
.custom-link.cold:after {
  background: url("/wp-content/themes/Kolm/img/chev-blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.custom-link.light {
  color: #fedacb;
}
.custom-link.light:after {
  background: url("/wp-content/themes/Kolm/img/chev-light.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.custom-link:hover {
  opacity: 0.7;
}
.custom-link:hover:after {
  transform: translateX(3px);
}
.custom-link.down:after {
  transform: rotate(90deg);
}
.custom-link.down:focus:after, .custom-link.down:active:after {
  transform: rotate(180deg);
}

/*
.cursor-glow {
  position: fixed;
  top: -50px;
  left: -50px;
  width: 40vw;               
  height: 40vw;
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 9999;



  backdrop-filter: brightness(5);
  -webkit-backdrop-filter: brightness(5);


  -webkit-mask-image: radial-gradient(circle, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 70%);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 100%;

  mask-image: radial-gradient(circle, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 70%);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  opacity: 0.3;

    /*&.active {
        //width: 80px;
        //height: 80px;
        background: radial-gradient(circle, rgba($lightestbrown, 0.3) 0%, rgba($lightestbrown, 0) 70%);
        filter: blur(30px);
    }
}*/
@keyframes glowCycle {
  0%, 100% {
    box-shadow: 0 0 20px rgba(195, 117, 84, 0.4), 0 0 40px rgba(195, 117, 84, 0.2);
  }
  50% {
    box-shadow: 0 0 30px rgba(36, 8, 0, 0.6), 0 0 60px rgba(36, 8, 0, 0.3);
  }
}
@keyframes glowHover {
  0% {
    box-shadow: 0 0 20px rgba(195, 117, 84, 0.4), 0 0 40px rgba(195, 117, 84, 0.2);
  }
  100% {
    box-shadow: 0 0 40px rgba(113, 36, 3, 0.8), 0 0 80px rgba(113, 36, 3, 0.4);
  }
}/*# sourceMappingURL=ui.css.map */