/*!
Theme Name: CGME 2
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 
License: 
License URI: 
Template: ashley
Text Domain: 
Tags: 
*/

html, html body {
    color: #343434;
}
html body:not(.home) {
    background-color:#fff !important;
}
h1, .mil-h1, body.home h2, #sliderNavBoxMetier h2{
    font-family: 'Playfair Display';
    color: rgb(52, 52, 52);
    font-size: 45px;
}
.elementor-editor-element-settings li:before {
    display: none;
  }
button{
    cursor: pointer;
}
body ul.elementor-editor-element-settings {
    display: flex;
}
body .single-post-text h2 {
    font-size: 30px;
}
body h1,body .mil-h1{
    font-weight: 600;
    line-height: 1.3em;
}
body h2,body .mil-h12,body h3,body .mil-h3,body h4,body .mil-h4,body h5,body .mil-h5,body h6,body .mil-h6 {
    font-weight: inherit;
    line-height: 1.3em;
}
body .elementor-heading-title{
    line-height: 1.3em;
}
#infoMenuPopup h2.elementor-heading-title{
    font-family: 'Playfair Display';
}
body:not(.home) .mil-content{
    background-image: url(img/cgmeLogo2.svg);
    background-position: top 260px right -340px;
    background-size: 890px;
    background-repeat: no-repeat;
}
body .mil-preloader .mil-preloader-animation .mil-pos-abs .mil-h3 {
    color: #343434;
}
body .mil-banner, body .mil-preloader, body .mil-preloader .mil-preloader-animation, body .mil-preloader .mil-preloader-animation .mil-pos-abs {
    height: 100dvh;
    min-height: 450px;
}
body .mil-content .swiper.elementor-background-slideshow, body .mil-content .elementor-element:not(.metierSlider) > .elementor-widget-container > .swiper{
    overflow: hidden;
}
body .mil-banner .container {
    align-items: center;
}
body .mil-banner .mil-banner-content {
    padding-bottom: 0;
    padding-top: 120px;
}
.js-replace__item-two:not(.js-replace__item--active-two) .mil-menu-btn span, .js-replace__item-two:not(.js-replace__item--active-two) .mil-menu-btn span:after, .js-replace__item-two:not(.js-replace__item--active-two) .mil-menu-btn span:before {
    background: #fff !important;
}
.js-replace__item-two:not(.js-replace__item--active-two) .mil-menu-btn.mil-active span:before {
    background: #343434 !important;
}
ol li::marker {
    color: var(--e-global-color-accent) !important;
    font-weight: 600;
}
.single-post-text ul > li:before {
    background-color: var(--e-global-color-accent) !important;
}
.single-post-text ol > li {
    padding-left: 10px;
}
#heroHome .mil-banner-content .col-md-7 {
    width: 100%;
}
.logo-preloader{
    width: 180px;
}
.logo-head{
    width: 230px !important;
}
body .mil-preloader {
    background-color: #fff;
}
body .elementor-widget-image a img[src$=".svg"] {
    width: 100%;
}
.logo-foot{
    width: 200px !important;
}
body .mil-frame {
    position: absolute;
    z-index: 99;
}
body .mil-content footer.mil-dark-bg .mi-invert-fix div {
    pointer-events: auto;
}
.orange{
 color:var(--e-global-color-accent);
}
body .mil-link.mil-dark svg path {
    fill: rgb(248 241 229);
}
body .mil-link.mil-dark svg {
    background-color: var(--e-global-color-accent);
}
.zoneInter{
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 13px;
}
.zoneInter i{
    margin: 0 7px;
}
.zoneRecrut i{
    margin: 0 -10px 0 7px;
}
.zoneInter .zoneTxt{
    text-transform: none;
    letter-spacing: 0;
    font-weight: 500;
    font-size: 16px;
}
.playVid{
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 12px;
}
.playVid .elementor-widget-container p a{
    display: flex;
    align-items: center;
}
.playVid i{
    background: rgb(255 255 255 / 9%);
    border-radius: 50%;
    height: 100px;
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--e-global-color-accent);
    font-size: 28px;
    padding-left: 10px;
    margin-left: 15px;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
}

