/*!
Theme Name: Kafecom thème
Description: Thème développé par l'agence Qokoon
Author : Agence Qokoon
Author URI : www.qokoon-web.com
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: qokoon-generic

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------*/



/*********** ANIMATIONS  *************/


@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-10%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

#editor .anim-entry-left
{
   opacity:1; 
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(10%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

#editor .anim-entry-right
{
   opacity:1; 
}

@keyframes fadeInZoom {
    from {
        opacity: 0;
        transform: scale(0.7);
    }
    to {
        opacity: 1;
         transform: scale(1);
    }
}



@keyframes fadeInBottom {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
          transform: translateY(0);
    }
}

.anim-entry-bottom {
    opacity: 0;
}


.fadeInBottom {
    animation: fadeInBottom 0.5s ease-in-out forwards;
}

 #editor .anim-entry-left, .wp-block-media-text:not(.has-media-on-the-right) figure, #editor .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content, #editor .anim-entry-right, #editor .wp-block-media-text.has-media-on-the-right figure, #editor .wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content, #editor .anim-entry-zoom, #editor .anim-entry-bottom
      {
    opacity: 1;
    }
    #editor .anim-entry-zoom
{
   opacity:1; 
}


.anim-entry-zoom
{
   opacity:0; 
}
 .fadeInZoom {
        animation: fadeInZoom 0.7s ease-out forwards;
    }

@media( min-width:1024px)
{
    .anim-entry-left, .wp-block-media-text:not(.has-media-on-the-right) figure, .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content, .anim-entry-right, .wp-block-media-text.has-media-on-the-right figure,  .wp-block-media-text:not(.has-media-on-the-right, .superimpose) .wp-block-media-text__content, .anim-entry-zoom
      {
    opacity: 0;
    }
   


    .fadeInLeft {
    animation: fadeInLeft 0.7s ease-out forwards;
    }
    .fadeInRight {
    animation: fadeInRight 0.7s ease-out forwards;
    }
   
}


.fadeInRight .n2-ss-layer:first-child .n2-ss-item-content span.logo
{
    
   width:36px;
   height:36px;
   display:inline-block;
   background:url("img/logo.svg");
   background-size:contain;
   position:absolute;
   left:-40px;
   top:-4px




   ;
}



@keyframes popLogo {
    from {
        
        transform: scale(0) rotate(540deg);
    }
    to {
        
        transform: scale(1) rotate(0deg);
    }
}

span.logo.pop




{
     animation: popLogo 1s ease-in-out forwards;
}

 body a
 {
      cursor: url('img/cursor.png') 32 32, auto!important; /* Ajustez les valeurs selon la taille de votre image */
}