/*
Theme Name: Web Solutions
Theme URI: https://www.websolutions.com/
Author: Web Solutions
Author URI: https://www.websolutions.com/
Description: WordPress wpCode
Version: 2.0
Text Domain: wpcodev2

Web Solutions is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/
@charset "UTF-8";
/* Web Solutions 4.0 Compatible */



/* SCROLL LINKS ------------------------------ */
#scroll-links, .gp-nav { top: clamp(5.125em, 4.188em + 1.67vw, 5.4375em); }

body.admin-bar #scroll-links,
body.admin-bar .gp-nav { top: clamp(7.125em, 6.188em + 1.67vw, 7.4375em); }





/* HOVER ------------------------------ */

a.advanced-search:is(:hover,:focus-visible) {
  color: #FFF;
  text-decoration: underline;
}

a:is(:hover, :focus-visible),
a:is(:hover, :focus-visible) *,
.search-results article a:is(:hover, :focus-visible) {
  color: var(--ws-dark-blue);
}

.button.hollow.purple:is(:hover, :focus-visible) { background: var(--ws-purple); color: #FFF; }
.button.hollow.blue:is(:hover, :focus-visible) { background: var(--blue); color: #FFF; }
.button.hollow.green:is(:hover, :focus-visible) { background:var(--ws-green); color: #FFF; }
.button.hollow.dark-blue-2:is(:hover, :focus-visible) { background: var(--ws-dark-blue-2); color: #FFF; }
.button.hollow:is(:hover, :focus-visible) { box-shadow: none; border:0; }
.button.hollow.plus:hover:after { filter: brightness(100); }


.button.white.spreadsheet:is(:hover, :focus-visible)::before,
.button.white.pdf:is(:hover, :focus-visible)::before,
.button.white.angle:is(:hover, :focus-visible)::before,
.button.white.angle-up::is(:hover, :focus-visible)::before {
  opacity: 0;
}

.button.white.spreadsheet:hover::after,
.button.white.pdf:hover::after,
.button.white.angle:hover::after,
.button.white.angle-up:hover::after {
  opacity: 1;
}

.button.hover,
button:is(:hover, :focus-visible),
.button:is(:hover, :focus-visible),
.wp-block-button__link:is(:hover, :focus-visible),
input[type="button"]:is(:hover, :focus-visible),
input[type="submit"]:is(:hover, :focus-visible),
input[type="reset"]:is(:hover, :focus-visible),
body>footer .button.purple:is(:hover, :focus-visible) {
  background-color: var(--ws-dark-blue-2);
  color:#fff;
}

.button.hover font,
button:is(:hover, :focus-visible) font,
.button:is(:hover, :focus-visible) font,
.wp-block-button__link:is(:hover, :focus-visible) font,
input[type="button"]:is(:hover, :focus-visible) font,
input[type="submit"]:is(:hover, :focus-visible) font,
input[type="reset"]:is(:hover, :focus-visible) font,
body>footer .button.purple:is(:hover, :focus-visible) font {
  color:#fff;
}

button:is(:hover, :focus-visible)::before,
.button:is(:hover, :focus-visible)::before,
#callouts a:is(:hover, :focus-visible) span.button::before,
a.continue:is(:hover, :focus-visible)::after,
a.view-all:is(:hover, :focus-visible)::before,
.button.angle:is(:hover, :focus-visible)::after,
.wp-block-button__link:is(:hover, :focus-visible)::before,
.community-resources article a:is(:hover,:focus-visible)::after,
.resource-callouts li a:is(:hover,:focus-visible) .link::after,
.map-callouts a:is(:hover,:focus-visible) .button::before {
  animation-name: icon-lunge, icon-sway;
  animation-duration: .3s, 1.5s;
  animation-delay: 0s, .3s;
  animation-timing-function: ease-out, ease-in-out;
  animation-iteration-count: 1, infinite;
  animation-fill-mode: forwards;
  animation-direction: normal, alternate;
}

.button.back:hover::before,
.button.back:focus::before,
.button.back:focus-visible::before {
  animation-name: icon-lunge-reverse, icon-sway-reverse;
}

.button.pdf:hover::before,
.button.spreadsheet:hover::before,
.button.angle-up:hover::before,
#filters button:hover::before {
  animation: none;
}

.button[href="#top"]:hover::before {
  animation-name: icon-rise, icon-float;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  button:hover::before, button:focus::before, .button:hover::before, .button:focus::before,
  #callouts a:hover span.button::before, a.continue:hover::before, a.view-all:hover::before,
  .button.angle:hover::after, .button[href="#top"]:hover::before {
    animation: none;
  }
}

button.accordion-title:is(:hover, :focus-visible) .accordion-icon::before,
button.accordion-title:is(:hover, :focus-visible) .accordion-icon::after {
  background: #FFF;
}


.pageHeader.resource-landing p>a:not(.button):is(:hover,:focus-visible) {
  color: var(--ws-blue-2);
}

.pageHeader p>a:not(.button):is(:hover,:focus-visible) {
  color: rgba(255,255,255,.8);
}


/* HEADER ------------------------------*/
body {
  position: relative;
}

body>header {
  font-size: 1rem;
  height: clamp(6.938em, 3.604em + 7.11vw, 8.938em);
  overflow: visible;
  padding: 0;
  pointer-events: none;
  position: sticky;
  top: 0;
  z-index: 5;
}

body.admin-bar>header  {
  top: 2rem;
}

body>header>.wrap {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 100%;
  overflow: visible;
  padding-inline: 0;
  pointer-events: all;
  position: sticky;
  z-index: 5;
}

#brand {
  display:block;
  left: clamp(1em, 0.167em + 1.78vw, 1.5em);
  padding: .9375em 0;
  position: absolute;
  max-width: clamp(8em, 2.808em + 11.08vw, 12.5em);
  top: 50%;
  transform: translateY(-50%);
  z-index: 6;
}

#brand img {
  display: block;
  height: auto;
  width:100%;
}

nav ul {
  margin: 0;
}

#navContainer {
  background: #FFF;
  display: flex;
  flex-direction: column-reverse;
  padding-inline: clamp(1em, 0.167em + 1.78vw, 1.5em);
  width: 100%;
  z-index: 4;
}


/* Sticky header */
body>header.sticky>.wrap {
  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);
}

body>header.sticky #brand {
  max-width: 7em;
}

body>header.sticky :is(#mainnav, #mainnav a, #ancillary a, #ancillary form input) {
  padding-block: .375em;
}


/* Mainnav */
#mainnav {
  overflow: visible;
  padding-block: clamp(0.75em, -0.397em + 2.45vw, 1.4375em);
  position: relative;
  transition: var(--ws-transition);
  z-index: 1;
}


#mainnav ul {
  margin: 0;
  overflow:visible;
  padding: 0;
  text-align: right;
}

#mainnav li{
  display: inline-block;
  position: relative
}

#mainnav a {
  border-radius: .25em;
  color: var(--ws-dark);
  display:inline-block;
  font-size: clamp(0.9em, 0.733em + 0.36vw, 1em);
  line-height: 1.45;
  padding: .838em clamp(0.5em, -0.149em + 1.38vw, 1.063em);
  position: relative;
  text-decoration: none;
}

#mainnav>ul>li>a>span {
  color: inherit;
  transition: none;
}

