@charset "UTF-8";

body {
  position: relative;
}

body>footer>.fatFooter,#alertApp>*,.wrap{ padding-left: 3.5%; padding-right: 3.5%; }

/* desktop */
.desktopOnly {display: none}


/* HEADER ------------------------------ */
body>header,
body>header .wrap {
  display: contents;
}

body>header #brand {
  display: block;
  padding: .5em .75em 1em;
  width: 11em;
}

body>header #brand img {max-width: 100%; height: auto; margin:0 auto; display: block}
body>header .translate-widget {
  position: absolute;
  right: 1em;
  top: 2.125em;
}
body>header .translate-widget .glink {
  align-content: center;
  align-items: center;
  background: rgba(0,0,0,.05);
  border-radius: 20em;
  display: flex;
  gap: 0.375em;
  justify-content: center;
  padding: 0.5em 1em;
}
header .gtranslate_wrapper a.glink span {
  color: var(--ws-dark);
  font-size: inherit;
}
.slideNav{overflow: hidden; }
body>header:before{content: "";opacity: 0;z-index: 3;background-color: #000;display: block;position: fixed;left:100vw;top:0;width:100vw;height:100vh;transition:left 0ms ease 200ms, opacity 200ms ease;z-index: 6; }
body.slideNav>header:before{left:0;opacity: .5; transition:left 0ms ease 0ms, opacity 200ms ease}
#navContainer{position: fixed;left: 100%;top:0;bottom:0;width: 75%;max-height: 100vh;background-color:#333;z-index:3; transition: left 200ms ease;overflow:auto;-webkit-overflow-scrolling: touch; }
#navContainer{position: fixed;left: 100%;top:0;bottom:0;width: 85%;max-height: 100vh;background-color: #2C363F;z-index: 4;transition: left 200ms ease;overflow:auto;-webkit-overflow-scrolling: touch;text-align: left;z-index: 7; }
.admin-bar #navContainer{top:46px}
body.slideNav {overflow: hidden; }
.slideNav #navContainer{left: 15%; }
#navContainer nav{display: inline; }
#navContainer ul{display: block;width: 100%;margin: 0;padding-left: 0; }
#navContainer li{display:block;width: 100%;position: relative; }
#navContainer a, #navContainer aside.toggleNav{color: #FFF;line-height: 1;padding: 1em 1em;display:block;text-transform: uppercase;width: 100%; }
#navContainer aside.toggleNav { cursor: pointer; font-size: .9375em; text-transform: none; }
#navContainer a:hover, #navContainer aside.toggleNav:hover { background: var(--ws-blue); }
#navContainer li.on a{background-color: var(--ws-red); color: #fff}
#navContainer li.open{background-color: rgba(255,255,255,.1); }
#navContainer li>ul+span{opacity: 0.5;display: block;position: absolute;right: 0.1875rem;top: 0;width: 3em;height: 3em; }
#navContainer li.open>ul+span{opacity: 1}
#navContainer li>ul+span:before{content: ""; display: block; width: 40%; height: 0.125rem; background-color: #fff; position: absolute; left: 50%; top: 50%;  transform: translate(-50%, -50%) rotate(90deg);  transform-origin: center center; }
#navContainer li>ul+span:after{content: ""; display: block; width: 40%; height: 0.125rem; background-color: #fff; position: absolute; left: 50%; top: 50%;  transform: translate(-50%, -50%); transform-origin: center center; }
#navContainer li.open>ul+span:before { transform: translate(-50%, -50%)rotate(0deg); }
#navContainer li>ul+span::before {  transition: transform .2s ease; }
#navContainer ul ul {font-size: .8em;display: none}
#navContainer ul ul a {padding: 0.5em 1rem 0.5em 2rem; line-height: 1.5em; text-transform: none; font-size: 1.1875em; }
#navContainer ul ul li.current-menu-item a {background-color: rgba(255,255,255,.1); }
#navContainer form {clear: both;display: block;margin: 0em 0 0;width:100%;padding: 1em; }
#navContainer form input[type="search"] {margin: 0;padding: .5em 2.75em .5em 1em;width: 100%; }

#mobilenav{
  align-items: center;
  background: #FFF;
  border-top: 1px solid #dfdddd;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .015), 0 2px 2px rgba(0, 0, 0, .015), 0 4px 4px rgba(0, 0, 0, .015), 0 8px 8px rgba(0, 0, 0, .015), 0 16px 16px rgba(0, 0, 0, .015);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  position: sticky;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 5;
}
#mobilenav a, #mobilenav span{color: var(--ws-dark);cursor: pointer;line-height: 2.75;-ms-flex: 1 1 auto; flex: 1 1 auto;text-transform: uppercase; }
#mobilenav *+* {border-left: 1px solid #dfdddd}
#mobilenav a:hover, #mobilenav span:hover, #mobilenav a.on {color: #fff;background-color: var(--ws-red); }

