/*
Theme Name: Sound therapy
Template: hello-elementor
*/

.st-section {
  scroll-margin-top: 80px;
}
.dt_menu .elementor-item-active {
    position: relative;
}
.dt_menu .elementor-item-active:after {
    content: '';
    position: absolute;
    background: url(./img/underline.svg);
    bottom: -14px;
    width: 120px;
    height: 10px;
    background-repeat: no-repeat;
    background-position: center;
    left: 50%;
    margin-left: -60px;    
}


/* v1 */
.cta_btn a {
  border-radius: 50px;
  border: 1px solid transparent;
  padding: 14px 32px 16px 32px;
  background: linear-gradient(to right, #F5C684 0%, #FFEFCC 54%, #F5C684 100%) padding-box, linear-gradient(180deg, #FFF5DF, #F5C684) border-box;
  box-shadow: 0 1px 1px 0 #D9AA66 !important;
  box-shadow: inset 0 -10px 7px -6px #D9AA66 !important;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
/* Псевдо-елемент для блиску */
.cta_btn a::after {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
  pointer-events: none;
  animation: shine 9s linear infinite;
}

.cta_btn a:hover {
  background: #FDE7BF;
  box-shadow: none !important;
  box-shadow: 0 1px 1px 0 #D9AA66 !important;
}

@keyframes shine {
  0% {
    left: -50%;
    opacity: 0;
  }
  11.11% {
    left: 100%;
    opacity: 1; /* блиск пройшов повністю за 1 секунду */
  }
  12% {
    opacity: 0; /* зникає одразу після проходження */
  }
  100% {
    left: 100%;
    opacity: 0; /* пауза решту 8 секунд */
  }
}



/* v2 */
.cta_btn__top a {
  border-radius: 50px;
  border: 1px solid #A16102;
  line-height: 11px !important;
  padding: 17px 32px;
  background: transparent;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.cta_btn__top a:hover {
  background: #A16102;
  color: #FCF3E6 !important;
}


/* st-form */
.st-form button:hover {
  background: #FDE7BF !important;
  box-shadow: 0 1px 1px 0 #D9AA66 !important;
}