.archive_filter {
display: flex;
justify-content: center;
gap: clamp(15px, 1.5vw, 30px);
align-items: center;
}
.archive_filter ul {
margin: 0;
padding: 0;
list-style: none;
}
.archive_filter .title {
font-weight: 700;
margin: 0;
}
.archive_filter ul {
display: flex;
gap: clamp(15px, 1.5vw, 30px);
}
.full_listing {
border-top: 1px solid #91ABC6;
}
@media (min-width: 1024px) {
.post_item_large {
text-decoration: none;
grid-column: span 3;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: clamp(15px, 1.5vw, 30px);
background: #fff;
overflow: hidden;
}
.post_item_large div:nth-child(1) {
grid-column: span 2;
}
.post_item_large div .image-switch {
width: 105%;
height: 100%;
position: relative;
}
.post_item_large:nth-child(5) div:nth-child(1) {
grid-column-start: 2;
grid-column: span 2 ;
grid-row: 1;
}
.post_item_large:nth-child(5) div:nth-child(1) .image-switch {
right: 5%;
}
.post_item_large:nth-child(5) .post_item {
grid-column: 1;
grid-row: 1;
}
.post_item {
position: relative;
z-index: 2;
}
}
@media (max-width: 1024px) {
.post_item_large {
text-decoration: none;
display: flex;
}
}
@media (max-width: 768px) {
.archive_filter {
flex-wrap: wrap;
}
}
@media (max-width: 640px) {
.archive_filter,
.archive_filter ul {
flex-direction: column;
}
}.fc_cta {
display: grid;
grid-template-columns: 1.22fr 0.1fr 0.68fr;
}
.fc_cta > div {
padding: 25px 0;
position: relative;
display: flex;
align-items: center;
}
.fc_cta > div:nth-child(1) div {
padding-left: 35px;
max-width: 650px;
}
.fc_cta > div:nth-child(3) {
padding-left: clamp(20px, 4vw, 50px);
padding-right: 35px;
}
.fc_cta > span {
content: '';
width: 1px;
background: #fff;
transform: rotate(20deg);
}
.fc_cta > div:nth-child(3) a {
text-decoration: none;
padding-top: 10px;
display: inline-block;
}
.fc_cta > div:nth-child(3)   a:hover {
text-decoration: underline;
}
.fc_cta > div:nth-child(3)a[href^="mailto:"] {
text-decoration: underline;
color: #032649;
}
.fc_cta > div:nth-child(3) a[href^="mailto:"]:hover {
opacity: 0.7;
}
@media (max-width: 1350px) {
.fc_cta > div:nth-child(1) div {
padding-left: 0;
}
.fc_cta > div:nth-child(3) {
padding-right: 0;
}
}
@media (max-width: 1200px) {
.fc_cta {
display: grid;
grid-template-columns: 1.2fr 0.1fr 0.8fr;
}
}
@media (max-width: 1100px) {
.fc_cta {
display: grid;
grid-template-columns: 1fr;
grid-gap: 30px;
text-align: center;
}
.fc_cta > span {
width: 100%;
height: 1px;
transform: rotate(0);
}
.fc_cta > div:nth-child(n) {
padding: 0;
display: block;
}
.fc_cta > div:nth-child(1) div {
max-width: 100%;
}
}