Our Home Improvement Blog

[dipl_blog column_spacing=”30px” posts_number=”9″ include_categories=”114,112,113″ show_author=”off” show_comments=”off” show_pagination=”on” active_pagination_link_background_color=”#0C71C3″ module_class=”blogGrid” _builder_version=”4.27.6″ _module_preset=”default” title_font=”Rajdhani||||||||” title_text_align=”left” title_text_color=”#0C71C3″ body_font=”Rajdhani||||||||” body_text_color=”#000000″ body_font_size=”15px” meta_font=”Rajdhani||||||||” custom_read_more=”on” read_more_text_size=”14px” read_more_border_width=”0px” read_more_font=”Rajdhani|700|||||||” read_more_icon=”||fa||900″ read_more_on_hover=”off” module_alignment=”center” animation_style=”fade” hover_enabled=”0″ custom_css_free_form=”/* ============================= */||/* 1. CARD BASE */||/* ============================= */||.blogGrid .dipl_blog_post {|| background: #fff;|| border-radius: 16px;|| overflow: hidden;|| border: 1px solid #e6eaf0;|| display: flex;|| flex-direction: column;|| height: 100%;|| transition: all 0.3s ease;||}||||.blogGrid .dipl_blog_post:hover {|| box-shadow: 0 10px 30px rgba(0,0,0,0.08);|| transform: translateY(-4px);||}||||/* ============================= */||/* 2. IMAGE */||/* ============================= */||.blogGrid .dipl_blog_post_image_wrapper {|| position: relative;|| height: 220px;|| overflow: hidden;||}||||.blogGrid .dipl_blog_post_image_wrapper img {|| width: 100%;|| height: 100%;|| object-fit: cover;|| transition: transform 0.4s ease;||}||||.blogGrid .dipl_blog_post:hover img {|| transform: scale(1.08);||}||||/* Overlay */||.blogGrid .dipl_blog_post_image_wrapper::after {|| content: %22%22;|| position: absolute;|| inset: 0;|| background: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.25));||}||||/* ============================= */||/* 3. CATEGORY CHIP */||/* ============================= */||.blogGrid .dipl_blog_post_categories {|| position: absolute;|| top: -60px;|| left: 10px;|| z-index: 2;||}||||.blogGrid .dipl_blog_post_categories a {|| background: #2d6cdf !important;|| color: #fff !important;|| padding: 6px 14px;|| font-size: 12px;|| font-weight: 600;|| border-radius: 20px;|| text-transform: uppercase;|| text-decoration: none;||}||||/* ============================= */||/* 4. CONTENT STRUCTURE */||/* ============================= */||.blogGrid .dipl_blog_post_content_wrapper {|| display: flex;|| flex-direction: column;|| flex-grow: 1;|| padding: 20px;|| position: relative; /* IMPORTANT */||}||||.blogGrid .dipl_blog_post_content_inner_wrap {|| flex-grow: 1;||}||||/* ============================= */||/* 5. TITLE + TEXT */||/* ============================= */||.blogGrid .dipl_blog_post_title a {|| font-size: 20px;|| font-weight: 700;|| color: #1a2433;|| line-height: 1.3;||}||||.blogGrid .dipl_blog_post_content p {|| color: #5f6b7a;|| font-size: 14px;|| line-height: 1.6;||}||||/* ============================= */||/* 6. META ROW (BOTTOM) */||/* ============================= */||.blogGrid .dipl_blog_post_meta {|| margin-top: auto;|| display: flex;|| align-items: center;|| border-top: 1px solid #eef1f5;|| padding-top: 14px;||}||||/* Date */||.blogGrid .dipl_blog_post_published {|| color: #8a94a6;|| font-size: 13px;||}||||/* ============================= */||/* 7. READ MORE (BOTTOM RIGHT) */||/* ============================= */||.blogGrid .dipl_blog_post_read_more_link {|| position: absolute;|| right: 20px;|| bottom: -5px;||}||||.blogGrid .dipl_blog_post_read_more_link .et_pb_button {|| background: none;|| color: #2d6cdf;|| padding: 0;|| font-weight: 600;|| border: none;||}||||/* ============================= */||/* 8. MOBILE */||/* ============================= */||/* @media (max-width: 980px) {|| .blogGrid .dipl_blog_wrapper {|| grid-template-columns: repeat(2, 1fr);|| }||}||||@media (max-width: 600px) {|| .blogGrid .dipl_blog_wrapper {|| grid-template-columns: 1fr;|| }||}||*/||/* ============================= */||/* MOBILE FIX (SAFE FOR DIVI) */||/* ============================= */||||/* Tablet */||@media (max-width: 980px) {|| .blogGrid .dipl_blog_post {|| width: 48% !important;|| margin-right: 2%;|| }|||| .blogGrid .dipl_blog_post:nth-child(2n) {|| margin-right: 0;|| }||}||||/* Mobile */||@media (max-width: 600px) {|| .blogGrid .dipl_blog_post {|| width: 100% !important;|| margin-right: 0;|| }||}” global_colors_info=”{}” excerpt_length=”150″ sticky_enabled=”0″][/dipl_blog]