#ancillary a {font-family: 'Source Sans Pro', sans-serif;font-weight: 700;text-transform: uppercase; }
#ancillary button {right: 1.375em;top: 1.25em; }

#ancillary form label {
  border: 0;
  clip: rect(0,0,0,0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  padding: 0;
  width: 1px;
}



/* MAIN ------------------------------ */
#content:not(.anchor) {padding: 0 0 3em; }
.twoCol, .threeCol, .resCol{
  column-rule:1px outset rgba(0,0,0,.15);
  columns: auto;
  column-width: 13em;
}

.content ul li {padding-left: 1.5em; }

.formTable, .formTable table{width:100%;display: block}
.formTable tbody{display: block}
.formTable tr{display: block}
.formTable td{display: block;width:100%;padding: 0}
.formTable input[type="text"], .formTable input[type="password"], .formTable input[type="tel"], .formTable input[type="number"], .formTable input[type="email"], .formTable input[type="url"], .formTable textarea{margin-bottom:1em}
.formTable table td + td {padding-left: 0 !important; }

.photoright{margin:0 0 .75em 1em; }
.photoleft{margin:0 1em .75em 0; }

.wp-block-image { margin-bottom: 0; }
.wp-block-image .alignright { margin: 0 0 0 1.5em; }
.wp-block-image .alignleft { margin: 0 1.5em 0 0; }

.admin-bar .main-navigation {top:46px}
#wpadminbar {position: fixed}
.slideNav header>.menu{right:80%}
.slideNav>nav {right:0}



.videoContainer {width: 100%;height:0;line-height:0;position: relative;padding-top:56.25%; /* 16:9 */}
.videoContainer.ratio-4-3 {padding-top:75%; /* 4:3 full-frame */}
.videoContainer iframe {position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border:0}

.highlight, .content .highlight { padding: 2em 1.5em; }


aside.back-to-top {
  padding: 1em 0 3em;
  text-align: center;
}

.pageHeader #top {
  top: -3em;
}

.admin-bar .pageHeader #top {
  top: calc(-3em - 46px);
}





/* FORMIDABLE STYLING ------------------------- */

/* Refugee Hub form */
#frm_field_conf_657_container.frm_hidden_container .frm_primary_label {
  display: none;
}

#form_refugee-hub .frm_form_field.frm_two_col .frm_opt_container {
  display: block !important;
}

#frm_field_679_container .frm_top_container.frm2 {
  width: calc(50% - 1em);
}




/* FOOTER ------------------------------ */
body>footer { font-size: .9375em; }
body>footer .wrap {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
}
body>footer .wrap nav {display: block}
#web-solutions{ order: 1; }
body>footer .wrap nav a+span:before {content: "|"; margin: 0 0.5em}