#mainnav>ul>li:hover>a,
#mainnav>ul>li:focus-within>a,
#mainnav>ul>li>a:focus-visible {
  background: var(--ws-dark-blue);
  color:#FFF;
}

#mainnav>ul>li:hover>a font,
#mainnav>ul>li>a:focus-visible font {
  color:#FFF;
}


#mainnav>ul>li:is(.current-menu-item, .current-page-ancestor)>a::after {
  background: var(--ws-blue);
  border-radius: .375em;
  bottom: 0;
  content: '';
  display: block;
  height: .375em;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 3.75rem;;
}

#mainnav>ul>li:is(.current-menu-item, .current-page-ancestor, .current_page_ancestor).purple>a::after { background: var(--ws-purple); }
#mainnav>ul>li:is(.current-menu-item, .current-page-ancestor, .current_page_ancestor).red>a::after { background: var(--ws-red-2); }
#mainnav>ul>li:is(.current-menu-item, .current-page-ancestor, .current_page_ancestor).green>a::after { background: var(--ws-green); }
#mainnav>ul>li:is(.current-menu-item, .current-page-ancestor, .current_page_ancestor).yellow>a::after { background: var(--ws-yellow); }

#mainnav>ul>li:is(.current-menu-item, .current_page_ancestor):is(:hover)>a::after,
#mainnav>ul>li:is(.current-menu-item, .current_page_ancestor)>a:is(:focus-visible)::after {
  opacity: 0;
}

#mainnav>ul>li.current-menu-item>a font,
#mainnav>ul>li.current-page-ancestor>a font,
#mainnav>ul>li.current_page_ancestor>a font{color: #FFF; }


/*dhtml*/
#mainnav li ul {
  width: 16em;
  padding: .75em 0;
  background: #F1F1F1;
  position:absolute;
  overflow:auto;
  height:auto;
  top: -200vh;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  transition: ease 200ms opacity 0.35s;
}



#mainnav li:hover ul,
#mainnav li:focus-within ul {
  opacity: 1;
  top:auto;
  visibility: visible;
  z-index: 1;
}



#mainnav>ul>li:is(:last-child, :nth-last-child(2)) ul{right:0}
#mainnav li ul li{width:100%;display:block;float:left}
#mainnav ul li ul li a{background:none;color: var(--ws-dark); }
#mainnav li ul li a{font-size: 1em;line-height:1.1em;padding: .375em 1.25em;display:block;width:100%;text-align:left;text-transform: none;float:left; }
#mainnav li ul li a:hover,
.t1 li ul li a:active{color: #FFF;background: #C66; }
#mainnav li ul li a:hover font,
.t1 li ul li a:active font {color: #FFF; }
#mainnav li ul ul {display: none}

/* ancillary */
#ancillary {
  padding: .25em 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  width: 100%;
  z-index: 2;
}

#ancillary::before {
  background: var(--ws-light-3);
  content: '';
  inset: 0 calc(-1 * var(--ws-gap));
  position: absolute;
  z-index: -1;
}

#ancillary ul {
  display: inline;
}

#ancillary li {
  display: inline-block;
  position: relative;
}

#ancillary a {
  display: inline-block;
  font-size: clamp(0.8125em, 0.708em + 0.22vw, 0.875em);
  padding: .5em .75em;
  text-decoration:none;
  color: var(--ws-dark-4);
}

#ancillary li li a {
  padding: .375em .75em;
}

#ancillary a:is(:hover, :focus-visible),
#ancillary li.on a {
  color: #CC6666;
}

#ancillary li.on a { text-decoration:none;color: var(--ws-red); }

/* Ancillary T2 */
#ancillary ul>li>ul {
  background: var(--ws-light-3);
  height: auto;
  opacity: 0;
  overflow: auto;
  padding: .75em 0;
  position: absolute;
  right: 0;
  top: -200vh;
  transition: ease 200ms opacity 0.35s;
  visibility: hidden;
  width: 12em;
  z-index: -1;
}

#ancillary li:hover ul,
#ancillary li:focus-within ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
  z-index: 1;
}

#ancillary ul>li>ul>li,
#ancillary ul>li>ul>li>a {
  display: block;
}


#ancillary form {
  margin: 0 .125em 0 1.25em;
}

#ancillary form>div.flex {
  align-items: center;
  display: flex;
  position: relative;
}

#ancillary form input {
  font-size: .875em;
  margin: 0 0 0 clamp(.25em, -1em + 2.67vw, 1em);
  padding: .465em 1em;
  width: clamp(10rem, -16.875rem + 57.33vw, 15.375rem); /* 750 - 900 */
}

#ancillary form input:focus {
  border-color: var(--ws-blue-2);
}

#ancillary form ::placeholder {
  color: transparent;
  font-size: .875em;
  font-style: italic;
}

#ancillary .gtranslate_wrapper a.glink span {
  color: #8E8E8E;
}

/* clears the ‘X’ from Internet Explorer */
#ancillary input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
#ancillary input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }

/* clears the ‘X’ from Chrome */
#ancillary input[type="search"]::-webkit-search-decoration,
#ancillary input[type="search"]::-webkit-search-cancel-button,
#ancillary input[type="search"]::-webkit-search-results-button,
#ancillary input[type="search"]::-webkit-search-results-decoration { display: none; }

/* mobile */
#mobilenav, .toggleNav, .mobileOnly {display: none}




/* MAIN ------------------------------ */
main {padding: 0; }

main>div>aside {
  left: 0;
  max-width: calc(25% - 1em);
  overflow: hidden;
  position: absolute;
  top: 4.5em;
  width: 13.375rem;
}

.single-wsxp-events main>div>aside .button {
  left: .5em;
}

#content:not(.anchor) {
  margin: 0 auto;
  max-width: 50%;
  min-height: 37.5em;
  padding: 0 0 3em;
  position: relative;
  width: 49.125em;
}

#content.wider:not(.anchor) {
  max-width: 64em;
  width: 100%;
}

body.fullWidth #content:not(.anchor) {width: 100%;margin: 0 auto;float: none}
#content.fullWidth {float:none;margin: 0 auto;max-width: none; }

.conference-detail #content {
  max-width: 65%;
  width: 65rem;
}

.wsManagementLogin td:first-child {width:40%; text-align: right}

.twoCol, .threeCol, .resCol{
  column-rule:1px outset rgba(0,0,0,.15);
}

.twoCol { columns:2; }
.threeCol { columns:3; }
.resCol { columns: auto; column-width: 13em; }

.formTable td{ width:50% }
.formTable td{ padding:0 0 .5em .5em }
.formTable td:first-child{ padding:0 .5em .5em 0 }
.formTable td[colspan="2"]{ padding-right:0 }
.formTable.formLoose,.formTable.formLoose td{ width:auto }

.photoright { margin: 0 0 3em 4em; }
.photoleft { margin: 0 4em 3em 0; }


aside.back-to-top {
  display: none;
}




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

ul.callout-repeater-icons.ws-flex {
  --ws-column-count: 4;
}

.callout-repeater-icons li:nth-child(4n+1)>a:is(:hover,:focus-visible) { border-color: var(--dark-purple); }
.callout-repeater-icons li:nth-child(4n+2)>a:is(:hover,:focus-visible) { border-color: var(--ws-dark-red-2); }
.callout-repeater-icons li:nth-child(4n+3)>a:is(:hover,:focus-visible) { border-color: var(--ws-dark-green); }
.callout-repeater-icons li:nth-child(4n+4)>a:is(:hover,:focus-visible) { border-color: var(--ws-dark-yellow-2); }


