/* ============================================= */
/* ============== MOBILE STYLES ================ */
/* ============================================= */


.institution-list ul,
ul:is(.three,.four) {
  columns: 2;
}

.institution-list ul:last-child,
ul:is(.three,.four):last-child {
  margin-bottom: 0;
}

main #maps.data-tools, #private-institutions, #submit-data, #all-states, .list {
  padding-block: 3em;
}

#all-states .flex-row {
  display: block;
}

#show-filters {
  font-size: 1.25em;
}

#filter-definitions {
  margin: 0 0 2em;
}

#filter-definitions .filter {
  margin: 0 0 1em;
}

#filter-definitions strong {
  font-size: 1.25em;
}

#filter-definitions>div {
  padding: 1.52em 1.5em 2em;
}

#all-states .column > div:not(:last-of-type) {
  margin: 0 0 1.25em;
}


/* INDIVIDUAL STATE PAGE ------------- */
#access-info {
  padding-block: 3em 1em;
}

#access-info .highlight {
  padding: 1.5em;
}

#access-info .highlight.has-photo {
  display: grid;
  grid-gap: 1em;
  grid-template-columns: repeat(3, 1fr);
}

#access-info .highlight .image {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
}

#access-info .highlight address {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  grid-column: 2 / 4;
  grid-row: 1 / 2;
}

#access-info .highlight > div:last-child {
  grid-column: 2 / 4;
  grid-row: 2 / 3;
}

#access-info li:last-child {
  border: 0;
}

#access-info h3 {
  font-size: 1.5em;
}

#access-info .question::before,
#access-info .answer::before {
  font-size: 1.3125em;
}

#access-info :is(.question, .answer) p {
  font-size: 1.3125em;
}

#access-info .additional p {
  font-size: 1.125em;
}

#access-info .additional p>b {
  font-size: 1.0625em;
}


/* OVERRIDES FOR: single-taxononomy-funding-institution-state.php: */


#access-info .legend {
  content-visibility: hidden;
  display: none;
}

#access-info ul.table li {
  border-top: 1px solid rgba(var(--ws-slate-rgb), .25);
  flex-wrap: wrap;
}

#access-info ul.table li:last-child {
  border-bottom: 1px solid rgba(var(--ws-slate-rgb), .25);
}

#access-info ul.table li>div:nth-child(1) {
  display: flex;
  justify-content: center;
  padding: 1.5em 0 .5em;
  width: 2.25em;
}

#access-info ul.table li>div:nth-child(2) {
  padding: 1.5em 1.5em .5em .0;
  width: calc(100% - 2.25em);
}

#access-info ul.table li>div:nth-child(3) {
  padding: .5em 1.5em 1.5em 2.25em;
  width: 100%;
}

#access-info ul.table li>div:nth-child(3):empty {
  padding: .5em 0;
}




/* MAX-WIDTH MEDIA QUERIES ------------------------------ */

/* 500px */
@media (max-width: 31.25em) {
  #access-info .highlight.has-photo {
    display: block;
  }

  #access-info .photo img {
    margin: 0 0 1em;
    width: 100%;
  }
}



/* ------====== WS-INSTITUTIONS & WS-REFUGEE-HUB SHARED MOBILE STYLESHEET ======----- */