/* 
Theme Name: Hello Comwell Starter
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Comwell Starter : Elementor Child Theme
Author: Comwell
Author URI: https://www.comwell.fr
Template: hello-elementor
Version: 1.0.1
Text Domain: cwstarter
*/


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


/* automatic add left and right padding  */
.elementor[data-elementor-type="header"] > .e-con-boxed > .e-con-inner,
.elementor[data-elementor-type="footer"] > .e-con-boxed > .e-con-inner,
.elementor[data-elementor-type="wp-page"] > .e-con-boxed > .e-con-inner,
.elementor[data-elementor-type="single-post"] > .e-con-boxed > .e-con-inner {
    padding-left: 10px;
    padding-inline-start : 10px;
    padding-right: 10px;
    padding-inline-end: 10px;
}

/** automatic set font color to primary color **/
body  {
    color:var(--e-global-color-primary);
    font-family: var(--e-global-typography-text-font-family);
}

h1,h2,h3 {
    font-family: var(--e-global-typography-primary-font-family);
}

.em-accent em {
    font-style: normal;
    color:var(--e-global-color-accent);
}


.title-underlined .elementor-heading-title{
    position: relative;
    padding-bottom: 10px;
}
.title-underlined .elementor-heading-title:after {
    content:'';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background-color:  var(--e-global-color-accent);
}

.mix-blend-mode-multiply,
.before-mix-blend-mode-multiply:before {
    mix-blend-mode: multiply;
}


.absolute-center-horizontally {
    left: 50%;
    transform: translateX(-50%);
}

.absolute-center-vertically {
    top: 50%;
    transform: translateY(-50%);
}

.title-as-link .elementor-heading-title a {
    position: relative;
    padding-bottom: 6px;
}
.title-as-link .elementor-heading-title a:after {
    content:'';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color:  var(--e-global-color-accent);
    transition: bottom 250ms;
}

.title-as-link .elementor-heading-title a:hover:after {
    bottom: -10px;
}


.btn-accent .elementor-button {
    background-color:  var(--e-global-color-accent);
    border-color:  var(--e-global-color-accent);
    color:#FFF;
}

.btn-accent .elementor-button:hover {
    color:  var(--e-global-color-accent);
    border-color:  var(--e-global-color-accent);
    background-color:#FFF;
}


body.not(.elementor-editor-active) .e-loop-item:not(.cs-realisation) .realisation-only,
body.not(.elementor-editor-active) .e-loop-item:not(.type-post) .post-only {
    display: none;
}



.renderer-white .postrealisation-renderer .elementor-widget-heading:not(.title-as-link,.link-pyramide) .elementor-heading-title,
.renderer-white .postrealisation-renderer .elementor-widget-theme-post-excerpt .elementor-widget-container
{
    color:#FFF!important;
}

.postrealisations-tab .e-n-tab-title-text{
    position: relative;
}
.postrealisations-tab .e-n-tab-title[aria-selected="false"] .e-n-tab-title-text:after {
    content:'';
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: -6px;
    left: 0;
    background-color: var(--e-global-color-accent);

}

.postrealisation-renderer time {
	white-space:nowrap;
}

.hidedate .postrealisation-renderer .datefield {
    display: none;
}

.postrealisations-tab-home .postrealisation-renderer .image-container {
    padding-top: 0;
    justify-content: flex-end;
    align-items: flex-start;

}


.elementor-field-group .elementor-select-wrapper select {
    padding-right: 50px;
}

.elementor-select-wrapper .eicon-caret-down:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 45px;
    background-color: var(--e-global-color-accent);
    -webkit-mask-image: url('img/fleche-bas.svg');
    mask-image: url('img/fleche-bas.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center bottom;
    mask-position: center bottom;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.picto-pyramide svg {
	height:42px;
}

.picto-pyramide.picto-small svg {
	height:26px;
}

.link-pyramide a {
	position:relative;
}

.link-pyramide a:after {
	position:absolute;
	content:'';
	left:0;
	bottom : -10px;
	height:20px;
	width:100%;
	background-image:url('img/pete-menu-picto.png');
	background-repeat:no-repeat;
	background-position : bottom center;
	background-size:0;
}

 .renderer-white  .link-pyramide a:after {
	background-image:url('img/pete-menu-picto-white.png');
}


.link-pyramide:hover a:after {
	background-size:20px;
}


.elementor-message .elementor-message-success
{	
	font-size:18px;
	color:green;
}

.link-hover-accent a:hover  {
	color:var(--e-global-color-accent)!important;
}


/**
RESPONSIVE
 */

@media screen and (min-width: 1024px) {
	
	#header-menu .menu-item:not(.menu-item-has-children) .elementor-item:before {
		background-image:url('img/pete-menu-picto.png');
		background-repeat:no-repeat;
		background-position : bottom center;
		background-size:20px;
	}
	
    /**
    Menu as button
     */
	 
	 #header-menu .button-item
	 {
		 align-items:center;
	 }
    #header-menu .button-item a {
		background-color:var(--e-global-color-accent);
		color:#FFF;
        padding:10px 16px;
		border-radius:8px;
    }
    #header-menu .button-item a:hover {
        color: var(--e-global-color-accent);
		background-color : #FFF;
    }
	
    #header-menu .button-item a:after {
        content: none!important;
    }
	
	 #header-menu .elementor-sub-item:hover {
		 font-weight:bold;
		 font-size:16px;
	 }


    .top-banner {
        min-height: 445px;
    }


}

@media screen and (min-width:768px) and (max-width:1023px) {
    .top-banner {
        min-height: 350px;
    }
}

@media screen and (max-width:767px) {
    .top-banner {
        min-height: 300px;
    }
	
	.picto-pyramide svg {
		height:32px;
		margin-bottom:-10px;
	}

	.picto-pyramide.picto-small svg {
		height:20px;
	}
	
	.xs-nobr br {
		display: none;
	}
	
}