@charset "UTF-8";

:root {
  --ws-grid: 0 [wrap-start] repeat(2, 1fr) [wrap-end] 0;
  --ws-gutter: 1.5em;
  --ws-grid-gap: 1.5em;
}


.anchor { top: -4em; }
.admin-bar .anchor { top: -6.875em; }


.desktop-only {
  content-visibility: hidden;
  display: none !important;
}


/* FLEX / GRID COLUMNS ------------------------------ */
.ws-grid {
  grid-template-columns: 0 [wrap-start] repeat(2, 1fr) [wrap-end] 0;
  gap: 1.5em;
}

.ws-grid .four :is(article, li):nth-child(odd) {
  grid-column: 2 / 3;
}


.ws-grid .four :is(article, li):nth-child(even) {
  grid-column: 3 / 4;
}


.ws-inner-grid {
  --ws-columns: 2;
  gap: var(--ws-grid-gap);
  grid-template-columns: [wrap-start] repeat(var(--ws-columns),minmax(0,1fr)) [wrap-end];
}



/* TRANSITIONS ------------------------------ */
#mobilenav span, #navContainer ul ul {
  transition: all .2s ease;
}


/* HEADER ------------------------------ */
body {
  background: #FFF;
}

#wpadminbar {
  position: fixed;
}

body>header {
  background: #FFF;
  display: inline;
}

body>header:before {
  content: '';
  opacity: 0;
  background-color: #000;
  display: block;
  height: 100vh;
  left: 100vw;
  position: fixed;
  top: 0;
  transition: left 0s ease .2s, opacity .2s ease;
  width: 100vw;
  z-index: 3;
}

body.slideNav>header:before {
  left: 0;
  opacity: .5;
  transition: left 0s ease 0, opacity .2s ease;
}

body>header .wrap {
  display: contents;
}

#brand {
  display: block;
  margin-inline: auto;
  max-width: 26em;
  padding: 1.125em 2em .8125em;
  position: relative;
  text-align: center;
  z-index: 3;
}

#brand img {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  left: -1.5em;
  top: 1.125em;
}

#navContainer {
  background-color: var(--ws-navy);
  bottom: 0;
  left: 100%;
  max-height: 100vh;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  transition: left 200ms ease;
  z-index: 3;
  -webkit-overflow-scrolling: touch;
}

.admin-bar #navContainer {
  top: 46px;
}

body.slideNav {
  overflow: hidden;
}

.slideNav #navContainer {
  left: 25%;
}

#navContainer nav {
  display: block;
}

#navContainer ul {
  display: block;
  margin: 0;
  padding-left: 0;
  width: 100%;
}

#navContainer li {
  display: block;
  position: relative;
  width: 100%;
}

#navContainer :where(a, aside.toggleNav) {
  color: #FFF;
  cursor: pointer;
  display: block;
  line-height: 3em;
  padding: 0 1em;
  width: 100%;
}

aside.toggleNav>span {
  font-size: 1.75em;
  line-height: 0;
  margin: 0 .125em 0 0;
  position: relative;
  top: .125em;
}

#navContainer li.open {
  background-color: rgba(255,255,255,.1);
}

#navContainer li>ul+span {
  background: rgba(255,255,255,.3);
  border-radius: 50%;
  opacity: 0.5;
  display: block;
  position: absolute;
  right: 0.5rem;
  top: .375em;
  width: 2.25rem;
  height: 2.25rem;
}

#navContainer li li>ul+span {
  top: .125em;
}

#navContainer li.open>ul+span {
  opacity: 1
}

#navContainer li>ul+span::after,
#navContainer li>ul+span::before {
  background-color: #fff;
  content: '';
  display: block;
  height: 0.125rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform-origin: center center;
  transition: transform .2s ease;
  width: 50%;
}

#navContainer li>ul+span:before {
  transform: translate(-50%, -50%) rotate(90deg);
}

#navContainer li>ul+span::after,
#navContainer li.open>ul+span::before {
  transform: translate(-50%, -50%) rotate(0deg);
}

#navContainer li>ul+span::before {
  transition: transform .2s ease;
}

