.aurore-gallery-category {
margin-bottom: 30px;
}
.aurore-gallery-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin: 1rem 0;
}
.aurore-gallery-grid > a{
text-decoration: none;
overflow: hidden;
background-color: #f9f9f9;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 5px;
background: white;
}
.aurore-gallery-grid > a:hover img{
scale: 1.1;
}
.aurore-gallery-item img {
max-width: 100%;
aspect-ratio: 16/9;
height: auto;
display: block;
margin: 0;
transition: all 0.3s ease-in-out;
}
.aurore-gallery-item h3 {
font-size: 1rem;
margin: 0;
color: var(--e-global-color-primary);
text-align: left;
}
.aurore-gallery-item span{
color: var(--e-global-color-primary);
font-weight: 400;
font-size:0.875rem;
font-style: oblique;
}
.gallery-category-section {
margin-bottom: 40px;
}
.aurore-btn-gal {
cursor: pointer;
color: var(--e-global-color-primary);
text-transform: uppercase;
font-weight: bold;
}
.gallery-category-section > .aurore-gallery-grid > .aurore-gallery-item:nth-of-type(n+5){
display: none;
}
.gallery-category-section.reveal > .aurore-gallery-grid > .aurore-gallery-item:nth-of-type(n+5){
display: block;
}
.aurore-gallery-infos{
padding: 1rem;
background: white;
} .aurore-btn-gal:hover{
padding: 0.75 rem;
background-color: var(--e-global-color-secondary);
}
.aurore-btn-gal{
display: inline-block;
padding:0.5rem 1rem;
transition: all 0.4s ease;
position:relative;
cursor:pointer;
}
.parutions a.aurore-btn-gal{
text-decoration: none;
}
.aurore-btn-gal-btn-ctn{
color: #1B3D71;
transition: all 0.4s ease;
display: flex;
gap: 0.5rem;
}
.aurore-btn-gal-btn-ctn::before {
content: "";
border-bottom: 1px solid #1B3D71;
position: absolute;
background: red;
bottom: 0.5rem;
left: 1rem;
right: 1rem;
transition: all 0.4s ease;
}
.aurore-btn-gal:hover .aurore-btn-gal-btn-ctn::before{
border-bottom: 4px solid #1B3D71;
transform: translatey(4px);
}
.aurore-btn-gal:hover .aurore-btn-gal-btn-ctn::after{
transform:scale(1.5);
}
.aurore-btn-gal:hover{
transform: translatey(-3px);
background:#EAF4FD;
} .aurore-btn-gal{
display: flex;
gap: 1.5rem;
}
.aurore-btn-gal > a{
display: flex;
gap: 0.25rem;
}
.aurore-btn-gal > a p{
text-decoration: none;
}