@import "../../css/_mixins.scss";
@import "../../css/_theme-vars.scss";
@import "css/_skin-vars.scss";

/* Single Team */
.team_member_page .team_member_title {
  font-weight: var(--theme-font-h2_font-weight);
}

/* Simple BTN */
.sc_button.sc_button.sc_button_simple.sc_button_with_icon .sc_button_icon > span {
  line-height: 30px;
}

/* Events */
.sc_events_default .sc_events_item_price.free_price {
  color: var(--theme-color-text_link2);
}

/* Instagram */
.widget_instagram_type_alter .widget_instagram_follow_link_wrap .widget_instagram_follow_link,
#sb_instagram[data-shortcode-atts*="feedOne"] .sbi_follow_btn a, #sb_instagram.feedOne .sbi_follow_btn a {
  @include border-radius(30px);
}

/* 404 */
.search-no-results .page_content_wrap, .error404 .page_content_wrap {
  background-color: var(--theme-color-bg_color);
}

/* Team Hover */
.sc_team_hover .post_featured .trx_addons_hover_mask {
  background: var(--theme-color-text_link);
  background: -moz-linear-gradient(0deg, var(--theme-color-text_link_07) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(0deg, var(--theme-color-text_link_07) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(0deg, var(--theme-color-text_link_07) 0%, rgba(0, 0, 0, 0) 100%);
}

 /* MCWP */
 #style-6.mc4wp-form {
  label {
    color: var(--theme-color-text_dark);
  }
  input[type="checkbox"] + label:before {
    color: var(--theme-color-text_dark) !important;
    border-color: var(--theme-color-text_dark) !important;
  }
  input[type="checkbox"] + label a {
    border-bottom-color: var(--theme-color-text_dark);
    color: var(--theme-color-text_dark);
    &:hover {
      border-bottom-color: var(--theme-color-text_dark_05);
    color: var(--theme-color-text_dark_05);
    }
  }
 }

/* wpcf7 -style 9 */
div.wpcf7 .form-style-9 {
  text-align: center;
  .columns_wrap > [class*="column-"] {
    padding-bottom: 20px;
  }
  .wpcf7-form-control-wrap.acceptance,
  .wpcf7-form-control-wrap[data-name="acceptance"] {
    text-align: center;
  }
  .select_container,
  textarea,
  input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]) {
    background-color: var(--theme-color-alter_bg_color);
    border: none;
    line-height: 2.1em;
  }
  .style-icon[class*="icon-"]:before {
    top: 13px;
  }
}


 // Link color in footer
.footer_wrap[class*="scheme_"] .sc_layouts_row.sc_layouts_row_type_compact,
.footer_wrap [class*="scheme_"].sc_layouts_row.sc_layouts_row_type_compact {
  .sc_layouts_item a:not(.sc_button):not([class*="button"]) {
    color: var(--theme-color-text_dark);

    &:hover {
      color: var(--theme-color-text_dark_05);
    }
  }
  .sc_layouts_item {
    color: var(--theme-color-text_dark);
  }
  .sc_socials.sc_socials_default .socials_wrap .social_item .social_icon {
    border-color: var(--theme-color-text_dark);
  }
  #style-9.mc4wp-form {
    .mc4wp-form-fields input[type="email"] {
      border-bottom-color: var(--theme-color-text_dark);
    }
    label {
      color: var(--theme-color-text_dark);
    }
    input[type="checkbox"] + label:before {
      border-color: var(--theme-color-text_dark) !important;
      background-color: transparent !important;
    }
    .mc4wp-form-fields button:hover:before, 
    .mc4wp-form-fields input[type="submit"]:hover:before {
      color: var(--theme-color-text_dark);
      opacity: 0.5;
      transition: all 0.3s;
    }
  }
}

.page_wrap.with_bg {
  background-position: top center;
  background-attachment: unset;
  &.extra_bg_repeat {
    background-repeat: repeat;
  }
  &.extra_bg_contain {
    -webkit-background-size: contain;
    background-size: contain;
  }
  &.extra_bg_auto {
    -webkit-background-size: auto;
    background-size: auto;
  }
}

.sc_audio_effects {
  height: 1.5em;
  > span {
    background-color: var(--theme-color-text_dark);
    position: relative;
    height: 0.93em;
    border-radius: 3px;
    min-width: 2px;
    &:nth-child(2) {
      height: 1.34em;
    }
    &:nth-child(3) {
      height: 0.6em;
    }
    &:nth-child(4) {
      height: 1.2em;
    }
    &:first-child {
      margin: 0 5px;
      &:before,
      &:after {
        content: '';
        position: absolute;
        bottom: 0;
        display: inline-flex;
        margin: 0;
        width: 2px;
        background-color: var(--theme-color-text_dark);
        border-radius: 3px;
      }
      &:before {
        height: 1.25em;
        left: -4px;
      }
      &:after {
        height: 1.5em;
        right: -4px;
      }
    }
  }
  &.sc_audio_effects_off:before {
    color: #f04c49;
    top: -1em;
    right: -1em;
  }
  &.sc_audio_effects_on > span:first-child {
    &:before {
      @include animation(music-bar 2s 0.8s ease-out alternate infinite);
    }
    &:after {
      @include animation(music-bar 2s 1.3s ease-out alternate infinite);
    }
  }
}

.sc_portfolio.sc_portfolio_extra .sc_portfolio_item .post_featured .post_info {
  .post_title {
    background-color: var(--theme-color-bg_color);
    a {
      color: var(--theme-color-alter_dark) !important;
    }
  }
  .post_meta .post_categories {
    background-color: var(--theme-color-alter_bg_color);
    a {
      color: var(--theme-color-alter_dark) !important;
    }
  }
}

.equalizer-icon-animate path {
  animation: equalizer 1s infinite alternate;
}

@keyframes equalizer {
  0% {
    height: 0;
  }
  100% {
    height: 10px;
  }
}

.wp-block-button {
  &.has-custom-width .wp-block-button__link {
    padding-left: 15px;
    padding-right: 15px;
  }
  .wp-block-button__link {
    justify-content: center;
    [class^="icon-"] {
      margin-right: 10px;
      position: relative;
      top: -4px;
      height: 1em;
    }
    .icon-spotify {
      font-size: 1.2em;
      top: -3px;
    }
  }
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  background-color: var(--theme-color-text_link2);
}

@media #{$media_sm} {
  /* wpcf7 -style 9 */
  div.wpcf7 .form-style-9 {
    text-align: left;
    .wpcf7-form-control-wrap.acceptance,
    .wpcf7-form-control-wrap[data-name="acceptance"] {
      text-align: left;
    }
  }
}