#mainnav>div>ul>li,
#ancillary>div>ul>li{
  border-top: 1px solid rgba(255,255,255,.1);
}

#mainnav>div>ul>li>a {
  background: no-repeat 1em center / auto 1em;
  padding-left: 2.5em;
}

/* Scholarships nav item */
#mainnav>div>ul>li:nth-child(1)>a {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM244.8 133.6v14.2c9.7 1.2 19.4 3.9 29 6.6c1.9 .5 3.7 1 5.6 1.6c11.5 3.2 18.3 15.1 15.1 26.6s-15.1 18.2-26.6 15.1c-1.5-.4-3.1-.9-4.7-1.3c-7-2-14-3.9-21.1-5.3c-13.2-2.5-28.5-1.3-40.8 4c-11 4.8-20.1 16.4-7.6 24.4c9.8 6.3 21.8 9.5 33.2 12.6c2.4 .6 4.7 1.3 7 1.9c15.6 4.4 35.5 10.1 50.4 20.3c19.4 13.3 28.5 34.9 24.2 58.1c-4.1 22.4-19.7 37.1-38.4 44.7c-7.8 3.2-16.3 5.2-25.2 6.2l0 15.2c0 11.9-9.7 21.6-21.6 21.6s-21.6-9.7-21.6-21.6l0-17.4c-14.5-3.3-28.7-7.9-42.8-12.5c-11.3-3.7-17.5-16-13.7-27.3s16-17.5 27.3-13.7c2.5 .8 5 1.7 7.5 2.5c11.3 3.8 22.9 7.7 34.5 9.6c17 2.5 30.6 1 39.5-2.6c12-4.8 17.7-19.1 5.9-27.1c-10.1-6.9-22.6-10.3-34.5-13.5c-2.3-.6-4.5-1.2-6.8-1.9c-15.1-4.3-34-9.6-48.2-18.7c-19.5-12.5-29.4-33.3-25.2-56.4c4-21.8 21-36.3 39-44.1c5.5-2.4 11.4-4.3 17.5-5.7V133.6c0-11.9 9.7-21.6 21.6-21.6s21.6 9.7 21.6 21.6z" fill="%23FFFFFF" /></svg>');
}

/* For Current Scholars nav item */
#mainnav>div>ul>li:nth-child(2)>a {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M219.3 .5c3.1-.6 6.3-.6 9.4 0l200 40C439.9 42.7 448 52.6 448 64s-8.1 21.3-19.3 23.5L352 102.9V160c0 70.7-57.3 128-128 128s-128-57.3-128-128V102.9L48 93.3v65.1l15.7 78.4c.9 4.7-.3 9.6-3.3 13.3s-7.6 5.9-12.4 5.9H16c-4.8 0-9.3-2.1-12.4-5.9s-4.3-8.6-3.3-13.3L16 158.4V86.6C6.5 83.3 0 74.3 0 64C0 52.6 8.1 42.7 19.3 40.5l200-40zM129.1 323.2l83.2 88.4c6.3 6.7 17 6.7 23.3 0l83.2-88.4c73.7 14.9 129.1 80 129.1 158.1c0 17-13.8 30.7-30.7 30.7H30.7C13.8 512 0 498.2 0 481.3c0-78.1 55.5-143.2 129.1-158.1z" fill="%23FFFFFF" /></svg>');
}


/* For Partner Colleges nav item */
#mainnav>div>ul>li:nth-child(3)>a {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M240.1 4.2c9.8-5.6 21.9-5.6 31.8 0l171.8 98.1L448 104l0 .9 47.9 27.4c12.6 7.2 18.8 22 15.1 36s-16.4 23.8-30.9 23.8H32c-14.5 0-27.2-9.8-30.9-23.8s2.5-28.8 15.1-36L64 104.9V104l4.4-1.6L240.1 4.2zM64 224h64V416h40V224h64V416h48V224h64V416h40V224h64V420.3c.6 .3 1.2 .7 1.8 1.1l48 32c11.7 7.8 17 22.4 12.9 35.9S494.1 512 480 512H32c-14.1 0-26.5-9.2-30.6-22.7s1.1-28.1 12.9-35.9l48-32c.6-.4 1.2-.7 1.8-1.1V224z" fill="%23FFFFFF" /></svg>');
}


