/*
 Theme Name:   Droow Child
 Theme URI:    https://themeforest.net/user/design_grid/portfolio
 Description:  Droow Child Theme
 Author:       Design Grid
 Author URI:   https://themeforest.net/user/design_grid
 Template:     droow
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         right-sidebar, accessibility-ready, custom-background, custom-menu, editor-style, featured-images, flexible-header, sticky-post, threaded-comments, translation-ready, blog
 Text Domain:  droow-child
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap');

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}



body {
    letter-spacing: 0px;
    transition: background-color 500ms ease-in !important;
}

/* -------------------------------------------------------
                     LANGUAGE SWITCHER
-------------------------------------------------------- */
.header-top-hamburger .nav__list li.lang-item a{
    font-size: 16px;
    margin-top: 30px;
}



/* -------------------------------------------------------
                     HEADER LIGHT
-------------------------------------------------------- */
body.v-light .light-logo{
    display: none!important;
}

body .light-logo{
    display: block!important;
}


body.v-light .dark-logo{
    display: block!important;
}

body .dark-logo{
    display: none!important;
}


body .iconForLight,
body.v-light .iconForDark {
    display: none;
}

body .iconForDark,
body.v-light .iconForLight {
    display: block;
    animation: fadeIn 1s;
}

body.v-light h1:not(.title-text-header h1),
body.v-light h2:not(.jet-tabs__content-wrapper h2),
body.v-light .postes h2,
body.v-light .postes .jet-tabs__control-wrapper > .jet-tabs__control .jet-tabs__label-text,
body.v-light .jet-tabs__label-text,
body.v-light h3,
body.v-light h4,
body.v-light h5,
body.v-light p:not(.title-text-header p):not(.nav-content address p),
body.v-light ul li:not(#droow-primary-list li),
body.v-light ol li,
body.v-light footer .copyright a,
body.v-light footer svg,
body.v-light footer a,
body.v-light footer span {
    color: black !important;
}

.jet-tabs .jet-tabs__control,
.jet-tabs__content .contenu-offre {
    transition: background-color 500ms ease-in !important;
}

body.v-light .jet-tabs__control-wrapper,
body.v-light .jet-tabs__content-wrapper,
body.v-light .jet-tabs .jet-tabs__control,
body.v-light .jet-tabs__content .contenu-offre,
body.v-light .jet-accordion>.jet-accordion__inner>.jet-toggle {
    background-color: white !important;
}

body.v-light footer svg {
    border: 1px solid black;
}

body.v-light .jet-accordion .jet-toggle__label-text {
    transition: background-color 5s ease-in !important;
    background-color: white !important;
    color: black !important;
}

body.v-light .portfolioSwitch .jet-tabs__label-text {
    color: #807979 !important;
}

body.v-light .portfolioSwitch .jet-tabs__control.active-tab {
    border-color: #807979 !important;
}

div.elementor.elementor-19 {
    margin-bottom: 0px !important;
}

p {
    -webkit-font-smoothing: auto !important;
    font-smooth: auto !important;
}

footer {
    margin-top: 0px !important;
    transition: background-color 500ms ease-in !important;
}

footer hr {
    width: 1em;
    margin-top: 8px;
    margin-bottom: 1.5em;
}

footer h2 {
    text-transform: uppercase;
}

footer svg {
    border-radius: 50%;
    border: 1px solid white;
    padding: 6px;
    stroke-width: 0.5;
    stroke: white;
}

footer li {
    margin-bottom: 7px;
}

footer figure {
    margin-bottom: 17% !important;
}

footer .copyright p {
    font-family: "Open Sans", sans-serif;
    text-transform: none !important;
    letter-spacing: normal !important;
}

footer .copyright a {
    font-family: "Open Sans", sans-serif;
    color: white !important;
}

footer .sidebar-single-content {
    margin-bottom: -1em;
}

footer .col-md-3 {
    margin-top: 2.5%;
    margin-right: -5%;
}

footer .col-md-3:last-of-type {
    margin-left: 3%;
    margin-right: 0%;
}

footer .col-md-3:first-of-type {
    margin-top: 0em;
    padding-right: 0em;
    margin-right: 7%;
}

ul li {
    list-style-position: outside !important;
    /*margin-left: 1.5em;*/
}

footer ul li {
    margin-left: 0em;
}

.audioAccordeon .swiper-slide-next {
    width: 45% !important;
    z-index: 1;
    transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) !important;
}

