:root {
--wep-drawer-width: 380px;
--wep-drawer-offset: -380px;
--wep-drawer-bg: rgba(0, 0, 0, 0.6);
--wep-drawer-color: #ffffff;
} .wep-root {
position: relative;
}
.wep-content-area__inner {
height: 100%;
} .wep-map-wrapper {
position: relative;
overflow: hidden;
}
.wep-map-wrapper .wpgmp_map_parent {
margin-bottom: 0;
height: 100%;
} .wep-section-result {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
}
.wep-section-result__list {
flex: 1;
display: grid;
grid-template-columns: 1fr;
gap: 15px;
color: inherit;
overflow-y: auto;
} .wep-card-wrapper {
padding: 8px;
border-radius: 6px;
flex: 0 0 auto;
width: 100%;
max-width: 360px;
background-color: var(--wep-white);
}
.wep-card {
display: flex;
flex-direction: column;
}
.wep-card .wep-card__title {
margin: 0 !important;
}
.wep-card__image {
flex-shrink: 0;
width: 100%;
border-radius: 16px;
}
.wep-card__image > img {
border-radius: 4px;
}
.wep-card__body {
flex: 1 1 0;
padding-top: 12px;
}
.wep-card__header {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 0.25em;
}
.wep-card__text:not(:last-child) {
margin-bottom: 5px;
}
.wep-card__footer {
display: flex;
align-items: center;
gap: 8px;
opacity: 0.8;
font-size: 0.875em;
}
@media screen and (min-width: 410px) {
.wep-card {
flex-direction: row;
}
.wep-card__image {
max-width: 120px;
}
.wep-card__body {
padding-left: 12px;
padding-top: 0;
}
} .wep-categories__list:not(:last-child) {
margin-bottom: 0.875rem;
}
.wep-card__title a {
display: inline-flex;
color: inherit;
font-size: inherit;
}
.wep-categories__list .wep-list {
display: flex;
flex-wrap: wrap;
margin: 0;
opacity: 0.65;
}
.wep-list__item {
position: relative;
font-size: 0.875em;
display: flex;
align-items: center;
}
.wep-list__item:not(:last-child) {
padding-right: 8px;
margin-right: 8px;
}
.wep-list__item:not(:last-child)::before {
content: "";
display: block;
width: 1px;
height: 14px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background-color: #adadad;
} .wpgmp_pagination {
display: none !important;
} .wep-listing-btn {
background-color: var(--wep-drawer-bg);
color: var(--wep-drawer-color);
padding: 8px 14px;
display: inline-flex;
align-items: center;
gap: 10px;
min-width: 150px;
border-radius: var(--wep-btn-border-radius);
text-align: center;
cursor: pointer;
}
.wep-listing-btn .wep-icon-arrow-up {
filter: brightness(3);
transition: transform 0.2 ease;
}
.wep-listing-btn[aria-expanded="true"] .wep-icon-arrow-up {
transform: rotate(-180deg);
} .wep-drawer {
position: absolute;
top: 0;
right: var(--wep-drawer-offset);
width: var(--wep-drawer-width);
height: calc(100% - 8px);
background-color: var(--wep-drawer-bg);
padding: 15px;
transition: all 0.3s ease-in-out;
}
.wep-drawer.open {
right: 0;
}
.wep-drawer .wep-listing-btn {
position: absolute;
top: 50%;
left: -96px;
transform: translateY(-50%) rotate(-90deg);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
} @media screen and (max-width: 500px) {
.wep-drawer {
--wep-drawer-offset: -330px;
--wep-drawer-width: 330px;
}
}
@media screen and (max-width: 410px) {
.wep-drawer {
--wep-drawer-offset: -260px;
--wep-drawer-width: 260px;
}
}