.callout-repeater-icons li:nth-child(4n+1)>a:is(:hover,:focus-visible)::before { background-color: var(--ws-purple); }
.callout-repeater-icons li:nth-child(4n+2)>a:is(:hover,:focus-visible)::before { background-color: var(--ws-red-2); }
.callout-repeater-icons li:nth-child(4n+3)>a:is(:hover,:focus-visible)::before { background-color: var(--ws-green); }
.callout-repeater-icons li:nth-child(4n+4)>a:is(:hover,:focus-visible)::before { background-color: var(--ws-dark-yellow-2); }

.callout-repeater-icons li:nth-child(4n+1)>a:is(:hover,:focus-visible)::after { background-color: var(--dark-purple); }
.callout-repeater-icons li:nth-child(4n+2)>a:is(:hover,:focus-visible)::after { background-color: var(--ws-dark-red-2); }
.callout-repeater-icons li:nth-child(4n+3)>a:is(:hover,:focus-visible)::after { background-color: var(--ws-dark-green); }
.callout-repeater-icons li:nth-child(4n+4)>a:is(:hover,:focus-visible)::after { background-color: var(--ws-dark-yellow-2); }




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

/* Refugee Hub form */
#frm_field_679_container .frm_top_container.frm2 {
  width: calc(33.33% - 1em);
}




/* RESPONSIVE TABLES ------------------------------ */

.full-width-container {
  padding: 3em 2em;
}

.table-wrap {
  position: relative;
}

.table-wrap:where(.scroll-left, .scroll-right) {
  padding-top: 1.5em;
}

.table-wrap table {
  min-width: 50em;	/* CHANGE HERE AS NEEDED */
}

.table-wrap:where(.scroll-left, .scroll-right) .table-responsive {
  cursor: grab;
}

.table-wrap::before,
.table-wrap::after {
  color: #666;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: var(--ws-transition);
}

.table-wrap::before {
  content: '\2039\00A0scroll';
}

.table-wrap::after {
  content: 'scroll\00A0\203A';
}

.table-wrap .scroll {
  box-shadow: 0 0 0 1px #ccc;
  position: relative;
}

.table-wrap .scroll::before,
.table-wrap .scroll::after {
  bottom: 0;
  content: '';
  height: 100%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: var(--ws-transition);
  width: 3em;
  z-index: 1;
}

.table-wrap .scroll::before {
  background: linear-gradient(90deg,rgba(0,0,0,.3) 0%, rgba(255,255,255,0) 100%);
  left: 0;
}

.table-wrap .scroll::after {
  background: linear-gradient(90deg,rgba(255,255,255,0) 0%, rgba(0,0,0,.3) 100%);
  right: 0;
}

.table-wrap.scroll-left::before,
.table-wrap.scroll-right::after,
.table-wrap.scroll-left .scroll::before,
.table-wrap.scroll-right .scroll::after {
  opacity: 1;
}

.table-responsive {
  border: 0;
  position: relative;
  width: 100%;
  z-index: 0;
}

.table-wrap:is(.scroll-left, .scroll-right) .table-responsive {
  max-height: calc(100vh - 12.5em);
  overflow-x: auto;
}

.admin-bar .table-wrap:is(.scroll-left, .scroll-right) .table-responsive {
  max-height: calc(100vh - 14.5em);
}

.table-responsive tbody tr:not(:first-child) {
  border-top: 1px solid #ccc;
}

.table-responsive thead {
  position: sticky;
  top: 0;
}

.page-template-template-state-policy-finaid-chart .table-responsive thead {
  top: 7.6875em
}

.page-template-template-state-policy-finaid-chart.admin-bar .table-responsive thead {
  top: 9.6875em
}

.table-responsive th,
.table-responsive td {
  font-size: 0.875rem;
  line-height: 1.25em;
  padding: 1rem;
}

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

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

.table-responsive th {
  background: var(--ws-dark-blue);
  color:#fff;
  font-weight: 700;
  vertical-align: bottom;
  width: 10%;
}

.table-responsive td:not(:first-child) {
  border-left: 1px solid #ccc;
}

.responsive-table td:before { content: none !important; }

.table-wrap::before {
  left: 0;
}

.table-wrap::after {
  right: 0;
}

.table-wrap:not(.scroll-left, .scroll-right) .table-responsive th {
  position: sticky;
  top: 3.5625rem;
}

.financial-aid-model table {
  min-width: 89.75rem;
}

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



/* STANDARD INTERIOR ------------------------------*/
.wp-block-image {display: block; margin: 0; }
.wp-block-image .alignright { margin: 0 -5.5em 0 2em; }
.wp-block-image .alignleft { margin: 0 2em 0 0; }





/* ARROW ROTATOR ------------------------------ /
*  Immigrant Origin community page, Federal Policies subpage templates
*/

.slick-slider.arrow-rotator button:is(:hover,:focus-visible) {
  opacity: 1;
}






/* CONFERENCE TEMPLATE ------------------------------*/
#conf-hero .textbox {
  position: relative;
  top: 5em;
}

#conf-welcome .wrap {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

#conf-welcome .image,
#conf-welcome .embed-container {
  max-width: 35em;
  width: 50%;
}

#conf-welcome .textbox {
  max-width: 42em;
  padding: 0 3em 0 4em;
  width: calc(50% + 7em);
}


/* Refugee page overrides */
#conf-welcome.refugee-page .wrap {
  align-items: start;
}

#conf-welcome .textbox.left {
  width: 53%;
}

#conf-welcome .events {
  width: 47%;
}

#conf-welcome .events>div {
  margin-inline: auto;
  max-width: 21.375em;
}

#conf-welcome article a:is(:hover, :focus-visible) {
  color: var(--ws-red);
}

.conf-callouts li.gray a:is(:hover, :focus-visible) h2,
.conf-callouts li.gray a:is(:hover, :focus-visible) h2 font {
  color: #FFF;
}




/* CONFERENCE DETAIL TEMPLATE ------------------------------*/

.conference-pageheader {
  min-height: 12em;
}

#conference-info {
  bottom: -4.5em;
  left: 0;
  max-width: calc(25% - 1em);
  position: absolute;
  width: 13.375rem;
}




/* AGENDA BLOCK ------------------------------- */

.agenda .agenda-row {
  display: flex;
}
.agenda .agenda-row > .agenda-row-heading {
  flex: 0 1 auto;
  width: 10rem;
}
.agenda-heading {
  margin-bottom: 1.5rem;
}
.agenda .mobile-only {
  display: none;
}
.agenda > .agenda-row > * + * {
  border-left: 2px solid var(--ws-light-3);
}
.agenda > .agenda-row {
  border-top: 2px solid var(--ws-light-3);
  border-left: 2px solid var(--ws-light-3);
  border-right: 2px solid var(--ws-light-3);
}

.agenda > .agenda-row:first-child {border-top: 2px solid var(--ws-light-3); }
.agenda > .agenda-row:last-child {border-bottom: 2px solid var(--ws-light-3); }

