.bridge-tabs {
display: flex;
gap: 10px;
margin-bottom: 20px;
}
.bridge-tab {
padding: 10px 20px;
background: #f1f1f1;
border: none;
cursor: pointer;
border-radius: 6px;
}
.bridge-tab.active {
background: #0073aa;
color: white;
}
.bridge-filters {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 20px;
}
.bridge-filters .form-control {
min-width: 150px;
}
.filter-actions {
display: flex;
align-items: center;
gap: 10px;
}
#bridge-keyword-search input,
#bridge-keyword-search-rental input {
width: 100%;
max-width: 100%;
padding: 10px;
border-radius: 6px;
border: 1px solid #ccc;
}
.listing-card {
border: 1px solid #eee;
border-radius: 10px;
overflow: hidden;
text-decoration: none;
color: inherit;
display: block;
margin-bottom: 20px;
}
.listing-card img {
width: 100%;
height: auto;
}
.listing-content {
padding: 15px;
}
.listing-content h3 {
margin: 0 0 10px;
}
.listing-meta {
display: flex;
gap: 15px;
list-style: none;
padding: 0;
margin: 0 0 10px;
}
.pagination-controls {
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
}
.pagination-controls .page-btn {
padding: 8px 15px;
border-color: #f77f50;
background:transparent;
}
.pagination-controls .page-btn.active {
background:#f77f50;
}
.filter-actions button {
border-color: #f77f50;
}
.filter-group {
display: flex;
flex-direction: column;
margin-right: 20px;
margin-bottom: 15px;
min-width: auto;
}
.filter-group label {
color: white;
margin-bottom: 5px;
font-weight: 500;
}
#bridge-filters .filter-row,
#bridge-filters-rental .filter-row {
display: flex;
flex-wrap: wrap; align-items: center;
gap: 0px !important;
}
.mySwiper .swiper-slide-thumb-active {
opacity: 1;
}
.mySwiper2 img,
.mySwiper img,
.swiper-sale-main img,
.swiper-sale-thumbs img{
object-fit: cover;
}
.mySwiper img,
.swiper-sale-thumbs img {
height: 100px !important;
border-radius: 10px !important;
width: 100% !important;
cursor: pointer;
}
.mySwiper2 img,
.swiper-sale-main img {
height: 444px !important;
border-radius: 10px !important;
width: 100% !important;
}
.loadingListings {
color: white;
}
.filter-advanced {
margin: 0;
}
.advanced-filters {
align-items: center;
}
#advanced-filters .filter-group label,
#advanced-filters-rental .filter-group label {
margin: 0 !important;
}
.filter-group.filter-advanced {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
}
.filter-group-wrapper{
display:flex;
} @media (max-width: 992px) {
.bridge-tabs {
flex-wrap: wrap;
justify-content: center;
}
.bridge-filters {
flex-direction: column;
align-items: stretch;
}
.filter-actions {
flex-direction: column;
align-items: stretch;
}
.filter-group {
width: 100%;
margin-right: 0;
}
.filter-group label {
text-align: left;
}
#bridge-keyword-search input,
#bridge-keyword-search-rental input {
width: 100%;
}
}
.filter-group.filter-advanced{
margin-right:24px;
} @media (max-width: 600px) {
.bridge-tabs {
flex-direction: column;
align-items: stretch;
}
.bridge-tab {
width: 100%;
text-align: center;
}
.bridge-filters {
gap: 15px;
}
.pagination-controls {
flex-wrap: wrap;
gap: 8px;
}
.mySwiper2 img {
height: auto !important;
aspect-ratio: 4 / 3;
}
.mySwiper img {
height: auto !important;
aspect-ratio: 1 / 1;
}
.filter-group{
width:45%;
}
.filter-group.filter-advanced {
width: 30%;
margin-right:12px;
}
#bridge-filters .filter-row, #bridge-filters-rental .filter-row{
column-gap: 10px !important;
}
.pagination-controls .page-btn{
width:fit-content !important;
}
.filter-group-wrapper,
.filter-row
{
justify-content:space-between !important;
display: flex;
width: 100%;
}
.filter-group.filter-advanced{
width:41% !important;
margin-bottom: 10px;
flex-wrap:wrap;
}
.filter-group.filter-advanced label {
display: flex;
gap: 6px;
}
}