.mkdf-content ul ul { padding: 0 0 0 0px!important; } @media only screen and (min-width: 769px) and (max-width: 1024px) { .mkdf-blog-list-holder.mkdf-grid-type-1 .mkdf-item-text-holder { } } @media only screen and (min-width: 1025px) and (max-width: 1400px) { .mkdf-blog-list-holder.mkdf-grid-type-1 .mkdf-item-text-holder { } } @media only screen and (min-width: 1401px) { .mkdf-blog-list-holder.mkdf-grid-type-1 .mkdf-item-text-holder { } } /* Targeting the footer container */ .mkdf-footer-top-holder.mkdf-footer-top-alignment-right { padding-top: 5px !important; /* Minimal top padding */ padding-bottom: 5px !important; /* Minimal bottom padding */ } /* Targeting the inner footer wrapper */ .mkdf-footer-top-inner { padding-top: 5px !important; /* Reduced inner padding */ padding-bottom: 5px !important; /* Reduced inner padding */ } /* Targeting the footer columns */ .mkdf-footer-four-cols .mkdf-grid-col-3 { margin-top: 0 !important; margin-bottom: 0 !important; } /* Targeting the entire footer section */ footer.mkdf-page-footer { padding-top: 0 !important; padding-bottom: 0 !important; } /* Adjust the height of specific widgets if needed */ .widget_block { margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; /* Removes padding inside the widgets */ } /* Reduce logo section height */ .mkdf-footer-top-holder { padding-top: 0 !important; padding-bottom: 0 !important; } /* Adjust any logos or images */ .mkdf-footer-top-holder img { max-height: 40px !important; /* Reduce logo size */ margin: 0 !important; } /* Additional cleanup */ .mkdf-container-inner, .mkdf-grid-row { padding-top: 0 !important; padding-bottom: 0 !important; } /* Compress any remaining space */ .mkdf-footer-top-holder::before, .mkdf-footer-top-holder::after { content: none !important; } /* Hide the date icon */ .mkdf-post-info-date .mkdf-post-info-date-icon { display: none !important; } /* Optionally, adjust spacing if necessary */ .mkdf-post-info-date { padding-left: 0 !important; /* Remove extra padding caused by icon */ margin-left: 0 !important; /* Remove any left margin */ } /* Change the font color of all categories to #ff6e6e */ .mkdf-post-info-category, .mkdf-post-info-category a, .mkdf-post-info-category span, .mkdf-post-info-category li, .mkdf-post-info-item a { color: #ff6e6e !important; } /* Optionally, add hover effect */ .mkdf-post-info-category a:hover, .mkdf-post-info-item a:hover { color: #ff4a4a !important; /* Darker shade for better visibility */ } /* Hide the social share icons container */ .mkdf-share-icons, .mkdf-social-share-holder, .mkdf-social-share-holder ul, .mkdf-share-label { display: none !important; } /* Remove top padding from the parent container */ .mkdf-content .mkdf-content-inner .mkdf-container .mkdf-full-width .mkdf-full-width-inner { padding-top: 0 !important; } /* If the above doesn't work, try targeting parent elements directly */ .mkdf-content-inner, .mkdf-full-width, .mkdf-full-width-inner { padding-top: 0 !important; margin-top: 0 !important; } /* Add margin-top to the Blog Post Container */ .mkdf-blog-holder.mkdf-blog-type-standard { margin-top: 130px !important; /* Adjust the value as needed */ } /* Remove margin-top on mobile devices */ @media (max-width: 768px) { .mkdf-blog-holder.mkdf-blog-type-standard { margin-top: 0 !important; } } /* Additional CSS to adjust the sidebar */ .mkdf-sidebar-holder { margin-top: 20px !important; } /* Increase the height of sidebar images */ .mkdf-post-image { margin-bottom: 0 !important; } a.mkdf-post-info-comments { display: none !important; } /* ================================ BLOG GRID LAYOUT ================================= */ .mkdf-blog-list-holder.mkdf-blog-list-light .mkdf-blog-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 25px; align-items: stretch; margin: 0 auto; padding: 0; } /* ================================ BLOG CARD CONTAINER ================================= */ .mkdf-blog-list-holder.mkdf-blog-list-light .mkdf-blog-list-item { flex: 0 1 calc(33.333% - 25px); box-sizing: border-box; background: #fff; border: 1px solid rgba(0,0,0,0.08); border-radius: 16px; overflow: hidden; box-shadow: 0 3px 8px rgba(0,0,0,0.08); transition: all 0.3s ease; cursor: pointer; position: relative; display: flex; flex-direction: column; } /* Make entire card clickable */ .mkdf-blog-list-item a.full-link { position: absolute; inset: 0; z-index: 5; text-indent: -9999px; overflow: hidden; white-space: nowrap; background: transparent; cursor: pointer; } /* ================================ IMAGE SECTION — FILL CONTAINER ================================= */ .mkdf-item-image { width: 100%; aspect-ratio: 16 / 9; /* keeps proportional height */ overflow: hidden; line-height: 0; margin: 0; padding: 0; display: block; } .mkdf-item-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; border: none; } .mkdf-blog-list-item:hover .mkdf-item-image img { transform: scale(1.05); } /* ================================ TEXT SECTION — REDUCED SPACING ================================= */ .mkdf-item-text-holder { padding: 10px 16px 18px 16px !important; text-align: center; flex-grow: 1; display: flex; flex-direction: column; justify-content: flex-end; margin-top: 0; } .mkdf-item-title { margin: 6px 0 0 0 !important; /* tight gap from image */ } .mkdf-item-title a { color: #222 !important; font-size: 17px; font-weight: 600; text-decoration: none; transition: color 0.3s ease; line-height: 1.4; } .mkdf-item-title a:hover { color: #ff4b2b !important; } /* ================================ HOVER ANIMATIONS ================================= */ .mkdf-blog-list-item:hover { transform: translateY(-6px); box-shadow: 0 10px 20px rgba(0,0,0,0.15); border-color: rgba(255,75,43,0.2); } .mkdf-blog-list-item::after { content: ""; position: absolute; inset: 0; border-radius: 16px; pointer-events: none; background: linear-gradient(145deg, rgba(255,75,43,0.08), rgba(255,125,0,0.08)); opacity: 0; transition: opacity 0.3s ease; } .mkdf-blog-list-item:hover::after { opacity: 1; } /* Subtle cursor feedback */ .mkdf-blog-list-item:hover { cursor: pointer; } /* ================================ RESPONSIVE ADJUSTMENTS ================================= */ @media (max-width: 1024px) { .mkdf-blog-list-holder.mkdf-blog-list-light .mkdf-blog-list-item { flex: 0 1 calc(50% - 20px); } } @media (max-width: 767px) { .mkdf-blog-list-holder.mkdf-blog-list-light .mkdf-blog-list-item { flex: 0 1 100%; } .mkdf-item-image { aspect-ratio: 16 / 10; } } /* Make single post images full width */ .single-post .mkdf-blog-single img, .single-post .wp-post-image, .single-post .attachment-gotravel_square, .single-post img.attachment-gotravel_square.size-gotravel_square.wp-post-image { width: 100% !important; height: auto !important; max-width: 100% !important; display: block !important; border-radius: 8px; /* optional smooth edges */ object-fit: cover; } /* Remove unwanted padding or margins */ .mkdf-blog-single .mkdf-post-content img, .mkdf-blog-single .mkdf-post-content figure { margin: 0 !important; padding: 0 !important; }