/*
Theme Name:     Melanie creativist studio
Theme URI:      https://melanie.creativiststudio.com
Template:       kadence
Author:         Melanie
Author URI:     https://creativist.studio
Description:    Introducing Charlotte: A beautifully crafted WordPress child theme built on Kadence, perfect for the online shop owner with a passion for handmade artistry. With its elegantly simple design and effortless customization, Charlotte offers the ideal platform to showcase your unique creations with style and ease.
Version:        0.1
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

	/* ------------------------------------------------------- */
.brand img:hover {animation:jello-vertical .5s linear both} @keyframes jello-vertical{0%{transform:scale3d(1,1,1)}30%{transform:scale3d(.75,1.25,1)}40%{transform:scale3d(1.25,.75,1)}50%{transform:scale3d(.85,1.15,1)}65%{transform:scale3d(1.05,.95,1)}75%{transform:scale3d(.95,1.05,1)}100%{transform:scale3d(1,1,1)}}

.site-branding .site-title hover {animation:jello-vertical .5s linear both} @keyframes jello-vertical{0%{transform:scale3d(1,1,1)}30%{transform:scale3d(.75,1.25,1)}40%{transform:scale3d(1.25,.75,1)}50%{transform:scale3d(.85,1.15,1)}65%{transform:scale3d(1.05,.95,1)}75%{transform:scale3d(.95,1.05,1)}100%{transform:scale3d(1,1,1)}}

/* ------------------------------------------------------- */

/* change color selection mouse pointer mouse */
::-moz-selection { /* Code for Firefox */
  color: white;
  background: #000;
}

::selection {
  color: white;
  background: #000;
}
/* ------------------------------------------------------- */
	
/* Keyframes for the slide-down animation */
@keyframes slide-down {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Keyframes for the slide-up animation */
@keyframes slide-up {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(-100%);
        opacity: 0;
    }
}

/* Initial state of the sticky header (transparent) */
.item-at-start {
    background-color: transparent; /* Ensure the background is transparent */
    transition: background-color 0.5s ease, opacity 0.5s ease; /* Smooth transition for background color and opacity */
    opacity: 1;
}

/* State of the sticky header when it becomes sticky and white */
.item-is-stuck {
    background-color: white; /* Change background color to white */
    animation: slide-down 0.5s ease-out; /* Apply slide-down animation */
    opacity: 1; /* Ensure the opacity is set to 1 */
}

/* State of the sticky header when it is hidden */
.item-hidden {
    background-color: transparent; /* Ensure the background is transparent */
    animation: slide-up 0.5s ease-in; /* Apply slide-up animation */
    opacity: 0; /* Ensure the opacity is set to 0 */
}
.item-is-stuck {

box-shadow: 0 2px 4px rgb(45 62 80 / 8%);
}
/* ------------------------------------------------------- */
	
.rotate-text {  transform-origin: 0 0;    transform: rotate(-90deg);    
position: absolute;    
width: 350px !important;    bottom: 0;    
margin-left: 20px;}. 
.rotate-text-container {  position: relative;}

.rotate-text2 {  transform-origin: 0 0;    transform: rotate(-90deg);    
position: absolute;    
width: 350px !important;    bottom: 0;    
margin-left: 1px;}. 
.rotate-text-container {  position: relative;}
/* ------------------------------------------------------- */

/* badge NEW */
.yith-wcbm-badge {
    z-index: 10; /* Ajustez cette valeur selon vos besoins */
}
/* ------------------------------------------------------- */
.wp-block-kadence-posts .loop-entry {
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,.00);
	border-radius: .25rem
}
/* ------------------------------------------------------- */

.justify-text 
{
	text-align: justify;
  text-justify: inter-word;
}