/* MORE.CSS - Additional CSS moved to this file when properties are used that the compiler can't handle - add any similar CSS here */


/* CALC PROPERTIES */

.scw .depth-1 > .scw-btn { width:calc(100% - 14px); }
.scw .depth-2 > .scw-btn { width:calc(100% - 28px); }
.scw .depth-3 > .scw-btn { width:calc(100% - 42px); }

.home-latest-news .hln-card { flex: 0 0 calc(33.333% - (2 * var(--gap) / 3)); }

@media (max-width: 900px) {
  .home-latest-news .hln-card { flex-basis: calc(50% - (var(--gap) / 2)); }
}


/* VAR PROPERTIES */

.home-latest-news .hln-track { gap: var(--gap); }

.home-latest-news .hln-overlay { background: var(--blue); color: var(--text); }

.home-latest-news .hln-date { color: var(--muted); }

.home-podcast .podcast-feature { border-top:1px solid var(--border); }

.home-podcast .mini { border-top:1px solid var(--border); }

.home-reviews .reviews-col { border-top: 1px solid var(--border); }

.home-reviews .review-sm { border-top: 1px solid var(--border); }

.home-more-news .news-row { border-top:1px solid var(--border); }

.home-more-news .chip { color: var(--blue-dark); }

.hln-card { background: var(--surface, #fff); }

.hln-overlay { background: var(--blue, #004c97); }




/* CONTENT PROPERTIES */

.menu .menu-item-has-children > a::after { content: ""; }

#menu-main-menu li ul.sub-menu::before { content: ""; }

.mm-toggle::before { content: ""; }

.hln-card.is-featured::before { content: "★ Featured"; }

.social-share-widget:after { content: ''; }


/* WEBKIT PROPERTIES */

.hln-title { -webkit-line-clamp: 3;  /* truncate long titles */ }

@media (max-width: 640px) {
  .hln-title { -webkit-line-clamp: 2; }
}

.hln-title { display: -webkit-box; -webkit-box-orient: vertical; }




/* ADDITIONAL SUSPICIOUS PROPERTIES */

.mm-overlay { backdrop-filter: blur(4px); }

.mm-close { backdrop-filter: blur(4px); }

.home-latest-news .hln-media { aspect-ratio: 4 / 3; }

@media (max-width: 600px) {
  .home-latest-news .hln-media { aspect-ratio: 5 / 4; }
}

.home-reviews .review-lg .media { aspect-ratio: 3 / 2 !important; }

.hln-media { aspect-ratio: 16 / 9; }

.hln-media { aspect-ratio: 16 / 9; }

.mm { inset: 0; }

.home-latest-news .hln-overlay { inset: auto 0 0 0; }




/* FINAL OFFENDING PROPERTIES THESIS HIGHLIGHTED IN BLACK */

#footer_socials .social-icon { gap: 0.4em; }

.wga-share-bar { gap: 1.25rem; }

.wga-mm-btn { gap: 4px; }

.mm-panel { will-change: transform; }

.mm-close { place-items: center; }

@media (prefers-reduced-motion: reduce) {
  .mm-panel { transition: none; }
  .mm-overlay, .mm-close { transition: none; }
}

.wga-top { place-items: center; }

/* Respect users who dislike motion */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .wga-top { transition: none; }
}

/* Allow smooth scroll when possible (helps anchor jumps too) */
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}

.home-latest-news .hln-viewport { scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }

.home-latest-news .hln-card { scroll-snap-align: start; }

.hln-grid .hln-list { gap: 0rem; }


.home-podcast .podcast-grid { gap: 18px; }
.home-podcast .podcast-feature { gap:16px; }
.home-podcast .podcast-row { gap:16px; }
.home-podcast .mini { gap:12px; }

.home-reviews .reviews-grid { gap: 40px; }
.home-reviews .reviews-top { gap: 26px; }
.home-reviews .reviews-bottom { gap: 26px; }

.home-reviews .review-list { gap: 14px; }
.home-reviews .review-sm { gap: 12px; }

.home-more-news .news-list { gap: 28px; }
.home-more-news .news-row { gap:16px; }
.home-more-news .chips { gap:8px; }

.hln-grid .hln-list { gap: 0.25rem; }
.hln-list { gap: 1.5rem; }

.social-share-widget ul { gap: 15px; /* Space between icons */ }

.wga-subcat-badges { gap: 10px; }

.pagination-nav ul { gap: 0.4rem; }

@media (max-width: 600px) {
  .pagination-nav ul { gap: 0.25rem; }
}

#menu-main-menu li ul.sub-menu::before {
    -webkit-transition: width .4s cubic-bezier(.87, .02, .23, 1);
    -webkit-transition: width .4s cubic-bezier(.87, .02, .23, 1.005);
    -moz-transition: width .4s cubic-bezier(.87, .02, .23, 1.005);
    -o-transition: width .5s cubic-bezier(.87, .02, .23, 1.005);
    transition: width .5s cubic-bezier(.87, .02, .23, 1.005);
    transition-delay: .3s;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
}

.mm { font-family: Roboto, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }

.home-latest-news {
  --gap: 16px;
  --pad: 16px;
  --blue: #1e88e5;
  --blue-dark: #0f5fb3;
  --text: #ffffff;
  --muted: rgba(255,255,255,0.85);
  --border: #c9d6e8; }

  .home-latest-news .hln-viewport::-webkit-scrollbar { height: 8px; }
.home-latest-news .hln-viewport::-webkit-scrollbar-thumb { background: #b9c7de; border-radius: 4px; }