/*
	Theme Name: Hello Elementor child
    template: hello-elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: A plain-vanilla & lightweight theme for Elementor page builder
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 2.4.2
	Stable tag: 2.4.2
	Requires at least: 4.7
	Tested up to: 5.9
	Requires PHP: 5.6
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* GLOBAL */
input,
select {
  outline: none !important;
}

.elementor-icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.container-icon {
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;
}

.line::after {
  content: "";
  position: absolute;
  top: 50px;
  left: calc(50% + 65px);
  width: calc(200% - 105px);
  height: 1px;
  z-index: 0;
  background: linear-gradient(270deg, transparent 0%, #00c16a 20%, #009848 50%, #00c16a 80%, transparent 100%);
  background-size: 200% 100%;
  animation: lineMove 3.5s linear infinite;
}

/* PAGE SERIE */
.elementor-1108 .elementor-element.elementor-element-677832a .jet-listing-dynamic-repeater__items,
.elementor-1112 .elementor-element.elementor-element-2e808da .jet-listing-dynamic-repeater__items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
}  
.jet-tabs__control-wrapper {
  background: none !important;
}
img.image-page-serie {
  border-radius: 5px !important;
}
.card-perso {
  display: flex;
  gap: 10px;
  background: #162a31;
  border-radius: 5px;
  overflow: hidden;
}

.card-perso img {
  width: 70px;
  height: 100px !important;
  object-fit: cover;
  object-position: center;
}

.card-perso div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 90px;
}
.card-perso .name {
  color: #fff;
}
.card-perso .role {
  color: #ffffffb0;
  font-size: 10px;
  text-transform: capitalize;
  font-style: italic;
}

@keyframes lineMove {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

@media screen and (max-width: 767px) {
  .line::after {
    display: none;
  }
}