/* 
Theme Name: Pommerie - Hello Elementor Child
Description: Hello Elementor Child theme
Template: hello-elementor
*/




.icone-sociaux a:hover svg{
	fill:var( --e-global-color-accent )!important;
}

@media(max-width:1024px){
	header>.elementor-element>.elementor-element,.menu{position:unset;}
	.menu .elementor-nav-menu--dropdown{
			position: absolute;
			left: 0;
			top: 85px;
			margin: 0;
		z-index:999;
			width: 100%;
	}
}

.elementor-location-single{min-height:100vh;}


/*newsletter plugin form*/
.tnp-subscription{margin-left:0!important;}
.tnp-subscription label{display:none;}

.tnp-submit{
	border-radius:999rem;
	background-color:var( --e-global-color-accent )!important;
	padding:12px 24px!important;
	
	    font-family: var(--e-global-typography-accent-font-family), Sans-serif!important;
    font-size: var(--e-global-typography-accent-font-size)!important;
    font-weight: var(--e-global-typography-accent-font-weight)!important;
    line-height: var(--e-global-typography-accent-line-height)!important;
}

.tnp-subscription input:not(.tnp-submit)
{
font-family: var(--e-global-typography-text-font-family), Sans-serif!important;
    font-size: var(--e-global-typography-text-font-size)!important;
    font-weight: var(--e-global-typography-text-font-weight)!important;
    line-height: var(--e-global-typography-text-line-height)!important;
}


.tnp-submit:hover{
	background-color:var( --e-global-color-5126a07 )!important;
}


.elementor-icon-wrapper{line-height:0;}









/*menu*/
body:not(.elementor-editor-active) #sidebar-menu{
	position:fixed;
	left:100%;
	top:0;
}

.btn-menu{cursor:pointer;}


#sidebar-menu .sub-menu{
	position: relative;
    margin: 0 !important;
    width: 100% !important;
    left: 0 !important;
	top:0!important;
}

#sidebar-menu .menu a{padding:1rem 2rem;}
#sidebar-menu .menu a:hover, #sidebar-menu .current_page_item,#sidebar-menu a.highlighted{color:var(--e-global-color-24f42cf)!important;background:var(--e-global-color-primary);}
.menu-item-has-children a:hover,.menu-item-has-children:has(.current-menu-item)>a{color:var(--e-global-color-24f42cf)!important;background:var(--e-global-color-primary)!important;}
.menu-item-has-children a:hover span,.menu-item-has-children:has(.current-menu-item)>a span{fill:var(--e-global-color-24f42cf)!important;}
.menu-item-has-children>a:focus{color:var(--e-global-color-753a0f6)!important;}
.menu-item-has-children>a:focus:not(:hover) span{fill:var(--e-global-color-753a0f6)!important;}
.menu-item-has-children.active>a,.menu-item-has-children.active>a:focus{color:var(--e-global-color-24f42cf)!important;background:var(--e-global-color-753a0f6);}
.menu-item-has-children.active>a span,.menu-item-has-children.active>a:focus span{fill:var(--e-global-color-24f42cf)!important;}
.submenu-active{display:block!important;}

#sidebar-menu ul.sub-menu{background:var(--e-global-color-f0ec93b);}
#sidebar-menu ul.sub-menu>li>a{padding-left:2.5rem;}






/*header visible sur scroll up*/

:root {
  --default-padding: 1rem;	
  --header-height: 110px; /* valeur initiale, sera remplacée par JS */
}

body:not(.elementor-editor-active) .header {
  position: fixed;
  top: 0;
  width: 100%;
  transition: top 1s ease;
}

body.scroll-down .header {
  top: -100%;
}

body.scroll-up .header {
  top: 0;
}

body>div.elementor,body>main#content{
  padding-top: var(--header-height);
}





/*MODIF DEFAULT ELEMENTOR WIDGET*/

/*accordeon widget*/
body .elementor .e-n-accordion-item-title-text{
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    line-height: var(--e-global-typography-accent-line-height);
    color: var(--e-global-color-primary);
}
body .elementor .e-n-accordion-item-title{
	padding:var(--default-padding);
}

body .elementor .e-n-accordion-item{border:3px solid var(--e-global-color-primary);border-width:0px 3px 3px 3px;}
body .elementor .e-n-accordion-item:first-child{border-width:3px;}
body .elementor .elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title{border:none;border-bottom:3px solid var(--e-global-color-primary);}
body .elementor .e-n-accordion-item-title{flex-direction:row-reverse;justify-content:space-between;}
body .elementor .elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon span>svg{fill:var(--e-global-color-primary)!important;height:100%;}
body .elementor .elementor-widget-n-accordion .e-n-accordion-item:hover .e-n-accordion-item-title-icon span>svg{fill:var(--e-global-color-753a0f6)!important;}
body .elementor .elementor-widget-n-accordion .e-n-accordion-item:hover .e-n-accordion-item-title-text {color:var(--e-global-color-753a0f6)!important;}
body .elementor .elementor-widget-n-accordion .e-n-accordion-item-title-icon span{height:30px;}


/*text widget*/
body .elementor .elementor-widget-text-editor ul li{padding-bottom:1rem;}


/*widget titre - style selon balise choisie*/
body.wp-theme-hello-elementor .elementor-element .elementor-widget-heading span.elementor-heading-title{
	border-left: 0.5rem solid var(--e-global-color-primary);
	padding-left: 1rem;
	color: var(--e-global-color-text);
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: 300;
    line-height: var(--e-global-typography-accent-line-height);
    font-style: italic;}

/*swiper carrousel navigation*/
.elementor-swiper-button{background:var(--e-global-color-primary);padding:10px;border-radius:10px;}
.elementor-swiper-button:hover{background:var( --e-global-color-753a0f6 );}
.elementor-swiper-button.elementor-swiper-button-next{right:-20px!important;}
.elementor-swiper-button.elementor-swiper-button-prev{left:-20px!important;}
.elementor-widget-n-carousel .swiper-pagination-bullet{width:20px;height:20px;border-radius:10px;background:var(--e-global-color-primary);}
.elementor-widget-n-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active,.elementor-widget-n-carousel .swiper-pagination-bullet:hover{background:var( --e-global-color-753a0f6 );}


/*CLASSE POUR ELEMENTOR*/

.elementor-widget-image.ratio-16-9 img{aspect-ratio: 16 / 9!important;object-fit:cover!important;}