/* Blog Landing Page */
.landing-blog { padding: 100px 0; text-align: center; }

/* CF Blog */
.cfblog .page-title { margin-bottom: 10px; }
.blog-main-col .blog-post { margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #fff; }
.blog-main-col .blog-post-date { margin-bottom: 20px; }
.blog-main-col .blog-post-title { margin-bottom: 15px; font-size: 20px; color: #FFCA00; font-weight: 700; }
.blog-main-col .blog-post p { display: flex; flex-wrap: wrap; gap: 5px; }
.blog-main-col .blog-post img { object-fit: cover; width: auto; max-width: 100%; height: auto; padding: 3px; border: 1px solid #fff; }
.blog-main-col .blog-post img:hover { background: #fff; }

.blog-sidebar-col  .sidebar-section { margin-bottom: 30px; }
.blog-sidebar-col  .sidebar-section h5 { margin-bottom: 10px; font-size: 20px; font-weight: 700; }
.blog-sidebar-col  .sidebar-section ul li { margin-bottom: 5px; }
.blog-sidebar-col  .sidebar-section .search-form { width: 100%; display: flex; }
.blog-sidebar-col  .sidebar-section .search-form > div { width: 100%; display: flex; gap: 5px; }
.blog-sidebar-col  .sidebar-section .search-form input[type=search] { flex-grow: 1; padding: 10px; border: none; color: #333; line-height: 1; }
.blog-sidebar-col  .sidebar-section .search-form button[type=submit] { border: none; }
.blog-sidebar-col  .sidebar-section .search-form {  }

.cfblog .pagination { display: flex; justify-content: space-between; align-items: center; gap: 5px; }
.cfblog .pagination a { padding: 10px; background-color: #FFCA00; color: #333; line-height: 1; text-decoration: none; }
.cfblog .pagination span { padding: 10px; background-color: #ccc; color: #333; line-height: 1; }
.cfblog .page-numbers { display: flex; justify-content: center; align-items: center; }
.cfblog .page-numbers a,
.cfblog .page-numbers span { margin: 0 5px; }
.cfblog .nav-button { width: 40px; height: 40px; background-color: black; color: white; display: flex; justify-content: center; align-items: center; font-size: 20px; }
.cfblog .prev { margin-right: auto; }
.cfblog .next { margin-left: auto; }