.agenda .agenda-row .agenda-row-heading h3 {color: #FFF; }
.agenda h4 {color: #FFF; }
.agenda .agenda-row p {color: #FFF; }
.agenda .agenda-row a {color: #FFF; position: relative; z-index: 1; display: table; margin: 0 auto; }
.agenda .agenda-row a:before {
  content: "";
  position: absolute;
  left: -4px;
  right: -4px;
  bottom: -2px;
  top: 100%;
  background: #FFF;
  z-index: -1;
}
.agenda .agenda-row a:hover:before {top: -2px; }
.agenda .agenda-row a:hover {color: #000; }
.agenda-row.purple a:hover, .agenda-row.purple a:focus {color: var(--ws-purple); }
.agenda-row.blue a:hover, .agenda-row.blue a:focus {color: #367da1; }
.agenda-row.navy a:hover, .agenda-row.navy a:focus {color: var(--ws-dark-blue); }
.agenda-row.red a:hover, .agenda-row.red a:focus {color: #c44f4f; }
.agenda-row.green a:hover, .agenda-row.green a:focus {color: #468321; }

.agenda-row.purple {background: var(--ws-purple); }
.agenda-row.blue {background: #367da1; }
.agenda-row.navy {background: var(--ws-dark-blue); }
.agenda-row.red {background: #c44f4f; }
.agenda-row.green {background: #468321; }



/* SUCCESS Directory ------------------------------ */
.success-directory #success-directory-list {padding: 4.0625rem 1rem 2em;position:relative; }
.success-directory #success-directory-list .directory-filters .filters {display: flex; justify-content: center; }
.success-directory #success-directory-list .directory-filters .filters:first-of-type {padding-right: 2rem; margin-right: 2rem; border-right: 1px solid #CBD5DA; }
.success-directory #success-directory-list .directory-filters .filters * {margin:0}
.success-directory #success-directory-list .directory-filters .filters > *+* {margin:0 0 0 0.6875rem}
.success-directory #success-directory-list .directory-filters .filters label,
.success-directory #success-directory-list .directory-filters .filters .multi-select {width:12.5rem}
.success-directory #success-directory-list .directory-filters .filters .multi-select-dropdown {width: 12.5rem; }
.success-directory #success-directory-list .directory-filters .filters .multi-select-dropdown label {width:auto; display: block}
.success-directory #success-directory-list .directory-filters .filters .multi-select-dropdown.states {width: 100%; left:0; columns: 6; }
.success-directory #success-directory-list .directory-filters .filters .multi-select-dropdown.states label {width:100%; display: inline-block}
.success-directory #success-directory-list .directory-filters .filters .multi-select-dropdown.institution-types {min-width: 32em; left: 24%; columns: 2; }
.success-directory #success-directory-list .directory-filters .filters .multi-select-dropdown.practices {width: 42.5rem; left:calc(50% - 21.25rem); display: grid; grid-template-columns: 1fr 1fr; gap:0.3125rem 1.25rem}
.success-directory #success-directory-list .directory-filters .filters input[type="submit"] {background: var(--ws-dark-blue-2);width:3.125rem;height:2.5rem;padding:0;text-align:center;border-radius: 3px; }
.success-directory #success-directory-list .directory-filters .filters input[type="submit"]:is(:hover, :focus-visible) {background: var(--ws-dark-2); }
.success-directory #success-directory-list #directory-list li {width:22.87%; margin:0 2.83% 2.83% 0; transition:ease all 200ms}
.success-directory #success-directory-list #directory-list li:nth-child(4n+4) {margin-right:0}
.success-directory #success-directory-list #directory-list li:hover {background: #FFFFFF;box-shadow: 0 2px 24px 0 rgba(0,0,0,0.20); }
.success-directory #success-directory-list #directory-list li .brief {padding:1.5rem 1.4375rem 7.5rem; }
.success-directory #success-directory-list #directory-list li .brief .name {font-weight: 700;font-size: 1.75rem; }
.success-directory #success-directory-list #directory-list li .brief .title,
.success-directory #success-directory-list #directory-list li .brief .location {margin-bottom:0.8125rem; }
.success-directory #success-directory-list #directory-list li .brief a[href^="mailto:"]:hover {color:var(--dark-purple)}
.success-directory #success-directory-list #directory-list li .brief .button {bottom:3rem; left:1.4375rem}
.success-directory #success-directory-list #directory-list li .brief .button:hover {background: #fff;color: var(--ws-dark-blue-2);box-shadow: inset 0 0 0 2px var(--ws-dark-blue-2); }
.success-directory #success-directory-list #directory-list li .brief .button:hover:after {background-image:url(images/arrow-right-blue.svg)}
.success-directory #success-directory-list-single .profile-top {justify-content: space-between; align-items: flex-start; align-content: flex-start; margin:1.125rem 0 2.5rem; }
.success-directory #success-directory-list-single .profile-top .headshot {width:32%; min-width:32%; max-width:32%; padding-bottom:32%}
.success-directory #success-directory-list-single .profile-top .profile-brief {width:63.325%}
.success-directory #success-directory-list-single .profile-top .profile-brief h2 {font-size: 2rem; }
.success-directory #success-directory-list-single .profile-bottom {margin-bottom:3.75rem}
.success-directory #success-directory-list-single .profile-bottom td {padding: 0.625rem 1.25rem; line-height:1.25em; }
.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}

.success-directory #success-directory-list .directory-filters > .button:is(:hover,:focus-visible),
.success-directory #success-directory-list .directory-filters > .button:is(:hover,:focus-visible) font {
  background: var(--ws-dark-2);
  color: #FFF;
}



/* FEDERAL POLICIES PAGE TABLE RIBBON ------------------------------- */

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

#fed-table .textbox {
  margin: 0 auto 2em;
  max-width: 40em;
}

#fed-table h2 {
  font-size: 1.25em;
}

#fed-table table {
  border: 1px solid #BBB;
  table-layout: fixed;
  width: 100%;
}

#fed-table table :is(th, td) {
  border: 5px solid #FFF;
  text-align: center;
}

#fed-table th, #fed-table td a {
  height: 100%;
  padding: .75em 1.25em
}

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

#fed-table table a::before {
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}


#fed-table table th>a:is(:hover,:focus-visible),
#fed-table table th>a:is(:hover,:focus-visible) font,
#fed-table table tr>td:nth-child(1n) a:is(:hover,:focus),
#fed-table table tr>td:nth-child(1n) a:is(:hover,:focus) font {
  color: #FFF;
}

#fed-table table th>a:is(:hover,:focus-visible)::before,
#fed-table table th>a:is(:hover,:focus-visible)::before font,
#fed-table table tr>td:nth-child(1n) a:is(:hover,:focus)::before,
#fed-table table tr>td:nth-child(1n) a:is(:hover,:focus)::before font {
  background: var(--ws-dark-blue);
}



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


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

.gp-pageheader .wrap {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.gp-pageheader img {
  max-width: clamp(15em, 9.231em + 12.31vw, 20em);
}

.gp-pageheader .textbox {
  flex: 1;
  padding-left: 2em;
}

.gp-pageheader .textbox>div {
  max-width: 43.75em;
}


.gp-pageheader p>a:not(.button):is(:hover,:focus-visible) {
  color: rgba(255,255,255,.8);
}



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

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

.gp-colored-boxes li>a:is(:hover, :focus-visible) {
  background: var(--ws-dark-blue);
}

.gp-colored-boxes li>a>strong {
  font-size: clamp(1.125em, 0.837em + 0.62vw, 1.375em);
}




/* GRADUATE PORTAL STUDENT NARRATIVES ------------------------------ /
* - Main page ribbon 4
*/

.gp-narratives ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

main .gp-narratives ul:not(.flex-row).narratives li {
  align-items: start;
  width: calc(50% - .5em);
}

.gp-narratives .narratives .image {
  max-width: 10em;
}

.gp-narratives .narratives .image::after {
  padding: 0 0 133%;
}


.gp-narratives ul.narratives .image+.textbox>div:not(.meta) {
  padding: 0 0 0 clamp(1.5em, -1.2em + 4.8vw, 3em); /* 900 - 1400 */
}




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

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




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

.gp-nav {
  position: sticky;
}

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

.gp-nav li:first-child a {
  background-position: .625em center;
  padding-left: 1.625em;
}

.gp-nav li.on a {
  background: url('./images/icons/angle-down-white.svg') no-repeat 50% calc(100% - .5em) / 1em .875em;
}

.gp-nav li.back a {
  background: url('./images/icons/angle-up-white.svg') no-repeat 50% .5625em / 1em .875em;
}

.gp-nav :is(li, li.on) a:is(:hover, :focus-visible),
.gp-nav :is(li, li.on) a:is(:hover, :focus-visible) font {
  background-color: var(--ws-dark-2);
  color: #FFF;
}




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

.gp-quote .wrap {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.gp-quote .textbox:not(.no-quote) {
  max-width: 27em;
  width: calc(50% - 1em);
}


.gp-quote blockquote {
  max-width: 21.3125em;
  width: calc(50% - 1em);
}




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

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

.gp-resources article>a:is(:hover, :focus-visible) {
  border-top-color: var(--ws-dark);
  transform: scale(.98,.98);
}

.gp-resources article>a:is(:hover, :focus-visible) :is(h2, h3) {
  color: var(--ws-dark);
}




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

.gp-research .image {
  margin-left: 1.5em;
}

.gp-research .button:is(:hover, :focus-visible) {
  background-color: var(--ws-dark);
}




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

/* MAIN / TEXT / SELECTS ------------------------------ */

.quorum .selects>div:not(:last-child) {
  width: 33.33%;
}



/* STATES / BUTTONS ------------------------------ */

.quorum__bills_header .button:is(:hover, :focus, :focus-visible),
.quorum__bills_header .button:is(:hover, :focus, :focus-visible) font {
  background-color: var(--blue);
  border-color: var(--blue);
  color: #FFF;
}

.quorum__bills_header .button:is(:hover, :focus, :focus-visible)::before {
  animation-name: icon-drop, icon-bobble;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path fill="%23FFFFFF" d="M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z"></path></svg>');
}




/* BILLS ------------------------------ */

.quorum__bill {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.quorum__bill .left {
  width: 58%
}

.quorum__bill .right {
  width: 30%;
}

.quorum__bill .link:is(:hover, :focus-visible) {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%232A3B4C" d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>');
}



/* BACK TO TOP ------------------------------ */

.quorum .button-row .button[href="#top"]::before {
  background-image: url('./images/icons/angle-up-gray.svg');
}

.quorum .button-row .button[href="#top"]:is(:hover, :focus-visible)::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23FFF" d="M6.101 359.293L25.9 379.092c4.686 4.686 12.284 4.686 16.971 0L224 198.393l181.13 180.698c4.686 4.686 12.284 4.686 16.971 0l19.799-19.799c4.686-4.686 4.686-12.284 0-16.971L232.485 132.908c-4.686-4.686-12.284-4.686-16.971 0L6.101 342.322c-4.687 4.687-4.687 12.285 0 16.971z"></path></svg>');
}




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

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

.bubbles>li {
  margin: 0 0 1.5em !important;
  display: flex;
}

.bubbles>li>ul>li>div>button:is(:hover, :focus-visible) {
  text-decoration: underline;
}

.bubbles>li>ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ws-gap);
  width: calc(100% - 8em);
  --ws-column-count: 4;
}

.bubbles>li>ul>li {
  align-items: center;
  display: flex;
  margin-bottom: 0 !important;
  width: calc( 100% / var(--ws-column-count) - ( var(--ws-gap) * ( var(--ws-column-count) - 1 ) / var(--ws-column-count) ) );
}

.bubbles>li>strong {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 6.5em;
}


.bubbles>li>ul>li::after {
  height: 2px;
  top: 50%;
  transform: translateY(-50%);
  width: var(--ws-gap);
}

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

.bubbles>li>ul>li::after {
  right: 100%;
}

.bubbles>li.vert-lines>ul>li::before,
.bubbles>li.vert-lines>ul>li::after {
  height: var(--ws-gap);
}

.bubbles>li>ul>li>div.circle {
  align-items: center;
  border-right: 1px solid rgba(255,255,255,.75);
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  justify-content: center;
  width: 7em;
}

.bubbles>li>ul>li>div.circle+div {
  width: calc(100% - 7em);
}


/* Vertical lines for 'Private Sponsorship' category only */
.bubbles>li:nth-child(2)>strong::before,
.bubbles>li:nth-child(2)>strong::after {
  content: '';
  height: 1.75em;
  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)>strong::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 form {
  align-items: start;
  display: flex;
  justify-content: center;
}

.state-select select {
  margin: 0 .625em 0 0;
}

.state-select .compare-select {
  max-width: 16em;
  margin: 0 .625em 0 0;
}

.state-select button.remove {
  margin: .375em 0 0;
}

.state-select :is(.compare-select, .compare) button:is(:hover,:focus-visible) {
  color: var(--ws-dark-red-2);
}


.view-all-wrap a.button:is(:hover,:focus-visible) {
  background: var(--ws-dark-blue);
  color: #FFF;
}

.view-all-wrap a.button:is(:hover,:focus-visible)::before {
  background-image: url('./images/icons/list-white.svg');
}



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

.state-data .row {
  display: flex;
}

.state-data .row>div:first-child {
  width: 36.4%;
}

.state-data .row>div:last-child {
  width: 63.6%;
}

.state-data a:is(:hover,:focus-visible) {
  color: var(--blue);
}

.state-data strong.state-label {
  display: none;
}

.state-data .data.compare .heading>div {
  align-items: center;
  display: flex;
}

.state-data .data.compare .heading h2 {
  font-size: clamp(1.5em, 0.875em + 1.33vw, 1.875em)
}

.state-data .data.compare :is(.heading, .row)>div:nth-child(1) { width: 28%; }
.state-data .data.compare :is(.heading, .row)>div:nth-child(2) { width: 36%; }
.state-data .data.compare :is(.heading, .row)>div:nth-child(3) { width: 36%; }




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


/* HERO ------------------------------ /
* - Homepage
*/

.hero button.go:is(:hover,:focus-visible) {
  background-color: #000;
}

.hero button.modal-trigger:is(:hover,:focus-visible) {
  background: #000;
  color: #FFF;
}


/* Homepage hero map callouts */

.map-callouts ul.ws-flex {
  justify-content: center;
  --ws-column-count: 2;
  --ws-gap: clamp(1.5em, 0.563em + 2vw, 2.0625em);
}

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


.map-callouts li>a>div {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.map-callouts span.button {
  margin-top: auto;
}

.map-callouts li>a:is(:hover,:focus-visible) {
  background: #FFF;
}

.map-callouts  :is(a:is(:hover,:focus-visible) span.button, span.button:is(:hover,:focus-visible)) {
  color: #FFF;
}

.map-callouts li.blue :is(a:is(:hover,:focus-visible) span.button, span.button:is(:hover,:focus-visible)) {
  background-color: var(--ws-dark-blue-3);
  border-color: var(--ws-dark-blue-3);
}

.map-callouts li.green :is(a:is(:hover,:focus-visible) span.button, span.button:is(:hover,:focus-visible)) {
  background-color: var(--ws-dark-green-2);
  border-color: var(--ws-dark-green-2);
}

.map-callouts li.purple :is(a:is(:hover,:focus-visible) span.button, span.button:is(:hover,:focus-visible)) {
  background-color: var(--dark-purple);
  border-color: var(--dark-purple);
}

.map-callouts li.red :is(a:is(:hover,:focus-visible) span.button, span.button:is(:hover,:focus-visible)) {
  background-color: var(--ws-dark-red-2);
  border-color: var(--ws-dark-red-2);
}

.map-callouts li.yellow :is(a:is(:hover,:focus-visible) span.button, span.button:is(:hover,:focus-visible)) {
  background-color: var(--ws-dark-yellow-2);
  border-color: var(--ws-dark-yellow-2);
}

.map-callouts :is(a:is(:hover,:focus-visible) span.button, span.button:is(:hover,:focus-visible))::before {
  background-image: url('./images/icons/arrow-right-white.svg');
}




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

.resources {
  display: flex;
}

.resources .background {
  background: no-repeat center / cover;
  width: 35%;
}

.resources .background>div {
  margin: 3.125em 0 0 auto;
  padding: .875em 1em;
  width: min(17.8125em, calc(100% - 1em));
}

.resources .textbox {
  width: 65%;
}

.resources li {
  padding: clamp(2em, -0.917em + 6.22vw, 3.75em) clamp(1.5em, -0.688em + 4.67vw, 2.8125em);
  width: 50%;
}

.resources li:nth-child(1) a.continue:is(:hover,:focus-visible) { border-color: var(--ws-purple); }
.resources li:nth-child(2) a.continue:is(:hover,:focus-visible) { border-color: var(--ws-red-2); }
.resources li:nth-child(3) a.continue:is(:hover,:focus-visible) { border-color: var(--ws-green); }
.resources li:nth-child(4) a.continue:is(:hover,:focus-visible) { border-color: var(--ws-yellow); }

.resources li:nth-child(1) a.continue:is(:hover,:focus-visible)::before { background-color: var(--ws-purple); }
.resources li:nth-child(2) a.continue:is(:hover,:focus-visible)::before { background-color: var(--ws-red-2); }
.resources li:nth-child(3) a.continue:is(:hover,:focus-visible)::before { background-color: var(--ws-green); }
.resources li:nth-child(4) a.continue:is(:hover,:focus-visible)::before { background-color: var(--ws-yellow); }


.resources .background a.view-all:is(:hover,:focus-visible) {
  color: var(--ws-red);
}





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

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

.upcoming-events .button:is(:hover,:focus-visible) {
  border-color: var(--ws-dark-blue-2)
}

.upcoming-events .button:is(:hover,:focus-visible)::before {
  background-image: url('./images/icons/arrow-right-white.svg');
}





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

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

.home-partners .button:is(:hover,:focus-visible) {
  border-color: var(--ws-dark-blue-2)
}

.home-partners .button:is(:hover,:focus-visible)::before {
  background-image: url('./images/icons/arrow-right-white.svg');
}

.home-partners .logos a:is(:hover,:focus-visible) img {
  transform: scale(1.05);
}





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

.footer-callouts .wrap {
  display: flex;
  justify-content: space-between;
}

.footer-callouts .wrap>div {
  width: calc(50% - 1em);
}

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

.footer-callouts button[type='submit']:is(:hover,:focus-visible) {
  background-image: url('./images/icons/paper-plane-dark.svg')
}

.footer-callouts .button:is(:hover,:focus-visible) {
  border-color: var(--ws-dark-blue-2);
}

.footer-callouts .button:is(:hover,:focus-visible)::after {
  background-image: url('./images/icons/hand-heart-white.svg');
}




/* SCROLL-TO-TOP BUTTON RIBBON ------------------------------ /
* - DACA/Undocumented, International, Immigrant-Origin, Refugee/Displaced community pages
*/

a.scroll-to-top.blue:is(:hover, :focus-visible) { background-color: var(--ws-blue-2); }
a.scroll-to-top.green:is(:hover, :focus-visible) { background-color: var(--ws-green); }
a.scroll-to-top.purple:is(:hover, :focus-visible) { background-color: var(--ws-purple); }
a.scroll-to-top.red:is(:hover, :focus-visible) { background-color: var(--ws-red-2); }
a.scroll-to-top.yellow:is(:hover, :focus-visible) { background-color: var(--ws-yellow); }




/* PAGEHEADER LINKS RIBBON ------------------------------ /
* - DACA/Undocumented, International, Immigrant-Origin, Refugee/Displaced community-pages - ribbon 1
* - Federal Policies page
*/

.pageheader-links.blue .button:is(:hover,:focus-visible) { border-color: var(--ws-blue-2); }
.pageheader-links.green .button:is(:hover,:focus-visible) { border-color: var(--ws-green); }
.pageheader-links.purple .button:is(:hover,:focus-visible) { border-color: var(--ws-purple); }
.pageheader-links.red .button:is(:hover,:focus-visible) { border-color: var(--ws-red-2); }
.pageheader-links.yellow .button:is(:hover,:focus-visible) { border-color: var(--ws-yellow); }

.pageheader-links.blue .button:is(:hover,:focus-visible)::before { background-color: var(--ws-blue-2); }
.pageheader-links.green .button:is(:hover,:focus-visible)::before { background-color: var(--ws-green); }
.pageheader-links.purple .button:is(:hover,:focus-visible)::before { background-color: var(--ws-purple); }
.pageheader-links.red .button:is(:hover,:focus-visible)::before { background-color: var(--ws-red-2); }
.pageheader-links.yellow .button:is(:hover,:focus-visible)::before { background-color: var(--ws-yellow); }


.pageheader-links .button:is(:hover,:focus-visible)::after {
  animation-name: icon-drop, icon-bobble;
  animation-duration: .3s, 1.5s;
  animation-delay: 0s, .3s;
  animation-timing-function: ease-out, ease-in-out;
  animation-iteration-count: 1, infinite;
  animation-fill-mode: forwards;
  animation-direction: normal, alternate;
}

.pageheader-links .textbox p>a:not(.button):is(:hover,:focus-visible) {
  color: rgba(255,255,255,.8);
}

a.outline-link:is(:hover,:focus-visible) {
  border-color: var(--ws-yellow);
  color: var(--ws-yellow);
}


.pageheader-links.federal-policies.blue .button:not([href^="#"]):is(:hover,:focus-visible)::after {
  animation-name: icon-lunge, icon-sway;
}




/* Community pages shared hover styles ------------------------------ */

:is(.tools, .upcoming-events, .community-callouts, .data-policies, .resource-callouts, .map-callouts) li.blue>a:is(:hover,:focus-visible) { border-color: var(--ws-dark-blue-3); }
:is(.tools, .upcoming-events, .community-callouts, .data-policies, .resource-callouts, .map-callouts) li.blue>a:is(:hover,:focus-visible)::before { background-color: var(--ws-blue); }
:is(.tools, .upcoming-events, .community-callouts, .data-policies, .resource-callouts, .map-callouts) li.blue>a:is(:hover,:focus-visible)::after { background-color: var(--ws-dark-blue-3); }


:is(.tools, .upcoming-events, .community-callouts, .data-policies, .resource-callouts, .map-callouts) li.green>a:is(:hover,:focus-visible) { border-color: var(--ws-dark-green-2); }
:is(.tools, .upcoming-events, .community-callouts, .data-policies, .resource-callouts, .map-callouts) li.green>a:is(:hover,:focus-visible)::before { background-color: var(--ws-green); }
:is(.tools, .upcoming-events, .community-callouts, .data-policies, .resource-callouts, .map-callouts) li.green>a:is(:hover,:focus-visible)::after { background-color: var(--ws-dark-green-2); }


:is(.tools, .upcoming-events, .community-callouts, .data-policies, .resource-callouts, .map-callouts) li.purple>a:is(:hover,:focus-visible) { border-color: var(--dark-purple); }
:is(.tools, .upcoming-events, .community-callouts, .data-policies, .resource-callouts, .map-callouts) li.purple>a:is(:hover,:focus-visible)::before { background-color: var(--ws-purple); }
:is(.tools, .upcoming-events, .community-callouts, .data-policies, .resource-callouts, .map-callouts) li.purple>a:is(:hover,:focus-visible)::after { background-color: var(--dark-purple); }


:is(.tools, .upcoming-events, .community-callouts, .data-policies, .resource-callouts, .map-callouts) li.red>a:is(:hover,:focus-visible) { border-color: var(--ws-dark-red-2); }
:is(.tools, .upcoming-events, .community-callouts, .data-policies, .resource-callouts, .map-callouts) li.red>a:is(:hover,:focus-visible)::before { background-color: var(--ws-red-2); }
:is(.tools, .upcoming-events, .community-callouts, .data-policies, .resource-callouts, .map-callouts) li.red>a:is(:hover,:focus-visible)::after { background-color: var(--ws-dark-red-2); }


:is(.tools, .upcoming-events, .community-callouts, .data-policies, .resource-callouts, .map-callouts) li.yellow>a:is(:hover,:focus-visible) { border-color: var(--ws-dark-yellow-2); }
:is(.tools, .upcoming-events, .community-callouts, .data-policies, .resource-callouts, .map-callouts) li.yellow>a:is(:hover,:focus-visible)::before { background-color: var(--ws-yellow); }
:is(.tools, .upcoming-events, .community-callouts, .data-policies, .resource-callouts, .map-callouts) li.yellow>a:is(:hover,:focus-visible)::after { background-color: var(--ws-dark-yellow-2); }


:is(.tools, .data-policies) li.blue>a:is(:hover,:focus-visible) path { fill: var(--ws-dark-blue-3); }
:is(.tools, .data-policies) li.green>a:is(:hover,:focus-visible) path { fill: var(--ws-dark-green-2); }
:is(.tools, .data-policies) li.purple>a:is(:hover,:focus-visible) path { fill: var(--dark-purple); }
:is(.tools, .data-policies) li.red>a:is(:hover,:focus-visible) path { fill: var(--ws-dark-red-2); }
:is(.tools, .data-policies) li.yellow>a:is(:hover,:focus-visible) path { fill: var(--ws-dark-yellow-2); }




/* TOOLS RIBBON ------------------------------ /
* - Homepage, DACA/Undocumented, International, Immigrant-Origin, Refugee/Displaced community-pages
*/

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





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

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

.student-populations ul.ws-flex>li p a:is(:hover,:focus-visible) {
  color: #000;
}


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

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





/* COMMUNITY CALL-TO-ACTION RIBBON ------------------------------ /
* - DACA/Undocumented, International, Immigrant-Origin, Refugee/Displaced community-pages - last ribbon
*/

.community-cta:is(.purple, .red, .green, .yellow) .button:is(:hover, :focus-visible) {
  border-color: var(--ws-dark-blue-2);
}

.community-cta:is(.purple, .red, .green, .yellow) .button:is(:hover, :focus-visible)::after {
  background-image: url('./images/icons/comments-white.svg');
}





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

.data-policies ul.ws-flex {
  justify-content: space-between;
  --ws-column-count: 2;
}




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

.community-resources div.ws-flex {
  justify-content: space-between;
  --ws-column-count: 2;
  --ws-gap: 1.75em;
}

.community-resources article {
  max-width: 35.25em;
  padding-left: clamp(3.25em, 1.583em + 3.56vw, 4.25em);
}


.community-resources article>.textbox {
  padding: 1.75em 2.375em 2.125em clamp(4em, 2.333em + 3.56vw, 5em);
}

.community-resources article.has-image>.textbox>div {
  max-width: 21.875em;
  margin-left: auto;
}

.community-resources .image {
  width: clamp(6.25em, 2.917em + 7.11vw, 8.25em);
}

.community-resources .button:is(:hover,:focus-visible) {
  background: #FFF;
  color: var(--ws-dark-blue);
}

.community-resources article a.blue:is(:hover,:focus-visible) { text-decoration-color: var(--ws-blue-2); }
.community-resources article a.green:is(:hover,:focus-visible) { text-decoration-color: var(--ws-green); }
.community-resources article a.purple:is(:hover,:focus-visible) { text-decoration-color: var(--ws-purple); }
.community-resources article a.red:is(:hover,:focus-visible) { text-decoration-color: var(--ws-red-2); }
.community-resources article a.yellow:is(:hover,:focus-visible) { text-decoration-color: var(--ws-yellow); }

.community-resources .button:is(:hover,:focus-visible) {
  background-color: var(--ws-dark-blue-2);
  border-color: #FFF;
  color: #FFF;
}

.community-resources .button:is(:hover,:focus-visible)::before {
  background-image: url('./images/icons/arrow-right-white.svg');
}





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

.resource-callouts ul.ws-flex {
  --ws-column-count: 3;
  --ws-gap: clamp(1em, -0.146em + 2.44vw, 1.6875em);
}


.resource-callouts li.blue a:is(:hover, :focus-visible) + .icon { background-color: var(--ws-dark-blue-3); }
.resource-callouts li.green a:is(:hover, :focus-visible) + .icon { background-color: var(--ws-dark-green-2); }
.resource-callouts li.purple a:is(:hover, :focus-visible) + .icon { background-color: var(--ws-dark-purple); }
.resource-callouts li.red a:is(:hover, :focus-visible) + .icon { background-color: var(--ws-dark-red-2); }
.resource-callouts li.yellow a:is(:hover, :focus-visible) + .icon { background-color: var(--ws-dark-yellow-2); }

.resource-callouts a:is(:hover,:focus-visible) .link {
  text-decoration-color: var(--ws-yellow);
}

.resource-callouts .button:is(:hover,:focus-visible) {
  background-color: var(--ws-dark-blue-2);
  border-color: #FFF;
  color: #FFF;
}

.resource-callouts .button:is(:hover,:focus-visible)::before {
  background-image: url('./images/icons/arrow-right-white.svg');
}




/* COMMUNITY TEXT BLOCK RIBBON ------------------------------ /
* - International, Immigrant-Origin community pages (i.e. LPTW ribbon)
*/

.community-text .background {
  inset: 0;
}

.community-text .button:is(:hover, :focus-visible) {
  border-color: var(--ws-dark-blue-2);
}

.community-text .button:is(:hover, :focus-visible)::before {
  background-image: url('./images/icons/arrow-right-white.svg');
}



/* Immigrant Origin FAFSA Hub ribbon overrides */
.community-text.fafsa .background {
  inset: 0 0 0 25%;
}

.community-text.fafsa .button:is(:hover, :focus-visible) {
  border-color: var(--ws-blue-2);
}




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

.toc {
  position: relative;
}

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

.toc ul>li>a:is(:hover,:focus-visible) {
  color: var(--ws-dark-red-2);
}





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

.federal-policies-text a:is(:hover, :focus-visible) {
  color: var(--blue-2);
}




/* INTERIOR PARTNERS ----------------------------- /
* - Shortcode on /about/partners
*/

.content .interior-partners li>a:is(:hover,:focus-visible) img {
  transform: scale(1.05);
}




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

@media (max-width: 1799px) {

  .state-detail .pageHeader .wrap {
    max-width: 69em;
  }
}



@media (max-width: 1390px) {
  .conference-detail #content {
    padding-left: 8.8125rem;
    max-width: 82%;
  }
}




/* 1350px */
@media (max-width: 84.375em) {
  #mainnav>ul>li>a>span {
    display: none;
  }
}




