// Improves GA tracking on buttons
.elementor-button span {
  pointer-events: none;
}

// Section links
.webien-section-link {
  color: inherit !important;
}

// Section-padding extension defaults
:root {
  --webien-padding-none: 0px;
  --webien-padding-top-none: 0px;
  --webien-padding-right-none: 0px;
  --webien-padding-bottom-none: 0px;
  --webien-padding-left-none: 0px;

  --webien-padding-top-default: 0px;
  --webien-padding-right-default: 0px;
  --webien-padding-bottom-default: 0px;
  --webien-padding-left-default: 0px;

  --webien-padding-top-xs: 10px;
  --webien-padding-right-xs: 10px;
  --webien-padding-bottom-xs: 10px;
  --webien-padding-left-xs: 10px;

  --webien-padding-top-s: 20px;
  --webien-padding-right-s: 20px;
  --webien-padding-bottom-s: 20px;
  --webien-padding-left-s: 20px;

  --webien-padding-top-m: 30px;
  --webien-padding-right-m: 30px;
  --webien-padding-bottom-m: 30px;
  --webien-padding-left-m: 30px;

  --webien-padding-top-l: 50px;
  --webien-padding-right-l: 50px;
  --webien-padding-bottom-l: 50px;
  --webien-padding-left-l: 50px;

  --webien-padding-top-xl: 80px;
  --webien-padding-right-xl: 80px;
  --webien-padding-bottom-xl: 80px;
  --webien-padding-left-xl: 80px;

  --webien-widget-preview-light: #f9f9f9;
  --webien-widget-preview-dark: #333333;
}

// Hide after element created by image plugin to dont mess up the gaps
div[class^="webien-container-padding-"] {
  &:after {
    display: none;
  }
}

// The first two are static defaults
.webien-container-padding-default.e-con-boxed > .e-con-inner,
.webien-container-padding-default.e-con-full {
  padding-top: var(--padding-block-start);
  padding-bottom: var(--padding-block-end);
}


// Hide background video if autoplay is not permitted
body.no-autoplay {
  video.elementor-background-video-hosted {
    opacity: 0;
  }
  .elementor-background-video-container {
    background: none !important;
  }
}


// Elementor editor widget preview
.webien-elementor-widget-preview {
  background: var(--webien-widget-preview-light);
  border: 1px dashed var(--webien-widget-preview-dark);
  padding: 50px;
  color: var(--webien-widget-preview-dark);
  display: flex;
  justify-content: center;
  align-items: center;

  .title {
    color: var(--webien-widget-preview-dark);
    margin: 0;

    small {
      display: block;
      font-size: 14px;
      font-weight: normal;
    }
  }

  i {
    margin-right: 20px;
    font-size: 50px;
  }
}
