/*
Theme Name: Multi Blog Hub
Theme URI: https://glthemes.com/wordpress-theme/multi-blog-hub
Template: good-looking-blog
Author: Good Looking Themes
Author URI: https://glthemes.com/
Description: Multi Blog Hub is particularly designed for magazine or content-rich blog websites with performance and SEO in mind. The theme is fast, modern, stylish and highly customizable which make it perfect for publishers. As it is quite lightweight and SEO friendly, search engines can easily find and index your website. Considering mobile responsiveness, we have crafted this theme to look beautiful in all the devices. If you are a publisher looking for the best multi blog theme for your site, then this theme is perfect for you as it is easy to use, fast, user friendly and highly customizable. Support for Gutenberg, diverse category layouts, customizable widgets, excellent support and frequent updates are the additional theme features. Don't want to take our word for it? Try out the demo here: https://glthemes.com/live-demo/?theme=multi-blog-hub. If you have further issues regarding the theme, please check out the theme documentation: https://glthemes.com/documentation/good-looking-blog or leave an enquiry at our Support page: https://glthemes.com/support/.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 8.1
Tested up to: 6.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: multi-blog-hub
Tags: blog, news, grid-layout, one-column, two-columns, right-sidebar, left-sidebar, footer-widgets, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, full-width-template, rtl-language-support, theme-options
*/
:root {
  --glt-primary-color: #111111;
  --glt-secondary-color: #242424;
  --glt-border: #e0e0e0;
  --glt-header-text: #212529;
  --glt-body-text: #495057;
  --glt-primary-font: "Manrope";
  --glt-secondary-font: "Manrope";
  --logo-width: 164px;
  --h2-font-size: 48px;
  --h4-font-size: 24px;
}
.container {
  max-width: 1330px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400 !important;
}
p {
  font-size: 16px;
}
h2 {
  font-size: var(--h2-font-size);
  font-weight: 400;
}

h4 {
  font-size: var(--h4-font-size) !important;
}

.btn-primary {
  padding-bottom: 4px;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.btn-primary::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  background-color: #111111;
  width: calc(100% - 32px);
  transition: width 0.3s ease;
}

.btn-primary::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #111111;
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="20" height="20" rx="10" fill="%23111111"/><path d="M7.59035 6.26813L8.27856 5.58056L12.0271 9.3278C12.0875 9.38785 12.1355 9.45925 12.1682 9.53789C12.2009 9.61654 12.2178 9.70089 12.2178 9.78607C12.2178 9.87126 12.2009 9.9556 12.1682 10.0342C12.1355 10.1129 12.0875 10.1843 12.0271 10.2443L8.27856 13.9935L7.59099 13.306L11.1093 9.78704L7.59035 6.26813Z" fill="white"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  transition: transform 0.3s ease;
}

.btn-primary:hover::before {
  width: 100%;
}

.btn-primary:hover::after {
  transform: rotate(90deg);
}

/* header styling */
.site-header {
  border: none;
  padding-bottom: 0 !important;
}
.site-header .header-wrapper .header-left ul li a {
  color: #6b6b6b;
  padding: 14px 24px;
}
.site-header .header-wrapper .header-left .sub-menu .current-menu-item {
  background-color: var(--glt-primary-color);
}
.site-header .header-wrapper .header-left .sub-menu .current-menu-item a {
  color: #ffffff !important;
}
.site-header .header-wrapper .header-left ul li.menu-item-has-children::after {
  background-image: url('data:image/svg+xml,<svg width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.66667 0V8.16667L8.16667 4.66667L8.66667 5.10667L4.33333 9.44L0 5.10667L0.5 4.66667L4 8.16667V0H4.66667Z" fill="%236B6B6B"/></svg>');
}
.site-header .header-wrapper .header-left ul ul.sub-menu li,
.site-header .header-wrapper .header-left ul ul.sub-menu li a {
  transition: all 0.3s ease;
}
.site-header .header-wrapper .header-left ul ul.sub-menu li:hover {
  background-color: #111111;
}
.site-header .header-wrapper .header-left ul ul.sub-menu li:hover a {
  color: #ffffff !important;
}
.site-header .header-wrapper .header-right .header-search button:hover path {
  fill: unset;
}

