/*-------------------------------------------------------*/
/* Widgets
/*-------------------------------------------------------*/

/*-------------------------------------------------------*/
/* Logo
/*-------------------------------------------------------*/
.eversor-logo-container {
  display: block;
  line-height: 1;
}

/*-------------------------------------------------------*/
/* Sliders
/*-------------------------------------------------------*/
.eversor-slider {

  .swiper-wrapper {
    margin-bottom: 16px;
  }

  // Dots
  &.swiper-container-horizontal > .swiper-pagination-bullets,
  &.swiper-pagination-custom,
  &.swiper-pagination-fraction {
    bottom: -5px;
  } 

  .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: $text-color;
    opacity: 1;
  }  

  // Arrows
  .elementor-swiper-button {
    z-index: 2;
    width: 34px;
    height: 34px;
    border-radius: 50px;
    background-color: #fff;
    color: $heading-color;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    transition: opacity $transition;

    &:hover,
    &:focus {
      opacity: 0.8;
    }
  }

  .elementor-swiper-button-next {
    right: 0;
  }

  .elementor-swiper-button-prev {
    left: 0;
  }

  &.eversor-slider--arrows {
    position: static;
    margin-left: 17px;
    margin-right: 17px;
  }
}

/*-------------------------------------------------------*/
/* Elementor Pagination / Load More Button
/*-------------------------------------------------------*/
.eversor-load-more {
  .loader > div {
    width: 24px;
    height: 24px;
    border-top-color: #fff;
    border-bottom-color: #fff;
  }
}

.eversor-loading {
  span {
    opacity: 0;
  }
}

.elementor-pagination {
  margin-top: 30px;
}


/* Filter
-------------------------------------------------------*/
.isotope-filter {
  margin-bottom: 48px;

  a {
    display: inline-block;
    position: relative;
    padding: 4px 12px;
    border-radius: 3px;
    margin-right: 2px;
    margin-bottom: 8px;
    font-size: 1rem;
    font-weight: 500;
    color: $text-color;

    &.active,
    &:hover,
    &:focus {
      background-color: $primary-color;
      color: #fff;
    }

    &:last-child {
      margin-right: 0;
    }
  }
}


/*-------------------------------------------------------*/
/* Forms
/*-------------------------------------------------------*/
.elementor-widget .eversor-field-group {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;

  input,
  select,
  textarea {
    margin-bottom: 0;
  }
}

.eversor-field {
  flex-basis: 100%;

  .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
  }
}

.eversor-consent-checkbox {
  font-family: inherit;
  margin-top: 12px;
  text-transform: none;
  flex: 1 0 100%;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
}