@charset "UTF-8";
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.slider-container {
position: relative;
padding-inline: 30px;
}
.slider .slide {
animation: fade-in 1s cubic-bezier(0.4, 0, 0.2, 1) 1;
}
.slider-container .slider-button {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(100, 100, 100, 0.6);
border: 0 none !important;
border-radius: 50%;
color: #ffffff;
font-size: 1.5rem;
cursor: pointer;
z-index: 2;
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
height: 55px;
width: 55px;
transition: background-color 0.2s ease-in-out;
}
.slider-container .slider-button:hover {
background-color: rgba(100, 100, 100, 0.9);
}
.slider-container .prev {
left: 0;
}
.slider-container .next {
right: 0;
}  .grid-layout {
display: grid;
grid-template-columns: 1fr; gap: 30px;
} @media screen and (min-width: 600px) {
.grid-layout {
grid-template-columns: repeat(2, 1fr);
}
} @media screen and (min-width: 992px) {
.grid-layout {
grid-template-columns: repeat(3, 1fr);
}
} .masonry-layout {
-moz-column-count: 1;
column-count: 1; -moz-column-gap: 30px;
column-gap: 30px;
}
.masonry-layout .wep-card {
-moz-column-break-inside: avoid;
break-inside: avoid; }  @media (min-width: 576px) {
.masonry-layout {
-moz-column-count: 2;
column-count: 2;
}
} @media (min-width: 768px) {
.masonry-layout {
-moz-column-count: 3;
column-count: 3;
}
} @media (min-width: 992px) {
.masonry-layout {
-moz-column-count: 4;
column-count: 4;
}
} .overlay-layout {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
}  .listing-layout {
display: grid;
grid-template-columns: 1fr; gap: 30px;
}
.listing-layout .image-container:not(:last-child) {
margin-bottom: 30px;
}
.listing-layout .image-container > img {
display: block;
max-width: 100%;
}
.listing-layout .meta-data {
font-size: 0.75em;
color: rgba(0, 0, 0, 0.6);
} .listing-layout .post-container {
display: flex;
flex-direction: column;
margin-bottom: 16px;
}
.listing-layout .post-container .image-container {
width: 100%;
text-align: left;
margin-bottom: 20px;
}
.listing-layout .post-container .image-container .block-image {
max-width: 100%;
height: auto;
}
.listing-layout .post-container .post-title {
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 15px;
line-height: 2rem;
}
.listing-layout .post-container .post-title .title {
text-decoration: none !important;
color: #333;
}
.listing-layout .post-container .meta-data {
font-size: 0.875rem;
color: #777;
margin-bottom: 16px;
}
.listing-layout .post-container .meta-data p{
margin-top: 0px;
margin-bottom: 0px;
}
.listing-layout .post-container .post-content { color: #555;
margin-bottom: 16px;
}
.listing-layout .post-container .read-more-btn {
text-align: left; margin-bottom: 1rem;
}
.listing-layout .post-container .read-more-btn .read-more-button {
text-decoration: none !important; 
color: #fff;
padding: 10px 20px;
font-size: 1rem;
border-radius: 4px;
background-color: #3896fb;
}    :root {
--wep-black: #000000;
--wep-white: #ffffff;
--wep-primary: #4390ff;
--wep-primary-hover: #1572f5;
--wep-secondary: #fafafa;
--wep-dark: #23272f; --wep-link-color: inherit;
--wep-link-hover-color: inherit;
--wep-link-text-decoration: none; --wep-body-color: #484848;
--wep-body-bg: var(--wep-white);
--wep-body-font-family: inherit;
--wep-body-font-size: 16px;
--wep-body-font-weight: 400;
--wep-body-line-height: 1.3; --wep-border-width: 1px;
--wep-border-style: solid;
--wep-border-color: #dedede; --wep-heading-color: inherit;
--wep-heading-font-weight: inherit;
--wep-heading-line-height: inherit; --wep-spacer: 1rem;
--wep-border-radius: 0.8rem;
--wep-border-radius-sm: 0.6rem;
--wep-border-radius-lg: 1rem;
--wep-border-radius-circle: 50%;
--wep-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
--wep-box-shadow-lg: 0 2px 6px rgba(0, 0, 0, 0.1);
}
*,
*::before,
*::after {
box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
} * {
scrollbar-width: thin !important;
scrollbar-color: rgba(0, 0, 0, 0.25) transparent;
}
::-webkit-scrollbar {
width: 4px;
}
::-webkit-scrollbar:horizontal {
height: 4px;
}
::-webkit-scrollbar-track {
border-radius: 4px;
background: transparent;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background: rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.4);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(0, 0, 0, 0.2);
} ol,
ul,
dl {
margin-top: 0;
margin-bottom: 0;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
.wep-root :is(h6, h5, h4, h3, h2, h1) {
margin-top: 0;
margin-bottom: 0;
}
.wep-root a {
-webkit-text-decoration: var(--wep-link-text-decoration) !important;
text-decoration: var(--wep-link-text-decoration) !important;
}
.wep-root a:hover,
.wep-root a:focus {
outline: 0 none;
}
.wep-root a > code {
color: inherit;
}
.wep-root a:not([href]):not([class]),
.wep-root a:not([href]):not([class]):hover {
color: inherit;
-webkit-text-decoration: var(--wep-link-text-decoration);
text-decoration: var(--wep-link-text-decoration);
}
.wep-root p {
margin-top: 0;
margin-bottom: 0;
}
.wep-root img {
max-width: 100%;
} .wep-btn {
--wep-btn-padding-x: 20px;
--wep-btn-padding-y: 12px;
--wep-btn-font-family: inherit;
--wep-btn-font-size: 16px;
--wep-btn-font-weight: 500;
--wep-btn-line-height: 18px;
--wep-btn-color: #23272f;
--wep-btn-bg: transparent;
--wep-btn-border-width: var(--wep-border-width);
--wep-btn-border-color: transparent;
--wep-btn-border-radius: 8px;
--wep-btn-hover-border-color: transparent;
display: inline-flex;
padding: var(--wep-btn-padding-y) var(--wep-btn-padding-x);
font-family: var(--wep-btn-font-family);
font-size: var(--wep-btn-font-size);
font-weight: var(--wep-btn-font-weight);
line-height: var(--wep-btn-line-height);
color: var(--wep-btn-color) !important;
text-align: center;
text-decoration: none !important;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border: var(--wep-btn-border-width) solid var(--wep-btn-border-color);
border-radius: var(--wep-btn-border-radius);
background-color: var(--wep-btn-bg);
transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.wep-btn {
transition: none;
}
}
.wep-btn:hover,
.wep-btn:focus {
color: var(--wep-btn-hover-color) !important;
background-color: var(--wep-btn-hover-bg);
border-color: var(--wep-btn-hover-border-color);
}
.wep-btn:focus-visible {
color: var(--wep-btn-hover-color);
background-color: var(--wep-btn-hover-bg);
border-color: var(--wep-btn-hover-border-color);
outline: 0;
}
.wep-btn-primary {
--wep-btn-color: #fff;
--wep-btn-bg: var(--wep-primary);
--wep-btn-hover-color: #fff;
--wep-btn-hover-bg: var(--wep-primary-hover);
}
.wep-btn-outline-primary {
--wep-btn-color: var(--wep-primary);
--wep-btn-border-color: var(--wep-primary);
--wep-btn-hover-color: #fff;
--wep-btn-hover-bg: var(--wep-primary);
--wep-btn-hover-border-color: var(--wep-primary);
} .wep-card {
--wep-card-spacer-y: 30px;
--wep-card-spacer-x: 30px;
--wep-card-title-spacer-y: 5px;
--wep-card-title-color: #202124;
--wep-card-border-width: var(--wep-border-width);
--wep-card-border-color: #ebf1fa;
--wep-card-border-radius: 20px;
--wep-card-inner-border-radius: var(--wep-card-border-radius);
--wep-card-cap-padding-y: 30px;
--wep-card-cap-padding-x: 30px;
--wep-card-cap-bg: transparent;
--wep-card-cap-color: #202124;
--wep-card-bg: var(--wep-secondary);
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
color: var(--wep-body-color);
word-wrap: break-word;
background-color: var(--wep-card-bg);
background-clip: border-box;
border-radius: var(--wep-card-border-radius);
}
.wep-card-full-height {
height: calc(100% - var(--wep-card-spacer-y));
}
.wep-card .meta-data {
font-size: 0.875em;
color: rgba(0, 0, 0, 0.4);
}
.wep-card-body .wep-card-heading:not(:last-child) {
margin-bottom: 20px;
}
.wep-card-body {
flex: 1 1 auto;
padding: var(--wep-card-spacer-y) var(--wep-card-spacer-x);
}
.wep-card-title {
margin-bottom: var(--wep-card-title-spacer-y) !important;
color: var(--wep-card-title-color);
}
.wep-card-title a {
color: inherit !important;
text-decoration: none !important;
}
.wep-card-title a:hover,
.wep-card-title a:focus {
color: var(--wep-link-hover-color);
}
.wep-card-text p {
margin-bottom: 2rem;
}
.wep-card-title:last-child,
.wep-card-text p:last-child {
margin-bottom: 0 !important;
}
.wep-card-header {
position: relative;
padding: var(--wep-card-cap-padding-y) var(--wep-card-cap-padding-x);
margin-bottom: 0;
color: var(--wep-card-cap-color);
background-color: var(--wep-card-cap-bg);
display: flex;
align-items: center;
flex-wrap: wrap;
}
.wep-card-body + .wep-card-footer,
.wep-card-header + .wep-card-body {
padding-top: 0;
}
.wep-card-header:first-child {
border-radius: var(--wep-card-inner-border-radius)
var(--wep-card-inner-border-radius) 0 0;
}
.wep-card-footer {
padding: var(--wep-card-cap-padding-y) var(--wep-card-cap-padding-x);
color: var(--wep-card-cap-color);
background-color: var(--wep-card-cap-bg);
}
.wep-card-footer:last-child {
border-radius: 0 0 var(--wep-card-inner-border-radius)
var(--wep-card-inner-border-radius);
}
.wep-card-img {
position: relative;
flex-shrink: 0;
width: 100%;
height: 200px;
overflow: hidden;
border-top-left-radius: var(--wep-card-inner-border-radius);
border-top-right-radius: var(--wep-card-inner-border-radius);
}
.wep-card-img .wep-chip {
position: absolute;
bottom: 10px;
left: 10px;
z-index: 2;
}
.wep-card-img .wep-chip.right {
left: auto;
right: 10px;
}
.wep-card-img > img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
} .wep-card-img-overlay {
flex: 1 1 auto;
background-color: rgba(0, 0, 0, 0.6);
color: var(--wep-white);
border-radius: var(--wep-card-inner-border-radius);
}
.wep-card-img-overlay :is(.wep-card-title, .meta-data) {
color: var(--wep-white);
} @media screen and (min-width: 576px) {
.wep-card.wep-card-horizontal {
flex-direction: row;
}
.wep-card-horizontal .wep-card-img {
position: relative;
height: auto;
width: 220px;
overflow: hidden;
border-radius: var(--wep-card-inner-border-radius);
}
.wep-card-horizontal .wep-card-heading:not(:last-child) {
margin-bottom: 10px;
}
.wep-card-horizontal .wep-card-footer {
flex-shrink: 0;
padding-left: 0;
padding-top: var(--wep-card-spacer-y);
}
} .wep-chip {
--wep-chip-padding-y: 4px;
--wep-chip-padding-x: 12px;
--wep-chip-color: #fff;
--wep-chip-bg: rgba(0, 0, 0, 0.6);
--wep-chip-font-size: 12px;
--wep-chip-border-radius: 20px;
display: inline-flex;
align-items: center;
color: var(--wep-chip-color);
background: var(--wep-chip-bg);
border-radius: var(--wep-chip-border-radius);
font-size: var(--wep-chip-font-size);
padding: var(--wep-chip-padding-y) var(--wep-chip-padding-x);
text-transform: capitalize;
white-space: nowrap;
}
.wep-chip-wrapper {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px;
} .wep-pagination {
--wep-pagination-bg: var(--wep-primary);
--wep-pagination-color: var(--wep-white);
--wep-pagination-border-color: var(--wep-border-color);
display: flex;
align-items: center;
justify-content: center;
color: var(--wep-black);
font-size: 14px;
margin-bottom: 30px;
}
.wep-pagination:not(:first-child) {
margin-top: 30px;
}
.wep-pagination:not(.center).left {
justify-content: flex-start;
}
.wep-pagination:not(.center).right {
justify-content: flex-end;
}
.wep-pagination > .page-numbers,
.wep-pagination > button {
background: transparent;
border: 1px solid var(--wep-pagination-border-color);
padding: 12px 20px;
cursor: pointer;
transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out;
text-decoration: none !important;
}
.wep-pagination > button[disabled],
.wep-pagination > button:disabled {
pointer-events: none;
}
.wep-pagination > .page-numbers,
.wep-pagination > button:not(:first-child) {
margin-left: -1px;
}
.wep-pagination .page-numbers:first-child,
.wep-pagination .wep-prev {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.wep-pagination .page-numbers:last-child,
.wep-pagination .wep-next {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.wep-pagination > .page-numbers.current,
.wep-pagination > .page-numbers:hover,
.wep-pagination > .page-numbers:focus,
.wep-pagination > button.active,
.wep-pagination > button:hover,
.wep-pagination > button:focus {
background-color: var(--wep-pagination-bg);
color: var(--wep-pagination-color);
}