.wep-root {
position: relative;
display: grid;
grid-template-columns: 1fr;
}
.wep-content-area__inner {
border: 1px solid var(--wep-border-color);
border-radius: 6px;
} @media screen and (min-width: 1280px) {
.wep-root {
gap: 40px;
grid-template-columns: 1fr 1fr;
}
} .wep-map-wrapper {
position: relative;
margin-bottom: 2em;
} @media screen and (min-width: 1280px) {
.wep-map-wrapper,
.wep-map-wrapper .wpgmp_map_parent {
margin-bottom: 0;
height: 100%;
}
.wep-map-wrapper .wpgmp_map_parent .wpgmp_map {
height: 100% !important;
}
} .wep-section-filter {
margin-bottom: 0.5rem;
}
.wep-search-box input.wep-form-control {
border-top: 0;
border-left: 0;
border-bottom-left-radius: 0;
}
.wep-search-box input.wep-form-control:focus {
border-color: var(--wep-border-color);
}
.wep-search-box .wep-btn-filter {
border-top: 0;
border-right: 0;
border-bottom-right-radius: 0;
}
.wep-categories-filter {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(195px, 1fr));
gap: 15px;
padding: 10px 24px;
background-color: var(--wep-secondary);
}
.wep-section-result__header {
padding-inline: 24px;
margin-bottom: 1.25rem;
color: inherit;
display: flex;
gap: 5px;
}
.wep-section-result__header .wep-result-action {
margin-left: auto;
}
.wep-section-result__list {
padding-block: 5px 20px;
display: grid;
grid-template-columns: 1fr;
gap: 30px;
color: inherit;
max-height: 550px;
overflow-x: hidden;
overflow-y: auto;
} .wep-card {
display: flex;
flex-direction: column;
}
.wep-card__image {
flex-shrink: 0;
width: 100%;
border-radius: 16px;
}
.wep-card__image-action {
padding: 12px 14px 0;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1;
height: auto;
display: flex;
justify-content: flex-end;
}
.wep-card__image-action .icon-more,
.wep-card__image-action .icon-more:hover {
background-color: rgba(0, 0, 0, 0.5);
color: var(--wep-white);
filter: brightness(10);
}
.wep-card__image > img {
border-radius: 16px;
}
.wep-card__body {
flex: 1 1 0;
padding: 20px 0 10px;
}
.wep-card__header {
display: flex;
flex-direction: column;
gap: 5px;
margin-bottom: 0.25em;
}
.wep-card__extra {
display: flex;
align-items: flex-start;
gap: 8px;
}
.wep-card__text:not(:last-child) {
margin-bottom: 10px;
}
.wep-card__footer {
display: flex;
align-items: center;
gap: 8px;
opacity: 0.8;
font-size: 0.875em;
}
.wep-card .wep-card__title {
margin: 0 !important;
}
.wep-card .wep-dropdown-toggle {
align-items: center;
justify-content: center;
transition: all 0.2s ease-in-out;
width: 32px;
height: 32px;
border-radius: 50%;
opacity: 0.8;
background-color: rgba(0, 0, 0, 0.8);
margin-left: 5px;
}
.wep-card .wep-dropdown-toggle > i {
filter: brightness(10);
}
.wep-card .wep-dropdown-toggle:hover {
background-color: rgba(0, 0, 0, 0.9);
opacity: 1;
} @media screen and (min-width: 576px) {
.wep-section-result__list {
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
padding-inline: 24px;
}
}
@media screen and (min-width: 768px) {
.wep-section-result__list {
grid-template-columns: 1fr;
gap: 0;
padding-inline: 0;
}
.wep-card__header,
.wep-card {
flex-direction: row;
}
.wep-card {
padding: 0 24px 24px;
}
.wep-card:not(:last-child) {
margin-bottom: 24px;
border-bottom: 1px solid var(--wep-border-color);
}
.wep-card__image {
max-width: 220px;
}
.wep-card__body {
padding: 0 0 0 20px;
}
.wep-card__extra {
margin-left: 10px;
}
}
@media screen and (min-width: 1280px) {
.wep-card__body {
padding: 0 0 0 30px;
}
} .wep-categories__list {
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;
}