/*
Theme Name:     theme_studioniko
Description:    Theme enfant de Divi fourni par Niala Salocin
Author:         Studio Niko
Template:       Divi
Version:        3.9
*/

/*
Rajoutez vos règles de CSS personnalisé ci-dessous
*/
/* exclu le menu sur cette page temporaire*/ 
.page-id-217981 #main-header {
    display:none;
}

/* augmente la marge interne du footer*/
#footer-bottom {
padding: 25px 0 10px;
}

/* change la couleur du hamburger menu*/
.mobile_menu_bar::before, .mobile_menu_bar::after {
   color: rgba(0,0,0,0.85)!important; 
}
 
/*change la couleur de la bordure du menu hamburger*/
.et_mobile_menu {
    border-color:whitesmoke!important;
}


/* indique à l'avatar lola/niko de laisser monter le texte en faisant de la place à droite*/
#avatar_niko.et_pb_image {
    float: left;
}



    /*******************************************************/
    /* tarteaucitron */
    /*******************************************************/
    #tarteaucitronAlertBig #tarteaucitronPersonalize,
    #tarteaucitronRoot #tarteaucitronPercentage,
    #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen {
    background: #9FC4C5!important;
    }
    #tarteaucitronAlertBig {
    background-color: rgba(0,0,0,0.8) !important;
    }
    #tarteaucitronDisclaimerAlert, #tarteaucitronDisclaimerAlert strong, #tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
    color: #fff !important;
    }
    #tarteaucitronAlertSmall {
    background-color: rgba(0,0,0,0.5) !important;
    }
    #tarteaucitronAlertBig #tarteaucitronPersonalize, #tarteaucitronAlertBig #tarteaucitronCloseAlert {
    border-radius: 3px !important;
    }

    /* ne plus afficher la gestion des cookies sur toutes les pages sinon celle de politique confidentialité */
    body:not(.page-id-217275) #tarteaucitronAlertSmall {
      display: none !important;
    }


/* sort les differentes images du flux de "pour vous convaincre" pour la mettre en ligne et placement du bloc (bloc vers bloc enligne) au px près*/
#vousconvaincre img.wp-image-773, #vousconvaincre img.wp-image-770,#vousconvaincre img.wp-image-788, #vousconvaincre img.wp-image-872 {
display:inline-block;
margin-bottom:-8px;
}
#vousconvaincre img.wp-image-773,#vousconvaincre img.wp-image-787, #vousconvaincre img.wp-image-788, #vousconvaincre img.wp-image-789,#vousconvaincre img.wp-image-872, #vousconvaincre img.wp-image-906 {
margin-left:2px;
margin-right:3px;
}
/* sort l'image clap video du flux de "pour vous convaincre" pour la mettre en ligne et placement du bloc (bloc vers bloc enligne) au px près*/
#vousconvaincre img.wp-image-906 {
display:inline-block;
margin-bottom:-4px;
}

/* sort l'image 8secondes du flux de "pour vous convaincre" pour la mettre en ligne et placement du bloc (bloc vers bloc enligne) au px près*/
#vousconvaincre img.wp-image-345, #vousconvaincre img.wp-image-789 {
display: inline-block;
margin-bottom: -12px;
}

/* sort l'image couperet du flux de "pour vous convaincre" pour la mettre en ligne et placement du bloc (bloc vers bloc enligne) au px près*/
#vousconvaincre img.wp-image-787 {
display: inline-block;
margin-bottom: -10px;
/*transform: rotate(20deg);ça deconne sous firefox*/
}

/* DIAPORAMA _______________________________________________________________________*/

/*Mettre la 1ere image du diaporama en vertical (cover)*/

div.et_pb_gallery_item:nth-child(1) > div:nth-child(1)> a:nth-child(1) > img:nth-child(1) {
 height: 100%;
 object-fit: cover;
}

div.et_pb_gallery_item:nth-child(1) > div:nth-child(1) {
 height: 100%;
}

div.et_pb_gallery_item:nth-child(1) {
 height: 100%;
}

.et_pb_gallery_items {
 height: 100%;
}

#diapo_vertical {
 height: 100%;
}

#diapo_vertical_originel {
 height: 100%;
}