.playVid .elementor-widget-container p a:hover i, .playVid .elementor-widget-container p a:focus i{
    font-size: 22px;
    background: rgb(255 255 255 / 15%);
}
body .playVid .elementor-widget-container p a:hover, body .playVid .elementor-widget-container p a:focus{
    text-decoration: none;
}
.metierSlider .wp-caption{
    position: relative;    
}
.metierSlider .metiercaption{
    position: absolute;
    bottom: 56px;
    left: 0;
    z-index: 2;
    line-height: 1.5em;
    font-style: normal;
    text-align: left;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 500;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 1;
    width: 100%;
}
.metierSlider .swiper-slide-active .metiercaption{
    opacity: 0;
    bottom: 53px;
}
.metierSlider .wp-caption:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 60%);
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 1;
}
.metierSlider .swiper-slide-active .wp-caption:after{
    opacity: 0;
}
.metierSlider .btnMetier{
    position: absolute;
    bottom: 15px;
    transform: scale(0.5);
    left: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 1;
}
.metierSlider .swiper-slide-active .btnMetier{
    bottom: 10px;
    opacity: 0;
}
.metierSlider .mil-link svg{
    margin-left: 0;
}
.metierSlider .sliderBox{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: transparent;
}
.metierSlider .sliderBox .sliderTxtBox{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: linear-gradient(158deg, rgb(103 178 225 / 0%) 60%, rgba(248, 241, 229, 0) 100%);
}
.metierSlider .swiper-slide-active .sliderBox{
    box-shadow: 0px 40px 60px 6px rgb(0 0 0 / 12%);
    z-index: 15;
}
.metierSlider .swiper-slide-active .sliderBox .sliderTxtBox{
    background: linear-gradient(158deg, rgb(103 178 225 / 15%) 20%, rgba(248, 241, 229, 0) 100%);
}
.metierSlider .sliderBox a{
    text-decoration: none;
}

