.slick-prev,
.slick-next {
display: block !important; z-index: 10; background: rgba(0, 0, 0, 0.5); color: #fff; width: 40px;
height: 40px; text-align: center;
border-radius: 50%; }
.slick-prev {
left: 10px; }
.slick-next {
right: 10px; }
.relative {
position: relative;
}
.slick-carousel {
margin: 0 auto !important;
display: flex !important;
}
.card-carousel {
position: relative;
margin: 0 5px;
overflow: hidden;
}
@media (max-width:576px) {
.card-carousel {
height: 300px;
}
}
@media (min-width:577px) and (max-width:767px) {
.card-carousel {
height: 330px;
}
}
@media (min-width:768px) and (max-width:991px) {
.card-carousel {
height: 360px;
}
}
@media (min-width:992px) and (max-width:1200px) {
.card-carousel {
height: 380px;
}
}
@media (min-width:1201px) and (max-width:1400px) {
.card-carousel {
height: 420px;
}
}
@media (min-width:1401px) {
.card-carousel {
height: 500px;
}
}
.img-galeria {
height: 100%;
object-fit: contain;
object-position: bottom;
} .contem-legenda {
position: absolute;
z-index: 9 !important;
width: 100%;
height: 50px;
bottom: 0;
background-color: rgba(0, 0, 0, 0.1);
left: 0;
}
.legenda {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.legenda span {
position: relative;
margin-right: 15px;
font-size: 2rem !important;
color: white !important;
}
.contem-legenda a {
text-decoration: none;
color: white !important;
}
h4 {
font-size: 1.6rem !important;
}
.legenda h4 {
color: white !important;
font-weight: bold !important;
font-size: 1.6rem !important;
}
.ps-3 {
padding-left: 0.75rem;
}
.pe-3 {
padding-right: 0.75rem;
}
.slick-carousel {
margin: 0 auto !important;
display: flex !important;
}