/**
 * Typography Styles
 * Contains text styling for blog elements
 */

/* Post author and time information */
.pos-aut-tim {
  font-size: 1rem;
  color: #1A1A1A;
  line-height: 1.3em;
  font-style: italic;
  font-weight: 300;
  margin-top: 5px;
  margin-left: 0px;
  padding: 0 0px 0px 0px;
  display: flex;
  gap: 6px;
    font-family: "Calibri", "Candara", "Segoe", "Segoe UI", "Optima", sans-serif;
}

/* Blog entry title styling */
.blog-entry-title {
  font-weight: 700 !important;
  font-size: 1.5rem;
  color: #000;
  font-family: 'Fredoka', sans-serif;
  line-height: 1.2;
}

/* News title specific color */
.title-news {
  color: #00505A;
} 


  .excerpt-wrap {
    font-size: 1.25rem;
  }
/* Paragraph text in div containers */
.div > p {
    font-family: "Calibri", "Candara", "Segoe", "Segoe UI", "Optima", sans-serif;

}

/**
 * Layout Components
 * Grid and structural elements
 */

/* Main posts grid wrapper */
.posts-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
}

/* Article sizing within posts wrapper */
.posts-wrapper > article {
  width: 50%;
  height: fit-content;
}

/* Index posts grid layout */
.nv-index-posts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important; 
  gap: 1.5rem;
  padding: 0px;
}

/* Container padding and sizing */
.wp-block-group__inner-container.is-layout-constrained.wp-container-core-group-is-layout-31ab9efa {
  max-width: 1158px;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Remove bottom margin from columns */
:where(.wp-block-columns) {
  margin-bottom: 0px;
}

/**
 * Card Styling
 * Post card appearance and contents
 */

/* Post card container */
.post {
  background: #FBFFF9;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  padding: none;
  display: flex;
  flex-direction: column;
  text-align: left;
}

/* Override default blog article padding */
body:not(.nv-blog-default) .posts-wrapper article {
  padding: 0px;
  margin: 0px;
}

/* Post thumbnail image styling */
.nv-post-thumbnail-wrap img {
  box-shadow: none;
  width: 100%;
  height: clamp(10rem, 25vh, 11.25rem);
  object-fit: cover;
  display: block;
}

/**
 * Visibility Controls
 * Hide specific elements
 */

/* Hide links in paragraph and meta list */
div > p > a, 
.nv-meta-list {
  display: none;
} 
.builder-item>div>div>div > p > a, 
.nv-meta-list {
  display: inline;
} 
/**
 * Responsive Adjustments
 * Media queries for different screen sizes
 */

/* Mobile layout (below 950px) */
@media (max-width: 950px) {
  /* Switch to single column layout */
  .nv-index-posts {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important; 
  }
  
  /* Add horizontal padding to post elements */
  .blog-entry-title, 
  .pos-aut-tim, 
  .excerpt-wrap {
    padding-left: 0.9rem;
    padding-right: 0.9rem;
  }
  
  /* Add bottom padding to excerpt */
  .excerpt-wrap {
    padding-bottom: 0.9rem;
    font-size: 1.25rem;
  }

}
h2>a{
  font-weight: 700;
  font-size: 1.5rem;
}
