/**
 * @file
 * G&A Compass lists: the grids (D7 views grid style, the testimonials'
 * table), the intro texts, the COVID-19 portal, the maps' chapter line.
 */

.gna-intro { font-size: 1rem; margin: 0 0 25px; }

.gna-grid { display: grid; gap: 30px 20px; margin: 0 0 30px; }
.gna-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.gna-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gna-grid__title { font-size: 14pt; margin: 0 0 10px; }
.gna-grid__picture img { display: block; }
.gna #content-wrap .gna-grid__picture img { border: 1px solid #ccc; padding: 6px; margin: 0; }

/* The testimonials: centred, the title over the picture (D7 cellcentre). */
.gna-grid--testimonials .gna-grid__cell { text-align: center; }
.gna-grid--testimonials h6.news-title { font-size: 0.857em; min-height: 40px; margin: 0 0 5px; }
.gna-grid--testimonials .gna-grid__picture img { margin: 0 auto; border-radius: 5px; box-shadow: 1px 1px 2px #666; }

/* The COVID-19 resource portal (D7: a centred coat of arms). */
.gna-covid-portal { display: block; width: max-content; margin: 0 auto 20px; text-align: center; }
.gna-covid-portal figure { margin: 0; }
.gna #content-wrap .gna-covid-portal__image { width: 120px; border: 0; padding: 0; margin: 0 auto; }
.gna-covid-portal figcaption { font-size: 10pt; font-weight: bold; }

/* The maps' chapter line (D7: <big><big>). */
.gna-maps-chapter { font-size: 1.44em; }
.gna-add { margin: 0 0 15px; }

/* Lists that are only titles. */
table.views-lite--gna-brs-articles thead, table.views-lite--gna-covid-articles thead { display: none; }

@media only screen and (max-width: 650px) {
  .gna-grid--2, .gna-grid--3 { grid-template-columns: minmax(0, 1fr); }
}

/* The contacts' ten columns scroll sideways when the window is narrower. */
table.views-lite--gna-marketing-contacts { display: block; overflow-x: auto; }

/* The G&A Methodology: the middle three fifths of the page (D7 Panels
   layout 20% / 60% / 20%). */
.gna-methodology { max-width: 60%; margin: 0 auto; }
.gna-methodology__heading { margin: 30px 0 10px; }
@media only screen and (max-width: 959px) {
  .gna-methodology { max-width: none; }
}