.audioAccordeon .swiper-slide-duplicate-prev {
    transform: translate3d(0px, 0px, -150px) rotateX(0deg) rotateY(0deg) !important;
}

.audioAccordeon .swiper-slide-active {
    transform: translate3d(0px, 0px, -150px) rotateX(0deg) rotateY(0deg) !important;
    margin-left: -6%;
}

.audioAccordeon .swiper-slide .elementor-carousel-image {
    background: no-repeat 100%;
    background-size: cover;
}

.audioAccordeon .swiper-slide {
    transition-duration: 5s;
    transition-timing-function: ease-in-out;
}

.cat {
    padding-left: 0% !important;
    color: white !important;
}

.cat span {
    padding-left: 12%;
    color: white !important;
}

.contenet-hero,
.contenet-hero h1,
.contenet-hero h5 {
    font-family: Montserrat !important;
    letter-spacing: 0px;
}

.contenet-hero h5 {
    font-size: 13px;
    font-weight: 500;
}

.customButton .link-custom a:before {
    margin: 5px 5px;
    color: white;
    background-color: black;
}

.customButton .link-custom span {
    color: black;
}

.day-night {
    top: 180px !important;
    left: 50px !important;
}

.emailContact a {
    text-decoration: underline;
}

.emailContact a:hover {
    text-decoration: none !important;
}

.dsn-word-wrapper {
    font-family: Montserrat !important;
}

.dsn-word-wrapper span {
    font-weight: 900 !important;
}

.downRotate img {
    transform: rotate(-90deg);
}

.elementor-sitemap-section h2 {
    margin-bottom: 9px;
}

.field-type-checkboxes .checkboxes-wrap {
    flex: 0 1 250px !important;
    max-width: 250px !important;
}

.headefr-fexid .project-title .title-text-header .cat:after {
    margin-top: 25px;
    width: 10% !important;
    height: 1px !important;
    background: #e6e9ec !important;
}

.header-container,
.site-header {
    background-color: transparent !important;
}

.jet-tabs__control-wrapper,
.jet-accordion>.jet-accordion__inner>.jet-toggle,
.link-custom a {
    transition: background-color 500ms ease-in !important;
}

.postes .jet-tabs__control:not(.active-tab) {
    border-right: 1px solid #E8E8E8!important;
}

.postes .jet-tabs__control-wrapper {
    margin-right: -2px;
}

.link-custom a {
    border: 2px solid #777474 !important;
}

.link-custom a span {
    font-family: Montserrat !important;
    letter-spacing: 1px;
    font-weight: 400 !important;
    font-size: 10px;
}

.link-custom a:before {
    margin: 5px 5px;
}

.menuLanguage {
    font-size: 15px;
    text-transform: uppercase;
}

.nav-content address p {
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0px;
    font-weight: 300;
    font-style: italic;
    font-size: 15px;
    color: white !important;
}

.slide-content .slide-content-inner .title-text-header-inner {
    padding-left: 0px !important;
}

.sousService {
    margin-left: 5% !important;
    font-size: 10px;
}

.other {
    width: 10em;
    margin-left: 20px;
}

.sousService div.jet-form__label label {
    font-size: 15px !important;
}

.swiper-slide .content p {
    display: none;
}

.swpm-login-form-inner input {
    border-bottom: 1px solid grey;
    margin-bottom: 1em;
}

.swpm-join-us-link {
    margin-top: 1em;
}

.text-menu span {
    font-weight: 600 !important;
}

.title-text-header-inner {
    padding-left: 12%;
}

.title-text-header .cat {
    font-family: Montserrat !important;
}

.title-text-header h1 {
    font-family: Montserrat !important;
}

.v-light.nav-active .nav__list-item a {
    color: white !important;
}

.wp-block-social-links {
    margin-top: 2.5em;
    margin-bottom: 2.5em;
}

#block-67 p {
    font-size: 13px;
}

#carousselExpertise li span {
    padding-left: 3em;
    border-radius: 60px !important;
}

@media only screen and (max-width: 600px) {
    #carousselExpertise .jet-banner.jet-effect-lily .jet-banner__img{
        width: 100%;
    }
}


