#wh-archive{width:100%;margin:0 auto}#wh-filter{display:flex;flex-wrap:nowrap;gap:10px;justify-content:left;margin-bottom:50px}.wh-filter-btn{flex:0 1;padding:3px 15px;background-color:#fff;color:#18181B;border:1px solid #000;font-family:"Open Sans",Sans-serif;font-weight:600;border-radius:16px;cursor:pointer;font-size:15px;transition:background-color 0.3s ease;white-space:nowrap;text-align:center}.wh-filter-btn:hover,.wh-filter-btn.active{background-color:#000;color:#fff}.wh-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.wh-post{width:calc(33.333% - 20px);padding-left:0;padding-right:0;box-shadow:0 2px 4px rgb(0 0 0 / .1);text-align:center;overflow:hidden;border-radius:15px;display:flex;flex-direction:column}.wh-post-title{font-size:18px;margin:3px 0;margin-left:10px;margin-right:10px;padding:0 10px;overflow:hidden;text-overflow:ellipsis;display:inline-grid;max-width:100%;font-family:"Open Sans",Sans-serif;font-weight:700;font-size:24px;text-align:left}.wh-post-thumbnail{width:100%;height:250px;overflow:hidden}.wh-post-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.wh-post-tags .wh-tag{display:inline-block;padding:5px 10px;background-color:#0073aa;color:#fff;border-radius:20px;font-size:12px;margin:0 5px;text-transform:capitalize}.wh-post-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;margin-top:10px;margin-bottom:15px;font-size:14px;color:#666;margin-left:10px;margin-right:10px}.wh-post-date{font-size:13px;color:gray;font-family:"Open Sans",Sans-serif}.wh-read-more{font-size:13px;font-family:"Open Sans",Sans-serif;color:#098188;text-decoration:none;font-weight:700;transition:color 0.3s ease}.wh-read-more:hover{color:#098188}.pagination{display:flex;justify-content:center;align-items:center;margin:100px}.pagination-btn{margin:0 5px;padding:10px 15px;background-color:#fff;border:1px solid #ddd;cursor:pointer;transition:all 0.3s ease}.pagination-btn:hover{background-color:#0073aa;color:#fff}.pagination-btn.active{background-color:#0073aa;color:#fff;border-color:#005b91}.wh-posts-wrapper{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:20px}@media (max-width:768px){#wh-archive{width:100%;margin:0 auto}#wh-filter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:50px}.wh-filter-btn{flex:0 1;padding:3px 15px;background-color:#fff;color:#18181B;border:1px solid #000;font-family:"Open Sans",Sans-serif;font-weight:600;border-radius:16px;cursor:pointer;font-size:15px;transition:background-color 0.3s ease;white-space:nowrap;text-align:center}.wh-filter-btn:hover,.wh-filter-btn.active{background-color:#000;color:#fff}.wh-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.wh-post{width:calc(75% - 20px);padding-left:0;padding-right:0;box-shadow:0 2px 4px rgb(0 0 0 / .1);text-align:center;overflow:hidden;border-radius:15px;display:flex;flex-direction:column}.wh-post-title{font-size:18px;margin:3px 0;margin-left:10px;margin-right:10px;padding:0 10px;overflow:hidden;text-overflow:ellipsis;display:inline-grid;max-width:100%;font-family:"Open Sans",Sans-serif;font-weight:700;font-size:24px;text-align:left}.wh-post-thumbnail{width:100%;height:250px;overflow:hidden}.wh-post-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.wh-post-tags .wh-tag{display:inline-block;padding:5px 10px;background-color:#0073aa;color:#fff;border-radius:20px;font-size:12px;margin:0 5px;text-transform:capitalize}.wh-post-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;margin-top:10px;margin-bottom:15px;font-size:14px;color:#666;margin-left:10px;margin-right:10px}.wh-post-date{font-size:13px;color:gray;font-family:"Open Sans",Sans-serif}.wh-read-more{font-size:13px;font-family:"Open Sans",Sans-serif;color:#098188;text-decoration:none;font-weight:700;transition:color 0.3s ease}.wh-read-more:hover{color:#098188}.pagination{display:flex;justify-content:center;align-items:center;margin:100px}.pagination-btn{margin:0 5px;padding:10px 15px;background-color:#fff;border:1px solid #ddd;cursor:pointer;transition:all 0.3s ease}.pagination-btn:hover{background-color:#0073aa;color:#fff}.pagination-btn.active{background-color:#0073aa;color:#fff;border-color:#005b91}.wh-posts-wrapper{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:20px}}@media (max-width:480px){#wh-archive{width:100%;margin:0 auto}#wh-filter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:50px}.wh-filter-btn{flex:0 1;padding:3px 15px;background-color:#fff;color:#18181B;border:1px solid #000;font-family:"Open Sans",Sans-serif;font-weight:600;border-radius:16px;cursor:pointer;font-size:15px;transition:background-color 0.3s ease;white-space:nowrap;text-align:center}.wh-filter-btn:hover,.wh-filter-btn.active{background-color:#000;color:#fff}.wh-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.wh-post{width:calc(75% - 20px);padding-left:0;padding-right:0;box-shadow:0 2px 4px rgb(0 0 0 / .1);text-align:center;overflow:hidden;border-radius:15px;display:flex;flex-direction:column}.wh-post-title{font-size:18px;margin:3px 0;margin-left:10px;margin-right:10px;padding:0 10px;overflow:hidden;text-overflow:ellipsis;display:inline-grid;max-width:100%;font-family:"Open Sans",Sans-serif;font-weight:700;font-size:24px;text-align:left}.wh-post-thumbnail{width:100%;height:250px;overflow:hidden}.wh-post-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.wh-post-tags .wh-tag{display:inline-block;padding:5px 10px;background-color:#0073aa;color:#fff;border-radius:20px;font-size:12px;margin:0 5px;text-transform:capitalize}.wh-post-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;margin-top:10px;margin-bottom:15px;font-size:14px;color:#666;margin-left:10px;margin-right:10px}.wh-post-date{font-size:13px;color:gray;font-family:"Open Sans",Sans-serif}.wh-read-more{font-size:13px;font-family:"Open Sans",Sans-serif;color:#098188;text-decoration:none;font-weight:700;transition:color 0.3s ease}.wh-read-more:hover{color:#098188}.pagination{display:flex;justify-content:center;align-items:center;margin:100px}.pagination-btn{margin:0 5px;padding:10px 15px;background-color:#fff;border:1px solid #ddd;cursor:pointer;transition:all 0.3s ease}.pagination-btn:hover{background-color:#0073aa;color:#fff}.pagination-btn.active{background-color:#0073aa;color:#fff;border-color:#005b91}.wh-posts-wrapper{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:20px}}