/*
	Theme Name: PZLS
	Theme URI:
	Description: Child theme for PZLS
	Author: Puzzlestudios
	Author URI:
    Template: hello-biz
	Version: 1.0.0
*/

body a:not(.elementor-button):not(.e-n-menu-title-container) {
    position: relative;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
}

.page-content .elementor-widget-text-editor a:not(.elementor-button):not(.e-n-menu-title-container):hover::after {
    transform: scaleX(1);
}

.page-content .elementor-widget-text-editor a:not(.elementor-button):not(.e-n-menu-title-container)::after {
    content: '';
    position: absolute;
    bottom: -0px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #C2AB00;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}
    


a.elementor-button:not(.no-effect):hover {
	box-shadow: 0 0px 6px 3px rgba(194, 171, 0, .5);
    transform: translateY(-2px)
}

.border-effect {
  position: relative;
  /* z-index: 0; */
  /* height: 400px; */
  /* width: 400px; */
  border-radius: 20px;
  overflow: hidden;
  /* padding: 12px; */
}

.border-effect::before {
  content: "";
  position: absolute;
  z-index: -2;
  left: -50%;
  top: -50%;
  width: 200%;
  height: 200%;
  background-color: #0c2423;
  background-repeat: no-repeat;
  background-size: 100%100%, 50%50%;
  background-position: 0 0, 100% 0, 100% 100%, 0 100%;
  background-image: linear-gradient(#c2ab03, #0c2423);
  animation: bgRotate 4s linear infinite;
}

.border-effect::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: linear-gradient(#0b2323, #334c4a);
  border-radius: 20px;
}

@keyframes bgRotate {
  100% {
    transform: rotate(1turn);
  }
}

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

@keyframes borderGlow {
    0%, 100% {
        border-color: rgba(194,171,0,0.12);
        box-shadow: none;
    }
    50% {
        border-color: rgba(194,171,0,0.7);
        box-shadow: 0 0 18px rgba(194,171,0,0.18),
                    inset 0 0 12px rgba(194,171,0,0.04);
    }
}

@keyframes borderGlowDark {
    0%, 100% {
        border-color: rgba(194,171,0,0.12);
        box-shadow: none;
    }
    50% {
        border-color: rgba(194,171,0,0.7);
        box-shadow: 0 0 18px rgba(194,171,0,0.18),
                    inset 0 0 12px rgba(194,171,0,0.04);
    }
}