/* Search input with right-centered icon */
.search-input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

.search-input-wrapper input[type="search"],
.search-input-wrapper input[type="text"] {
  padding: 12px 40px 16px 16px;
  border-radius: 8px;
  border: 1px solid #6b6b6b;
  width: 300px;
  box-sizing: border-box;
}

.search-input-wrapper .search-submit {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
  pointer-events: auto;
  cursor: pointer;
}

/* Two Column Banner Layout */
.site-banner {
  padding: 64px 0 100px 0;
}
.tb-banner-wrapper {
  width: 100%;
}

.tb-row-wrap {
  display: flex;
  margin: 0 auto;
  width: 100%;
  gap: 48px;
}

/* Left Column - Image */
.tb-row-wrap .tb-col-wrap {
  flex: 1;
  /* max-width: 50%; */
}

.tb-banner-image-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tb-banner-image-wrapper .wp-custom-header {
  height: 100%;
}

.tb-banner-image-wrapper img,
.tb-banner-image-wrapper .wp-custom-header img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Right Column - Content */
.tb-row-wrap .tb-col-wrap:last-child {
  display: flex;
  align-items: center;
  padding: 64px 0px;
  padding-right: 48px;
}

.tb-banner-details-wrapper {
  width: 100%;
}

.tb-banner-details-wrapper .container {
  max-width: 100%;
  padding: 0;
}

.overlay-details {
  width: 100%;
}

/* Typography - Headline */
.overlay-details .item-title {
  line-height: 1.4;
  color: var(--glt-primary-color);
  margin: 0 0 32px 0;
}

.overlay-details .item-title strong {
  font-weight: 800; /* Heavier bold for "These Easy-Peasy Tips" */
}

/* Typography - Description */
.overlay-details .banner-desc {
  padding-bottom: 80px;
  margin-bottom: 32px;
  border-bottom: 1px solid #000000;
}

.overlay-details .banner-desc p {
  margin: 0;
  font-size: 18px;
}

/* Call to Action Link */
.overlay-details .cta-link,
.overlay-details .banner-cta {
  display: inline-block;
  font-family: var(--glt-primary-font, "Manrope"), sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #212529;
  text-decoration: underline;
  margin-top: 20px;
  transition: color 0.3s ease;
}

.overlay-details .cta-link:hover,
.overlay-details .banner-cta:hover {
  color: var(--glt-primary-color, #111111);
}

/* Arrow Icon */
.overlay-details .cta-link .arrow-icon,
.overlay-details .banner-cta .arrow-icon {
  display: inline-block;
  margin-left: 8px;
  font-size: 1rem;
  transition: transform 0.3s ease;
}

.overlay-details .cta-link:hover .arrow-icon,
.overlay-details .banner-cta:hover .arrow-icon {
  transform: translateX(5px);
}

/* section heading styling */
.section-header .section-title {
  font-size: 20px;
  margin-bottom: 16px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--glt-secondary-color);
}
.section-header .section-title::after {
  display: none;
}
.section-sub-title {
  margin-bottom: 64px;
  font-size: var(--h2-font-size);
}

/* blog post section styling */
.blog-posts-section {
  background-color: #fafafa;
  padding: 100px 0;
  margin: 0 !important;
}

