.page_banner {
display: flex;
flex-direction: column;
position: relative;
align-items: center;
min-height: 26vw;
height: auto;
justify-content: flex-end;
}
.page_banner * {
position: relative;
z-index: 2;
}
.page_banner::after {
content: '';
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.9) 100%);
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.page_banner .banner_title {
max-width: 700px;
width: 100%;
}.fc_small_banner {
position: relative;
}
.fc_small_banner * {
position: relative;
z-index: 2;
}
.fc_small_banner .overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}.single_post_list {
display: flex;
align-items: stretch;
flex-wrap: wrap;
gap: 20px;
}
.single_post_list > a {
width: calc(33% - 11px);
display: flex;
flex-direction: column;
gap: 20px;
}
.single_post_list > a .post_thumb {
padding-bottom: 60%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.single_post_list > a .post_data {
font-weight: 500;
font-size: 16px;
line-height: 150%;
letter-spacing: 0.5px;
color: #000000;
}
.read_more_button {
font-weight: 600;
font-size: 14px;
line-height: 20px;
letter-spacing: 1px;
text-transform: uppercase;
color: #1A1A1A;
margin: 20px 0;
display: block;
}
.read_more_button::after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' fill='none'%3E%3Cpath fill='%231C1B1F' d='M1.204 14 0 12.76 5.593 7 0 1.24 1.204 0 8 7l-6.796 7Z'/%3E%3C/svg%3E");
margin-left: 15px;
}
.single_post_list > a:hover, .single_post_list > a {
text-decoration: none;
}
.single_post_list > a:hover {
opacity: 0.7;
}
.widget_categories, .archive_filter {
display: flex;
align-items: center;
gap: clamp(20px, 2.5vw, 40px);
}
.archive_filter {
flex-wrap: wrap;
}
.widget_categories h2 {
font-weight: 400;
font-size: 35px;
line-height: 120%;
text-transform: uppercase;
color: #000000;
margin: 0;
}
.archive_filter > p {
font-weight: 400;
font-size: 16px;
line-height: 150%;
letter-spacing: 0.5px;
margin: 0;
color: #1A1A1A;
}
#breadcrumbs {
min-width: 100%;
margin: 0 0 50px 0;
}
.per_unit_message {
font-weight: 500;
font-size: 14px;
line-height: 150%;
letter-spacing: 0.25px;
color: #2C3036;
margin: 0   ;
}
@media (max-width: 1024px) {
.widget_categories, .archive_filter {
flex-direction: column;
gap: 20px;
}
.single_post_list > a {
width: calc(50% - 10px);
}
.widget_categories, .widget_categories form {
min-width: 100%;
}
}
@media (max-width: 640px) {
.single_post_list > a {
width: 100%;
}
}