/* For Businesses nav item */
#mainnav>div>ul>li:nth-child(4)>a {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M48 0C21.5 0 0 21.5 0 48V464c0 26.5 21.5 48 48 48h96V432c0-26.5 21.5-48 48-48s48 21.5 48 48v80h96c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48H48zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm112-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zm80 16c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM80 96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16zm80 16c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V112zM272 96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16z" fill="%23FFFFFF" /></svg>');
}

#mainnav .megamenu {
  content-visibility: hidden;
  display: none;
}

#navContainer a>span {
  color: inherit;
}
#navContainer ul ul {
  font-size: 1em;
  height: 0;
  overflow: hidden;
}

#navContainer li.open>ul {
  height: auto;
}

#navContainer ul ul a {
  padding: 0.5em 1em 0.5em 2em;
  line-height: 1.5em
}

#navContainer ul ul li.current-menu-item {
  background-color: rgba(255,255,255,.1)
}

#navContainer :is(.current_page_parent, .current_page_item)>ul {
  height: auto;
}

#navContainer ul ul ul a {
  padding: 0.5em 1em 0.5em 3em;
}

#mobilenav {
  align-items: center;
  background-color: var(--ws-navy);
  display: flex;
  justify-content: center;
  text-align: center;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 2;
}

body.admin-bar #mobilenav {
  top: 46px
}

#mobilenav :is(a, span) {
  align-self: auto;
  color: #FFF;
  cursor: pointer;
  flex: 1 1 auto;
  font-size: clamp(0.875em, 0.76em + 0.51vw, 1em); /* 360 - 750 */
  padding: .5em;
  line-height: 2;
  text-transform: uppercase;
}

#mobilenav *+* {
  border-left: 1px solid rgba(255,255,255,0.125)
}

#mobilenav span {
  display: flex;
  justify-content: center;
}

#mobilenav span svg {
  margin-left: .375em;
  pointer-events: none;
  position: relative;
  top: -.0625em;
  width: 1.125em;
}

#mobilenav span path {
  fill: #FFF;
}

.slideNav>nav {
  right: 0;
}

.single-ws-partner-college main {
  padding-top: 1.5em;
}

.single-ws-partner-college #sidenav {
  margin-top: 3em;
}


/* ANCILLARY ------------------------------ */

#navContainer #ancillary {
  display: flex;
  flex-direction: column-reverse;
}

#navContainer #ancillary input[type="search"] {
  background: #FFF;
}

#ancillary .search-form form {
  display: flex;
  overflow: auto;
  padding: 1.5em 1em 0;
  width: 100%;
}

#ancillary .search-form form>div {
  width: calc(100% - 3em);
}

#ancillary .search-form form input[type="search"] {
  border: 0;
  padding: .625em;
  width: 100%;
}

#ancillary .search-form form button {
  background: #E2E8EE url('/wp-content/themes/wpcode-v2/images/icons/search.svg') no-repeat center / 1.125em auto;
  border: 0;
  padding-inline: 1.5em;
}



/* MAIN ------------------------------ */
#content {
  padding: 2em 0;
}

#content + aside {
  display: flex;
  flex-direction: column-reverse;
}

.twoCol, .threeCol, .resCol {
  columns: auto;
}

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

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


/* FOOTER ------------------------------ */
body>footer .search-form {
  display: block;
  width: 100%;
}

body>footer .wrap {
  display: flex;
  flex-direction: column;
  text-align: center;
}

body>footer .logo {
  margin: 0 0 .5em;
  order: 1;
}

body>footer .links {
  margin: 0 0 2em;
  order: 2;
}

body>footer .social {
  margin: 0 0 2em;
  order: 3;
}

body>footer .social a {
  padding: .5em;
}

body>footer .copyright {
  order: 4;
}

body>footer .social ul {
  display: flex;
  justify-content: center;
}


/* PAGEHEADER ------------------------------ */
.pageHeader>.image {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%);
}

