/*

Theme Name:   Aurore

Theme URI:    https://puteauxprod.worldofart.fr/

Description:  Theme wordpress créé par le groupe CMP. Aurore est spécialement designé pour les munipicaliés, mairies et groupes municipaux.

Author:       Groupe CMP

Author URI: https://www.groupecmp.com/

Template:     hello-elementor

Version:      4.1.0

*/
/* Aurore's signature by CMP */







.aurore-ombre{
 box-shadow: 4px 4px 8px 0px rgba(163, 177, 198, 0.25);
}
.aurore-glass{
  backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    background-color: rgba(17, 25, 40, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.125);

}
.aurore-blured-bg{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    filter: blur(10px); /* Adjust the blur amount as needed */
    z-index: -1;
}

/**/
.white{
    color: white;
}/* a bouger dans le widget plugin */
.breadcrumb {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 1rem;
  padding: 1rem 2rem;
  background: rgb(20 44 82 / 59%);
}
.breadcrumb span{
  color: white;
}

.elementor-shortcode .breadcrumb a {
  color: white;
  text-decoration: none;
  font-size: 1rem;
}

/* Responsive Styles */
@media screen and (max-width: 1024px) {
  .breadcrumb {
   gap: 0.25rem;
   padding: 0.5rem 1rem;

  }
  .breadcrumb span{
    font-size: 1rem;
  }
  
  .elementor-shortcode .breadcrumb a {
    font-size: 0.9rem;
  }
}
.CMP-carre{
  aspect-ratio: 1;
}

/* légende carrousel au survol */

.legendecar .elementor-image-carousel-caption {
  display: none!important;
  position: absolute!important;
  bottom: 0!important;
  left: 0!important;
  right: 0!important;
  background-color: white!important;
  color: #333!important;
  padding: 10px!important;
  text-align: center!important;
  font-size: 14px!important;
  opacity: 0!important;
  transition: opacity 0.3s ease-in-out!important;
  pointer-events: none!important;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2)!important;
  border-radius: 5px!important;
}

.legendecar .swiper-slide-image:hover + .elementor-image-carousel-caption,
.legendecar .elementor-image-carousel-caption:hover {
  display: block!important;
  opacity: 1!important;
  pointer-events: auto!important;
}

.legendecar .swiper-slide-image {
  position: relative!important;
}

/* légende img au survol */

.legendeimg .widget-image-caption {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  color: #333;
  padding: 10px;
  text-align: center;
  font-size: 14px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  pointer-events: none;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

.legendeimg img:hover + .widget-image-caption,
.legendeimg .widget-image-caption:hover {
  display: block;
  opacity: 1;
  pointer-events: auto;
}

.legendeimg {
  position: relative; /* Assurez-vous que le parent est relatif pour positionner la légende */
}


/* agenda */

.Aurore-agenda-filters{
  width: 100%;
  height: 20rem;
  display: flex;
  padding: 0 15% 0 15%;
  justify-content: center;
  align-items: center;
  background-color: #EAF4FD;
}

#lisio-icon,#lisio-label{
  display: none!important;
}


/* main*/

.article-wrap:hover .article-bg{
  background: #C4DAEE;
} 
/* NEWS LETTER FORM IN FOOTER */
/* form */
div#mailpoet_form_1 > form.mailpoet_form {
  display: flex;
  padding: 0 0 1rem 0;
  flex-wrap: wrap;
}
  
#mailpoet_form_1 .newsletter-input input[type=email]{
  background-color: white;
  border-radius: 0.25rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
#mailpoet_form_1 div.mailpoet_paragraph.newsletter-input{
  flex-grow: 1;
  margin: 0 1rem 0 0;
  border: none;

}
.aurore-btn-consent{
  order: 3;
}
#mailpoet_form_1 div.mailpoet_message{
  padding: 0;
}
/*0067da*/
/*utils*/
.no-m{
  margin: 0;
}
.no-m p{
  margin: 0;
}
.gr-ar{
  aspect-ratio: 1.61/1;
}
.pointer{
  cursor: pointer;
}
.br-4{
  border-radius: 4px;
}
.shadow-s{
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);
}
.inline{
  display: inline;
}

.border-light{
  border: 1px solid rgb(0 0 0 / 5%);
}
.post-categories{
  font-size: 0.8rem;
  font-weight: 700;
}

/*short code listing cat*/

/* Basic Genre List Styling */
/* Add this CSS to your theme's stylesheet */

.genres-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.genres-list li {
  display: flex;
  justify-content: center;
  align-items: center;
}

.genres-list li a {
  text-decoration: none;
  font-weight: bold;
  padding: 1rem;
  text-align: center;
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white; 
  border-radius: 5px; 
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);
  transition: background-color 0.3s, color 0.3s;
}

.genres-list li a:hover {
  color: #0073aa;
  background-color: #f0f0f0;
}

/* Responsive adjustments */
@media (max-width: 1248px) {
  .genres-list {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 992px) {
  .genres-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .genres-list {
    grid-template-columns: 1fr;
  }
}
#toggle-btn{
  display: flex;
    justify-content: center;
    background: white;
    width: 3.5rem;
    aspect-ratio: 1 / 1;
    align-items: center;
    border-radius: 0.25rem;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
#toggle-btn:hover {
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.05);
  background: rgb(245, 245, 245);
  scale: 0.98;
}
#toggle-btn:focus {
  scale: 0.96;
}