@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"); .material-symbols-rounded {
font-variation-settings:
'FILL' 0,
'wght' 200,
'GRAD' 0,
'opsz' 24;
color: var(--aurore-couleur-theme-primary); visibility: hidden;
opacity: 0;
transition: opacity 0.25s ease;
} html.fonts-loaded .material-symbols-rounded {
visibility: visible;
opacity: 1;
}
.page-header{
display: none;
} ._df_book{
background-image: url(https://agglo-saintesprod.workinprogresscmp.fr/wp-content/uploads/2025/07/bg-visionneuse-saintes-agglo.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border: 1px solid #C5C6C7;
}
.df-bg{
background-color: transparent!important;
}
.df-ui-nav .df-ui-btn:before {
color: #005F7D;
filter: none;
}
.df-ui-nav.df-ui-prev {
border-radius: 50px 5px 5px 50px !important;
}
.df-ui-nav {
opacity: 100%;
padding-top: 54px;
height: 50px!important;
border-radius: 5px 50px 50px 5px;
box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
background-color: var(--e-global-color-primary)!important;
}
.df-ui-nav.df-ui-next .df-ui-btn {
top: 29px;
right: 11px;
}
.df-ui-nav.df-ui-prev .df-ui-btn {
top: 29px;
right: 11px;
}
.df-container.df-ui{
color: var(--e-global-color-primary)!important;
}
.df-ui-btn{
color: var(--e-global-color-primary)!important; 
} .single-actu-data > div{
display: flex;
flex-direction: row;
gap: 1rem;
}
.single-actu-data > div span {
font-size: 0.875;
color :var(--e-global-color-primary);
}
ul{
padding-left: 1.5rem;
} .elementor div img {
height: 100%;
object-fit: cover;
} .acf-date-range {
color: white;
text-align: center;
border-radius: 0.25rem;
display: flex;
flex-direction: column;
align-items: center;
}
.acf-date-bloc {
line-height: 1.2;
}
.acf-date-jour {
font-size: 0.85rem;
font-weight: bold;
text-transform: uppercase;
}
.acf-date-num {
font-size: 2rem;
font-weight: bold;
line-height: 1;
}
.acf-date-mois {
font-size: 1rem;
font-weight: bold;
text-transform: uppercase;
}
.acf-date-sep {
font-size: 1.5rem;
font-weight: bold;
margin: 0.0rem 0;
}
.acf-date-sep {
font-size: 1.5rem;
font-weight: bold;
}     .hover-card{
transition: all 0.35s cubic-bezier(1,0,0,1.01)!important;
} .hover-card .hover-image {
position: relative;
overflow: hidden;
}
.hover-card .hover-image img {
transition: transform 0.5s ease;
transform-origin: center center;
}
.hover-card .hover-image::after {
content: "";
position: absolute;
inset: 0;
background-color: rgba(0, 76, 99, 0.4);
opacity: 0;
transition: opacity 0.5s ease;
z-index: 1;
}
.hover-card:hover .hover-image img {
transform: scale(1.1);
}
.hover-card:hover .hover-image::after {
opacity: 1;
} .hover-card:hover .hover-titre{
text-decoration: underline;
transition: text-decoration 0.3s ease;
text-decoration-color: var(--e-global-color-primary);
} .hover-card:hover .loop-actus-btn{
width: 100%;
border-radius: 0;
}
.hover-card:hover .loop-actus-btn p::after{
width: 100px;
}
.hover-card:hover .loop-actus-btn svg{
scale: 1.5;
}
.loop-actus-btn{
width: fit-content;
transition: all 0.25s cubic-bezier(1,0,0,1.01)!important;
}
.loop-actus-btn p{
position: relative;
}
.loop-actus-btn p::after{
content: "";
position: absolute;
transition: all 0.25s cubic-bezier(1,0,0,1.01) 0.05s;
height: 2px;
width: 0px;
background: rgb(255, 255, 255);
z-index: 1;
bottom: 0;
left: 0;
}
.loop-actus-btn svg{
transition: all 0.25s cubic-bezier(1,0,0,1.01) 0.1s;
scale: 1;
}