/* SHARED ------------------------------ */

main ul.arrows:not(.flex-row) li::before {
  background: url('/wp-content/themes/wpcode-v2/images/icons/arrow-right.svg') no-repeat center right / auto 1.125em;
  border-radius: 0;
  content: '';
  height: 1.25em;
  left: .5em;
  position: absolute;
  top: 0;
  width: 1.25em;
}

.institution-list {
  margin: 0 0 3em;
}

.institution-list ul:not(.flex-row) li,
main ul.arrows:not(.flex-row) li {
  margin: 0 0 .75em;
}

ul.three, ul.four, .institution-list ul {
  margin-block: 2em;
  text-align: left;
}

ul.three {
  columns: 3;
}

.institution-list ul,
ul.four {
  columns: 4;
}

:is(#private-institutions, #submit-data) .button:last-child {
  margin-top: 1.5em;
}

.refugee-page ul.three {
  margin-bottom: 0;
}



/* PAGEHEADER RIBBON ------------------------------ */
main .pageHeader::after {
  background-position: 50% 0;
  top: calc(100% + 1.5em);
}

.data-tools .pageHeader::after {
  height: 10em;
  top: calc(100% - .5em);
}


/* DATA MAP RIBBON ------------------------------ */
main #maps.data-tools {
  background-image: none;
}

main #maps.data-tools .wrap.top {
  max-width: 50em;
}

#maps .black-text {
  display: none;
}

/* Base color */
main #maps :is(path, rect, polygon, polyline) {
  transition: all .3s ease;
}

main #maps .lt-yellow :is(path, rect, polygon, polyline) {
  fill: #F7EFD3;
}

main #maps .gray :is(path, rect, polygon, polyline) {
  fill: #D7D3DF;
}

main #maps .gray text {
  fill: #000;
}

/* Hover color */
main #maps :is(.gray, .purple):is(:hover, :focus) :is(path, rect, polygon, polyline) {
  fill: #442F6D;
}

main #maps :is(.gray, .purple):is(:hover, :focus) text {
  fill: #FFF;
}

/* Has institution data */
main #maps .purple :is(path, rect, polygon, polyline) {
  fill: #7B6E95;
}

#maps .map-popup table {
  width: 100%;
}

#maps .table-insert tbody a {
  background: url('/wp-content/themes/wpcode-v2/images/icons/arrow-right.svg') no-repeat left .75em center / auto .8125em;
  border-radius: 3em;
  cursor: pointer;
  padding: .5em 2em;
}

body #maps .map-popup td:nth-of-type(2) {
  width: auto;
}

#maps .table-insert a.see-more {
  font-weight: 600;
}

.gm-style-iw-d h3 {
  margin: 0 0 .25em;
}

.gm-style-iw-d p:last-child {
  margin: 0;
}


/* PRIVATE INSTITUTIONS BY STATE RIBBON ------------------------------ */
#private-institutions {
  background: #E2E7EC;
}

#private-institutions li::before {
  transform: rotate(90deg);
}


/* PRIVATE INSTITUTIONS BY STATE RIBBON ------------------------------ */
#submit-data {
  background: #7B6E95;
  position: relative;
  z-index: 0;
}

#submit-data.yellow {
  background: #A4871E;
}

#submit-data .background {
  background: url('/wp-content/themes/wpcode-v2/images/bg-submit-data.webp') no-repeat center / cover;
  bottom: -.1875em;
  filter: blur(.125em);
  left: -.1875em;
  mix-blend-mode: luminosity;
  opacity: .07;
  position: absolute;
  right: -.1875em;
  top: -.1875em;
}

#submit-data::after {
  background: url('/wp-content/themes/wpcode-v2/images/bg-plus-dark.png') repeat-x center bottom;
  content: '';
  height: 5em;
  left: 0;
  mix-blend-mode: unset;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

#submit-data :is(h2, p) {
  color: #FFF;
}

#submit-data p>a {
  color: #FFF;
  text-decoration: underline;
}

#submit-data.yellow .button {
  border: 1px solid #FFF;
}


/* ALL STATES RIBBON ------------------------------ */
#all-states {
  overflow: hidden;
}

#all-states .wrap {
  overflow: visible;
}

#all-states h2 {
  margin: 0 0 1em;
}

#all-states #ajax h2.text-center {
  margin: 0 0 .25em;
}

#all-states .state {
  overflow: hidden;
}

#all-states h3 {
  display: table;
  margin: 0;
  padding-right: .5em;
  position: relative;
  z-index: 0;
}

#all-states h3>a:not(:is(:hover, :focus)) {
  color: #2A3B4C;
}

#all-states h3::before {
  background-color: #F3F6F8;
  content: '';
  height: .25rem;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100vw;
  z-index: -2;
}

#all-states h3::after {
  background-color: #FFF;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}


/* Refugee tool page overrides (template-refugee-tool.php) */
#all-states.refugee-tool .wrap {
  max-width: calc(63.8125em + 2 * var(--ws-gap));
}

#all-states.refugee-tool p {
  font-size: var(--ws-text-5);
}

#all-states.refugee-tool li {
  font-size: var(--ws-text-7);
}