.pageHeader .shape {
  clip-path: polygon(0 0, 0% 100%, 100% 90%);
  bottom: -0.25em;
  height: 30%;
  width: 88%;
}

.pageHeader .shape::before {
  clip-path: polygon(0 0, 0% 100%, 100% 75%);
  height: 100%;
  width: 100%;
}


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

/* Shape that overlaps the bottom of some ribbons
- Homepage ribbon 1, For Current Scholars ribbon 4, About ribbon 4 */
.bottom-shape::after {
  clip-path: polygon(1.5em 0%, 100% 1.5em, 100% 100%, 0 calc(100% - .5em));
  bottom: -1em;
  height: 15vw;
  max-width: calc(100% - 1em);
  right: 0;
  width: 25em;
}



/* CONTACT INFO BLOCK ------------------------------ */
.contact-info h2:first-child {
  margin: 0 0 .5rem;
}

.contact-info .flex {
  --ws-gap: clamp(2em, -0.308em + 4.92vw, 4em);
  --ws-columns: 1;
}


/* RESPONSIVE TABLES ------------------------------ */
.table-responsive {
  border: 0;
  overflow-x: auto;
  overflow-y: hidden;
  padding-inline: 0;
  position: relative;
  width: 100%;
  z-index: 0
}

.table-responsive table {
  min-width: 62.5em
}

.table-wrap {
  padding-top: 1.75em;
  position: relative;
}

.table-wrap::before,
.table-wrap::after {
  color: var(--ws-slate-2);
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all .3s ease;
}

.table-wrap::before {
  content: '\2039\00A0Scroll';
  left: .5em;
}

.table-wrap::after {
  content: 'Scroll\00A0\203A';
  right: .5em;
}

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

.table-wrap .scroll {
  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: all .3s ease;
  width: 4em;
  z-index: 1
}

.table-wrap .scroll::before {
  background: linear-gradient(90deg,rgba(0,0,0,.5) 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,.5) 100%);
  right: 0
}

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


/* HERO RIBBON (Homepage ribbon 1) ------------------ */
#hero {
  gap: 0;
}

#hero .fader {
  clip-path: var(--ws-clip-1);
  margin: 0 0 -1.25em;
}

#hero .fader>div {
  aspect-ratio: 2;
}

#hero .textbox {
  clip-path: var(--ws-clip-2);
  padding-block: 4em;
}

#hero h1 {
  font-size: clamp(2.5em, 1.808em + 3.08vw, 3.25em); /* 360 - 1400 */
}

#hero h1>span:nth-of-type(1) {
  font-size: .3125em; /* 750 - 1400 */
}


/* CUSTOM SELECT ELEMENT ---------------------------- */
/*
- Homepage Hero
- Scholarships Landing page
*/
.custom-select::after {
  height: 2.8125rem;
  right: -.125em;
  width: 2.8125rem;
}

.custom-select select {
  height: 2.8125rem;
}


/* CALLOUTS RIBBON (Homepage ribbon 2, For Scholars ribbon 6) ------------------ */
#callouts {
  padding-block: 3em;
}


#callouts strong {
  font-size: 1.125em;
}


/* TEXT-PHOTO RIBBON -------------------------------- */
/*
* Homepage ribbon 3, About ribbon 4
* National Scholarship Ribbon 3, Opportunity Scholarship ribbon 3
*/

#text-photo .textbox {
  padding-block: 3em 2em;
}

#text-photo .textbox {
  grid-column: wrap-start / wrap-end;
}

#text-photo .image {
  aspect-ratio: 1.5;
  grid-column: 1 / -1;
}


/* HOMEPAGE NEWS (Homepage ribbon 3) ------------------ */
#homepage-news .flex {
  --ws-columns: 1;
  --ws-gap: .0001em;
}

#homepage-news .box.yellow {
  margin-block: 0 .375em;
}


/* SPLIT RIBBON -------------------------- /
- #WELCOME - Homepage ribbon 5, About Ribbon 6
- #INTRO - For Scholars, For Businesses, About Ribbon 1
- Standard and fullwidth interior pages,
- News archive page
*/
.split-ribbon {
  gap: 0;
}

