/* Blog section custom styles to match site */
.dmm-blog-section {
padding: 60px 0;
background-color: #f9f9f9; /* light neutral background */
}
.dmm-blog-section .container {
max-width: 1100px;
margin: 0 auto;
padding: 0 20px;
}
.dmm-blog-section .section-header {
text-align: center;
margin-bottom: 50px;
}
.dmm-blog-section .section-header h2 {
font-size: 34px;
font-weight: 700;
color: #222222;
margin-bottom: 10px;
}
.dmm-blog-section .section-header p {
font-size: 16px;
color: #555555;
}
.dmm-blog-section .blog-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
}
.dmm-blog-section .blog-card {
background: #ffffff;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
transition: transform 0.3s, box-shadow 0.3s;
}
.dmm-blog-section .blog-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
.dmm-blog-section .blog-card img {
width: 100%;
height: 200px;
object-fit: cover;
}
.dmm-blog-section .blog-card-content {
padding: 20px;
}
.dmm-blog-section .blog-card-content h3 {
font-size: 20px;
color: #222222;
margin-bottom: 12px;
}
.dmm-blog-section .blog-card-content p {
font-size: 15px;
color: #555555;
margin-bottom: 18px;
line-height: 1.5;
}
.dmm-blog-section .blog-card-content a.read-more {
color: #0073e6; /* adjust to your primary accent color */
font-weight: 600;
text-decoration: none;
}
.dmm-blog-section .blog-card-content a.read-more:hover {
text-decoration: underline;
}
Top Web Design Trends in 2025
Explore the freshest and most effective design trends you can adopt to make your website stand out this year.
Read More →
How to Speed Up Your WordPress Site
Simple optimizations, caching tips, and plugin advice to get your WordPress site loading faster than ever.
Read More →
Essential SEO Tips for Website Owners
Get started with SEO fundamentals that bring more traffic, better rankings, and long-term growth.
Read More →
/* Future Blog Section Styles */
.future-blog-section {
padding: 60px 20px;
background-color: #f4f7fa;
font-family: Arial, sans-serif;
}
.future-blog-section .container {
max-width: 1100px;
margin: 0 auto;
}
.future-blog-section .section-header {
text-align: center;
margin-bottom: 50px;
}
.future-blog-section .section-header h2 {
font-size: 32px;
font-weight: 700;
color: #1f2937;
margin-bottom: 10px;
}
.future-blog-section .section-header p {
font-size: 16px;
color: #4b5563;
}
.future-blog-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 25px;
}
.future-blog-card {
background-color: #ffffff;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
transition: transform 0.3s, box-shadow 0.3s;
}
.future-blog-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
.future-blog-card img {
width: 100%;
height: 180px;
object-fit: cover;
transition: transform 0.3s;
}
.future-blog-card:hover img {
transform: scale(1.05);
}
.future-blog-card-content {
padding: 20px;
}
.future-blog-card-content h3 {
font-size: 20px;
font-weight: 600;
color: #1f2937;
margin-bottom: 12px;
}
.future-blog-card-content p {
font-size: 15px;
color: #4b5563;
margin-bottom: 15px;
line-height: 1.5;
}
.future-blog-card-content a.read-more {
color: #3b82f6;
font-weight: 600;
text-decoration: none;
}
.future-blog-card-content a.read-more:hover {
text-decoration: underline;
}
Why Every Business Needs a Mobile-Responsive Website
Learn why responsiveness is crucial for SEO, user experience, and conversions in 2025.
Read More →
5 Design Mistakes That Hurt Your Brand Online
Avoid common pitfalls in web design that can negatively impact your brand perception.
Read More →
How to Pick the Right Colors for Your Website
Discover how color choices affect mood, conversions, and user trust online.
Read More →
Best WordPress Plugins for 2025
Upgrade your WordPress site with essential plugins for speed, SEO, and design.
Read More →
The Power of Visual Storytelling in Web Design
How images, videos, and graphics can tell your brand’s story and engage visitors.
Read More →
