/* 
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;
}


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

.e-loop-item.type-post .postrealisation-renderer .datefield .elementor-widget-container
{
    background-color: var(--e-global-color-accent);
}

.renderer-white .postrealisation-renderer .elementor-widget-heading:not(.title-as-link) .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);

}

.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;
}


/**
RESPONSIVE
 */

@media screen and (min-width: 1024px) {
    /**
    Menu as button
     */
    #header-menu .button-item a {
        border:2px solid #FFF;
        padding-left: 10px;
        padding-right: 10px;
    }
    #header-menu .button-item a:hover {
        background-color: var(--e-global-color-accent);
        border:2px solid var(--e-global-color-accent);
    }
    #header-menu .button-item a:after {
        content: none!important;
    }


    .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;
    }
}