.blog-section{margin:50px 0}.blog-section .search{text-align:right;margin-bottom:50px}.blog-section .search form{position:relative;width:250px;margin-left:auto}.blog-section .search form input{width:100%;background:none;border:none;border-bottom:1px solid var(--color-1);padding:6px 35px 6px 6px;outline-color:var(--color-2)}.blog-section .search form button{position:absolute;right:0;top:0;bottom:0;background:none;border:none;color:var(--color-2)}.blog-section .posts{flex-wrap:wrap;column-gap:75px;row-gap:75px}.blog-section .post{flex:0 1 calc(50% - 37.5px);position:relative;box-shadow:4px 4px 4px 0 rgb(0 0 0 / .25)}.blog-section .post .image{background-color:var(--color-1);height:100%}.blog-section .post .image img{opacity:.5;transition:all ease 0.3s;width:100%;height:100%;object-fit:cover}.blog-section .post a{color:var(--text_color_alt);height:100%}.blog-section .post .heading{position:absolute;bottom:50px;left:15px;right:15px;font-weight:300;border-bottom:2px solid var(--text_color_alt);padding-bottom:20px;margin-bottom:0}.blog-section .post .date{position:absolute;top:15px;right:15px;font-weight:400;font-size:20px;letter-spacing:2px}.blog-section .post:hover .image img,.blog-section .post:focus .image img{opacity:.35}.blog-section .posts-navigation{margin-top:65px}.blog-section .posts-navigation .nav-links{display:flex;justify-content:center}.blog-section .posts-navigation .nav-links>*{margin:0 20px}.blog-section .posts-navigation .nav-links>*:not(:last-child){position:relative}.blog-section .posts-navigation .nav-links>*:not(:last-child):after{content:"";position:absolute;top:0;bottom:0;width:2px;background-color:var(--color-1);right:-23px}.blog-section .posts-navigation .nav-links a{font-weight:300;font-size:30px;display:flex;column-gap:.5em;align-items:center;color:var(--settings_link_color,var(--color-3))}.blog-section .posts-navigation .nav-links a:hover,.blog-section .posts-navigation .nav-links a:focus{color:var(--settings_link_hover_color,var(--color-4))}.archive-heading{margin:50px 0;text-align:center}.archive-heading h1{margin-bottom:0}@media screen and (max-width:991px){.blog-section .posts{gap:50px}.blog-section .post{flex-basis:calc(50% - 25px)}}@media screen and (max-width:767px){.blog-section .post{flex-basis:100%}}