#dsn-scrollbar .contenet-hero h1 {
    letter-spacing: 0px;
    font-size: 38px;
}

#dsn-scrollbar .contenet-hero h5::before {
    left: -50px;
    width: 200px;
}

#droow-primary-list li {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    letter-spacing: 1px;
    font-weight: 700;
    color: White;
    margin-left: 0;
}

#droow-primary-list li a:hover {
    color: #777474;
}

#expertiseAccordeon .row:after {
    content: "";
    display: table;
    clear: both;
}

#expertiseAccordeon ul li {
    margin-bottom: 3px;
}

#expertiseAccordeon .column {
    float: left;
    width: 25%;
    padding-right: 20px;
}

#expertiseAccordeon hr {
    border-top: 1px solid #F5DF4D;
    width: 2em;
    margin-bottom: 1.5em;
}

#expertiseAccordeon .jet-toggle:last-child {
    border-bottom: 0px;
}

#sondageForm div.jet-form__label label {
    flex: unset !important;
    font-size: 23px;
}

@media only screen and (max-width: 1024px) {
    .postes .jet-tabs__control:not(.active-tab) {
        border-right: 2px!important;
        border-color: green!important;
    }
    
    .postes .jet-tabs__control-wrapper {
        margin-right: 0px;
        margin-left: 0px;
    }
}

@media only screen and (max-width: 768px) {
    .dsn-title-header div {
        font-size: 0.5em !important;
        line-height: 30px !important;
    }

    .dsn-title-header div br {
        display: none !important;
    }

    .day-night {
        top: 138px !important;
        left: 15px !important;
    }

    .headefr-fexid .project-title .title-text-header {
        margin-top: 110px !important;
    }

    .imageRotate img {
        transform: rotate(11.3deg)
    }

    .postes .jet-tabs__control-wrapper {
        margin-right: -2px;
        margin-left: -2px;
    }

    .sub-text-header div {
        margin-left: 10% !important;
        margin-right: 10% !important;
    }
}

@media only screen and (max-width: 600px) {
    .postes .jet-tabs__control-wrapper {
        border-width: 2px 2px 2px 2px!important;
    }
}



/* -------------------------------------------------------
                     ISOTOPE REALISATIONS
-------------------------------------------------------- */
ul.isotope-toolbar{
    text-align: center;
}
ul.isotope-toolbar li{
    list-style:none;
    display: inline-block;
    margin: -2px;
    padding: 0;
}

ul.isotope-toolbar li button.categorie_portfolio{
   border:none !important;
   border-radius:0 !important;
   background: none;
   padding: 10px 15px 10px 15px !important;
   box-shadow: none !important;
   color: #807979 !important;
   border-bottom: 1px solid #dcd7d7 !important;
   font-size: 0.79em !important;
   font-family: "Open Sans", Sans-serif !important;
}

ul.isotope-toolbar li:hover button.categorie_portfolio,
ul.isotope-toolbar li button.categorie_portfolio.active
{
    border-bottom: 5px solid #807979!important;
    padding: 10px 15px 6px 15px !important;
}


/* -------------------------------------------------------
                     ESPACE CLIENT
-------------------------------------------------------- */


.formationAccordeon{

}

/* -------------------------------------------------------
                     CARRIERES
-------------------------------------------------------- */
.notesTextes h6{
    margin-top: 15px
}
.notesTextes p{
    font-weight: 400;
    line-height: 22.5px;
}
.notesTextes ul{
    padding-left: 45px;
    font-weight: 400;
    
    
}

.notesTextes ul li{
    list-style-type: disc;
     line-height: 1.6em;
}

.accordeonCarrieres ul li{
    list-style-type: disc;
}


/* -------------------------------------------------------
                     FOOTER 
-------------------------------------------------------- */
footer.wrapper-footer.wrapper-footer-padding{
    background: #000 !important;
}

.v-light footer.wrapper-footer.wrapper-footer-padding{
    background: #FFF !important;
}

footer.wrapper-footer.wrapper-footer-padding .info{
    display: none !important;
}
footer.wrapper-footer .copyright,
.v-light footer.wrapper-footer .copyright
{
    border-top:none !important ;
}
body.v-light .accordeonCarrieres .jet-tabs__control,
body.v-light .accordeonCarrieres .jet-tabs__content,
body.v-light .accordeonCarrieres .jet-tabs__content section

