/* these styles need to move to main theme  */


h1 {
  margin-top: 2.5rem;
}

.su-lockup {
  font-size: 2.44140625em;
  text-decoration: none;
  color: black;
}

.su-lockup img {
  margin-right: 1em;
}


table {
  caption-side: top;
}

table caption {
  font-size: 2rem;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  table caption {
    font-size: 2rem;
  }
}

.tableresponsive-toggle-columns {
  display: none;
}



.footer-grey {
  background-color: #f4f4f4;
}


.nav-tabs {
  display: flex;
  gap: 1rem;
}

.nav-tabs li {
  list-style: none;
}


ul.nav nav-tabs tabs-primary {}

li.active {}

.nav li {
  border: 1px solid #ccc;
  padding: 0 1em;
  border-bottom: none;
}

a.nav-link.active {}





/* mapping militants styles  */
.su-brand-bar__logo {
  display: none;
}

.l-footer .su-card {
  min-height: 16rem;
}

.l-footer {
  background-color: silver;
  margin-top: 4rem;
}

.node-type-group h1.page-title {
  text-align: center;
}

.block-layout-hero {
  background-blend-mode: darken;
  background-color: #999;
}

.view-key-stats-block-for-profile-pages .date-display-single {
  /* same as font.splash in decanter theme */

  font-weight: 700;
  line-height: 1.2;
  font-size: 3.0517578125em;
  margin-bottom: 0;
  letter-spacing: -.016em;
}

.l-map2 {
  margin-bottom: 3rem;
}



/* review use of this style on the front page, maybe replace with flex grid  - breaks maps page
@media (min-width: 732px) {

  .views-grid-three .view-content .container .row,
  .views-grid-three .view-content {
    display: grid;
    column-gap: 5%;
    grid-template-columns: 30% 30% 30%;

  }
}  */

/* maps index page  */

.view-maps.view-id-maps .su-card {
  min-height: 27rem;
  margin-bottom: 3rem;
}

.view-maps.view-id-maps .su-card img {
  max-height: 60px;
  margin: auto;
}



/* profile page  */

.vertical-tab-link {
  color: #006cb8;

}

.vertical-tabs-pane .fieldset-wrapper {
  padding-top: 0.5em;
}