.main-navigation .search-form, body>footer .search-form{width:100%;display: block}
.main-navigation .search-form{padding:1rem;border-top:1px solid rgba(255,255,255,.2);position: relative;overflow: auto}
.search-form input[type="search"]{background-color: #fff; }

.search-form .screen-reader-text {display: none}

/* MAIN + WRAPS ------------------------------ */
main.home, main.states-page, main.state-detail, main.national,
main.federal, main.daca, main.advanced-search, main.data-tools,
main.default, main.fullWidth { font-size: .9375rem; }


/* RESPONSIVE TABLES ------------------------------ */
.full-width-container {
  padding: 2em 1em;
}

.responsive-table { margin: 0 0 1.5em; width: 100%; }
.responsive-table thead { display: none; }
.responsive-table tbody { width: 100%; }
.responsive-table tr {display: block; }

.responsive-table td.colored { padding: 0 0 .75em; }
.responsive-table td.colored ul { padding: 0 1em .25em; }
.responsive-table td.colored::before { color: #FFF; }
.responsive-table td.green::before { background: var(--ws-green); }
.responsive-table td.slate::before { background: var(--ws-dark-blue); }
.responsive-table td.blue::before { background: var(--ws-blue); }
.responsive-table td.red::before {background: #8F2700; }
.responsive-table td.yellow::before { background: var(--ws-yellow); }
.responsive-table td.purple::before { background: #7B6E95; }
.responsive-table td.pink::before { background: var(--ws-red); }

.responsive-table.state-table tfoot { display: none; }

.table-responsive {
  position: relative;
  z-index: 1;
}

.table-responsive thead {
  border: 0;
  clip: rect(0,0,0,0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  padding: 0;
  width: 1px;
}

.table-responsive tbody :is(tr, td) {
  display: block;
  width: 100%;
}

.table-responsive tbody tr {
  padding: 1em;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.table-responsive tbody tr:nth-child(odd) {
  background: #fff;
}

.table-responsive tbody tr:nth-child(even) {
  background: #F1F6F9;
}

.table-responsive tbody tr:first-child {
  border-bottom: 0;
}

.table-responsive tbody tr:last-child {
  border-bottom: 1px solid #ccc;
}

.table-responsive tbody td + td {
  padding-top: 0.5em
}

.table-responsive tbody td[data-attribute]:before {
  border-bottom: 1px dashed #ccc;
  content: attr(data-attribute);
  display: block;
  font-size: 0.875em;
  font-style: italic;
  font-weight: 300;
  line-height: 1.25em;
  padding-bottom: 0.45em;
}

.state-policy-hub table .state_name > div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
  font-weight: 700;
  font-size: 1.25em;
}


/* Alternate row colors */
.responsive-table tr:nth-child(odd) { background: #FFF; }
.responsive-table tr:nth-child(even), .rank-table tbody tr:nth-child(even), .state-table td:nth-child(even) { background: rgba(241,241,241,.5); }

.responsive-table td {
  border-bottom: 1px solid rgba(50,89,107,.25);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.responsive-table.data-table td { justify-content: flex-start }

.rank-table tbody tr td:not(:nth-child(1)):not(:nth-child(2)), .rank-table td { border-bottom: 0; text-align: center; }

/* Inserted th label */
.responsive-table td::before {
  color: var(--ws-dark-blue);
  display: block;
  margin-right: 0;
  width: 100%;
}

/* Rank table inserted th label */
.responsive-table td span::before {
  color: var(--ws-dark-blue);
  display: inline-block;
  margin-right: .25em;
}


.rank-table tfoot td::before { display: none; }

/* Hide horizontal borders between columns */
.state-table tr td:not(:last-of-type)::after, .two-tone tbody tr td:nth-child(3)::after { display: none; }
.state-table tfoot tr { border-top: 0; }

.rank-table tbody tr td:nth-child(1) { width: 100%; } /* Undo rank column width */
.rank-table tbody td { padding: .25rem 1em; }
.responsive-table td ul { width: 100%; } /* State name lists */

/* Add border above first row to separate h4 */
.state-table tbody tr:first-of-type, .rank-table tbody tr:first-of-type { border-top: 1px solid rgba(50,89,107,.25); }
.state-table tfoot td, .rank-table tfoot td, .rank-table tbody tr td:nth-child(2) { font-weight: 400; }

.data-table tbody td { border: 0; padding: .25rem 1em; }
.data-table tfoot td { padding: .25rem 0; }
.data-table tbody tr:first-of-type td:first-of-type { padding: .5em 1em 0em; }
.data-table tfoot td { border: 0; }

.data-table td { line-height: 1.5; }
.data-table td:nth-child(odd) { padding-bottom: 0; }
.data-table td:nth-child(even) { padding-top: 0; }

.data-table tbody tr:last-of-type { border-bottom: 0; }
.data-table tfoot tr { border-top: 1px solid rgba(50,89,107,.25); }
.data-table.national td:last-child { max-width: 100%; }
.responsive-table td ul { text-align: center; }


.landing-page .boxed-links li,
.landing-page .boxed-links li + li  {width:100%; margin: 0.5rem 0}


/* CALLOUT REPEATER WITH ICONS ------------------------------ */

.callout-repeater-icons {
  --ws-column-count: 2;
}




/* INFOGRAMS ------------------------------ */
script:nth-of-type(odd) + .infogram-embed, .infogram-embed { display: block; margin: 3em auto 0; width: 100%; }


/* MAPS ------------------------------ */
#maps { background: #FFF; padding: 3em 0 2em; }
#state-select label { display: block; margin: 0 0 .5em; }
#state-select select { font-size: .9375em; margin: 0 0 1em; width: 100%; }
#state-select button { font-size: .9375em; }


#legend { margin: 3em auto 2em; }
#legend li { margin: 0 0 1.25em; width: 50%; }

/* SPOTLIGHTS ------------------------------ */
#spotlights {
  background: linear-gradient(180deg, var(--ws-light-3) 0%, var(--ws-light-3) 18em, #FFF 18em, #FFF 100%);
}
#spotlights h2 { text-align: center; }
#spotlights .flex-row { align-items: center; flex-direction: column; }
#spotlights li { max-width: 35em; width: 100%; }
#spotlights li:not(:last-of-type) { margin: 0 0 3em; }

/* AREAS ------------------------------ */
#areas {background: #FFF !important;font-size: .9375em;padding-top: 5.125em; }
#areas ul { width: 100%; }
#areas ul::before { left: 50%; top: -2.75em; transform: translateX(-50%); }
#areas li:nth-child(odd) { border-left: 0; }


/* CALLOUTS ------------------------------ */
#callouts li a { padding: 3.5em 1.5em; }

/* WELCOME ------------------------------ */
#welcome { padding: 4em 0; }
#welcome .flex-row { flex-direction: column-reverse; }
#welcome .textbox {margin: 0 0 4em;width: 100%; }
#welcome .contributors {padding: 2em 1.5em 0;width: 100%; }
#welcome .contributors li { width: calc(33% - 1.75em); }

/* INTERIOR CONTRIBUTORS ------------------------------ */
.contributors.interior a {
  max-width: 50%;
  padding: .75em 1em;
}

/* STATS SECTION (States template) ------------------------------ */

#scroll-links { display: none; }
#maps .button-row { margin: 2em 0 0; }

#stats .flex-row { flex-direction: column; }
#stats .flex-row > .column { width: 100%; }
#stats .flex-row > .column + .column { margin: 2em 0 0; }
#stats .textbox + *, #stats .table-row + .table-row { margin-top: 2em; }
#stats .table-row { margin: 0 0 1em; }

/* INDIVIDUAL STATE PAGE ------------------------------ */
.intro-section { background-position: 50% -20.5em; }

#state-data .textbox, #state-policies .textbox { margin: 0 0 2.5em; max-width: 100%; }

.data-row {
  flex-direction: column;
}

.data-row table {width: 100%;text-align: left; }

.data-row .textbox { margin: 0 0 2.5em; width: 100%; }

main ul:not(.flex-row).policies-list {
  flex-direction: column;
}

main ul:not(.flex-row).policies-list li {margin: 0;width: 100%; }
main ul:not(.flex-row).policies-list li + li { margin: 1.5em 0 0; }


/* AREAS TEMPLATE ------------------------------ */
.intro-section .wrap.columns {
  flex-direction: column;
  margin: 0;
}

.intro-section .columns .textbox {
  padding: 0 0 1em;
  width: 100%;
}

.intro-section .wrap.columns .buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  margin: 0 0 1em;
  top: 0;
}

.intro-section .wrap.columns .buttons .button,
.intro-section .wrap.columns .buttons .button + .button {
  display: inline-block;
  margin: 0 .5em 1em;
  text-align: left;
  width: auto;
}

/* PAGEHEADER ------------------------------ */
.pageHeader { font-size: .875rem; }
.pageHeader::after {background-position: 50% -2.5em; }

.state-detail .wrap.flex-row {
  align-items: center;
  flex-direction: column-reverse;
  overflow: visible;
}

.state-detail .state-image { margin: 2em auto 0; }


/* DACA - UNDOCUMENTED PAGE / FILTERS ------------------------------ */
#filter-search .filter-wrap {
  flex-direction: column;
}

#filter-search #filters { margin: 0 0 1em; padding: 0; width: 100%; }
#filter-search #results { width: 100%; }

#filter-search #results ul.narratives { min-height: 0; }

/* ADVANCED SEARCH ------------------------------ */
main.advanced-search #filter-search { padding: 4em 0 1em; }
.no-results { margin: 1em auto 0; }

/* DATA TOOLS ------------------------------ */
#map-filters form { flex-direction: column;padding: 0 1.25em .5em; }
#map-filters .column { width: 100%; }
#map-filters label {padding: 0 0 0 1.625em; }

/* STANDARD INTERIOR ------------------------------ */
#call-to-action { background-position: center center, center -17em; padding: 3em 0; }

main.default > .wrap, main.fullWidth > .wrap {
  padding-bottom: 0;
}

/* SINGLE POSTS PAGE ------------------------------ */
#content.single .entry-header { margin: 0; }

/* CONFERENCE TEMPLATE ------------------------------ */
#conf-hero { font-size: .875rem; }
#conf-hero .button { font-size: 1rem; }
#conf-hero .textbox {background: rgb(123 89 190 / 90%);margin: 0 auto;padding: 1.5em; width: calc(100% - 3em); }
#conf-hero .textbox h1>span {font-size: 2em; }

.conf-callouts { padding: 3.5em 0 0; }
.conf-callouts ul { flex-wrap: wrap; }
main .conf-callouts ul li {margin: 0 0 1em;width: 33.33%; }
.conf-callouts li a { justify-content: center; }
.conf-callouts h2 { font-size: 1.25em; height: auto !important; min-height: 0; }

#conf-welcome { padding: 3.5em 0 0; }
#conf-welcome .image, #conf-welcome .embed-container { margin: 0 0 1.5em; }
#conf-welcome .events { margin: 2.5em 0 0; }


#conf-banner { min-height: 15em; }

#testimonials .slick-prev { background-position: left .5em center; }
#testimonials .slick-next { background-position: right .5em center; }

/* CONFERENCE DETAIL ------------------------------ */
.conference-pageheader::before { padding: 0 0 22.5%; }
#conference-info h2 { font-size: 1.5em; }

/* SUCCESS Directory ------------------------------- */
.success-directory #success-directory-list {padding:2rem 1rem 4rem}
.success-directory #success-directory-list .directory-filters {flex-wrap: wrap; }
.success-directory #success-directory-list .directory-filters .button.hollow {order:1}
.success-directory #success-directory-list .directory-filters .filters {order:2; display: flex; flex-wrap:wrap; justify-content: space-between; width:100%; margin:2rem 0 0; padding:2rem 0 0; border:0; border-top:1px solid #CBD5DA}
.success-directory #success-directory-list .directory-filters .filters label {flex: 1 1 auto; margin-bottom:0.5rem; }
.success-directory #success-directory-list .directory-filters .filters label:nth-child(even) {margin-left:1em}
.success-directory #success-directory-list .directory-filters .filters .multi-select {width: 100%; margin-bottom:0.25rem; position:relative}
.success-directory #success-directory-list .directory-filters .filters .multi-select .multi-select-dropdown {max-height: 16.5rem; width:100%; overflow: auto; }
.success-directory #success-directory-list .directory-filters .filters .multi-select label {display: block; margin:0 0 0.5em}
.success-directory #success-directory-list .directory-filters .filters .multi-select label input {margin:0}
.success-directory #success-directory-list .directory-filters .filters input[type="submit"] {background: var(--ws-dark-blue-2);width: 100%;text-align: center;margin-top:0.5rem}
.success-directory #success-directory-list #directory-list li {width:calc(50% - 0.25rem); margin: 0 0 0.5rem}
.success-directory #success-directory-list #directory-list li:nth-child(even) {margin-left:0.5rem}
.success-directory #success-directory-list #directory-list li .brief {padding:1.25rem 1rem 5rem}
.success-directory #success-directory-list #directory-list li .name {font-size:1rem; margin-bottom:0.25rem; font-weight:600}
.success-directory #success-directory-list #directory-list li .title,
.success-directory #success-directory-list #directory-list li .location {margin-bottom: 0.5rem}
.success-directory #success-directory-list #directory-list li a[href^="mailto:"] {display: block; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; }
.success-directory #success-directory-list #directory-list li .brief .button {bottom:1.5rem; left:1rem; width: calc(100% - 2rem); padding:0; line-height:2.1875rem; text-align: center; }
.success-directory #success-directory-list-single .profile-top {flex-direction:column}
.success-directory #success-directory-list-single .profile-top > * {width:100%; }
.success-directory #success-directory-list-single .profile-top .headshot {padding-bottom:100%; margin-bottom:1rem}
.success-directory #success-directory-list-single .profile-top .profile-brief h2 {font-size: 1.5rem; }
.success-directory #success-directory-list-single .profile-bottom {margin-bottom:1.75rem}
.success-directory #success-directory-list-single .profile-bottom tr {display: block; padding:1rem}
.success-directory #success-directory-list-single .profile-bottom td {padding: 0; line-height:1.25em; display: block}
.success-directory #success-directory-list-single .profile-bottom td:first-child {white-space:nowrap}
.success-directory #success-directory-list-single .join-the-directory {margin-top:3.75rem}


/* AGENDA BLOCK ------------------------------- */
.agenda .agenda-top {display: none; }
.agenda .agenda-row:not(.agenda-top) {display: block; }
.agenda-heading {margin-top: 2rem; }
.agenda > .agenda-row > * + * {border-left: 0; }
.agenda .mobile-only {display: block; text-align: center; padding-bottom: 1rem; font-size: 1.125rem; }
.agenda-row:not(.agenda-top) + .mobile-only {margin-top: 2rem; }
.agenda > .agenda-row > * {border-bottom: 2px solid #dfe7ec; }
.agenda > .agenda-row {
  border-top: 2px solid #dfe7ec;
  border-left: 2px solid #dfe7ec;
  border-right: 2px solid #dfe7ec;
}
.agenda > .agenda-row:first-child {border-top: 2px solid #dfe7ec; }
.agenda > .agenda-row:last-child {border-bottom: 2px solid #dfe7ec; }
.agenda .agenda-row > h3 {color: var(--ws-dark-blue); }
.agenda h4, .agenda h4 a {color: var(--ws-red); }
.agenda p a {color: var(--ws-dark-blue); }
.agenda a {border-bottom: 1px solid; }



/* FEDERAL POLICIES PAGE TABLE RIBBON ------------------------------- */
#fed-table {
  text-align: center;
}

#fed-table .desktop {
  display: none;
}

#fed-table .mobile>ul {
  margin: 1.5em 0 0;
}

#fed-table .mobile>ul>li.subheading {
  margin: 1em 0 0;
}

#fed-table .mobile>ul>li>ul {
  margin: .5em 0 1.5em;
}

#fed-table li::before {
  display: none;
}

#fed-table li a {
  border-color: inherit;
  margin: 0;
  display: block;
  padding: .75em 1.25em;
}

#fed-table li.subheading>a {
  font-size: 105%;
  font-weight: 700;
}