.blog-posts-section .blog-post-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 48px;
  row-gap: 64px;
}
.blog-posts-section .blog-post-wrapper .entry-header {
  position: static;
}
.blog-posts-section .blog-post-wrapper .post,
.content-wrap-main .post {
  padding: 20px;
  border-radius: 8px;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  justify-content: space-between;
}
.blog-posts-section .blog-post-wrapper .post:hover,
.content-wrap-main .post:hover {
  border-color: var(--glt-primary-color);
}
.blog-posts-section .blog-post-wrapper .entry-header .entry-details,
.content-wrap-main .entry-header .entry-details {
  margin: 0;
  padding: 0;
  padding-bottom: 24px;
  border-radius: 0;
}
.blog-posts-section
  .blog-post-wrapper
  .entry-header
  .entry-details
  .entry-title,
.content-wrap-main .entry-header .entry-details .entry-title {
  border: 0;
  background: transparent;
  line-height: 1.5;
}
.blog-posts-section
  .blog-post-wrapper
  .entry-header
  .entry-details
  .entry-content,
.content-wrap-main .entry-header .entry-details .entry-content {
  margin-top: 16px;
}
.blog-posts-section .blog-post-wrapper .entry-header .entry-details p {
  margin: 0;
}
.blog-posts-section .blog-post-wrapper .post .entry-meta-wrapper,
.editor-post-meta,
.content-wrap-main .entry-meta-wrapper {
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 24px;
  padding-top: 16px;
  border-top: 1px solid #111111;
}
.blog-posts-section .blog-post-wrapper .post .entry-meta-wrapper .author-meta,
.editor-post-meta .editor-post-author,
.content-wrap-main .entry-meta-wrapper .author-meta {
  position: relative;
  padding-left: 12px;
}
.blog-posts-section
  .blog-post-wrapper
  .post
  .entry-meta-wrapper
  .author-meta::before,
.editor-post-meta .editor-post-author::before,
.content-wrap-main .entry-meta-wrapper .author-meta::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 4px;
  height: 4px;
  background-color: #111111;
  border-radius: 50%;
}
.blog-posts-section .blog-post-wrapper .post .image-meta-wrapper,
.content-wrap-main .image-meta-wrapper {
  height: 180px;
  position: relative;
}
.blog-posts-section .blog-post-wrapper .post .image-meta-wrapper .image,
.blog-posts-section
  .blog-post-wrapper
  .post
  .image-meta-wrapper
  .post-thumbnail,
.blog-posts-section .blog-post-wrapper .post .image-meta-wrapper .svg-holder,
.content-wrap-main .image-meta-wrapper .image,
.content-wrap-main .image-meta-wrapper .post-thumbnail,
.content-wrap-main .image-meta-wrapper .svg-holder {
  height: 100%;
}
.blog-posts-section .blog-post-wrapper .post .image-meta-wrapper img,
.blog-posts-section
  .blog-post-wrapper
  .post
  .image-meta-wrapper
  .svg-holder
  svg,
.content-wrap-main .image-meta-wrapper img,
.content-wrap-main .image-meta-wrapper .svg-holder svg {
  height: 100% !important;
  object-fit: cover;
  width: 100%;
}

.blog-posts-section .blog-post-wrapper .post .image-meta-wrapper .entry-meta,
.content-wrap-main .image-meta-wrapper .entry-meta {
  position: absolute;
  bottom: 16px;
  right: 16px;
}
.post .image-meta-wrapper .entry-meta .category {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.post .image-meta-wrapper .entry-meta .category a {
  margin: 0;
  border: 1px solid #111111;
  transition: all 0.3s ease;
}
/* .post .image-meta-wrapper .entry-meta .category a:hover {
  color: var(--glt-primary-color);.single-post .content-area .site-main .post-image .entry-header .auth-details .date
  background-color: transparent;
} */
.single-post
  .content-area
  .site-main
  .post-image
  .entry-header
  .auth-details
  .date {
  border-left: none;
  padding-left: 0;
}
.single-post
  .content-area
  .site-main
  .auth-details
  .author-details
  .author
  span {
  border-right: 1px solid #929497;
  padding-right: 14px;
}
.single-post
  .content-area
  .site-main
  .post-image
  .entry-header
  .auth-details
  .time {
  line-height: 20px;
}

/* category page card styling */
.archive .entry-meta-wrapper .entry-meta {
  position: static !important;
  margin: 0 !important;
}
.layout-grid.rightsidebar .content-wrap-main article .entry-content,
.layout-grid.leftsidebar .content-wrap-main article .entry-content {
  padding: 0 !important;
}
.layout-grid.rightsidebar
  .content-wrap-main
  article
  .entry-header
  .entry-details,
.layout-grid.leftsidebar
  .content-wrap-main
  article
  .entry-header
  .entry-details {
  padding: 0 !important;
}
.category #primary .site-main article p {
  color: var(--glt-secondary-color);
}