html .single-post-text .elementor-widget-text-editor a{
    color: var(--e-global-color-accent) !important;
    text-decoration: underline;
}
.metierSlider .e-con:before{
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;

}
.metierSlider .swiper-slide-active .e-con:before{
    opacity: 0;
}
.metierSlider .sliderImgBox{
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    position: relative;
    z-index: 10;
    top: 80px;
}
.metierSlider .swiper-slide-active .sliderImgBox{
    top: 0;
}
.metierSlider .sliderTxtBox{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
    top: -30px;
    opacity: 0;
}
.metierSlider .swiper-slide-active .sliderTxtBox{
    top: 0;
    opacity: 1;
}
.mil-current-page .mil-item-link{
    display: none;
}
.metierSlider .sliderTxtBox h4{
    font-size: 20px;
    line-height: 1.5em;
}
.sliderNavBox .mil-link.mil-dark.mil-arrow-place{
    border: solid rgba(0, 0, 0, 0.2) 1px;
    border-radius: 50%;
    padding: 18px;
}
body .sliderNavBox .arrowControlPrevious_1 svg, body .sliderNavBox .arrowControlForward_1 svg{
    margin: 0;
    background-color: transparent;
    width: 40px;
    height: 40px;
}
body .sliderNavBox .arrowControlPrevious_1 .mil-link.mil-dark path, body .sliderNavBox .arrowControlForward_1 .mil-link.mil-dark path{
    fill: #343434;
}
.sliderNavBox .arrowControlPrevious_1{
    transform: rotate(180deg);
}
#reaGrid .e-loop-item:nth-of-type(4n+1),
#reaGrid .e-loop-item:nth-of-type(4n+4),
#reaGrid .e-loop-item:nth-of-type(4n+1) .e-con,
#reaGrid .e-loop-item:nth-of-type(4n+4) .e-con{
    height: 450px;
}
#reaGrid .e-loop-item:nth-of-type(4n+3),
#reaGrid .e-loop-item:nth-of-type(4n+2),
#reaGrid .e-loop-item:nth-of-type(4n+3) .e-con,
#reaGrid .e-loop-item:nth-of-type(4n+2) .e-con{
    height: 350px;
}
#reaGrid a{
    text-decoration: none;
}
footer.mil-dark-bg:before {
    -webkit-backdrop-filter: none;
    backdrop-filter:none; 
    display: none;
}
body .mil-menu-frame {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: rgba(255, 255, 255, 0);
}
body .mil-menu-frame.mil-active {
    background-color: rgba(255, 255, 255, 1);
}
body .mil-menu-frame .mil-main-menu ul {
    list-style: none;
}
body .mil-menu-frame {
    opacity: 1;
}
body .mil-menu-frame .container{
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
body .mil-menu-frame.mil-active .container{
    opacity: 1;
}
body .mil-menu-frame .mil-frame-top {
    z-index: 10;
}
body .mil-frame-top > .elementor{
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
body.sticky .mil-frame-top > .elementor{
    opacity: 0;
    visibility: hidden;
}
body.sticky .mil-active .mil-frame-top > .elementor{
    opacity: 1;
    visibility: visible;
}
body .menuB{
    position: absolute;
    right: 5%;
    top: 30%;
}
body.sticky .mil-active .mil-frame-top > .elementor{
    opacity: 1;
    visibility: visible;
}
#mil-menu-btnB span:after, #mil-menu-btnB span:before, #mil-menu-btnB span{
    background-color: #343434 !important;
}
.mil-active .js-replace__item-two .mil-menu-btn span, .mil-active .mil-menu-btn span:before{
    background: #343434 !important;
}
body .elementor-message {
    font-size: 1em;
    line-height: 1;
    margin: 30px auto 10px auto;
    text-align: center;
    border: 2px solid green;
    max-width: 300px;
    padding: 15px 15px;
    border-radius: 5px;
    color: green;
    font-weight: 700;
}
.home .logo-head .elementor-widget-container::before{
    content: "";
    background-image: url(img/logo2.png);
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    top: 0;
    left: 0;
}
.home .logo-head .elementor-widget-container img{
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.home.sticky .logo-head .elementor-widget-container img, .home .mil-active .logo-head .elementor-widget-container img{
    opacity: 1;
}
.home.sticky .logo-head .elementor-widget-container::before, .home .mil-active .logo-head .elementor-widget-container::before{
    opacity: 0;
}
.mil-menu-btn {
    height: 60px;
    width: 60px;
    display: flex;
    border-radius: 50%;
    justify-content: center;
}
body .mil-has-children .arrow-dropdown {
    color: var(--e-global-color-accent);
}
body .mil-main-menu ul li a:before {
    background-color: var(--e-global-color-accent);
}
#menuPopup{
    z-index: 99;
}
body .mil-main-menu ul li.mil-has-children ul.mil-active {
    overflow-y: hidden;
}
body .mil-main-menu ul li.mil-has-children a {
    cursor: pointer;
}
body .mil-main-menu ul li a {
    font-size: 27px;
}
body .mil-main-menu ul li {
    margin-bottom: 30px;
}
body:not(.home) .mil-menu-frame .mil-frame-top .mil-menu-btn span, body:not(.home) .mil-menu-frame .mil-frame-top .mil-menu-btn span:after, body:not(.home) .mil-menu-frame .mil-frame-top .mil-menu-btn span:before {
    background-color: #343434 !important;
}
.mil-breadcrumbs {
    margin-top: 50px;
}
#MenuPopup{

}
#infoMenuPopup{

}
body:not(.elementor-editor-active) #infoMenuPopup h2.elementor-heading-title{
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    translate: 30px;
}
body .mil-active #infoMenuPopup h2.elementor-heading-title{
    -webkit-transition: all 0.3s ease 0.2s;
    transition: all 0.3s ease 0.2s;
    opacity: 1;
    translate: 0;
}
body:not(.elementor-editor-active) #infoMenuPopup .elementor-element-1c91220{
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    translate: 30px;
}
body .mil-active #infoMenuPopup .elementor-element-1c91220{
    -webkit-transition: all 0.3s ease 0.3s;
    transition: all 0.3s ease 0.3s;
    opacity: 1;
    translate: 0;
}
body:not(.elementor-editor-active) #infoMenuPopup .elementor-element-a5da59f{
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    translate: 30px;
}
body .mil-active #infoMenuPopup .elementor-element-a5da59f{
    -webkit-transition: all 0.3s ease 0.4s;
    transition: all 0.3s ease 0.4s;
    opacity: 1;
    translate: 0;
}
body:not(.elementor-editor-active) #infoMenuPopup .elementor-element-2ac29fc{
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    translate: 30px;
}
body .mil-active #infoMenuPopup .elementor-element-2ac29fc{
    -webkit-transition: all 0.3s ease 0.5s;
    transition: all 0.3s ease 0.5s;
    opacity: 1;
    translate: 0;
}
body:not(.elementor-editor-active) #LineMenuPopup{
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-left: #343434 solid 1px;
    opacity: 0;
    margin-top: 48%;
    margin-bottom: 48%;
}
body .mil-active #LineMenuPopup{
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0;
    opacity: 0.2;
    margin-top: 15%;
    margin-bottom: 15%;
}
body .mil-main-menu ul li.mil-has-children ul li a {
    text-transform: none;
}
/* RESPONSIVE */

