/*
Theme Name:     Blanche creativist studio
Theme URI:      https://blanche.creativiststudio.com
Template:       kadence
Author:         Creativist Studio
Author URI:     https://creativist.studio
Description:    Introducing Parisian Elegance: A timeless and chic WordPress child theme designed for the sophisticated blogger and online shop owner. Perfect for those who value the art of simplicity and the charm of French elegance.

Built on Kadence, the Parisian Elegance theme by Creativist.studio offers seamless website creation with a focus on performance and style. Fully customizable to reflect your unique brand, you can easily adjust fonts, colors, and layouts to create a site that feels both personal and professional.
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;
}

.margen-icono .kt-svg-icon {
  margin-top: -30px; /* Ajusta este valor a tu gusto */
}