@media (max-width: 1300px) {
  .conf-callouts li a { justify-content: center; padding: 1.25em 1em; }
  .conf-callouts h2 { font-size: 1.1875em; }
  .conf-callouts svg { margin: 0 0 .75em; }
  .agenda .agenda-row > .agenda-row-heading {width: 9rem; }
  .agenda .agenda-row .agenda-row-heading > h3 {font-size: 1.25rem; }
  .agenda .agenda-row-heading .agenda-time span:nth-child(2) {display: block; }
  .success-directory #success-directory-list .directory-filters .filters .multi-select-dropdown.states {columns:5}
}




@media (max-width: 1200px) {
  #spotlights { background: linear-gradient(180deg, var(--ws-light-3) 0%, var(--ws-light-3) 26vw, #FFF 26vw, #FFF 100%); }
  #spotlights li { width: calc(33.33% - 1em); }
  #spotlights .textbox { padding: 2em 0 0; }
  .success-directory #success-directory-list #directory-list li .brief .name {font-size:1.25rem}

  .bubbles>li>ul>li {
    flex-direction: column;
  }

  .bubbles>li>ul>li>div.circle {
    border-bottom: 1px solid rgba(255,255,255,.75);
    border-right: 0;
    flex: 0 1 auto;
    height: auto;
    width: 100%;
  }

  .bubbles>li>ul>li>div.circle+div {
    width: 100%;
  }

}





