/* Start custom CSS *//* News hub. Page detection: the Latest loop's Previous link (56bfaf93) only has an href on page 2+. */
body:has(a[data-id="56bfaf93"][href]) .elementor-element-c1eac2a { display: none; }
body:not(:has(a[data-id="56bfaf93"][href])) #e-collection-loop-layout-1ebaf69f > [data-id="2f7a56f9"]:nth-child(-n+3) { display: none; }
[data-id="110d6dd7"] a:not([href]) { display: none; }

/* Whole card clickable via the headline link (one link per card) */
.news-card, .elementor-element-c1eac2a article { position: relative; }
body .elementor .news-stretched-link a.e-heading-link-base, body .elementor .news-stretched-link a.e-heading-link-base:visited { color: inherit; }
.news-stretched-link a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
body .elementor .news-card:hover .news-stretched-link, body .elementor .elementor-element-c1eac2a article:hover .news-stretched-link { color: var(--wpn-blue); }
.news-card:focus-within, .elementor-element-c1eac2a article:focus-within { outline: 2px solid #2F64E2; outline-offset: 3px; border-radius: 16px; }
.news-stretched-link a:focus { outline: none; }
#e-collection-loop-layout-1ebaf69f > [role="listitem"] { height: 100%; }

/* Lead block: newest story large on the left, next two stacked on the right */
#e-collection-loop-layout-56e47f7e > [role="listitem"]:first-child { grid-row: 1 / span 2; }
#e-collection-loop-layout-56e47f7e > [role="listitem"]:first-child h2 { font-size: 36px; line-height: 44px; }
#e-collection-loop-layout-56e47f7e > [role="listitem"]:not(:first-child) p:not(.news-date) { display: none; }
@media (max-width: 767px) {
  #e-collection-loop-layout-56e47f7e > [role="listitem"]:first-child { grid-row: auto; margin-bottom: 24px; }
  #e-collection-loop-layout-56e47f7e > [role="listitem"]:first-child h2 { font-size: 26px; line-height: 33px; }
  #e-collection-loop-layout-56e47f7e > [role="listitem"]:first-child p:not(.news-date) { font-size: 16px; line-height: 26px; }
  #e-collection-loop-layout-56e47f7e > [role="listitem"]:not(:first-child) article { flex-direction: row; gap: 14px; padding: 16px 0; border-top: 1px solid #E9E9E9; }
  #e-collection-loop-layout-56e47f7e > [role="listitem"]:last-child article { border-bottom: 1px solid #E9E9E9; }
  #e-collection-loop-layout-56e47f7e > [role="listitem"]:not(:first-child) img { width: 120px; flex-shrink: 0; border-radius: 10px; align-self: flex-start; }
  #e-collection-loop-layout-56e47f7e > [role="listitem"]:not(:first-child) h2 { font-size: 17px; line-height: 23px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
  #e-collection-loop-layout-56e47f7e > [role="listitem"]:not(:first-child) .news-date { font-size: 12px; }
  #e-collection-loop-layout-56e47f7e > [role="listitem"]:not(:first-child) article > div { gap: 4px; }
}/* End custom CSS */