/* 1. Increase overall top and bottom padding of the header */
.site-header {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}

/* 2. Enlarge the Site Title text */
.site-title a {
    font-size: 2.5rem !important; /* Adjust number to taste */
}

/* 3. Enlarge Navigation Menu text and item spacing */
.main-navigation a {
    font-size: 1.2rem !important;  /* Bigger menu font */
    padding: 12px 18px !important; /* More space around links */
}

/* 4. Allow custom logos to render larger */
.site-logo img, 
.custom-logo {
    max-height: 150px !important; /* Adjust height limit */
    width: auto !important;
}@media screen and (min-width: 960px) {
    #secondary {
        position: sticky;
        top: 20px;
    }
}

.archive .page-header img {
    display: none;
}

.archive .page-header .wp-caption-text,
.archive .page-header .wp-caption,
.archive .page-header .wp-caption img,
.archive .page-header .wp-caption .wp-caption-text {
    display: none !important;
}



.site-header .search-form .search-field {
    display: block !important;
    width: 100%;
    padding: 6px 30px 6px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.site-header .search-form .search-submit {
    right: 5px;
    top: 5px;
}



/* 1. Increase overall top and bottom padding of the header */
.site-header {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}

/* 2. Enlarge the Site Title text */
.site-title a {
    font-size: 2.5rem !important; /* Adjust number to taste */
}

/* 3. Enlarge Navigation Menu text and item spacing */
.main-navigation a {
    font-size: 1.2rem !important;  /* Bigger menu font */
    padding: 12px 18px !important; /* More space around links */
}

/* 4. Allow custom logos to render larger */
.site-logo img, 
.custom-logo {
    max-height: 150px !important; /* Adjust height limit */
    width: auto !important;
}


/* Hide "Leave a comment" link on the homepage/blog archive */
.home .entry-header .comments-link,
.blog .entry-header .comments-link {
    display: none !important;
}


/* Override double-spacing on dropdown / sub-menus */
.main-navigation ul ul li,
.main-navigation .sub-menu li,
.site-header .sub-menu li {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.main-navigation ul ul a,
.main-navigation .sub-menu a,
.site-header .sub-menu a {
    line-height: 1.3 !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    height: auto !important;
}

/* Change background for both the footer widget section and the bottom bar */
.site-footer,
.footer-widgets,
#tertiary,
#colophon {
    background-color: #FFF9CC !important;
}

/* Optional: Ensure text and links stay readable */
.site-footer, 
.site-footer a, 
.footer-widgets, 
.footer-widgets a {
    color: #FFF9CC;
}

/* Hide "Leave a Comment" link globally and on specific category pages */
.category-wellness-hive .comments-link,
.category-wellness-hive .entry-comments-link,
.category-honeycomb-fun-ideas .comments-link,
.category-honeycomb-fun-ideas .entry-comments-link,
.comments-link,
.entry-comments-link {
    display: none !important;
}



/* Gazette Theme: Full-width lead post + perfectly balanced 3-column grid */
@media screen and (min-width: 768px) {
  /* 1. Force container into a clean 3-column CSS Grid */
  .home .site-main,
  .blog .site-main {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important; /* Uniform horizontal and vertical spacing */
  }

  /* 2. Span the first post across all 3 columns */
  .home .site-main article:first-of-type,
  .blog .site-main article:first-of-type {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin: 0 !important;
  }

  /* 3. Strip all theme-default margins, widths, and floats from every article */
  .home .site-main article,
  .blog .site-main article {
    float: none !important;
    width: auto !important; /* Let CSS Grid control the exact width */
    max-width: 100% !important;
    margin: 0 !important; /* Clears hidden theme margins causing uneven gaps */
    padding-left: 0; /* Ensures inner theme offsets don't skew columns */
    padding-right: 0;
    clear: none !important;
  }

  /* 4. Ensure images scale smoothly within their balanced columns */
  .home .site-main article .post-thumbnail img,
  .blog .site-main article .post-thumbnail img {
    width: 100%;
    height: auto;
  }
}