/**** CUSTOM NAV MENUS ****/
.btn1::before {
  content: "";
  position: absolute;
  top: 6px;
  right: 0px;
  width: 8px;
  height: 6px;
  background-image: url('http://d3m889aznlr23d.cloudfront.net/img/events/id/459/459268804/assets/76053d5dee3a8cc6e46c616be4537ccf.Frame-1707478417.png');
  background-size: inherit;
  background-repeat: no-repeat;
  background-position: right;
  transition: all ease 0.3s;
  transform: rotate(0deg);
  pointer-events: none; /* So it doesn't block clicks */
}
.btn1:hover::before {
  transform: rotate(180deg);
}
.nav-dropdown-arrow {
  transition: all ease 0.3s;
  transform: rotate(0deg);
}
.open .nav-dropdown-arrow {
  transform: rotate(180deg);
}
.island-image {
  transition: opacity 0.5s ease-in-out;
  opacity: 1; /* Default visible */
}
.finetune .navigation {
  position: relative !important;
}
#splash-container, #main-canvas {
  overflow: visible !important;
}
.position-sticky {
  position: sticky !important;
  top: 8rem !important;
}
@media screen and (max-width:900px) {
  .position-sticky {
    position: relative !important;
    top: 0rem !important;
  }
}
.btn-98 {
  -webkit-tap-highlight-color: transparent !important;
  -webkit-appearance: button !important;
  cursor: pointer !important;
  display: flex !important;
  -webkit-mask-image: -webkit-radial-gradient(#000, #fff) !important;
  position: relative !important;
  box-sizing: border-box !important;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% + 1px), 0 calc(100% + 1px)) !important;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% + 1px), 0 calc(100% + 1px)) !important;
  -webkit-mask-image: none !important;
}
.btn-98:hover:before {
  -webkit-animation: slide 0.5s ease !important;
  animation: slide 0.5s ease !important;
}
.btn-98:before {
  background: currentColor !important;
  bottom: -1px !important;
  content: "" !important;
  display: block !important;
  height: 1px !important;
  left: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 100% !important;
}
.btn-98 a {
  transition: max-width 0.3s ease, width 0.3s ease !important;
  display: inline-flex !important;
  white-space: nowrap !important;
}
@keyframes slide {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(100%);
  }
  51% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

/************* ACCORDIONS *************/
.down-caret,
.plus-x,
.plus-minus p:before,
.creative-accordion-button,
.creative-accordion,
.creative-accordion .color-mask {
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
  cursor: pointer;
}
.creative-accordion:hover .color-mask {
  opacity: 0.2 !important;
}
.down-caret p:before {
  content: '\E012';
  font-family: 'kohtello';
  transform: rotate(0deg);
}
.plus-x p:before, .plus-minus p:before {
  content: '\002B';
}
.plus-minus p:before {
  display: block;
}
.rotated .plus-minus p:before {
  transform: rotate(180deg);
  content: '\2212';
}
.rotated .down-caret {
  transform: rotate(180deg);
}
.rotated .plus-x {
  transform: rotate(45deg);
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
/************* NAVIGATION *************/
.creative-hamburger {
  display: none !important;
  cursor: pointer;
}
.creative-navigation {
  display: inline-block !important;
}
.creative-hamburger .cms-spacer-element {
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform-origin: 0 0;
}
.creative-hamburger.open .cms-spacer-element:nth-of-type(1) {
  transform: translateX(1px) rotate(45deg);
  width: 1.25rem !important;
}
.creative-hamburger.open .cms-spacer-element:nth-of-type(2) {
  opacity: 0;
}
.creative-hamburger.open .cms-spacer-element:nth-of-type(3) {
  transform: translateX(1px) rotate(-45deg);
  width: 1.25rem !important;
}

/* Tablet */
@media screen and (max-width: 992px) {
  body:not(.finetune) .creative-navigation {
    display: none !important;
  }
  body:not(.finetune) .navigation-position {
    position: fixed !important;
  }
  .footer-desktop {
    display: none !important;
  }
  .creative-hamburger {
    display: inline-block !important;
  }
  .footer-container {
    display: inline-block !important;
  }
  .creative-navigation {
    margin-top: 0.5rem;
    border-radius: 1rem;
    overflow: hidden;
    width: 100% !important;
  }
  .creative-accordion {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .creative-accordion .color-mask, .hidden-color-mask {
    border-radius: 0 !important;
    height: 100% !important;
    top: 0 !important;
  }
  body:not(.finetune) .creative-active {
    display: inline-block !important;
  }
}
@media screen and (min-width:801px) {
  /* Hide all tab content by default (not in edit mode) */
  body:not(.finetune) .creative-tab-item {
    display: none !important;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
  }
  /* Show tab content when hovered (via class added by JS) */
  body:not(.finetune) .creative-tab-item.hover-active-tab-item {
    display: block !important;
    opacity: 1;
    pointer-events: auto;
    animation: animateIn .75s forwards ease;
  }
  /* Style for the active tab button (visual only) */
  .creative-tab-button.creative-active-tab-button {
    color: #404040 !important;
    border: 1px solid rgb(64, 64, 64);
  }
  /* Tab button hover style (optional) */
  .creative-tab-button:hover {
    cursor: pointer;
  }
}
/* Fade animation */
@keyframes animateIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.footer-top {
  border-radius: 1rem 1rem 0px 0px !important;
}