/*
Theme Name: Dyn'r
Description: Theme enfant Hello Elementor pour DYN’R.
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/



/***
MISC
***/

.elementor-widget-text-editor p:last-child{margin:0;}


/***
ANIMATIONS
***/

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(30px, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 30px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -30px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}


/***
PAGE ABOUT 
***/


.circle-progress {
  position: relative;
  width: 150px;
  height: 150px;
}

.circle-progress svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.circle-progress__line {
  fill: none;
  stroke: url(#circle-gradient);
  stroke-width: 4;
  stroke-linecap: round;
  stroke-dasharray: 314;
  stroke-dashoffset: 314;
}

.circle-progress.is-loaded .circle-progress__line {
  animation: draw-circle 2s ease forwards;
}

.circle-progress__value {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 32px;
  font-weight: 500;
}

@keyframes draw-circle {
  to {
    stroke-dashoffset: 0;
  }
}