/*mettre les autres images du diaporama en mode cover*/

/*image2*/
div.et_pb_gallery_item:nth-child(2) > div:nth-child(1) > a:nth-child(1) > img:nth-child(1) {
 height: 100%;
 object-fit: cover;
}

div.et_pb_gallery_item:nth-child(2) > div:nth-child(1) {
 height: 100%;
}

div.et_pb_gallery_item:nth-child(2) {
 height: 100%;
}

/*image3*/
div.et_pb_gallery_item:nth-child(3) > div:nth-child(1) > a:nth-child(1) > img:nth-child(1) {
 height: 100%;
 object-fit: cover;
}

div.et_pb_gallery_item:nth-child(3) > div:nth-child(1) {
 height: 100%;
}

div.et_pb_gallery_item:nth-child(3) {
 height: 100%;
}

/*image4*/
div.et_pb_gallery_item:nth-child(4) > div:nth-child(1) > a:nth-child(1) > img:nth-child(1) {
 height: 100%;
 object-fit: cover;
}

div.et_pb_gallery_item:nth-child(4) > div:nth-child(1) {
 height: 100%;
}

div.et_pb_gallery_item:nth-child(4) {
 height: 100%;
}

/*image5*/
div.et_pb_gallery_item:nth-child(5) > div:nth-child(1) > a:nth-child(1) > img:nth-child(1) {
 height: 100%;
 object-fit: cover;
}

div.et_pb_gallery_item:nth-child(5) > div:nth-child(1) {
 height: 100%;
}

div.et_pb_gallery_item:nth-child(5) {
 height: 100%;
}

/*image6*/
div.et_pb_gallery_item:nth-child(6) > div:nth-child(1) > a:nth-child(1) > img:nth-child(1) {
 height: 100%;
 object-fit: cover;
}

div.et_pb_gallery_item:nth-child(6) > div:nth-child(1) {
 height: 100%;
}

div.et_pb_gallery_item:nth-child(6) {
 height: 100%;
}

/*image7*/
div.et_pb_gallery_item:nth-child(7) > div:nth-child(1) > a:nth-child(1) > img:nth-child(1) {
 height: 100%;
 object-fit: cover;
}

div.et_pb_gallery_item:nth-child(7) > div:nth-child(1) {
 height: 100%;
}

div.et_pb_gallery_item:nth-child(7) {
 height: 100%;
}

/*image8*/
div.et_pb_gallery_item:nth-child(8) > div:nth-child(1) > a:nth-child(1) > img:nth-child(1) {
 height: 100%;
 object-fit: cover;
}

div.et_pb_gallery_item:nth-child(8) > div:nth-child(1) {
 height: 100%;
}

div.et_pb_gallery_item:nth-child(8) {
 height: 100%;
}

/*image9*/
div.et_pb_gallery_item:nth-child(9) > div:nth-child(1) > a:nth-child(1) > img:nth-child(1) {
 height: 100%;
 object-fit: cover;
}

div.et_pb_gallery_item:nth-child(9) > div:nth-child(1) {
 height: 100%;
}

div.et_pb_gallery_item:nth-child(9) {
 height: 100%;
}

/*image10*/
div.et_pb_gallery_item:nth-child(10) > div:nth-child(1) > a:nth-child(1) > img:nth-child(1) {
 height: 100%;
 object-fit: cover;
}

div.et_pb_gallery_item:nth-child(10) > div:nth-child(1) {
 height: 100%;
}

div.et_pb_gallery_item:nth-child(10) {
 height: 100%;
}

/*image11*/
div.et_pb_gallery_item:nth-child(11) > div:nth-child(1) > a:nth-child(1) > img:nth-child(1) {
 height: 100%;
 object-fit: cover;
}

div.et_pb_gallery_item:nth-child(11) > div:nth-child(1) {
 height: 100%;
}

div.et_pb_gallery_item:nth-child(11) {
 height: 100%;
}

/*image12*/
div.et_pb_gallery_item:nth-child(12) > div:nth-child(1) > a:nth-child(1) > img:nth-child(1) {
 height: 100%;
 object-fit: cover;
}

div.et_pb_gallery_item:nth-child(12) > div:nth-child(1) {
 height: 100%;
}