@media screen and (max-width: 1200px) {
   
    body .mil-menu-frame .mil-frame-top {
        display: block;
    }
    body .elementor-1455 .elementor-element.elementor-element-1718b45 .mil-main-menu ul li {
        text-align: center;
    }
    #heroHome h1{
        text-align: center;
        font-size: 70px;
    }
    #heroHome .mil-banner-content .col-md-7{
        width: 100%;
        text-align: center;
    }
}
@media screen and (max-width: 767px) {
    body .menuB{
        right: 2%;
        top: 10%;
    }
    .single-post-text h1 {
        font-size: 40px;
    }
    body .mil-inner-banner .mil-banner-content {
        padding: 70px 0 0 0;
    }
    body .mil-breadcrumbs.mil-center {
        margin-bottom: 10px;
    }
    body .mil-preloader .mil-preloader-animation .mil-pos-abs {
        flex-direction: column;
    }
    body .mil-preloader .mil-preloader-animation .mil-pos-abs p {
        margin-right: 0;
        margin-bottom: 15px;
    }
    #heroHome h1{
        font-size: 50px;
    }
    .mil-menu-frame .mil-frame-top {
        padding: 15px 20px;
    }
    .logo-head {
        width: 135px !important;
    }
    #MenuPopupBox .mil-main-menu ul li a {
        font-size: 22px;
    }
    #MenuPopupBox .mil-main-menu ul li.mil-has-children ul li a {
        font-size: 14px;
        text-transform: none;
        letter-spacing: 0;
    }
    #MenuPopupBox .mil-main-menu {
        height: auto;
    }
    #MenuPopupBox .mil-main-menu ul li {
        margin-bottom: 17px;
    }
    #MenuPopupBox .mil-main-menu ul li.mil-has-children ul li {
        margin-bottom: 10px;
    }
    #LineMenuPopup .e-con-inner{
        padding: 0;
    }
    #MenuPopup{
        min-height: 100dvh;
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        padding-top: 90px;
    }
    #MenuPopup > .e-con-inner{
        max-height: calc(100dvh - 90px);
        overflow-y: scroll;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        height: 100vh;
        justify-content: space-around;
    }
    body .mil-menu-frame.mil-active .container {
        padding: 0;
    }
    #btnHomeCenter .mil-up.mil-up-completed{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #btnHomeCenter .mil-up.mil-up-completed a{
        margin: 0 0 20px 0;
    }
}
@media screen and (max-width: 768px) {
    body h1 br {
        display:initial;
    }
}