main #all-states.refugee-tool ul.arrows:not(.flex-row) li::before {
  height: .9375em;
  background-size: contain;
  top: .25em;
}




/* ALL STATES RIBBON FILTERS ------------------------------ */
#show-filters {
  align-items: center;
  background: #2A3B4C url('/wp-content/themes/wpcode-v2/images/icons/plus-white.svg') no-repeat right 1em center / .625em auto;
  border-radius: 0;
  color: #FFF;
  display: flex;
  justify-content: space-between;
  padding: 0.625em 2.5em .625em 1.375em;
  width: 100%;
}

#show-filters.expand {
  background-image: url('/wp-content/themes/wpcode-v2/images/icons/minus-white.svg')
}

#show-filters::before {
  display: none;
}

#show-filters span {
  color: rgba(255,255,255,.7);
  font-size: .833em;
}

.institution-filters {
  margin: 1.5em 0 0;
}

.institution-filters form {
  display: grid;
  gap: 0 1.5em;
  grid-template-columns: repeat( auto-fill, minmax( 13em, 1fr ) );
}

.institution-filters .buttons {
  margin-block: 2em;
  text-align: center;
}

#apply-filters {
  border: 2px solid #FFF;
}

#clear-filters {
  border: 2px solid #E2E7EC;
  margin-left: 1em;
}

#filter-definitions {
  background: #E2E7EC;
  height: 0;
  overflow: hidden;
}

#filter-definitions p {
  font-size: 1.0625em;
}


/* LIST RIBBON ------------------------------ */
#see-more.list {
  background: #F1F1F1;
  position: relative;
  z-index: 0;
}

#see-more.list::before {
  background: url('/wp-content/themes/wpcode-v2/images/bg-plus.png') repeat-x center;
  content: '';
  height: 5em;
  left: 0;
  mix-blend-mode: unset;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}



/* INSTITUTION MAP RIBBON ------------------------------ */
.acf-map {
  width: 100%;
  height: clamp(20rem, 14.667rem + 26.67vw, 38rem);
}




/* INSTITUTION DETAILS RIBBON ------------------------------ */

#access-info {
  padding-block: 2em;
}

#access-info section {
  margin: 0 0 3em;
}

#access-info section + section {
  margin-top: 4.5em;
}

#access-info .highlight {
  border-radius: 0.625em;
  margin-top: 0;
}

#access-info h3 {
  color: #2A3B4C;
}

#access-info ul:not(.table) li {
  border-bottom: 2px solid #F3F6F8;
  color: #475766;
  padding: 1.5em 1.5em 1.5em 0;
}

#access-info li::before {
  display: none;
}

#access-info .additional b {
  color: #475766;
  display: block;
}

#access-info .question {
  margin: 0 0 1em;
}

#access-info .question p {
  color: #475766;
  line-height: 1;
}

#access-info .answer>p {
  color: #CC6666;
  line-height: 1;
  margin: 0 0 .125em;
  word-break: break-word;
}

#access-info :is(.question, .answer) {
  padding-left: clamp(2rem, 0.95rem + 4.2vw, 4.625rem);
  position: relative;
}

#access-info .question::before {
  color: #45B3EA;
  content: 'Q.';
  top: -.25em;
}

#access-info .answer::before {
  color: #CC6666;
  content: 'A.';
  top: -.25em;
}

#access-info .question::before,
#access-info .answer::before {
  position: absolute;
  left: clamp(0rem, -0.7rem + 2.8vw, 1.75rem);
}

#access-info .button {
  border: 1px solid #FFF;
}




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

#access-info .legend {
  background: rgba(var(--ws-slate-rgb), .25);
}

#access-info .legend>div {
  padding: .75em 1.3125em;
}

#access-info .legend>div>span {
  font-size: 1.125em;
}

#access-info ul.table {
  margin: 0;
}

#access-info ul.table li {
  display: flex;
  margin: 0;
  padding: 0;
}


#access-info ul.table li:nth-child(even) {
  background: #F1F1F1;
}

#access-info ul.table p {
  line-height: 1.25;
}

#access-info ul.table li>div *:last-child {
  margin-bottom: 0;
}

#access-info span:is(.answer-pos, .answer-neg) {
  aspect-ratio: 1;
  background: no-repeat center;
  display: block;
  height: 1em;
  position: relative;
  top: .125em;
}

#access-info span.answer-pos {
  background-image: url('/wp-content/themes/wpcode-v2/images/icons/check-green.svg');
  background-size: 100% auto;
}


#access-info span.answer-neg {
  background-image: url('/wp-content/themes/wpcode-v2/images/icons/x-red.svg');
  background-size: 87.5% auto;
}




/* INDIVIDUAL STATE PAGE ------------- */
.list.refugee-page h2 {
  margin: 0 0 .75em;
}

.list.refugee-page .wrap {
  max-width: calc(63.8125em + 2 * var(--ws-gap));
}


.list.refugee-page li {
  font-size: var(--ws-text-7);
}

.list.refugee-page li {
  font-size: var(--ws-text-7);
}

main .list.refugee-page ul.arrows:not(.flex-row) li::before {
  height: .9375em;
  background-size: contain;
  top: .25em;
}



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