#fed-table li.heading strong {
  display: block;
  font-size: 120%;
  padding: .75em 1.25em;
}





/* ########################################### */
/* ############# GRADUATE PORTAL ############# */
/* ########################################### */


/* GRADUATE PORTAL PAGEHEADER ------------------------------ /
* - Main page ribbon 1, Resources template ribbon 1
*/

.gp-pageheader img {
  display: block;
  margin: 1.5em auto 0;
  max-width: 14em;
  width: 100%;
}




/* GRADUATE PORTAL COLORED BOXES ------------------------------ /
* - Main page ribbon 2
*/

.gp-colored-boxes ul {
  --ws-column-count: 3;
}




/* GRADUATE PORTAL ADVISORY BOARD ------------------------------ /
* - Main page ribbon 5
*/

.gp-advisory-board ul {
  --ws-column-count: 2;
}




/* GRADUATE PORTAL STICKY NAV ------------------------------ /
* - Resource template ribbon 2
*/

.gp-nav .wrap {
  padding: 0;
}

.gp-nav ul {
  flex-wrap: wrap;
}

.gp-nav ul>li {
  width: 33.33%;
}

.gp-nav a {
  padding: .625em .875em;
}

.gp-nav li:first-child a {
  background-position: calc(50% - 1.75em) center;
}


