/* 
Theme Name: Hello VOL-V
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/


/* remove bottom margin on last elementor paragraph */
.elementor-widget-text-editor p:last-child {
    margin-bottom: 0;
}

.lh-normal {
    line-height: 1.2rem;
}

.volv-tabs .elementor-tab-title
{
    position: relative;
    padding: 30px 94px !important;
}

.volv-tabs .elementor-tab-title:not(.elementor-active)
{
    opacity: 0.7;
}

.volv-tabs .elementor-tab-title:after
{
    content:'';
    position: absolute;
    right: 0px !important;
    left: unset!important;
    top: 20px!important;
    bottom: 20px!important;
    width: 2px!important;
    height: auto!important;
    background-color: var(--e-global-color-secondary)!important;
}
.volv-tabs .elementor-tab-title:last-child:after
{
    background-color: transparent!important;
}

.volv-tabs .elementor-tab-content
{
    padding: 50px 180px;
}
.volv-tabs ul {
    padding-left: 0;
}
.span-secondary span
{
    color:var(--e-global-color-secondary);
}

.participation-renderer
{
    cursor: pointer;
}

.participation-renderer:hover {
    background-color: #FFF;
    border-radius: 20px;
}

.participation-renderer .text-container {
    transition: padding-bottom 250ms;
}
.participation-renderer:hover .text-container {
    padding-bottom: 30px;
}

.participation-renderer .elementor-divider-separator {
    transition: width 250ms;
}

.participation-renderer:hover .elementor-divider-separator
{
    width: 30%!important;
}
.participation-renderer:hover .elementor-heading-title
{
    color:var(--e-global-color-primary)!important;
    transform: scale(1.1);
}



.participation-renderer svg,
.participation-renderer img {
    transition: all 250ms;
    max-height: 50px;
    width: auto;

}
.participation-renderer:hover svg {
    transform: scale(1.25);
}
.participation-renderer:hover svg path {
    fill:var(--e-global-color-primary)!important;
}

.participation-renderer:hover #Mycea path:nth-child(2),
.participation-renderer:hover #Mycea path:nth-child(3) {
    fill: #FFF!important;
}
.participation-renderer:hover #Groupe_630 #Tracé_286 {
    fill: #FFF!important;
}


.pole-agriculture .participation-renderer:hover .elementor-heading-title,
.pole-agriculture .participation-renderer:hover .elementor-divider,
.pole-agriculture .participation-renderer:hover .elementor-divider-separator
{
    color:var(--e-global-color-538ebba )!important;
    --divider-color:var(--e-global-color-538ebba )!important;
}
.pole-agriculture .participation-renderer:hover svg path {
    fill:var(--e-global-color-538ebba)!important;
}

.pole-energie .participation-renderer:hover .elementor-heading-title,
.pole-energie .participation-renderer:hover .elementor-divider,
.pole-energie .participation-renderer:hover .elementor-divider-separator
{
    color:var(--e-global-color-543974a )!important;
    --divider-color:var(--e-global-color-543974a )!important;
}
.pole-energie .participation-renderer:hover svg path {
    fill:var(--e-global-color-543974a)!important;
}

.article-renderer {
    position: relative;
}
.article-renderer .article-btn
{
    transition: all 250ms;
    margin-top: 40px;
}
.article-renderer:not(:hover) .article-btn {
    opacity: 0;
    margin-top: 0;

}

.article-renderer .e-con-inner:before {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 35%;
    height: 100%;
    background-color: var(--e-global-color-primary);
    z-index: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    transition: all 250ms;
}

.article-renderer:hover .e-con-inner:before {
    width: 100%;
    height: calc(100% + 40px);
    border-radius: 10px;
}

.volv-header:before
{
    opacity: 1;
    background-color: #000000!important;
    transition: background-color 1600ms;
}
.volv-header-video:before {
    z-index: 9;

}

.volv-header.animated:before
{
    background-color: #00000000!important;
}

#volv-timeline-next,
#volv-timeline-prev
{
    cursor: pointer;
}

#timeline-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    aspect-ratio: 1/1;
}


#volv-storytimeline .twae-h-line
{
    border-top: 2px dashed #FFF;
    height: 1px;
    background-color: transparent;
    top: 70px;

}

#volv-storytimeline .twae-icon
{
    border: 0;
    background-image:url("img/polygone-timeline.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top:50px;
    position: relative;
}

/*#volv-storytimeline {
    user-select: none;
    pointer-events: none;
}*/
#volv-storytimeline .swiper-slide{
    cursor: pointer;
}
#volv-storytimeline .swiper-slide:not(.swiper-slide-active) .twae-icon
{
    opacity: 0;
}

#volv-storytimeline .swiper-slide .twae-label-big
{
    padding: 6px 20px;
}

#volv-storytimeline .swiper-slide.swiper-slide-active .twae-label-big
{
    background-color: #FFF!important;
    color:var(--e-global-color-primary)!important;
    border-radius: 8px;
}

 #volv-storytimeline .twae-arrow,
#volv-storytimeline .twae-content
{
display: none;
}

#volv-storytimeline .twae-button-next,
#volv-storytimeline .twae-button-prev
{
    opacity: 0;
}

#volv-storytimeline {
    height: 130px;
}

#volv-storytimeline .twae-wrapper
{
    --tw-lbl-gap:0;
}

.pole-logo img
{
    transition: transform 400ms;
}

.pole-logo:hover img {
    transform: translateY(8px);
}


.logos-carrousel  img {
    max-width: 150px;

}

#participation-mots-cles ol {
    padding-left: 20px;
}



#participation-visuel .elementor-widget-container {
    width: 100%;
    height: 200px;
    max-height: 200px;
    overflow: hidden; /* Coupe tout ce qui dépasse */
    position: relative;
}

#participation-visuel img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
}

@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .volv-tabs .elementor-tab-title
    {
        padding: 30px 60px !important;
    }

    .volv-tabs .elementor-tab-content
    {
        padding: 40px 120px;
    }
}

@media screen and (max-width: 767px)
{

    .volv-tabs .elementor-tab-title
    {
        padding: 30px 40px !important;
    }
    .volv-tabs .elementor-tab-content
    {
        padding: 10px 40px;
    }

    .volv-tabs .elementor-tab-title:not(:last-child):after
    {
        left: 15px;
        right: unset;
    }
}