.page-numbers {
text-decoration: none!important;
padding: 0 5px;
color: #4b4a4f;
}
.page-numbers.current {
color: #dc2334;
}
.quartos-list .quarto {
margin-bottom: 20px;
}
.quartos-list .quarto img {
height: 350px;
width: 100%;
object-fit: cover;
}
.quartos-list .quarto-info {
display: flex;
flex-direction: column;
justify-content: space-around;
}
.quartos-list .quarto-info h3 {
font-family: var(--title-font);
color: var(--highlight-color);
font-size: 30px;
}
.quartos-list .servicos-container {
display: flex;
column-gap: 16px;
padding-left: 12px;
}
.quartos-list .servicos {
text-align: center;
}
.quarto-descricao {
font-size: 20px;
}
.quartosListBtn {
position: relative;
width: fit-content;
color: #404040;
font-family: var(--secondary-highlight-font);
font-size: 22px;
text-decoration: none !important;
}
.quartosListBtn:hover {
color: #404040;
}
.quartosListBtn::after {
content: '' !important;
position: absolute !important;
bottom: 2px !important;
left: 0;
height: 2px !important;
width: 0 !important;
background-color: var(--secondary-color) !important;
transition: var(--default-transition);
}
.quartosListBtn:hover::after {
width: 100% !important;
}
@media screen and (max-width: 1000px) {
.quartos-list .quarto img {
height: 400px;
}
}
@media screen and (max-width: 768px) {
.quartos-list .quarto img {
height: 350px;
}
.roomInfo h1 {
font-size: 40px;
}
.quartosListBtn {
margin: 0 auto;
background-color: var(--secondary-color) !important;
color: #fff !important;
padding: 0.6em 1em !important;
border-radius: 24px !important;
font-weight: 700 !important;
transition: var(--default-transition) !important;
}
.quartosListBtn::after {
content: none !important;
}
}