.split-ribbon .blue {
  clip-path: var(--ws-clip-1);
  grid-row: 1 / 2;
  margin: 0 0 -1.25em;
}

.split-ribbon .textbox {
  clip-path: var(--ws-clip-1);
  grid-row: 1 / 2;
  padding: 3em 1.5em;
}

.split-ribbon  .image {
  clip-path: var(--ws-clip-2);
  grid-row: 2 / 3;
}

.split-ribbon  .image>div {
  aspect-ratio: 1.25;
}

.split-ribbon.scholarships .textbox { clip-path: none; }

/* PHOTOLEFT-TEXT RIBBON (For Businesses ribbon 2, About ribbon 2) ------------------ */
#photoleft-text {
  padding-block: clamp(3em, 2.077em + 4.1vw, 4em); /* 360 - 750 */
}

#photoleft-text .image {
  aspect-ratio: 432 / 521;
  grid-column: wrap-start / wrap-end;
  margin: 1em auto 0;
  max-width: 25em;
  width: 100%;
}


/* STACKED BOXES RIBBON (For Businesses ribbon 3) ------------------ */
#stacked-boxes {
  background: rgba(var(--ws-slate-2-rgb), .2);
}

#stacked-boxes .box-wrap {
  padding-right: 1.5em;
}

#stacked-boxes .line {
  right: 0;
}

#stacked-boxes .line::before,
#stacked-boxes .line::after {
  width: 2.75em;
}


/* TESTIMONIALS RIBBON (For Businesses ribbon 4) ------------------------- */
.testimonials {
  padding-block: clamp(3em, 2.077em + 4.1vw, 4em); /* 360 - 750 */
}

.testimonials blockquote:not(:last-of-type) {
  margin-bottom: 2em;
}

.testimonials .image {
  max-width: clamp(7em, 2.385em + 20.51vw, 12em); /* 750 - 1400 */
}

.testimonials .image + div {
  max-width: calc(100% - clamp(7em, 2.385em + 20.51vw, 12em));
}


/* PHOTO-CALLOUTS RIBBON ------------------------------ */
/* For Businesses page ribbon 5  */
/* Scholar Stories page ribbon 2 */
/* National Scholarship page ribbon 6 */
/* Opportunity Scholarship page ribbon 6 */

#photo-callouts.blue-bg {
  background: var(--ws-navy);
  padding-block: 3em;
}

#photo-callouts.blue-bg li {
  grid-column: wrap-start / wrap-end;
  margin: 0 auto .75em;
  max-width: 25em;
  width: 100%;
}

#photo-callouts ul .image {
  aspect-ratio: 417 / 300;
}



/* TWO BLOCKS RIBBON (About ribbon 3) ------------------ */
#two-blocks .left {
  margin-bottom: -2em;
}

#two-blocks .right {
  clip-path: var(--ws-clip-2);
}


/* DATA RIBBON (About ribbon 5) ------------------ */
#data {
  padding-block: clamp(3em, 2.077em + 4.1vw, 4em); /* 360 - 750 */
}


/* ABOUT -> NEWS FILTERS (/about/news/ page) ------------------------------ */
#news-filters {
  margin-top: 2em;
}

#news-filters>div {
  height: 0;
  overflow: hidden;
}

#news-filters ul {
  --ws-columns: 1;
  --ws-gap: 0em;
}



/* CALLOUT BLOCK (custom block) and CALLOUT RIBBON ------------------------------ /
- Interior pages
- National and Opportunity Scholarship pages, Ribbon 3
*/

#colored-boxes ul {
  --ws-columns: 1;
  --ws-gap: .0001em;
}

aside.callout-box {
  margin: 2em 0;
}

li.callout-box:nth-child(2) {
  margin: 0 0 2em;
}



/* RESOURCES RIBBON ------------------------------ */
/* Interior CMS pages ( #resources ) */
/* Resources custom block ( .resources.block )*/
.resources ul {
  --ws-columns: 2;
}



/* HOW DO I RIBBON (Current Scholars Page ribbon 2) ------------------------------ */
#how-do-i li {
  grid-column: wrap-start / wrap-end;
  margin-inline: auto;
  width: 100%;
}

