button{
  cursor: pointer;
}
.wcf--text{
  li{
    list-style: unset !important;
  }
}
//form
.wcf--form-wrapper {
  input[type=date],
  input[type=email],
  input[type=number],
  input[type=password],
  input[type=search],
  input[type=tel],
  input[type=text],
  input[type=url],
  select,
  textarea {
    width: 100%;
    border: 1px solid #666;
    outline: none;
  }

  input[type=submit].wpcf7-submit {
    outline: none;
  }
}

//Tab widget css
.wcf--tabs {
  display: flex;
  flex-direction: column;
  gap: 30px;

  .tab-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    cursor: pointer;
    outline: none;
    padding: 10px 20px;
    background-color: #F1F2F3FF;
    transition: 0.3s all;

    &.active,
    &:hover {
      background-color: #b5c2cf;
    }

    i,
    svg {
      width: 1em;
      height: 1em;
      display: inline-block;
    }
  }

  .tab-content {
    display: none;
    padding: 20px;
    border: 1px solid #d5d8dc;
  }

  .tabs-wrapper {
    display: flex;
    gap: 10px;
  }
}

//slider
.elementor-widget-n-carousel,
.wcf__slider-wrapper {
  position: relative;

  .wcf__slider {
    text-align: center;
    margin: 0 auto;
    --slides-to-show: 1;
    --space-between: 20px;

    &:not(.swiper-initialized) {
      .swiper-wrapper {
        gap: var(--space-between);
      }

      .swiper-slide {
        width: calc((100% / var(--slides-to-show)) - (var(--space-between) * (var(--slides-to-show) - 1) / var(--slides-to-show)));
      }
    }
  }

  .ts-navigation {
    gap: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    z-index: 1;
    position: relative;
  }

  .wcf-arrow {
    font-size: 20px;
    padding: 10px;
    color: #666666;
    border: 1px solid #EFEFEF;
    position: relative;
    z-index: 1;
    aspect-ratio: 1/1;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    cursor: pointer;

    svg {
      width: 1em;
      height: 1em;
    }
  }

  .mid-line {
    width: 100px;
    display: inline-block;
    background-color: #384364;
    height: 1px;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 10px;
  }

  .swiper-pagination {
    gap: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
  }
}

//testimonial slider
.wcf__t_slider-wrapper {
  .wcf-arrow {
    svg,
    i {
      width: 1em;
      height: 1em;
    }
  }
}

//slider pagination position
.wcf--slider-pagination {
  &-top {
    .swiper-pagination {
      top: 0;
      bottom: auto !important;
    }
  }

  &-bottom {
    .swiper-pagination {

    }
  }

  &-left,
  &-right {
    .swiper-pagination {
      width: auto !important;
      display: flex;
      flex-direction: column;
      gap: 10px;
      top: 50%;
      transform: translateY(-50%);
      height: fit-content;

      .mid-line {
        width: 1px;
        height: 100px;
      }
    }
  }

  &-left {
    .swiper-pagination {
      left: 0;
      right: auto !important;
    }
  }

  &-right {
    .swiper-pagination {
      left: auto !important;
      right: 0;
    }
  }
}

//title widget
.wcf--title {
  &.prefix_on_hover,
  &.prefix_on_normal {
    transition: all 0.5s;
    --prefix-width: 60px;
    --prefix-gap: 10px;

    &:before {
      position: relative;
      display: inline-block;
      content: "";
      height: 1px;
      inset-inline-start: 0;
      transition: all 0.5s;
      background-color: #0a0a0a;
    }
  }

  &.prefix_on_normal {

    &:before {
      width: var(--prefix-width);
      margin-right: var(--prefix-gap)
    }
  }

  &.prefix_on_hover {
    &:before {
      width: 0;
    }

    &:hover {
      &:before {
        width: var(--prefix-width);
        margin-right: var(--prefix-gap);
      }
    }
  }

  .highlight,
  a {
    transition: all 0.5s;
  }
}

.elementor-widget .wcf--title > a {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

//floating elements
.elementor-widget-wcf--floating-elements {
  width: 100%;
}

.elementor-editor-preview {
  .elementor-widget-wcf--floating-elements.elementor-widget-empty {
    display: block;
  }
}

.elementor-widget-wcf--floating-elements .elementor-widget-container {
  display: flex;
}

.wcf--floating-elements {
  margin: auto;

  .floating-element {
    position: absolute;
    z-index: 1;
    width: 100px;
  }

  img {
    width: 100%;
  }
}

//live animation
.wcf-live-anim {

  //floating
  @keyframes wcf_animation_float {
    0% {
      transform: translatey(0px);
    }
    50% {
      transform: translatey(-20px);
    }
    100% {
      transform: translatey(0px);
    }
  }

  //floating x
  @keyframes wcf_animation_float_x {
    0% {
      transform: translatex(0px);
    }
    50% {
      transform: translatex(-20px);
    }
    100% {
      transform: translatex(0px);
    }
  }

  //spin
  @keyframes wcf_animation_spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }

  //spin
  @keyframes wcf_animation_scale {
    from {
      transform: scale(1);
    }
    to {
      transform: scale(0.8);
    }
  }

  //wiggle
  @keyframes wcf_animation_wiggle {
    0%, 7% {
      transform: rotateZ(0);
    }
    15% {
      transform: rotateZ(-15deg);
    }
    20% {
      transform: rotateZ(10deg);
    }
    25% {
      transform: rotateZ(-10deg);
    }
    30% {
      transform: rotateZ(6deg);
    }
    35% {
      transform: rotateZ(-4deg);
    }
    40%, 100% {
      transform: rotateZ(0);
    }
  }

  &-float > * {
    animation: wcf_animation_float 6s ease-in-out infinite;
  }

  &-float-x > * {
    animation: wcf_animation_float_x 6s ease-in-out infinite;
  }

  &-spin > * {
    animation: wcf_animation_spin 6s linear infinite;
  }

  &-scale > * {
    animation: wcf_animation_scale 3s linear infinite alternate;
  }

  &-wiggle > * {
    animation: wcf_animation_wiggle 2s linear infinite;
  }
}

//tab widget
.elementor-widget-wcf--tabs {
  &.wcf-tabs-direction-row-reverse,
  &.wcf-tabs-direction-row {
    .tabs-wrapper {
      flex-direction: column;
    }
  }

  &.tabs-alignment-stretch {
    .tab-desktop-title {
      flex: 1 1 auto;
    }
  }
}

.wcfaddon-pro-notice {
  padding: 15px 0;
  max-width: 350px;
  text-align: center;

  .wcfaddon-pro-notice-content {

    h4 {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.4;
      margin-top: 20px;
    }

    p {
      line-height: 1.8;
      font-size: 11px;
      margin-top: 5px;
    }

    .elementor-button {
      background-color: #d30c5c;
      color: #fff;
      padding: 7px 25px;
      margin-top: 20px;
      border: none;
      -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1);
      box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1);
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
    }
  }

}

.wcf--form-wrapper .wpcf7 form .wpcf7-response-output {
  margin: 0;
  padding: 0;
  border: 0;
}

.wcf--image {
  line-height: 0;
}

.post-filter-result {
  font-size: 20px;

  &.cat {
    margin-top: 15px;
    margin-bottom: 12px;
  }
}

.wcf--countdown .timer-content
{
  display: flex;
}