/* GRADUATE PORTAL QUOTE RIBBON ------------------------------ /
* - Resource template ribbon 3
*/

.gp-quote .textbox {
  margin: 0 0 2em;
}




/* GRADUATE PORTAL RESOURCES RIBBON(S) ------------------------------ /
* - Resource template ribbon 4+
*/

.gp-resources .ws-flex {
  --ws-column-count: 2;
}




/* GRADUATE PORTAL RESEARCH RIBBON ------------------------------ /
* - Research template ribbon 5
*/

.gp-research .meta {
  display: block;
  overflow: auto;
}




/* ################################## */
/* ############# QUORUM ############# */
/* ################################## */

/* MAIN / TEXT / SELECTS ------------------------------ */
.quorum .selects {
  flex-wrap: wrap;
}

.quorum .selects>div {
	width: calc(50% - 0.25em);
}

.quorum .selects button {
  width: 100%;
}



/* BILLLS ------------------------------ */
.quorum__bill .left {
  margin: 0 0 1.25em;
}



/* INTERACTIVE CHART ------------------------------ /
* - template-interactive-chart.php
*/

.chart .wrap {
  max-width: 35em;
}

.bubbles>li>strong {
  display: block;
  margin: 0 0 1.5em;
  width: 100%;
}

main ul.bubbles:not(.flex-row)>li {
  margin: 0 0 3em;
}