@media (max-width: 1125px) {
  script:nth-of-type(odd) + .infogram-embed, .infogram-embed { display: block; margin: 3em auto 0; }
}




@media (max-width: 1023px) {
  #spotlights, #callouts, .pageHeader{ font-size: .9375rem; }

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

  #scroll-links .flex-row { justify-content: space-between; }
  #scroll-links li { flex: 1 0 0; }
  .responsive-table { font-size: .9375rem; }
  .responsive-table tr th, .responsive-table tr td { padding: .75rem .5rem; }

  main.daca, main.advanced-search, main.default, main.fullWidth { font-size: .9375em; }

  .pageHeader::after { background-position: 50% -2.25em; }

  #content:not(.anchor):not(.wider):not(.fullWidth), .conference-detail #content { float: right; max-width: 75% }
  .conference-detail #content {padding-left: 0; }
  .wp-block-image .alignright { margin: 0 0 0 1.5em; }
  .wp-block-image .alignleft { margin: 0 1.5em 0 0; }

  .agenda h4 {font-size: 1.125rem; }

  #conf-welcome .image { max-width: 45em; width: 60%; }
  #conf-welcome .textbox { max-width: 40em; padding: 0 0 0 2em; width: calc(45% + 7em) }

  .conf-callouts ul { flex-wrap: wrap; }
  main .conf-callouts ul li {margin:  0 0 1em;width: 33.33%; }

  .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; 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 .multi-select-dropdown.practices {width:40.5rem; left:auto; right:0}
  .success-directory #success-directory-list .directory-filters .filters .multi-select-dropdown.states {columns:4}

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

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

}