#how-do-i li:is(:nth-child(2), :nth-child(4)) {
  margin-bottom: 1.75em;
}

#how-do-i a>strong {
  font-size: clamp(1.25rem, 1.019rem + 1.03vw, 1.5rem); /* 360- 750 */
}



/* SCHOLARSHIP GUIDIES RIBBON (Current Scholars Page ribbon 3) ------------------------------ */
#guides {
  background: var(--ws-lt-blue-2);
}

#guides article {
  margin: 0 auto;
  max-width: 18em;
  text-align: center;
}

#guides img {
  margin: 0 0 .5em;
}


/* CALENDAR / NEWS RIBBON (Current Scholars Page ribbon 4) ------------------------------ */
#calendar-news {
  display: block;
  padding: 3em var(--ws-gutter) 6em;
}

#calendar-news article {
  grid-column: 1 / -1;
  margin: 0 0 2em;
}

#calendar-news .calendar::after {
  height: .18875em;
  top: calc(100% + (clamp(1.5em, 1.212em + 0.62vw, 1.75em) / 2));
  width: 100%;
}

#calendar-news .calendar {
  padding-bottom: 1em;
}

#calendar-news .news {
  padding-top: 3em;
}

#calendar-news .divider {
  display: block;
  height: .25em;
  margin-block: .5em;
  width: 100%;
}


/* SCHOLARSHIP TOOLS RIBBON (Current Scholars Page ribbon 4) ------------------------------ */
#scholarship-tools .videoContainer {
  margin: 0 0 2em;
}



/* STATE LIST (Our Partner Colleges page ribbon 3) ------------------------------ */
#state-list {
  padding-block: 3em 7em;
}


/* PARTNER LOGOS (Our Partner Colleges page ribbon 5) ------------------------------ */
#partner-logos ul {
  --ws-columns: 2;
}


/* DETAILS (College detail page ribbon 2) ------------------------------ */
#details {
  display: block;
}

#details .logo {
  padding: 2em 1.5em;
}

#details .logo img {
  max-width: min(100%, 20em);
}

#details .textbox {
  padding: 1.25em;
}

#details .textbox>div:last-of-type>div:last-of-type {
  border: 0;
  margin: 0;
  padding-bottom: 0;
}


/* FOR PARTNER COLLEGES NEWS ITEMS  ------------------------------ */
/* (For Partner Colleges ribbon 3, For Partner Colleges News Archive page) */
article.fpc + article {
  margin-top: 2em;
}

article.fpc .image {
  margin: 0 auto 1.5rem;
  max-width: 15em;
}



/* SCHOLAR STORIES FILTERS (/impact/scholar-stories/ page) ------------------------------ */
#filters>ul {
  position: relative;
}

#filters>ul,
#photo-callouts.stories ul {
  --ws-columns: 2;
  --ws-gap: 1em;
}


/* CRITERIA RIBBON ------------------------------ */
/*
- National Scholarship page ribbon 4
- Opportunity Scholarship page ribbon 4
*/

#criteria .ws-inner-grid {
  --ws-columns: 2;
  --ws-gap: 1.25em;
}


/* HOW TO APPLY RIBBON ------------------------------ */
/*
- National Scholarship page ribbon 5
- Opportunity Scholarship page ribbon 5
*/

#how-to-apply :is(ol, .guide) {
  grid-column: wrap-start / wrap-end;
}

#how-to-apply .guide {
  margin: 2em auto 0;
  max-width: 18em;
}


/* SCHOLARSHIPS LANDING PAGE ( ribbon 1 )------------------------------ */
.state-select .states {
  padding: 0 1em;
  max-height: 25em;
  max-width: 100%;
  width: 100%;
}


/* STATE MODALS */
.state-modal ul.flex {
  --ws-gap: 1em;
  --ws-columns: 1;
}

.state-modal .three ul.flex {
  --ws-gap: .5em;
}

.modal-header h2 {
  font-size: 1.125em;
}

.modal-body {
  padding: 1em 1.5em 0; /* 750 - 1400 */
}

.state-modal li a>div {
  padding: 1em;
}

.state-modal li a>div>img {
  display: none;
}