.bubbles>li>ul>li {
  margin: 0 0 1.5em;
}

.bubbles>li>strong::after,
.bubbles>li>ul>li:not(:last-of-type)::after {
  height: var(--ws-gap);
  width: 2px;
}

.bubbles>li>strong::after,
.bubbles>li>ul>li:not(:last-of-type)::after {
  left: calc(50% - 1px);
  top: 100%;
}

.bubbles>li.vert-lines>ul>li::before,
.bubbles>li.vert-lines>ul>li::after {
  height: 3em;
}

.bubbles>li>strong::after {
  top: calc(100% + 2px);
}

.bubbles>li>ul>li:not(:last-of-type)::after {
  top: 100%;
}

.bubbles>li>ul>li>div.circle {
  border-bottom: 1px solid rgba(255,255,255,.75);
}



/* Vertical lines for 'Private Sponsorship' category only */
.bubbles>li:nth-child(2)>strong::before,
.bubbles>li:nth-child(2)>ul::after {
  content: '';
  height: 3.125em;
  left: 50%;
  position: absolute;
  width: 2px;
}

.bubbles>li:nth-child(2)>strong::before {
  background: linear-gradient(180deg, var(--color-1) 0%, var(--color-2) 100%);
  bottom: 100%;
}

.bubbles>li:nth-child(2)>ul::after {
  background: linear-gradient(180deg, var(--color-2) 0%, var(--color-3) 100%);
  top: 100%;
}




