<>
.archives-section{
margin-top:70px;
padding: 50px 0;
}
.archives-section .archives_header_wrapper.archives-section .archives_header_wrapper .archives_filters{
display:flex;
flex-wrap:wrap;
}
.archives-section .archives_header_wrapper .archives_headline {
padding-right: 30px;
}
.archives-section .archives_header_wrapper input{
font-size: 15px;
padding: 10px;
margin-right: 20px;
margin-bottom: 15px;
width: 200px;
}
.archives-section .archives_header_wrapper select{
background-position: right 15px top 16px;
padding: 8px;
margin-right: 20px;
margin-bottom: 15px;
font-size: 15px;
width: 180px;
}
.archives-section .archives_header_wrapper .archives_search_form{
position: relative;
}
.archives-section .archives_header_wrapper .archives_search_form button{
position:absolute;
background:none;
padding:0;
line-height:0;
right: 25px;
top: 11px;
}
.archives-section .archives_header_wrapper .archives_search_form button:before{
position:absolute;
content:"\f002";
font-family: "Font Awesome 6 Free";
font-size: 18px;
line-height: 18px;
color:#858585;
width:25px;
height:25px;
}
.archives-section .archives_header_wrapper .archives_search_form button input{
width:25px;
height:25px;
background:none;
padding:0;
margin:0;
}
.archives-section .archives_headline h2{
margin-bottom:0;
font-size: 1.5em;
font-weight: 700;
}
.archives_wrapper{
position:relative;
display:flex;
flex-wrap:wrap;
max-width: 1200px;
}
.archives_wrapper .archives_block{
position:relative;
width:50%;
transition: all 1s ease-out;
}
.archives .archives_wrapper .archives_block .archives_block_inner{
position:relative;
display:flex;
flex-direction: column;
padding: 20px;
margin:20px 40px 0 0;
border-top: solid 1px #ddd;
height:100%;
transition: all 1s ease-out;
background:#fff;
}
.archives_wrapper .archives_block .archives_block_inner .spotlight_title{
font-family: mulisans-serif;
color:#FFBC42;
font-weight:bold;
font-size: 14px;
text-transform:uppercase;
}
.archives_wrapper .archives_block .archives_block_inner .archives_title h3{
font-family: plantinsans-serif;
font-weight:500;
font-size: 26px;
}
.archives_wrapper .archives_block .archives_block_inner .archives_title h3 i{
position: absolute;
top: 20px;
right: 20px;
background: #174F4F;
border-radius: 50%;
padding: 7px;
color: #fff;
font-size: 11px;
}
.archives_wrapper .archives_block .archives_block_inner .archives_date{
font-size: 15px;
font-family: mulisans-serif;
margin-bottom: 10px;
}
.archives_wrapper .archives_block .archives_block_inner .archives_excerpt{
font-size:15px;
margin-bottom: 15px;
line-height: 24px;
}
#main .archives_wrapper .archives_block .archives_block_inner .archives_excerpt p{
padding: 0;
margin: 0 auto 1em;
}
.archives-section .archive_nav{
display:flex;
justify-content: flex-end;
margin-top:10px;
width: 100%;
}
.archives-section .archive_nav div{
padding: 5px 10px;
cursor: pointer;
}
.navigation.pagination{
margin-top:3%;
}
@media only screen and (max-width: 1250px) {
.archives_wrapper .archives_block{ padding: 20px; }
.archives_wrapper .archives_block .archives_block_inner:after{ top: 12%; }
}
@media only screen and (max-width: 980px) {
.archives_wrapper .archives_block{ width: 50%; }
.archives-section .archives_headline h2{ font-size: 2.5em; }
}
@media only screen and (max-width:767px) {
.archives_wrapper .archives_block{ width: 100%; }
.archives_wrapper .archives_block .archives_block_inner:after{ top: 5%; right: -5%; }
}
@media only screen and (max-width:675px) {
.archives-section .archives_filters,
.archives-section .archives_filters select,
.archives-section .archives_search,
.archives-section .archives_search input { width: 100%; margin-right:0;
}
}