/* 
Theme Name: CMDS SA
Theme URI: https://github.com/elementor/hello-theme-child/
Description: CMDS SA is a child theme of Hello Elementor, created by Elementor team
Author: Niix Dev
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: CMDS SA
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 */

.header {
	transition: all .4s !important;
}
.header.nav-scroll {
	border-bottom: 1px solid #ededed;
    transition: all .4s !important;
}

/* 19/03/26 */
@media (max-width: 767px) {
    .galerie-realisation .elementor-gallery__container {
        clear: both;
        width: 100%;
        /*transition: all 0.3s ease;*/
        transition: none !important;
        animation: none !important;
        transform: none !important;
        margin-bottom: 15px !important;
    }
    
    .galerie-realisation .elementor-gallery__container.sticky-content {
        position: sticky;
        top: calc(var(--header-height, 80px) + 10px);
        z-index: 10;
    }
    
    .galerie-realisation .elementor-gallery-title {
        cursor: pointer;
        transition: all 0.3s ease;
    }
    
    .galerie-realisation .elementor-gallery-title.elementor-item-active {
        background-color: #7653a3; /* Ajustez selon votre design */
        font-weight: bold;
    }
	.galerie-realisation .e-gallery-image{
		transition-duration: 0s !important;
	}
}

/********* supression animation galery réalisation **********/
@media screen and (max-width: 767px) {
	.galerie-realisation .elementor-gallery__titles-container {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.galerie-realisation .elementor-gallery-title {
		width: 100% !important;
        text-align: center;
        margin-right: 0 !important;
	}
	.galerie-realisation .elementor-gallery-title:not(.elementor-item-active) {
		background-color: #ededed !important;
	}
	.galerie-realisation .elementor-gallery-title:not(:last-child) {
		margin-bottom: 10px !important;
	} 
	.galerie-anim-none .e-gallery-item {
		transition: none !important;
		animation: none !important;
		transform: none !important;
	}
}