h1 {
    font-size: 2rem; /* Adjusted font size */
    line-height: 2.125rem; /* Adjusted line height */
    letter-spacing: -.07rem; /* Adjusted letter spacing */
}

h2 {
    font-size: 1.25rem;
    line-height: 1.4rem;
    letter-spacing: -.045rem;
}

.block-views-blocktagcounts-block-2,  .block-views-blockarchive-block-1, .block-views-blockblog-2-blog-block  {
    background-color: #f0f0f0; /* Gray background color */
    padding: 20px; /* Adjust the padding as needed */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle drop shadow */
    margin-bottom: 20px; 
}

.block-views-blocktagcounts-block-2  {
  
    margin-top: 40px; 
}


#edit-submit-blog {
  font-size: 14px;  /* Adjust font size */
  /* padding: 8px 16px;   Adjust padding */
  height: auto;  /* Adjust height */
  width: auto;  /* Adjust width */
}



/* Apply flexbox to the form container to align items horizontally */
.views-exposed-form .form-inline {
  display: flex;
  flex-direction: row; /* Ensure items are in a row */
  align-items: center; /* Vertically align items */
  justify-content: flex-start !important; /* Align items to the left */
}


/* 1) Declare the header height once */
:root { --header-offset: 18px; } /* adjust after measuring your header */

/* 2) Push the page content below the sticky header */
main, #main, .region-content, .layout-container {
  padding-top: var(--header-offset) !important;
}

/* 3) Stop anchor jumps from hiding behind the header */
html { scroll-padding-top: var(--header-offset); }
/* If you link directly to headings, give them anchor offset too */
h1, h2, h3, [id] { scroll-margin-top: var(--header-offset); }