div.et_pb_gallery_item:nth-child(12) {
 height: 100%;
}

/*image13*/
div.et_pb_gallery_item:nth-child(13) > div:nth-child(1) > a:nth-child(1) > img:nth-child(1) {
 height: 100%;
 object-fit: cover;
}

div.et_pb_gallery_item:nth-child(13) > div:nth-child(1) {
 height: 100%;
}

div.et_pb_gallery_item:nth-child(13) {
 height: 100%;
}



/*cacher le nom de l'image du diaporama*/

.mfp-title {
 display:none;
}


/*FIN DIAPORAMA ____________________________________________________________________________________*/



/*module nos dernieres realisations : gérer l'opacité du module au survol*/
.vignette_portfolio {
    opacity:1;
}
.vignette_portfolio:hover {
    opacity:0.85;
}


/* page d'accueil : replacer lola suspendue vers le centre pour tablette et smartphone*/
@media screen and (max-width:767px) {
    #lolasuspendue {
margin-left: 29%!important;
}
}

@media (max-width: 479px) {
    #lolasuspendue {
margin-left: 20%!important;
}
}

/*ameliore graphisme des boutons precedent suivant dans les archives projets*/
.nav-previous, .nav-next {
display: inline-block;
margin:20px;
background-color: #9fc4c3;
border-radius: 5px 5px 5px 5px;
padding:10px 15px;
margin-bottom:50px;}

/*tentative pour placer un bouton nous contacter entre les 2 boutons previous et next
.nav-next::before {
    content : "nous contacter"; 
 font-size : 25px; color : green; 
}
*/


/* élimine cette foutue barre de 1px au dessus des boutons de navigation des archives projets*/
.et_full_width_portfolio_page .nav-single {
 border-top: 0px;
/*background-color: #0fc4c3;*/
}

.nav-previous a, .nav-next a {
    color:whitesmoke!important;
    font-size: 14px;
}

/*ameliore la taille  des btons precedent suivant en responsive */
@media screen and (max-width:980px) {
.nav-previous, .nav-next {
margin:10px;
border-radius: 5px 5px 5px 5px;
padding:5px 8px;
margin-bottom:30px;}
}

@media screen and (max-width:479px) {
.nav-previous, .nav-next {
margin:10px;
border-radius: 5px 5px 5px 5px;
padding:5px 5px;
margin-bottom:20px;}
}

@media screen and (max-width:479px) {
 .nav-previous a, .nav-next a {
    font-size: 12px;}  
}


/* fait disparaitre ou presque la barre de couleur de fond customisé derriere le footer, mais seulement dans les pages projets*/
.project-template-default #main-footer {
 margin-top: -27px;
}


/* change l'aspect des fleches dans le diaporama de départ sur page accueil*/
#diapo_vertical_originel .et-pb-arrow-prev:before, #diapo_vertical_originel .et-pb-arrow-next:before {
   background-color: indianred;
   border-radius: 50%;}





/* fait tomber la neige avec  3 images et du css !temporaire pour les fetes de fin d'année. en savoir plus sur
https://divilife.com/add-falling-snowflakes-divi-wordpress-website/?mc_cid=c1c88cd7b9&mc_eid=3a09807cfe */
/*
body {
    position: relative;
 }
 
 body:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    background-image: url('/wp-content/uploads/2022/12/divi-life-snowflakes-b2.png'), url('/wp-content/uploads/2022/12/divi-life-snowflakes-c.png'), url('/wp-content/uploads/2022/12/divi-life-snowflakes-a-1.png');
     animation: divi-life-snow 20s linear infinite; 
 }
 
 @keyframes divi-life-snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
 }
 
 @-moz-keyframes divi-life-snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
 }
 
 @-webkit-keyframes divi-life-snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
 }
 
 @-ms-keyframes divi-life-snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
 }
 */

 /* change l'aspect des fleches dans les diaporamas de 75 ans du Bono*/
.diaporamas_fleches .et-pb-arrow-prev:before, .diaporamas_fleches .et-pb-arrow-next:before {
    background-color: #f1eaeaaa;
    color: #222525;
    font-size: 0.5em;
    font-weight: 600;
    margin:5px;
    border-radius: 20%;}