.default .posts-navigation .nav-links > div {
  float: unset !important;
  margin-bottom: 0 !important;
  text-align: left;
}
.blog-posts-section .default {
  margin: 0;
}
.blog-posts-section .navigation .nav-links {
  margin-bottom: 0;
  margin-top: 64px;
}
.blog-posts-section .navigation .nav-links a {
  padding: 0;
  border: none;
  padding-bottom: 4px;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: transparent;
  color: var(--glt-primary-color);
}

.blog-posts-section .nav-links a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  background-color: #111111;
  width: calc(100% - 32px);
  transition: width 0.3s ease;
}

.blog-posts-section .nav-links a::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #111111;
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="20" height="20" rx="10" fill="%23111111"/><path d="M7.59035 6.26813L8.27856 5.58056L12.0271 9.3278C12.0875 9.38785 12.1355 9.45925 12.1682 9.53789C12.2009 9.61654 12.2178 9.70089 12.2178 9.78607C12.2178 9.87126 12.2009 9.9556 12.1682 10.0342C12.1355 10.1129 12.0875 10.1843 12.0271 10.2443L8.27856 13.9935L7.59099 13.306L11.1093 9.78704L7.59035 6.26813Z" fill="white"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  transition: transform 0.3s ease;
}

.blog-posts-section .nav-links a:hover::before {
  width: 100%;
}

.blog-posts-section .nav-links a:hover::after {
  transform: rotate(90deg);
}
.post-navigation .nav-links > div:hover .meta-nav {
  color: #111111;
}

/* editor posts section styling */
.editors-picks-section {
  margin: 0 !important;
  padding: 100px 0;
}

.editor-posts-top-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 48px;
  margin-bottom: 48px;
}

.editor-posts-bottom-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px;
}