.state-modal li>img {
  max-width: min(10em, 100%);
}

.modal-body>strong,
.state-modal li p,
.state-modal :is(.block, .overlay) {
  font-size: .9375em;
}



/* SPLIT IMAGE RIBBON (Scholarships Landing Page ribbon 2) ------------------------------ */
#split-image .wrap {
  padding-inline: 0;
}

#split-image .wrap>div {
  background-size: contain;
  padding-inline: var(--ws-gutter);
  position: relative;
  z-index: 0;
}

#split-image .wrap>div::before {
  background: rgba(255,255,255,.85);
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

#split-image .wrap>div>div {
  max-width: 75%;
}


/* IMPACT RIBBON (Impact page ribbon 2) ------------------------------ */
#impact {
  padding-block: clamp(3rem, 1.962rem + 4.62vw, 4.125rem); /* 360 - 750 */
}

#impact ul.flex {
  --ws-columns: 2;
  justify-content: center;
  row-gap: 3em;
}


/* FEATURED SCHOLARS RIBBON (Impact page ribbon 3) ------------------------------ */

#featured-scholars ul.flex {
  --ws-columns: 2;
  justify-content: center;
  row-gap: 3em;
}



/* KEEP IN MIND RIBBON (template-opportunity-partner-colleges.php ribbon 3) ------------------------------ */
/* /scholarships/opportunity-scholarship/our-partner-colleges/ */
#keep-in-mind li:nth-child(odd){
  margin-top: 1.5em;
}


/* Opportunity Scholarship Page (template-scholarship-detail.php ribbon 2) ------------------------------ */
.page-template-template-scholarship-detail.opportunity-scholarship ul.threeCol {
  columns: 2;
}




/* Logo block (custom block) ------------------------------ */
.logo-block {
  --ws-columns: 3;
}


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

/* 600px */
@media (max-width: 37.5em) {
  #state-list ul {
    columns: 2;
  }

  /* Contact contact form (/stay-informed/sign-up/) */
  p[data-id="First Name:p"],
  p[data-id="Last Name:p"] {
    width:100%;
  }

}

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

  .ws-grid .four :is(li, article):nth-child(1n) {
    grid-column: wrap-start / wrap-end;
    margin-inline: auto;
    max-width: 15em;
    width: 100%;
  }

  .ws-inner-grid {
    --ws-columns: 1;
  }

  .wp-block-embed.alignleft,
  .wp-block-embed.alignright,
  .content blockquote {
    float: none;
    margin: 2em 0;
    max-width: 100%;
    width: 100%;
  }

  #data li,
  #homepage-news article {
    margin-block: 0 -1.5em;
  }

  #data li:nth-of-type(4n+2),
  #homepage-news article:nth-of-type(4n+2) {
    margin-bottom: .5em;
  }

  .resources ul {
    max-width: 16.875em;
    --ws-columns: 1;
  }

  .resources strong.title {
    height: auto !important; /* Undo JS normalize heights */
  }

  .testimonials blockquote {
    display: block;
    max-width: 25em;
  }

  .testimonials :is(.image, .image + div) {
    max-width: 100%;
    width: 100%;
  }

  .testimonials .image + div {
    padding: 1.5em 0 0 0;
  }

  #partner-colleges .logo a {
    aspect-ratio: none;
    padding-block: 3em;
  }

  #details {
    display: block;
  }

  #filters>ul,
  #photo-callouts.stories ul {
    --ws-columns: 1;
    --ws-gap: 1em;
  }

  #criteria .ws-inner-grid {
    --ws-columns: 1;
  }

  #partner-logos ul {
    --ws-columns: 1;
  }

  #impact ul.flex,
  #featured-scholars ul.flex {
    --ws-columns: 1;
  }

  #impact .image,
  #featured-scholars .clip {
    margin-inline: auto;
    max-width: 18em;
  }

  .logo-block {
    --ws-columns: 2;
  }

}


@media (max-width: 420px) {
  .page-template-template-scholarship-detail.opportunity-scholarship ul.threeCol { columns: 1; }
}

/* --------------- STYLE-M.CSS --------------- */