.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); z-index: -1;
} .white{
color: white;
} .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;
} @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;
} .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;
} .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; } .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;
} .article-wrap:hover .article-bg{
background: #C4DAEE;
}  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;
}  .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;
}   .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;
} @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;
}