/*
Theme Name: GeneratePress Child
Theme URI: https://example.com
Description: Child theme for GeneratePress
Author: Your Name
Template: generatepress
Version: 1.0.0
*/

.search-icon {
    position: relative;
}
.search-icon-form {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    background: white;
    padding: 8px;
    z-index: 9999;
    border: 1px solid #ccc;
}
.search-icon:hover .search-icon-form {
    display: block;
}

/* Use Times New Roman for body text */
body {
    font-family: "Times New Roman", Times, serif;
    background-color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Hide homepage title */
.page-id-55685 .entry-title {
    display: none;
}

/* Reduce top spacing on homepage article container */
.page-id-55685 .inside-article {
    padding-top: 0;
}

/* Style the top info bar */
.info-topbar {
    font-size: 13px;
    color: #666;
    text-align: center;
    margin-bottom: 10px;
}

/* Compress header and navigation */
.site-header {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    margin-bottom: 0;
}
.site-logo img {
    max-height: 80px;
    height: auto;
}
.main-navigation {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    margin-bottom: 5px;
}
.main-navigation .main-nav > ul {
    margin-top: 0;
    margin-bottom: 0;
}
.main-navigation .main-nav > ul > li > a {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    font-size: 14px;
}

/* Compress content layout */
.site-content,
.inside-article,
.inside-page {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* Pull featured posts closer to header */
.wp-block-group:first-of-type {
    margin-top: -20px !important;
    padding-top: 0 !important;
}
.wp-block-query:first-of-type {
    margin-top: 5px !important;
}

/* Compress query loops and post display */
.wp-block-query,
.wp-block-post-template,
.wp-block-columns,
.wp-block-group {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.wp-block-post-title {
    font-size: 21px;
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: 8px;
}
.wp-block-post-excerpt {
    font-size: 14px;
    margin-bottom: 10px;
}
.wp-block-post-date {
    font-size: 12px;
    margin-bottom: 10px;
}

/* Compress headings */
h1, h2, h3, h4 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    line-height: 1.2 !important;
}

/* 1. Pull header upward next to top of browser window */
.site {
  margin-top: 0 !important;
}
.site-header {
  margin-top: 0 !important;
}

/* 2. Remove any padding around site-inner/container */
.site-inner,
#page {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* 3. If using .site-content area, remove its top spacing */
.site-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* 4. Remove any default top margin before featured section container */
.wp-block-group:first-of-type,
.wp-block-query:first-of-type {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Eliminate top margin and padding from the first group block (Featured Posts area) */
.page-id-55685 .wp-block-group:first-of-type {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Ensure no gap above the first query block */
.page-id-55685 .wp-block-query:first-of-type {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Eliminate top white space caused by inside-article container */
.page-id-55685 .inside-article {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.page-id-55685 .inside-article,
.page-id-55685 .site-inner,
.page-id-55685 .hentry,
.page-id-55685 .wp-block-group,
.page-id-55685 .wp-block-group,
.page-id-55685 .wp-block-heading  {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.page-id-55685 .wp-block-heading:first-of-type {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* Remove black line under nav bar */
.main-navigation,
.main-nav {
    border-bottom: none !important;
    box-shadow: none !important;
}

.wp-block-separator {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

/* Remove padding and margin from the navigation grid container */
.inside-navigation.grid-container,
.inside-navigation .grid-container,
#site-navigation .inside-navigation {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
}

/* If the sub grid parent adds padding, reset it */
.inside-navigation .grid-parent {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Compress overall main-navigation area */
.main-navigation {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.wp-block-group__inner-container {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.single .featured-image {
    display: none !important;
}

/* Increase font size of excerpt in the featured story block */
.featured-query .wp-block-post-excerpt__excerpt {
    font-size: 1.5em !important;
    line-height: 1.6;
}

.featured-query .wp-block-post-title {
    font-size: 1.8em !important;
    line-height: 1.3;
}

.social-share {
    margin-top: 2em;
    font-size: 0.95em;
}
.social-share a {
    margin-right: 0.5em;
    text-decoration: none;
    color: var(--accent);
}
.social-share a:hover {
    text-decoration: underline;
}




/* Make featured images in NGO news smaller */
.ngo-news .wp-block-post-featured-image {
    width: 460px !important;
}

.ngo-news .wp-block-post-featured-image img {
    width: 100% !important;
    height: auto;
}

/* Tighten up text alignment beside NGO image */
.ngo-news .wp-block-post-excerpt {
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
    display: block;
    overflow: hidden;
    line-height: 1.4;
}

/* Optional: same for post title */
.ngo-news .wp-block-post-title {
    margin-top: 0;
    margin-bottom: 0.5em;
    overflow: hidden;
}


.top-meta-bar {
    background: #f5f5f5;
    font-size: 12px;
    color: #333;
    padding: 6px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top-meta-bar nav a {
    color: #333;
    text-decoration: none;
    margin-left: 10px;
}
.top-meta-bar nav a:hover {
    text-decoration: underline;
}

.wp-block-heading {
    font-size: 1.3em;
    font-weight: 600;
    border-bottom: 2px solid #ddd;
    padding-bottom: 4px;
    margin-top: 30px;
    margin-bottom: 10px;
}

.wp-block-post {
    margin-bottom: 18px !important;
}
.wp-block-post-excerpt__excerpt {
    line-height: 1.5;
    margin-bottom: 8px;
}

/* Keep thumbnails tidy but avoid cropping featured story */
.ngo-news .wp-block-post-featured-image img,
.in-brief .wp-block-post-featured-image img,
.opinion .wp-block-post-featured-image img {
    width: 100%;
    max-height: 120px;
    object-fit: cover;
}

.latest-news .wp-block-post-featured-image {
  flex: 0 0 300px;
  margin-right: 1.2em;
  margin-bottom: 0;
}


.latest-news .wp-block-post-featured-image img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover;
}


/* Leave featured story untouched */
.featured-query .wp-block-post-featured-image img {
    max-height: none;
    object-fit: contain;
}

/* === Tighter layout for all post sections === */

.wp-block-post {
    margin-bottom: 18px !important;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
}

/* Headline: slightly smaller but bold */
.wp-block-post-title a {
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.3;
    color: #111;
}

/* Date: small and muted */
.wp-block-post-date {
    font-size: 0.8rem;
    color: #777;
    margin-bottom: 4px;
}

/* Excerpt: readable, compact */
.wp-block-post-excerpt__excerpt {
    font-size: 0.92rem;
    line-height: 1.5;
    margin-bottom: 6px;
}

/* Prevent gaps above/below featured images */
.wp-block-post-featured-image {
    margin-bottom: 4px !important;
    margin-top: 0 !important;
}

.wp-block-post-title {
    order: 1;
}
.wp-block-post-date {
    order: 2;
}
.wp-block-post-excerpt {
    order: 3;
}

/* Reduce space below top bar */
.top-meta-bar {
    margin-bottom: 0 !important;
}

/* Tighten logo container */
.site-header {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    margin-bottom: 0 !important;
}
.site-logo img {
    max-height: 50px !important;
}

/* Reduce nav bar height */
.main-navigation {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    margin-bottom: 0 !important;
}
.main-navigation .main-nav > ul > li > a {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    font-size: 13px;
}

/* Collapse padding/margin inside site-header containers */
header.site-header.grid-container,
header.site-header .inside-header,
header.site-header .site-branding {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Further tighten logo area */
header.site-header .site-branding {
    display: flex;
    align-items: center;
    min-height: auto !important;
}

/* Tighten grid spacing around nav and logo */
header.site-header .inside-header.grid-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Eliminate top spacing inside main content under nav */
.site-content,
.content-area,
.site-main,
.inside-article,
.entry-content,
.entry-content > *:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Also hit first block inside the first block */
.entry-content .wp-block-group:first-child,
.entry-content .wp-block-query:first-child,
.entry-content .wp-block:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Use flex instead of float for better alignment */
.wp-block-post.latest-news {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 1.2em;
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ddd;
}

/* Enlarge image */

.wp-block-post.latest-news .wp-block-post-featured-image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Text block beside image */
.wp-block-post.latest-news .wp-block-post-title,
.wp-block-post.latest-news .wp-block-post-date,
.wp-block-post.latest-news .wp-block-post-excerpt {
    flex: 1 1 auto;
    margin: 0 0 6px 0;
    padding: 0;
    display: block;
}

/* Section header like WSJ */
.wp-block-heading.section-heading {
    font-size: 1.2rem;
    font-weight: 600;
    padding-bottom: 4px;
    margin: 28px 0 12px;
    border-bottom: 2px solid #ccc;
}

/* Optional: subtle background behind each category block */
.news-section-block {
    padding: 12px 0;
    border-bottom: 1px solid #e0e0e0;
}


.latest-news .wp-block-post-title,
.latest-news .wp-block-post-date,
.latest-news .wp-block-post-excerpt {
    display: block;
    overflow: hidden;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.4em;
    font-size: 15px;
}


# WSJ-like styling
.wsj-wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 1em;
}

.wsj-section {
  border-bottom: 1px solid #ccc;
  margin-bottom: 2em;
  padding-bottom: 1em;
}

.wsj-section h2 {
  font-size: 1.4rem;
  border-left: 4px solid #000;
  padding-left: 0.5em;
  margin-bottom: 1em;
}

.wsj-wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 1em;
}

.wsj-section {
  border-bottom: 1px solid #ccc;
  margin-bottom: 2em;
  padding-bottom: 1em;
}

.wsj-section h2 {
  font-size: 1.4rem;
  border-left: 4px solid #000;
  padding-left: 0.5em;
  margin-bottom: 1em;
}

.wsj-posts {
  list-style: none;
  padding: 0;
  margin: 0;
}

.wsj-post {
  display: flex;
  margin-bottom: 1.5em;
}

.wsj-post img {
  width: 120px;
  height: auto;
  margin-right: 1em;
  object-fit: cover;
}

.wsj-post-text h3 {
  margin: 0 0 0.3em;
  font-size: 1.1rem;
}

.wsj-post-text small {
  display: block;
  color: #666;
  margin-bottom: 0.3em;
}

.wsj-post-text p {
  margin: 0;
}

.wsj-post {
  display: flex;
  margin-bottom: 1em;
  align-items: flex-start;
}

.wsj-post img {
  width: 100px;
  height: 75px;
  object-fit: cover;
  margin-right: 0.75em;
  flex-shrink: 0;
}

.wsj-post-text h3 {
  font-size: 1rem;
  margin: 0 0 0.2em;
  line-height: 1.2;
}

.wsj-post-text small {
  font-size: 0.75rem;
  margin-bottom: 0.2em;
  color: #777;
}

.wsj-post-text p {
  font-size: 0.85rem;
  margin: 0;
  line-height: 1.4;
}

.wsj-post {
  display: flex;
  gap: 1em;
  margin-bottom: 1.2em;
  align-items: flex-start;
}

.wsj-post img {
  width: 220px;
  height: auto;
  object-fit: cover;
  flex-shrink: 0;
}

.wsj-post h2, .wsj-post .entry-title {
  font-size: 1.1rem;
  margin: 0 0 0.3em 0;
  line-height: 1.3;
}

.wsj-post .date {
  font-size: 0.85rem;
  color: #777;
  margin-bottom: 0.3em;
}

.wsj-post .excerpt {
  font-size: 0.95rem;
  line-height: 1.4;
}

@media (max-width: 600px) {
    .wp-block-post-title {
        font-size: 18px;
    }
}

.wp-block-post.wp-block-post {
  font-size: inherit;
}

.wp-block-post .wp-block-post-title,
.wp-block-post .wp-block-post-title a {
    font-size: 22px !important;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 10px;
}

/* Prominent titles (Latest News, Featured) */
.main-news .wp-block-post-title,
.featured-query .wp-block-post-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 10px;
}

/* Secondary titles (Opinion, NGO, In Brief) */
.opinion .wp-block-post-title,
.ngo-news .wp-block-post-title,
.in-brief .wp-block-post-title {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 8px;
}

.latest-news .wp-block-post-featured-image {
  float: left;
  width: auto; !important
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.latest-news .wp-block-post-featured-image img {
  width: 100%;
  height: auto; !important
  object-fit: cover;
}

.latest-news-thumbnail {
  width: 160px !important;
  height: auto !important;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 768px) {
  .latest-news-thumbnail {
    width: 100% !important;
  }
}

@media (max-width: 768px) {
  .wp-block-post-featured-image img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: cover;
  }

  .wp-block-post-featured-image {
    margin-bottom: 0.5rem;
  }
}

@media (max-width: 768px) {
  li.wp-block-post {
    display: flex;
    flex-direction: column;
  }

  li.wp-block-post figure.wp-block-post-featured-image {
    width: 100% !important;
    margin: 0 0 0.5rem 0;
    float: none !important;
    display: block;
  }

  li.wp-block-post img.wp-post-image {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
  }
}

li.wp-block-post > *:not(:last-child) {
  margin-bottom: 0.75rem;
}