/* Company news list: Controlway card layout; hover uses Greer blue. */
.news-grid-section { padding:60px 0 80px; background:#fff; }
.news-grid-section .container { padding:0; margin-right:auto; margin-left:auto; }
.news-grid-heading { margin-bottom:40px; text-align:center; }
.news-grid-heading h2 { margin:0; color:#0057a8; font-size:36px; font-weight:400; line-height:1.15; }
.news-grid-heading::after { content:""; display:inline-block; width:42px; height:2px; margin-top:20px; border-radius:999px; background:var(--blue); }
.news-grid-main { position:relative; }
.news-grid-section .news-items { position:relative; margin-bottom:10px; }
.news-grid-section .news-items::after { content:""; display:block; clear:both; }
.news-grid-section .news-items::before { content:" "; display:inline-block; width:1px; height:100%; position:absolute; top:0; left:50%; background:var(--line); transform:translateX(-50%); pointer-events:none; }
.news-grid-section .news-item { float:left; width:49.0625%; margin:0 1.875% 20px 0; background:#f8f9fa; }
.news-grid-section .news-item:nth-child(2n) { margin-right:0; }
.news-grid-section .news-item-link { display:block; padding:34px 30px; color:inherit; text-decoration:none; overflow:hidden; border:3px solid transparent; transition:.4s; }
.news-grid-section .news-item-link:focus-visible { outline:2px solid var(--blue); outline-offset:3px; }
.news-grid-section .news-card-left { float:left; width:70.724%; height:100px; }
.news-grid-section .news-date { float:left; width:68px; text-align:center; position:relative; top:47%; transform:translateY(-50%); }
.news-grid-section .news-date b,
.news-grid-section .news-date span { display:block; }
.news-grid-section .news-date b { color:var(--text); font-size:32px; font-weight:400; line-height:1.428571; transition:color .4s; }
.news-grid-section .news-date span { margin-top:-8px; color:#666; font-size:14px; font-weight:100; line-height:1.428571; white-space:nowrap; transition:color .4s; }
.news-grid-section .news-copy { float:right; width:81.8%; overflow:hidden; position:relative; top:50%; transform:translateY(-50%); }
.news-grid-section .news-copy h3 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin:0; overflow:hidden; color:var(--text); font-size:18px; font-weight:400; line-height:28px; overflow-wrap:anywhere; transition:color .4s; }
.news-grid-section .news-copy p { display:none; }
.news-grid-section .news-thumb { float:right; width:27.3%; overflow:hidden; background:#fff; }
.news-grid-section .news-thumb img { display:block; width:100%; height:auto; transition:transform .5s ease-in-out; }
.news-grid-section .news-item:hover .news-item-link,
.news-grid-section .news-item:focus-within .news-item-link { border-color:var(--blue); }
.news-grid-section .news-item:hover .news-date b,
.news-grid-section .news-item:hover .news-date span,
.news-grid-section .news-item:focus-within .news-date b,
.news-grid-section .news-item:focus-within .news-date span,
.news-grid-section .news-item:hover .news-copy h3,
.news-grid-section .news-item:focus-within .news-copy h3 { color:var(--blue); }
.news-grid-section .news-item:hover .news-thumb img,
.news-grid-section .news-item:focus-within .news-thumb img { transform:scale(1.01); }
.news-grid-section .greer-list-pagination:empty { display:none; }
/* EmpireCMS prints the record total as a separate, non-navigating link. */
.news-grid-section .greer-list-pagination > a[title="Total record"] { display:none; }
@media (min-width:768px) { .news-grid-section .container { width:750px; } }
@media (min-width:992px) { .news-grid-section .container { width:970px; } }
@media (min-width:1200px) { .news-grid-section .container { width:1080px; } }
@media (min-width:1320px) { .news-grid-section .container { width:1200px; } }
@media (min-width:1420px) { .news-grid-section .container { width:1300px; } }
@media (min-width:1520px) { .news-grid-section .container { width:1400px; } }
@media (min-width:1620px) { .news-grid-section .container { width:1500px; } }
@media (min-width:1720px) { .news-grid-section .container { width:1600px; } }
@media (min-width:1420px) and (max-width:1520px) {
  .news-grid-section .news-card-left { height:98px; }
}
@media (min-width:1320px) and (max-width:1520px) {
  .news-grid-section .news-copy { width:76.8%; }
}
@media (min-width:1320px) and (max-width:1420px) {
  .news-grid-section .news-card-left { height:89px; }
}
@media (min-width:1200px) and (max-width:1320px) {
  .news-grid-section .news-item-link { padding:24px 20px; }
  .news-grid-section .news-card-left { height:82px; }
  .news-grid-section .news-date { width:62px; }
  .news-grid-section .news-copy { width:77.8%; }
  .news-grid-section .news-date span { margin-top:-4px; }
  .news-grid-section .news-copy h3 { line-height:28px; }
}
@media (max-width:768px) {
  .news-grid-section { padding:30px 0 44px; }
  .news-grid-section .container { padding-left:15px; padding-right:15px; }
  .news-grid-heading { margin-bottom:30px; }
  .news-grid-heading h2 { font-size:26px; }
  .news-grid-section .news-items::before { display:none; }
  .news-grid-section .news-item { float:none; width:100%; margin:0 0 15px; }
  .news-grid-section .news-item-link { padding:12px; }
  .news-grid-section .news-card-left { float:none; width:100%; height:56px; }
  .news-grid-section .news-date { width:62px; }
  .news-grid-section .news-date b { font-size:28px; }
  .news-grid-section .news-date span { margin-top:-2px; font-size:12px; font-weight:400; }
  .news-grid-section .news-copy { width:76.8%; }
  .news-grid-section .news-copy h3 { font-size:16px; line-height:28px; }
  .news-grid-section .news-thumb { float:none; width:100%; margin-top:10px; }
}

/* Phone cards: reserve the date column and contain tall source images. */
@media (max-width:767px) {
  .news-grid-section .news-card-left { display:flex; align-items:center; gap:12px; height:auto; min-height:56px; }
  .news-grid-section .news-date { float:none; flex:0 0 58px; width:58px; top:auto; transform:none; }
  .news-grid-section .news-copy { float:none; flex:1 1 auto; width:auto; min-width:0; top:auto; transform:none; }
  .news-grid-section .news-copy h3 { line-height:1.6; }
  .news-grid-section .news-thumb { aspect-ratio:16 / 10; }
  .news-grid-section .news-thumb img { width:100%; height:100%; object-fit:cover; }
}