@media (max-width: 900px) {

  #brand,
  body>header.sticky #brand {
    max-width: 4.5em;
    padding: 0;
    top: .1875em;
    transform: none;
  }

  #mainnav ul {
    text-align: center;
  }

  #mainnav a {
    font-size: 1em;
  }

  :is(#ancillary a, #ancillary form input) {
    padding-block: .375em;
  }

  #ancillary form {
    margin: 0;
  }

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

  #ancillary form ::placeholder {
    color: var(--ws-dark-blue);
  }

  .translate-widget {
    margin-right: -1em;
  }

  .landing-page .boxed-links li,
  .landing-page .boxed-links li + li  {width:calc(50% - 1rem); margin: 0.5rem}

  .agenda .agenda-row .agenda-row-heading {width: 8rem; }
  .agenda .agenda-row .agenda-row-heading>h3 {font-size: 1.125rem; }
  .agenda h4 {font-size: 1rem; }
  .success-directory #success-directory-list #directory-list li,
  .success-directory #success-directory-list #directory-list li:nth-child(4n+4) {width:32%; margin:0 2% 2% 0}
  .success-directory #success-directory-list #directory-list li:nth-child(3n+3) {margin-right: 0}

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

  .gp-narratives ul {
    display: block;
  }

  main .gp-narratives ul:not(.flex-row).narratives li {
    width: 100%;
  }

  .gp-narratives ul.narratives .image+.textbox>div:not(.meta) {
    padding: 0;
  }

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

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

  .resources li {
    width: 100%;
  }


  /* Community pages */
  .student-populations ul.ws-flex,
  .upcoming-events ul.ws-flex,
  .community-callouts ul.ws-flex,
  ul.callout-repeater-icons.ws-flex {
    --ws-column-count: 2;
  }

}




