/* ----------------------------------------- */
/* Visualiser le slug : spectacles - début */
/* ----------------------------------------- */
.spectacle-cards-container {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.spectacle-cards-container a {
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding: 2rem;
width: 100%;
height: 300px;
text-align: center;
flex-direction: column;
background-size: cover;
background-position: center center;
margin: 1rem 0;
border-radius:5px;
}
.spectacle-cards-container a .overlay{
position: absolute;
width:100%;
height:100%;
background: #000;
opacity: .3;
z-index:1;
transition: all ease-in-out .3s;
border-radius:5px;
}
.spectacle-cards-container a:hover .overlay{
opacity: .3
}
.spectacle-cards-container a h3{
font-size:24px;
}
.spectacle-cards-container a h4{
font-size:18px;
}
.spectacle-cards-container a span{
font-size:18px;
}
.spectacle-cards-container a h3,
.spectacle-cards-container a h4,
.spectacle-cards-container a span {
font-family: "Domine";
color:white;
z-index:10;
}
.spectacle-cards-container a span {
font-weight:bold;
font-family: "Open-sans";
}
.spectacle-cards-container a span i{
margin-right: 1rem;
}
@media all and (min-width: 900px) {
.spectacle-cards-container a {
width:49%;
}
}
@media all and (min-width: 1100px) {
.spectacle-cards-container a {
width:30%;
}
}
/* ----------------------------------------- */
/* Visualiser le slug : spectacles - fin */
/* ----------------------------------------- */
Nous utilisons des cookies pour nous permettre de mieux comprendre comment le site est utilisé. En continuant à utiliser ce site, vous acceptez cette politique.