.editor-posts-grid-wrapper .post {
  padding: 24px;
  border: 1px solid #e0e0e0;
  border-radius: 16px;
  background-color: #fafafa;
  transition: all 0.3s ease;
}
.editor-posts-grid-wrapper .post:hover {
  border-color: var(--glt-primary-color);
}
.editor-posts-top-row .post {
  display: flex;
  gap: 32px;
}
.editor-posts-top-row .post > div {
  flex: 1;
}
.editor-post-image-wrapper {
  height: 332px;
  align-self: center;
}
.editor-post-image-wrapper img {
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.editor-post-content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.editor-post-meta {
  margin-bottom: 0;
}
.editor-post-title {
  line-height: 1.6;
}
.editor-posts-bottom-row .editor-post-title {
  margin-bottom: 48px;
  margin-top: 16px;
}
.editor-post-category-tag {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.editor-post-category-tag a {
  font-size: 10px;
  border-radius: 8px;
  padding: 6px 12px;
  border: 1px solid #111111;
  transition: all 0.3s ease;
}
.editor-post-category-tag a:hover {
  color: #fff;
  background-color: var(--glt-primary-color);
}

/* newsletter section styling */
.newsletter-section {
  margin: 0 !important;
  padding: 100px 0;
  background-color: #fafafa;
}
.newsletter-section .dt-newsletter-wrapper {
  gap: 48px;
  flex-direction: row;
  flex-wrap: nowrap !important;
}
.dt-newsletter-wrapper .left-wrapper {
  width: 40%;
}
.dt-newsletter-wrapper .right-wrapper {
  width: 60% !important;
}
.left-wrapper .blossomthemes-email-newsletter-wrapper {
  padding: 0 !important;
  flex-direction: column;
  align-items: start !important;
  background: unset !important;
}
.left-wrapper .blossomthemes-email-newsletter-wrapper .text-holder,
.left-wrapper .blossomthemes-email-newsletter-wrapper form {
  max-width: 100% !important;
  width: 100% !important;
}
section.newsletter-section
  .dt-newsletter-wrapper
  .blossomthemes-email-newsletter-wrapper
  .text-holder
  h3 {
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 16px;
  color: var(--glt-secondary-color);
}
section.newsletter-section
  .dt-newsletter-wrapper
  .blossomthemes-email-newsletter-wrapper
  .text-holder
  span {
  font-size: var(--h2-font-size);
  color: var(--glt-primary-color);
  padding-top: 0;
  margin-bottom: 48px;
}
.right-wrapper .blossomthemes-email-newsletter-wrapper .text-holder,
.right-wrapper form {
  display: none !important;
}
.right-wrapper .blossomthemes-email-newsletter-wrapper {
  padding: 0 !important;
  height: 100%;
  background-position: center right !important;
}
section.newsletter-section .dt-newsletter-wrapper input[type="text"] {
  border-radius: 42px;
  background-color: #e0e0e0;
  padding: 18px 24px;
  width: 60%;
  font-size: 16px;
  margin-top: 0;
  color: #242424;
}
section.newsletter-section
  .dt-newsletter-wrapper
  .blossomthemes-email-newsletter-wrapper
  > form {
  flex-direction: row !important;
}
section.newsletter-section
  .dt-newsletter-wrapper
  input[type="text"]::placeholder {
  color: #242424 !important;
}
section.newsletter-section .dt-newsletter-wrapper input[type="submit"] {
  border-radius: 42px;
  padding: 18px 32px;
  margin-left: 16px;
  font-size: 16px;
  font-weight: 400;
  width: calc(40% - 16px) !important;
  margin-top: 0;
  border: 1px solid var(--glt-primary-color);
}
section.newsletter-section .dt-newsletter-wrapper input[type="submit"]:hover {
  background-color: transparent !important;
  color: var(--glt-primary-color) !important;
}
section.newsletter-section
  .dt-newsletter-wrapper
  .blossomthemes-email-newsletter-wrapper
  > form
  > label {
  margin-top: 48px;
}
section.newsletter-section
  .dt-newsletter-wrapper
  .blossomthemes-email-newsletter-wrapper
  > form
  > label
  .text {
  font-size: 16px;
  font-weight: 400;
}
.blossomthemes-email-newsletter-wrapper form label .check-mark {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border-color: #111111;
}

.advertisment-section {
  margin: 0 !important;
}

/* footer styling */
.site-footer .footer-top .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 42px;
}
.site-footer .widget a {
  text-decoration: underline;
}

.site-footer .widget .wp-block-tag-cloud a,
.site-footer .widget li a,
.site-footer .widget .tagcloud a {
  text-decoration: unset;
}
.site-footer .widget.widget_tag_cloud a {
  font-size: 14px !important;
  padding: 8px 24px;
  border-radius: 32px;
  border: 1px solid #e0e0e0;
  margin: 0;
  transition: all 0.3s ease;
  color: #fff !important;
  line-height: 21px;
}
.site-footer .widget.widget_tag_cloud .tagcloud,
.site-footer .widget .wp-block-tag-cloud {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.site-footer .footer-bottom .container .site-info a {
  text-decoration: underline;
}
.site-footer a:hover {
  color: #fff !important;
}
.site-footer .widget.widget_tag_cloud a:hover {
  color: var(--glt-primary-color) !important;
  background-color: #fff;
}
.site-footer .footer-bottom .container .site-info,
.site-footer .footer-bottom .container .site-info a,
.site-footer .footer-bottom .container .footer-bottom-menu ul li a {
  color: #fff;
}
.site-footer .footer-top {
  padding: 80px 0 60px 0;
  margin-top: 0;
}
.site-footer .footer-bottom .container {
  padding: 60px 15px 48px 15px;
}
.site-footer .widget.widget_block figure {
  margin-top: 0;
}
.site-footer .widget.widget_block p {
  margin-bottom: 12px;
}

/* links underline */
.widget-area a {
  text-decoration: underline;
}
.single-post .content-area .site-main .content-wrap a {
  text-decoration: underline;
}

/* Tablet - max-width: 1024px */
@media (max-width: 1024px) {
  /* Root Variables */
  :root {
    --h2-font-size: 40px;
    --h4-font-size: 22px;
  }

  /* Banner Section */
  .site-banner {
    padding: 48px 0 80px 0;
  }

  /* Section Headings */
  .section-sub-title {
    margin-bottom: 48px;
  }

  .navigation .nav-links {
    margin-top: 48px;
  }

  .blog-posts-section .navigation .nav-links {
    margin-top: 48px;
  }

  .tb-row-wrap {
    gap: 32px;
  }

  .tb-row-wrap .tb-col-wrap:last-child {
    padding: 48px 0px;
    padding-right: 32px;
  }

  /* .overlay-details .item-title {
    font-size: 2.5rem;
  } */

  .overlay-details .banner-desc {
    padding-bottom: 60px;
  }

  /* Blog Posts Section */
  .blog-posts-section,
  .editors-picks-section,
  .newsletter-section {
    padding: 80px 0;
  }

  .blog-posts-section .blog-post-wrapper {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 32px;
    row-gap: 40px;
  }

  /* Editor Posts Section */
  .editor-posts-top-row {
    gap: 32px;
    margin-bottom: 32px;
  }

  .editor-posts-bottom-row {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }

  section.newsletter-section .dt-newsletter-wrapper {
    flex-direction: column;
  }
  .right-wrapper .blossomthemes-email-newsletter-wrapper {
    height: 394px;
    width: 100%;
  }
  .dt-newsletter-wrapper .left-wrapper,
  .dt-newsletter-wrapper .right-wrapper {
    width: 100% !important;
  }

  .site-footer .footer-top .grid {
    gap: 40px;
  }

  /* Footer Section */
  .site-footer .footer-top {
    padding: 64px 0 48px 0;
  }

  .site-footer .footer-bottom .container {
    padding: 48px 15px 40px 15px;
  }
}

@media (max-width: 992px) {
  .editor-posts-top-row .post {
    flex-direction: column-reverse;
    justify-content: space-between;
  }
  .editor-post-image-wrapper {
    height: 180px;
  }
  .editor-posts-top-row .post > div {
    flex: unset;
  }
  .editor-post-title {
    margin-bottom: 16px;
  }

  .site-footer .footer-top .grid {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 32px;
  }
}
/* Mobile - max-width: 768px */
@media (max-width: 768px) {
  /* Root Variables */
  :root {
    --h2-font-size: 32px;
    --h4-font-size: 20px;
  }

  /* Banner Section */
  .site-banner {
    padding: 0px 0 60px 0;
  }

  /* Section Headings */
  .section-header .section-title,
  section.newsletter-section
    .dt-newsletter-wrapper
    .blossomthemes-email-newsletter-wrapper
    .text-holder
    h3 {
    font-size: 16px;
  }
  .section-sub-title {
    margin-bottom: 32px;
  }
  section.newsletter-section
    .dt-newsletter-wrapper
    .blossomthemes-email-newsletter-wrapper
    .text-holder
    span {
    margin-bottom: 32px;
  }

  .navigation .nav-links {
    margin-top: 32px;
  }

  .blog-posts-section .navigation .nav-links {
    margin-top: 32px;
  }

  .tb-row-wrap {
    flex-direction: column;
    gap: 0;
  }

  .tb-row-wrap .tb-col-wrap {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .tb-banner-image-wrapper {
    min-height: 300px;
  }

  .tb-banner-image-wrapper img,
  .tb-banner-image-wrapper .wp-custom-header img {
    min-height: 300px;
  }

  .tb-row-wrap .tb-col-wrap:last-child {
    padding: 32px 0px 0 0;
  }

  .overlay-details .item-title {
    /* font-size: 2rem; */
    margin-bottom: 24px;
  }

  .overlay-details .banner-desc {
    padding-bottom: 40px;
    margin-bottom: 24px;
  }

  /* Blog Posts Section */
  .blog-posts-section,
  .editors-picks-section,
  .newsletter-section {
    padding: 60px 0;
  }

  .blog-posts-section .blog-post-wrapper {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 24px;
    row-gap: 32px;
  }

  /* Editor Posts Section */
  .editor-posts-top-row {
    margin-bottom: 24px;
    /* grid-template-columns: 1fr; */
    gap: 24px;
  }

  .editor-posts-bottom-row {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }

  /* newsletter section */
  .newsletter-section .dt-newsletter-wrapper {
    gap: 32px;
  }
  section.newsletter-section
    .dt-newsletter-wrapper
    .blossomthemes-email-newsletter-wrapper
    > form
    > label {
    margin-top: 32px;
  }
  .right-wrapper .blossomthemes-email-newsletter-wrapper {
    height: 280px;
  }

  /* Footer Section */
  .site-footer .footer-top {
    padding: 48px 0 40px 0;
  }

  .site-footer .footer-bottom .container {
    padding: 40px 15px 32px 15px;
  }

  .site-footer .footer-top .grid {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0px;
  }
  .site-footer .footer-bottom .container .site-info,
  .site-footer .footer-bottom .container .footer-bottom-menu ul {
    font-size: 16px;
  }
}

/* Small Mobile  */
@media (max-width: 576px) {
  /* Root Variables */
  :root {
    --h2-font-size: 24px;
    /* --h4-font-size: 18px; */
  }

  /* Banner Section */
  .site-banner {
    padding: 0px 0 48px 0;
  }

  /* Section Headings */
  .section-sub-title {
    margin-bottom: 24px;
  }

  .navigation .nav-links {
    margin-top: 24px;
  }

  .blog-posts-section .navigation .nav-links {
    margin-top: 24px;
  }

  .tb-banner-image-wrapper {
    min-height: 250px;
  }

  .tb-banner-image-wrapper img,
  .tb-banner-image-wrapper .wp-custom-header img {
    min-height: 250px;
  }

  .tb-row-wrap .tb-col-wrap:last-child {
    padding: 32px 0px;
  }

  .overlay-details .item-title {
    /* font-size: 1.75rem; */
    margin-bottom: 20px;
  }

  .overlay-details .banner-desc {
    font-size: 0.9rem;
    line-height: 1.5;
    padding-bottom: 32px;
    margin-bottom: 20px;
  }

  /* Blog Posts Section */
  .blog-posts-section,
  .editors-picks-section,
  .newsletter-section {
    padding: 48px 0;
  }

  .blog-posts-section .blog-post-wrapper {
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 32px;
  }

  /* Editor Posts Section */
  .editor-posts-top-row {
    grid-template-columns: 1fr;
  }

  .editor-posts-bottom-row {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .right-wrapper .blossomthemes-email-newsletter-wrapper {
    height: 200px;
  }

  section.newsletter-section .dt-newsletter-wrapper input[type="submit"] {
    padding: 18px;
    margin-left: 6px;
  }

  /* Footer Section */
  .site-footer .footer-top {
    padding: 40px 0 0px 0;
  }

  .site-footer .footer-bottom .container {
    padding: 32px 15px 24px 15px;
  }
}