/* 800px */
@media (max-width: 50em) {

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

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

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

}





@media (max-width: 782px) {
  body.admin-bar>header {
    top: 2.8125rem;
  }

  body.admin-bar :is(#scroll-links, .gp-nav) {
    top: 8.25rem;
  }

}




/* Increase sizes on large displays ------------- */

@media (min-width: 1800px) {
  body>header, main.home, main.states-page, main.state-detail, main.national,
  main.federal, main.daca, main.advanced-search, main.data-tools, main.graduate-portal,
  main.default, main.fullWidth, main.home .hero {
    font-size: 1.1rem;
  }

  #scroll-links { top: 5.9375em; }
  body.admin-bar #scroll-links { top: 7.9375em; }

  .gp-nav { top: 5.4375em; }
  body.admin-bar .gp-nav { top: 8em; }

}




@media (min-width: 2400px) {
  body>header, main.home, main.states-page, main.state-detail, main.national,
  main.federal, main.daca, main.advanced-search, main.data-tools, main.graduate-portal,
  main.default, main.fullWidth, main.home .hero {
    font-size: 1.2rem;
  }

  main.default, main.fullWidth { background-position: 50% -8em; }
  #mainnav { bottom: .875em; }

  #scroll-links { top: 6.5em; }
  body.admin-bar #scroll-links { top: 8.5em; }

  .gp-nav { top: 5.4375em; }
  body.admin-bar .gp-nav { top: 8.5em; }

}



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