/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
p {
    margin-bottom: 0; 
}

#content > div > div > div.elementor-element.elementor-element-8c08789.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded > div > div.elementor-shape.elementor-shape-top{
    z-index: 10;
}
/* Target exakt den span du angav */
/* Enkel “float” */
#content > div > div > div.elementor-element.elementor-element-8c08789.animated-fast.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded.animated.fadeInUp > div > div > div.elementor-element.elementor-element-26728bd.e-con-full.animated-fast.e-flex.e-con.e-child.animated.fadeInLeft > div.elementor-element.elementor-element-4959e0c.elementor-widget-divider--separator-type-pattern.elementor-widget-divider--bg-round.elementor-widget-divider--view-line.elementor-widget.elementor-widget-divider.animated.fadeInLeft > div > span{

  --amp: 6px;                   /* justera hur mycket den rör sig */
  --dur: 3.2s;                  /* justera hastighet */
  display: inline-block;        /* säkerställer att transform funkar fint */
  animation: floatY var(--dur) ease-in-out infinite;
  will-change: transform;
}

@keyframes floatY {
  0%   { transform: translateX(0); }
  50%  { transform: translateX(calc(-1 * var(--amp))); }
  100% { transform: translateX(0); }
}

/* Respektera reducerad rörelse */
@media (prefers-reduced-motion: reduce) {
 #content > div > div > div.elementor-element.elementor-element-8c08789.animated-fast.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded.animated.fadeInUp > div > div > div.elementor-element.elementor-element-26728bd.e-con-full.animated-fast.e-flex.e-con.e-child.animated.fadeInLeft > div.elementor-element.elementor-element-4959e0c.elementor-widget-divider--separator-type-pattern.elementor-widget-divider--bg-round.elementor-widget-divider--view-line.elementor-widget.elementor-widget-divider.animated.fadeInLeft > div > span {
    animation: none !important;
    transform: none !important;
  }
}