/* ####################################################################### */
/* ############# COMPARATIVE CHART OF STATES - STUDENT VIEW  ############# */
/* ####################################################################### */


/* State Select Ribbon ----------------------------- */

.state-select :is(.compare, .compare-select) {
  margin: .75em 0 0;
}

.state-select select {
  margin: 0;
}

.state-select button.remove {
  display: table;
  margin: .375em auto 1.25em;
}




/* State Data Ribbon ----------------------------- */

.state-data .data .row>div {
  padding: .875em 1.25em;
}

.state-data .data .row>div:first-child {
  color: var(--ws-dark-2);
  font-size: 1.0625em;
  padding-bottom: 0;
}

.state-data .data.compare .heading {
  display: none;
}

.state-data strong.state-label {
  color: var(--ws-dark-2);
  display: block;
}




/* ######################################### */
/* ############# NEW HOMEMPAGE ############# */
/* ######################################### */

.map-callouts ul.ws-flex {
  --ws-column-count: 2;
}



/* RESOURCES ------------------------------ /
* - Homepage
*/

.resources .background>div {
  padding: 2em 3.5%;
}


.resources li {
  padding: 2em 3.5%;
  width: 50%;
}





/* EVENTS ------------------------------ /
* - Homepage
*/

.upcoming-events ul.ws-flex {
  --ws-column-count: 2;
}




/* HOME PARTNERS RIBBON ------------------------------ /
* - Homepage
*/

.home-partners .logos ul.ws-flex {
  --ws-column-count: 3;
}





/* TOOLS RIBBON ------------------------------ /
* - Homepage, Community: Undocumented Students, Community: Refugee & Displaced Students pages
*/

.tools ul.ws-flex {
  --ws-column-count: 2;
}




/* STUDENT POPULATIONS RIBBON ------------------------------ /
* - International, Immigrant-Origin, community pages
*/

.student-populations ul.ws-flex {
  --ws-column-count: 2;
}




/* COMMUNITY CALLOUTS RIBBON ------------------------------ /
* - DACA/Undocumented, International, Immigrant-Origin, Refugee/Displaced Community pages
*/

.community-callouts ul.ws-flex {
  --ws-column-count: 2;
}




/* COMMUNITY NATIONAL DATA / FEDERAL POLICIES RIBBON ------------------------------ /
* - DACA/Undocumented, International, Immigrant-Origin community pages
*/

.data-policies ul.ws-flex {
  --ws-column-count: 1;
  margin-inline: auto;
  max-width: 22em;
}




/* FOOTER CALLOUTS RIBBON ------------------------------ /
* - All pages
*/

.footer-callouts .wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}

.footer-callouts .wrap>div {
  width: 100%;
}


.footer-callouts form>div {
  max-width: none;
}




/* COMMUNITY RESOURCES RIBBON ------------------------------ /
* - DACA/Undocumented, International, Immigrant-Origin community pages
* - i.e. "Other Resources" ribbon
*/

.community-resources article {
  padding-left: 4.25em;
  width: 100%;
}

.community-resources .image {
  width: 8.25em;
}