{
    background: #FFF !important;
}

body.v-light .accordeonCarrieres .jet-tabs__label-text{
    color: #000 !important;
}


body.v-light footer{
    background: #FFF !important;
}


body.v-light footer h4, 
body.v-light footer ul li a, 
body.v-light footer ul li a, 
body.v-light footer p,
body.v-light footer .elementor-widget-text-editor,
body.v-light footer .elementor-widget-text-editor a
{
    color: #000 !important;
}

body.v-light footer span.elementor-divider-separator{
    border-block-color: #000 !important;
}


body.v-light .iconeRsFooterCustom i{
    color: #000 !important;
}

body.v-light .iconeRsFooterCustom .elementor-social-icon{
    border-color: #000 !important;
}


.iconeRsFooterCustom .elementor-icon i:before, .iconeRsFooterCustom .elementor-icon svg:before{
    transform: translateX(-42%);
    font-size: 18px;
    top: 7px;
}

.iconeRsFooterCustom .elementor-icon i, .iconeRsFooterCustom .elementor-icon svg{
    width: 32px;
    height: 32px;
    padding-top: 4px;
}

/* -------------------------------------------------------
                     LOGO LIGHT DARK
-------------------------------------------------------- */

body.v-light .logo_light{
    display: none!important;
}

body .logo_light{
    display: block!important;
}


body.v-light .logo_dark{
    display: block!important;
}

body .logo_dark{
    display: none!important;
}




/* -------------------------------------------------------
                     PORTFOLIO LIGHT
-------------------------------------------------------- */



body.v-light .cover_img_portfolio .elementor-background-overlay{
    background-image: linear-gradient(180deg, #00000045 0%, #fff 100%) !important;
}


.categoryListPortfolio{
    position: relative;
    z-index: 999;
    top: -90px;
}


.titlePortfolio{
    position: relative;
    top: -100px;
    z-index: 100;
}

.imgPortfolio{
    position: relative;
    overflow: hidden;
}

.imgPortfolio:after{
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    bottom: -5px;
    right: -2px;
    z-index: 50;
    background-image: linear-gradient(180deg, #00000045 0%, #000 100%) !important;
    transition: all 300ms ease-in-out;
    opacity: 1;

}

.imgPortfolio:hover:after{
  opacity: 0.65;
}

body.v-light .imgPortfolio:after{
    background-image: linear-gradient(180deg, #00000045 0%, #FFF 100%) !important;
}


.single-portfolio section.page-content > .container{
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}




body.v-light.single-portfolio .realisationWhiteTexte h2,
body.v-light.single-portfolio .realisationWhiteTexte h3,
body.v-light.single-portfolio .elementor-widget-text-editor.realisationWhiteTexte p
{
    color:#FFF !important;
}


/* -------------------------------------------------------
                     SECTION LIGHT
-------------------------------------------------------- */


body .active_dark h2, 
body .active_dark  .elementor-widget-text-editor,
body .active_dark  p,
body .active_dark  a,
body .active_dark  span,
body .active_dark  .forminator-label,
body .active_dark  span.forminator-checkbox-label
{
    color: #FFF !important;
}


body .active_dark  a.elementor-button{
    color: #FFF !important;
    fill: #FFF !important;
}



body.v-light  .active_dark h1, 
body.v-light  .active_dark h2, 
body.v-light  .active_dark h3, 
body.v-light  .active_dark h4, 
body.v-light  .active_dark h5, 
body.v-light  .active_dark h6, 
body.v-light  .active_dark  .elementor-widget-text-editor,
body.v-light  .active_dark  p,
body.v-light  .active_dark  a,
body.v-light  .active_dark  span,
body.v-light .active_dark  .forminator-checkbox-label,
body.v-light .active_dark  .forminator-label,
body .active_dark  .forminator-error-message
{
    color: #000 !important;
}


body.v-light  .active_dark  a.elementor-button{
    /* color: #000 !important;
    fill: #000 !important; */
}

body.v-light  .active_dark .elementor-divider-separator{
    border-block-start-color: #000 !important;
}



/* -------------------------------------------------------
                     RESPONSIVE HOME
-------------------------------------------------------- */
@media only screen and (max-width: 600px) {
    .swiper-wrapper{
        height: 50%;
    }
}