#top-fold{width:100%;height:55vh;background-color:#e6ebe5;display:flex;justify-content:center;padding:2rem 0;box-sizing:border-box}.container{display:flex;max-width:1280px;width:100%;height:100%;padding:0 1rem;box-sizing:border-box;gap:2rem}.content-left,.content-right{flex:1;display:flex;flex-direction:column;justify-content:center}.content-left{padding-right:1rem}.content-left h1{margin:0 0 1rem;font-size:2.5rem}.content-left p{margin:0 0 2rem;font-size:1.2rem;line-height:1.5}.learn-more-btn{padding:.75rem 1.5rem;background-color:#567357;color:#fff;text-decoration:none;font-weight:700;width:max-content;border-radius:4px;transition:background-color .3s ease}.learn-more-btn:hover{background-color:#485e49;color:#fff}.content-right img{max-width:100%;max-height:100%;object-fit:cover;border-radius:8px;align-self:center}#postsContainer{display:grid;gap:20px;margin-top:20px}.grid-view{grid-template-columns:repeat(4,1fr)}.list-view{grid-template-columns:1fr}.list-view .post-card{display:flex;flex-direction:row;align-items:flex-start;gap:15px}.post-card{border:1px solid #ddd;padding:10px;background:#fff;flex-direction:column;display:none}.post-card .thumbnail img{width:100%;height:auto}.list-view .post-card .thumbnail{flex:0 0 150px}.list-view .post-card .thumbnail img{width:150px;height:auto}.list-view .post-card .content{flex:1}.post-filter-container{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:20px}.view-buttons button,#loadMoreBtn{padding:8px 16px;cursor:pointer}.load-more-wrapper{margin-top:20px;text-align:center}.view-buttons>button{padding:1px 7px;margin:unset}.view-buttons>button svg{color:#fff}svg.icon.grid-icon,svg.icon.list-icon{fill:#fff !important;border:unset;width:35px}svg.icon.grid-icon{position:relative;top:5px;left:2px}.filter-search{display:flex;flex-direction:row;gap:5px;width:90%;margin:0 auto}.view-buttons{display:flex;gap:5px}.view-buttons button{border:unset}input#searchBox{width:100%}.post-filter-container{margin-top:75px;margin-bottom:45px}.input-filter-search{padding:15px;border:solid 1px #e6ebe5}@media (max-width:1280px){.container{max-width:100%;padding:0 1rem}}@media (max-width:768px){.container{flex-direction:column;height:auto}#top-fold{height:auto;padding:1.5rem 0}.content-left{padding-right:0;margin-bottom:1.5rem}.content-right img{width:100%;height:auto;max-height:none;border-radius:8px}}@media (max-width:1024px){.grid-view{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.grid-view{grid-template-columns:repeat(1,1fr)}}