.community-resources article>.textbox {
  padding: 1.75em 2.375em 2.125em 5em;
}





/* RESOURCE CALLOUTS RIBBON ------------------------------ /
* - Refugee/Displaced community page i.e. "Additional Resources" ribbon
*/

.resource-callouts ul.ws-flex {
  --ws-column-count: 2;
}





/* CHART DATA RIBBON ------------------------------ /
* - Immigrant-Origin community page
*/

.chart-data .responsive-table td {
  border-bottom: 0;
}




/* TABLE OF CONTENTS RIBBON ------------------------------ /
* - Federal Policies subpage templates
*/

.toc .ws-flex {
  --ws-column-count: 1;
}



/* CURRENT FEDERAL POLICIES RIBBON ------------------------------ /
* - Federal Policies subpage templates
*/

.current-federal-policies .flex {
  flex-direction: column;
  justify-content: center;
}


/* MEDIA QUERIES ------------------------------ */

@media (max-width: 600px) {

  body>footer .button { margin: 0 .25em 1em; }

  #callouts .flex-row { flex-direction: column; }
  #callouts li { max-width: 100%; width: 100%; }
  #callouts li:first-child { margin: 0 0 2em; }

  #areas h2 { left: 1em; }
  #areas li { border: 0; padding: 8em 1.5em 2.5em; width: 100%; }
  #areas li:not(:last-of-type) { border-bottom: 1px solid #FFF; }

  main ul:not(.flex-row).narratives li, .gp-research article { flex-direction: column; }
  :where(ul, div).narratives .image { margin: 0 0 1em; max-width:100%; width: 100%; }
  :where(ul, div).narratives .textbox { width: 100%; }
  :where(ul, div).narratives .meta, :where(ul, div).narratives .textbox>div:not(.meta) { padding: 0; }
  :where(ul, div).narratives .image + .textbox .meta { text-align: center; }
  :where(ul, div).narratives .meta span { float: none; }

  main .conf-callouts ul li { width: 50%; }
  .conf-callouts h2 { font-size: 1.125em; }

  .resource-callouts ul.ws-flex {
    --ws-column-count: 1;
  }

}




/* 500px */
@media (max-width: 31.25em) {

   #welcome .contributors li {
     width: calc(49% - 2em);
   }

  .contributors.interior {
    justify-content: center;
  }

  .contributors.interior a {
    max-width: 100%;
    padding: .75em 1em;
  }

  .gp-colored-boxes ul {
    --ws-column-count: 2;
  }

  .gp-nav ul>li {
    width: 100%;
  }

  .gp-nav a {
    padding: 1em .875em;
  }

  .gp-nav li.on a {
    background-position: 50% calc(100% - .1875em) ;
  }

  .gp-nav li.back a {
    background-position: 50% .1875em;
  }

  .gp-resources .ws-flex {
    --ws-column-count: 1;
  }

  .quorum .selects>div {
    width: 100%;
  }

  .quorum .selects button {
    margin: .5em 0 0;
  }

  .resources li {
    width: 100%;
  }

  .home-partners .logos ul.ws-flex {
    --ws-column-count: 2;
  }

  .map-callouts ul.ws-flex,
  .tools ul.ws-flex,
  .student-populations ul.ws-flex,
  .upcoming-events ul.ws-flex,
  .community-callouts ul.ws-flex,
  ul.callout-repeater-icons.ws-flex {
    margin-inline: auto;
    max-width: 22em;
    --ws-column-count: 1;
  }

  .community-resources article {
    background: #FFF;
    border: 2px solid var(--ws-light-2);
    border-radius: .5em;
    padding: 1.6875em var(--ws-gap) 2.5em;
  }

  .community-resources article>.textbox,
  .community-resources article.no-image>.textbox {
    border: 0;
    height: auto;
    padding: 0;
  }

  .community-resources .image {
    margin: 0 auto 1.5em;
    position: static;
    width: 10em;
  }

}




/* 480px */
@media (max-width: 30em) {

  .footer-callouts .wrap>div,
  .footer-callouts form {
    display: block;
    text-align: center;
  }

  .footer-callouts form {
    margin-inline: auto;
    max-width: 18em;
  }

  .footer-callouts :is(label, .label) {
    margin: 0 0 .5em;
  }

}




/* 400px */
@media (max-width: 25em) {
  #cfd .logo {
    float: none;
    margin: 0 0 1.5em;
  }
}




/* ============== PAHEI - STYLE-M.CSS ============== */