/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

:root {
  --purple: #a33f97;
  --ltPurple: #fbf1fa;
  -medpurple: #e89aff;
  --teal: #32bfbf;
  --yellow: #fcab33;
  --ltYellow: #fed18d;
}

.home .entry-header {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.wp-block-kadence-advancedbtn .bz-button .kb-svg-icon-wrap svg {
  width: 2em;
  height: 2em;
}

.bz-button {
  transition:
    all 0.25s,
    font-size 0.05s;
}

.bz-button .gb-shape svg {
  width: 2em !important;
  height: 2em !important;
}

.bz-button:hover {
  transform: scale(1.05);
}

.bz-link .gb-shape svg {
  width: 1.5em !important;
  height: 1.5em !important;
}

/* Define the continuous floating/oscillating motion */
@keyframes oscillate {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-45px); /* Moves up by 15 pixels */
  }
  100% {
    transform: translateY(0);
  }
}

/* Apply the animation to your GenerateBlocks element */
.oscillate-up-down {
  animation: oscillate 4s ease-in-out infinite;
}

.bz-wavy-line-text mark {
  position: relative;
}

.bz-wavy-line-text mark::after {
  content: '';
  bottom: -26px;
  left: 0;
  position: absolute;
  background-image: url(/wp-content/uploads/2026/07/wavy-line.webp);
  background-repeat: repeat-x;
  width: 100%;
  height: 30px;
  clip-path: inset(0 100% 0 0);
  animation: reveal-wavy-line 1s ease-out forwards;
  animation-delay: 0.3s;
  animation-play-state: paused;
}

.bz-wavy-line-text.is-visible mark::after {
  animation-play-state: running;
}

@keyframes reveal-wavy-line {
  to {
    clip-path: inset(0 0 0 0);
  }
}

.bz-anim-container {
  position: relative;
  overflow: visible;
}

.bz-boomerang-anim {
  position: static; /* no longer the positioning anchor */
}

.bz-boomerang-anim .kb-img {
  position: absolute;
  top: 50%;

  left: 0;
  z-index: 5;
  width: 100px;
  animation:
    boomerang-move 3s ease-in-out 1,
    boomerang-spin 3s linear 1;
  animation-play-state: paused, paused;
  animation-fill-mode: forwards, forwards;
  transform-origin: center center;
  will-change: left, transform;
}

.bz-boomerang-anim.is-visible .kb-img {
  animation-play-state: running, running;
}

@keyframes boomerang-move {
  0% {
    left: 0;
  }
  50% {
    left: calc(100% - 95px + 50px); /* = calc(100% - 245px) */
  }
  100% {
    left: 50px;
  }
}

@keyframes boomerang-spin {
  0% {
    transform: translateY(-50%) rotate(0deg);
  }
  100% {
    transform: translateY(-50%) rotate(2160deg);
  }
}

/*hide carousel navigation*/
.gb-element-5663c54d {
  display: none;
}

.wp-block-kadence-countup {
  position: relative;
}

.relative {
  position: relative;
}

.hover-box,
.hover-box .kt-inside-inner-col,
.hover-box .kt-inside-inner-col h4,
.hover-box .kt-inside-inner-col p,
.hover-box .kt-inside-inner-col::before {
  transition: all 0.3s;
}

.hover-box.kb-section-has-overlay > .kt-inside-inner-col::before {
  opacity: 0;
}

.hover-box.kb-section-has-overlay:hover > .kt-inside-inner-col::before {
  opacity: 1;
}

.hover-box .kt-inside-inner-col::before {
  background-position: center center;
}

.hover-box:hover h4,
.hover-box:hover p {
  color: #fff;
}

.hover-box.no-color-change:hover h4,
.hover-box.no-color-change:hover p {
  color: inherit;
}

.hover-box:hover {
  transform: translateY(-10px);
}

.hover-box:hover svg.fa-display-code path.fa-secondary {
  fill: var(--teal) !important;
}

.hover-box:hover svg.fa-display-code path.fa-primary {
  fill: #e89aff !important;
}

.hover-box:hover svg.fa-wordpress path,
.hover-box:hover svg.fa-file-vector path {
  fill: #e89aff !important;
}

.hover-box:hover svg.fa-palette path.fa-secondary {
  fill: var(--teal) !important;
}

/* .hover-box:hover .bz-link {
  color: #e89aff;
}
.hover-box:hover .bz-link .gb-shape svg path {
  fill: #e89aff;
} */
