/*  Theme Name:   lorem.site 
Description:  thème enfant de Hello-elementor
Author:       jean  
Template:     hello-elementor
*/



/* Basic styles for header and logo */
.sticky-header {
  transition: height 0.5s ease;
}
 
.sticky-header .logo {
  transition: transform 0.5s ease;
  transform-origin: left center; /* Set the scaling point to the left */
}
 
/* Starting heights for different devices */
@media (min-width: 1025px) {
.sticky-header {
    height: 200px;
  }
}
 
@media (min-width: 768px) and (max-width: 1024px) {
.sticky-header {
    height: 400px;

  }
}
 
@media (max-width: 767px) {
.sticky-header {
    height: 160px;
  }
}
 
/* Reduced heights when scrolling */
@media (min-width: 1025px) {
.sticky-header.shrink {
    height: 75px; 
  }
}
 
@media (min-width: 768px) and (max-width: 1024px) {
.sticky-header.shrink {
    height: 75px;
  }
}
 
@media (max-width: 767px) {
.sticky-header.shrink {
    height: 65px; 
  }
}
 
/* Reduced logo size when scrolling */
.sticky-header.shrink .logo {
  transform: scale(0.4);
}

/* Change flex parameters when scrolling on mobile*/
@media (max-width: 767px) {

 
.sticky-header.shrink .menu-conteneur{
    flex-direction: row-reverse !important;
    align-items: center;
    justify-content: end;
     transition: flex-direction 0.5s ease;
     transition: align-items 0.5s ease;
     transition: justify-content 0.5s ease;
}
}