/* SchoolAndCollegeListings Unify01 trust theme. Loaded after the shared Unify CSS. */

body.site-schoolandcollegelistings {
  --edu-navy: #17324d;
  --edu-navy-deep: #10263a;
  --edu-purple: #5b2a86;
  --edu-purple-dark: #442064;
  --edu-purple-soft: #f2ebf8;
  --edu-ink: #17212b;
  --edu-muted: #5c6975;
  --edu-border: #d6dee7;
  --edu-surface: #f5f7fa;
  --directory-marker-background: var(--edu-purple);
  --directory-action-color: var(--edu-purple);
  color: var(--edu-ink);
  background: #fff;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.school-directory-account-header {
  --edu-navy: #17324d;
  --edu-purple: #5b2a86;
  --edu-border: #d6dee7;
}

.school-directory-account-header #js-header {
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.school-directory-account-header #js-header :focus-visible {
  outline: 3px solid #8e5cc2 !important;
  outline-offset: 3px;
  box-shadow: none;
}

.site-schoolandcollegelistings h1,
.site-schoolandcollegelistings h2,
.site-schoolandcollegelistings h3,
.site-schoolandcollegelistings h4,
.site-schoolandcollegelistings h5,
.site-schoolandcollegelistings h6 {
  font-family: inherit;
  letter-spacing: -0.015em;
}

.site-schoolandcollegelistings a {
  text-underline-offset: 0.16em;
}

.site-schoolandcollegelistings main p a:not(.btn),
.site-schoolandcollegelistings .container > p a:not(.btn) {
  color: var(--edu-purple);
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.site-schoolandcollegelistings :focus-visible {
  outline: 3px solid #8e5cc2 !important;
  outline-offset: 3px;
  box-shadow: none;
}

/* White institutional navigation replaces the generic Unify lime bar. */
.site-schoolandcollegelistings #js-header .u-header__section,
.school-directory-account-header #js-header .u-header__section {
  background: rgba(255, 255, 255, 0.98) !important;
  border-bottom: 1px solid var(--edu-border);
  box-shadow: 0 2px 12px rgba(16, 38, 58, 0.08);
  backdrop-filter: blur(12px);
}

.site-schoolandcollegelistings #js-header .navbar-brand img,
.school-directory-account-header #js-header .navbar-brand img {
  width: auto;
  height: 38px;
  max-width: 285px;
}

.site-schoolandcollegelistings #js-header .navbar-nav .nav-link,
.school-directory-account-header #js-header .navbar-nav .nav-link {
  position: relative;
  color: var(--edu-navy) !important;
  font-size: 0.82rem;
  font-weight: 650;
  letter-spacing: 0.035em;
}

.site-schoolandcollegelistings #js-header .navbar-nav .nav-link::after,
.school-directory-account-header #js-header .navbar-nav .nav-link::after {
  position: absolute;
  right: 0;
  bottom: -0.3rem;
  left: 0;
  height: 2px;
  background: var(--edu-purple);
  content: "";
  opacity: 0;
  transform: scaleX(0.65);
  transition: opacity 180ms ease, transform 180ms ease;
}

.site-schoolandcollegelistings #js-header .navbar-nav .nav-link:hover,
.site-schoolandcollegelistings #js-header .navbar-nav .nav-link:focus,
.site-schoolandcollegelistings #js-header .navbar-nav .active > .nav-link,
.school-directory-account-header #js-header .navbar-nav .nav-link:hover,
.school-directory-account-header #js-header .navbar-nav .nav-link:focus,
.school-directory-account-header #js-header .navbar-nav .active > .nav-link {
  color: var(--edu-purple) !important;
}

.site-schoolandcollegelistings #js-header .navbar-nav .nav-link:hover::after,
.site-schoolandcollegelistings #js-header .navbar-nav .nav-link:focus::after,
.site-schoolandcollegelistings #js-header .navbar-nav .active > .nav-link::after,
.school-directory-account-header #js-header .navbar-nav .nav-link:hover::after,
.school-directory-account-header #js-header .navbar-nav .nav-link:focus::after,
.school-directory-account-header #js-header .navbar-nav .active > .nav-link::after {
  opacity: 1;
  transform: scaleX(1);
}

.site-schoolandcollegelistings #js-header .hamburger-inner,
.site-schoolandcollegelistings #js-header .hamburger-inner::before,
.site-schoolandcollegelistings #js-header .hamburger-inner::after,
.school-directory-account-header #js-header .hamburger-inner,
.school-directory-account-header #js-header .hamburger-inner::before,
.school-directory-account-header #js-header .hamburger-inner::after {
  background-color: var(--edu-navy) !important;
}

/* Brand utilities are intentionally scoped to this site. */
.site-schoolandcollegelistings .g-bg-primary,
.site-schoolandcollegelistings .g-bg-primary--active.active,
.site-schoolandcollegelistings .g-bg-primary--hover:hover {
  background-color: var(--edu-purple) !important;
}

.site-schoolandcollegelistings .g-color-primary,
.site-schoolandcollegelistings .g-color-primary--hover:hover,
.site-schoolandcollegelistings .g-color-primary--active.active {
  color: var(--edu-purple) !important;
}

.site-schoolandcollegelistings .g-brd-primary,
.site-schoolandcollegelistings .g-brd-primary--hover:hover,
.site-schoolandcollegelistings .g-brd-primary--focus:focus {
  border-color: var(--edu-purple) !important;
}

/* Country browse links use Unify's dark primary variants to express listing
   volume. Keep the size cue, but replace the generic lime fills with a calm
   institutional treatment that remains legible when many cities are shown. */
.site-schoolandcollegelistings.page-country_single a.btn.u-btn-darkgray.g-bg-primary,
.site-schoolandcollegelistings.page-country_single a.btn.u-btn-darkgray.g-bg-primary-dark-v1,
.site-schoolandcollegelistings.page-country_single a.btn.u-btn-darkgray.g-bg-primary-dark-v2,
.site-schoolandcollegelistings.page-country_single a.btn.u-btn-darkgray.g-bg-primary-dark-v3 {
  color: var(--edu-navy) !important;
  background-color: #f7f3fa !important;
  border: 1px solid #c9b6d9 !important;
  box-shadow: none !important;
  font-weight: 650;
}

.site-schoolandcollegelistings.page-country_single a.btn.u-btn-darkgray.g-bg-primary:hover,
.site-schoolandcollegelistings.page-country_single a.btn.u-btn-darkgray.g-bg-primary:focus,
.site-schoolandcollegelistings.page-country_single a.btn.u-btn-darkgray.g-bg-primary-dark-v1:hover,
.site-schoolandcollegelistings.page-country_single a.btn.u-btn-darkgray.g-bg-primary-dark-v1:focus,
.site-schoolandcollegelistings.page-country_single a.btn.u-btn-darkgray.g-bg-primary-dark-v2:hover,
.site-schoolandcollegelistings.page-country_single a.btn.u-btn-darkgray.g-bg-primary-dark-v2:focus,
.site-schoolandcollegelistings.page-country_single a.btn.u-btn-darkgray.g-bg-primary-dark-v3:hover,
.site-schoolandcollegelistings.page-country_single a.btn.u-btn-darkgray.g-bg-primary-dark-v3:focus {
  color: #fff !important;
  background-color: var(--edu-purple) !important;
  border-color: var(--edu-purple) !important;
}

/* Unify uses the primary fill for several plain-text sidebar lists. These are
   informational panels, so give them the quieter treatment used by trusted
   institutional directories and reserve the solid brand colour for actions. */
.site-schoolandcollegelistings li.g-bg-primary {
  color: var(--edu-navy) !important;
  background-color: var(--edu-purple-soft) !important;
  border: 1px solid #c9b6d9 !important;
}

.site-schoolandcollegelistings li.g-bg-primary a,
.site-schoolandcollegelistings li.g-bg-primary p,
.site-schoolandcollegelistings li.g-bg-primary span {
  color: var(--edu-navy) !important;
}

.site-schoolandcollegelistings button.g-bg-primary.g-color-black,
.site-schoolandcollegelistings a.g-bg-primary.g-color-black {
  color: #fff !important;
  background-color: var(--edu-purple) !important;
}

.site-schoolandcollegelistings button.g-bg-primary.g-color-black:hover,
.site-schoolandcollegelistings button.g-bg-primary.g-color-black:focus,
.site-schoolandcollegelistings a.g-bg-primary.g-color-black:hover,
.site-schoolandcollegelistings a.g-bg-primary.g-color-black:focus {
  color: #fff !important;
  background-color: var(--edu-purple-dark) !important;
}

.site-schoolandcollegelistings .u-btn-primary {
  color: #fff;
  background: var(--edu-purple);
  border-color: var(--edu-purple);
  border-radius: 7px !important;
  box-shadow: 0 2px 5px rgba(68, 32, 100, 0.18);
  font-weight: 700;
  letter-spacing: 0.025em;
  transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.site-schoolandcollegelistings .u-btn-primary:hover,
.site-schoolandcollegelistings .u-btn-primary:focus,
.site-schoolandcollegelistings .u-btn-primary.active {
  color: #fff;
  background: var(--edu-purple-dark);
  border-color: var(--edu-purple-dark);
  transform: translateY(-1px);
}

.site-schoolandcollegelistings .u-pagination-v1-4--active {
  color: #fff;
  background: var(--edu-purple);
  border-color: var(--edu-purple);
}

/* Image-led page title area with a calm, legible navy veil. */
.site-schoolandcollegelistings .g-pt-85 > section.g-bg-black-opacity-0_5--after {
  display: flex;
  min-height: 340px;
  align-items: center;
  background-position: center;
}

.site-schoolandcollegelistings .g-bg-black-opacity-0_5--after::after {
  background-color: rgba(16, 38, 58, 0.76) !important;
}

.site-schoolandcollegelistings .g-bg-cover__inner {
  animation: edu-content-enter 520ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.site-schoolandcollegelistings .g-bg-cover__inner h1 {
  max-width: 780px;
  margin-bottom: 1rem;
  color: #fff;
  font-size: clamp(2rem, 4vw, 3.25rem);
  font-weight: 720 !important;
  line-height: 1.12;
  text-wrap: balance;
  text-transform: none !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.28);
}

.site-schoolandcollegelistings .g-bg-cover__inner .g-color-primary {
  color: #eadcf5 !important;
}

.site-schoolandcollegelistings .g-bg-cover__inner a {
  text-decoration: none;
}

/* Secondary marketing pages use Unify's parallax hero rather than the shared
   title block. Keep their headings readable over photography too. */
.site-schoolandcollegelistings section.dzsparallaxer .g-bg-black-opacity-0_3--after::after {
  background: linear-gradient(90deg, rgba(15, 39, 61, 0.86), rgba(15, 39, 61, 0.5)) !important;
}

.site-schoolandcollegelistings section.dzsparallaxer .g-color-white,
.site-schoolandcollegelistings section.dzsparallaxer .g-color-white h1,
.site-schoolandcollegelistings section.dzsparallaxer .g-color-white p {
  color: #fff !important;
  text-shadow: 0 2px 16px rgba(6, 22, 35, 0.55);
}

.site-schoolandcollegelistings section.dzsparallaxer .g-color-white h1 {
  overflow-wrap: anywhere;
  text-wrap: balance;
}

.site-schoolandcollegelistings .directory-hero-search .form-control.u-form-control {
  border-color: rgba(255, 255, 255, 0.82);
  box-shadow: 0 8px 24px rgba(5, 19, 31, 0.22);
}

.site-schoolandcollegelistings .directory-hero-search #loc {
  transition: background-color 160ms ease;
}

.site-schoolandcollegelistings .directory-hero-search #loc:hover,
.site-schoolandcollegelistings .directory-hero-search #loc:focus-visible {
  background: var(--edu-purple-soft);
}

/* Search is the primary working surface. */
.site-schoolandcollegelistings .form-control.u-form-control {
  min-height: 54px;
  padding: 0.8rem 1rem;
  color: var(--edu-ink);
  background: #fff;
  border: 1px solid #aebbc8;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(16, 38, 58, 0.04);
  font-size: 1rem;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

.site-schoolandcollegelistings .form-control.u-form-control::placeholder {
  color: #6c7884;
  opacity: 1;
}

.site-schoolandcollegelistings .form-control.u-form-control:focus {
  border-color: var(--edu-purple);
  box-shadow: 0 0 0 4px rgba(91, 42, 134, 0.16);
}

.site-schoolandcollegelistings .autocomplete .autocomplete-items {
  margin-top: 0.3rem;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--edu-border);
  border-radius: 8px;
  box-shadow: 0 14px 32px rgba(16, 38, 58, 0.16);
}

.site-schoolandcollegelistings .autocomplete .autocomplete-items div {
  padding: 0.8rem 1rem;
  color: var(--edu-ink);
  background: #fff;
  border-bottom: 1px solid #e7ebf0;
}

.site-schoolandcollegelistings .autocomplete .autocomplete-items div:hover,
.site-schoolandcollegelistings .autocomplete .autocomplete-active {
  color: var(--edu-purple-dark) !important;
  background: var(--edu-purple-soft) !important;
}

/* Listing results read as records, not promotional cards. */
.site-schoolandcollegelistings article.u-shadow-v19 {
  min-height: 132px;
  background: #fff;
  border: 1px solid var(--edu-border);
  border-radius: 10px !important;
  box-shadow: 0 2px 8px rgba(16, 38, 58, 0.07);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.site-schoolandcollegelistings article.u-shadow-v19:hover {
  border-color: #b9a0cf;
  box-shadow: 0 10px 24px rgba(16, 38, 58, 0.12);
  transform: translateY(-2px);
}

.site-schoolandcollegelistings article.u-shadow-v19.g-bg-primary {
  background: var(--edu-purple-soft) !important;
  border-color: #c9b6d9;
  box-shadow: 0 2px 8px rgba(68, 32, 100, 0.08);
}

.site-schoolandcollegelistings article.u-shadow-v19.g-bg-primary:hover {
  background: #ece1f5 !important;
  border-color: #a885c3;
}

.site-schoolandcollegelistings article.u-shadow-v19.g-bg-primary h3,
.site-schoolandcollegelistings article.u-shadow-v19.g-bg-primary h4,
.site-schoolandcollegelistings article.u-shadow-v19.g-bg-primary a {
  color: var(--edu-navy) !important;
}

.site-schoolandcollegelistings article.u-shadow-v19.g-bg-primary a:hover,
.site-schoolandcollegelistings article.u-shadow-v19.g-bg-primary a:focus {
  color: var(--edu-purple) !important;
}

.site-schoolandcollegelistings article.u-shadow-v19 h3,
.site-schoolandcollegelistings article.u-shadow-v19 h4 {
  line-height: 1.4;
  text-transform: none !important;
}

.site-schoolandcollegelistings article.u-shadow-v19 h3 {
  font-size: 0.98rem !important;
}

.site-schoolandcollegelistings article.u-shadow-v19 h4 {
  color: var(--edu-muted);
  font-size: 0.84rem !important;
}

.site-schoolandcollegelistings article.u-shadow-v19 img.g-rounded-50x {
  width: 92px !important;
  height: 92px;
  object-fit: cover;
  background: var(--edu-surface);
  border: 1px solid var(--edu-border);
  border-radius: 9px !important;
}

.site-schoolandcollegelistings article.u-shadow-v19 .g-bg-primary {
  border-radius: 5px !important;
}

.site-schoolandcollegelistings p[aria-label="Location context"] {
  padding: 0.85rem 1rem;
  color: #445463 !important;
  background: var(--edu-surface);
  border-left: 4px solid var(--edu-purple);
  border-radius: 0 7px 7px 0;
}

.site-schoolandcollegelistings #map,
.site-schoolandcollegelistings #mapdiv,
.site-schoolandcollegelistings .leaflet-container {
  border: 1px solid var(--edu-border);
  border-radius: 10px;
}

.site-schoolandcollegelistings aside h2,
.site-schoolandcollegelistings aside h3,
.site-schoolandcollegelistings .col-lg-3 > h2,
.site-schoolandcollegelistings .col-lg-3 > h3 {
  font-weight: 720;
  text-transform: none !important;
}

/* The footer becomes an institutional closing surface. */
.site-schoolandcollegelistings footer.g-bg-black-opacity-0_9 {
  background: var(--edu-navy-deep) !important;
  border-top: 4px solid var(--edu-purple);
}

.site-schoolandcollegelistings footer h6 {
  color: #fff;
  letter-spacing: 0.04em;
}

.site-schoolandcollegelistings footer p,
.site-schoolandcollegelistings footer li,
.site-schoolandcollegelistings footer a {
  color: rgba(255, 255, 255, 0.76) !important;
}

.site-schoolandcollegelistings footer a:hover,
.site-schoolandcollegelistings footer a:focus {
  color: #fff !important;
}

/* Collapse ad containers only after the provider has explicitly reported that
   no advert was filled. This prevents large blank bands above useful content. */
.site-schoolandcollegelistings center:has(> ins.adsbygoogle[data-ad-status="unfilled"]),
.site-schoolandcollegelistings article:has(> center > ins.adsbygoogle[data-ad-status="unfilled"]),
.site-schoolandcollegelistings .row:has(> .col-sm-12 > ins.adsbygoogle[data-ad-status="unfilled"]) {
  display: none !important;
}

@media (max-width: 767.98px) {
  .site-schoolandcollegelistings .directory-results-toggle,
  .site-schoolandcollegelistings .directory-list-toggle {
    color: var(--edu-purple);
    border: 1px solid var(--edu-purple);
  }

  .site-schoolandcollegelistings .directory-results-toggle:hover,
  .site-schoolandcollegelistings .directory-results-toggle:focus,
  .site-schoolandcollegelistings .directory-list-toggle:hover,
  .site-schoolandcollegelistings .directory-list-toggle:focus {
    color: #fff;
    background: var(--edu-purple);
  }
}

/* The shared accordion ships both state icons in the markup. Keep one clear
   affordance visible and let aria-expanded drive the open state. */
.site-schoolandcollegelistings .u-accordion__control-icon .fa-angle-up {
  display: none;
}

.site-schoolandcollegelistings .u-accordion [aria-expanded="true"] .fa-angle-down {
  display: none;
}

.site-schoolandcollegelistings .u-accordion [aria-expanded="true"] .fa-angle-up {
  display: inline-block;
}

/* Keep the add-listing action in the same restrained brand system. */
.site-schoolandcollegelistings .page-admin .btn-success,
.site-schoolandcollegelistings .page-admin .btn-primary,
.site-schoolandcollegelistings.page-admin .btn-primary,
.site-schoolandcollegelistings.page-admin .btn-success {
  color: #fff !important;
  background: var(--edu-purple) !important;
  border-color: var(--edu-purple) !important;
}

.site-schoolandcollegelistings .page-admin .btn-success:hover,
.site-schoolandcollegelistings .page-admin .btn-success:focus,
.site-schoolandcollegelistings .page-admin .btn-primary:hover,
.site-schoolandcollegelistings .page-admin .btn-primary:focus,
.site-schoolandcollegelistings.page-admin .btn-primary:hover,
.site-schoolandcollegelistings.page-admin .btn-primary:focus,
.site-schoolandcollegelistings.page-admin .btn-success:hover,
.site-schoolandcollegelistings.page-admin .btn-success:focus {
  background: var(--edu-purple-dark) !important;
  border-color: var(--edu-purple-dark) !important;
}

/* Featured Listing checkout: replace the inherited campaign treatment with a
   calm institutional purchase surface while retaining the existing workflow. */
.site-schoolandcollegelistings.page-feature_payment {
  overflow-x: hidden;
  background: var(--edu-surface);
}

.site-schoolandcollegelistings.page-feature_payment .feature-purchase {
  position: relative;
  padding: 7.5rem 0 4rem !important;
  text-shadow: none !important;
}

.site-schoolandcollegelistings.page-feature_payment .feature-purchase::before {
  position: absolute;
  inset: 0;
  background: rgba(16, 38, 58, 0.72);
  content: "";
}

.site-schoolandcollegelistings.page-feature_payment .feature-purchase > .container {
  position: relative;
}

.site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel {
  margin-right: 0;
  margin-left: 0;
  padding: clamp(1.5rem, 4vw, 3.5rem) !important;
  background: #fff !important;
  border: 1px solid var(--edu-border);
  border-radius: 14px !important;
  box-shadow: 0 22px 55px rgba(7, 24, 38, 0.24);
}

.site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel > .col-lg-1 {
  display: none;
}

.site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel > .col-lg-8 {
  flex: 0 0 100%;
  max-width: 100%;
}

.site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel h1,
.site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel h2,
.site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel h3,
.site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel h4 {
  color: var(--edu-navy) !important;
  line-height: 1.18;
  text-shadow: none;
  text-transform: none !important;
}

.site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel h1 {
  max-width: 820px;
  font-size: clamp(2rem, 4vw, 3.25rem) !important;
  font-weight: 740 !important;
  letter-spacing: -0.035em;
}

.site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel h1 + h4 {
  margin-top: 1.4rem;
  color: var(--edu-purple) !important;
  font-weight: 720 !important;
}

.site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel p,
.site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel li,
.site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel .g-color-white-opacity-0_8,
.site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel .g-color-white-opacity-0_9 {
  color: var(--edu-ink) !important;
  text-shadow: none;
}

.site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel .g-color-primary {
  color: var(--edu-purple) !important;
}

.site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel .g-color-red {
  display: inline-flex;
  min-width: 2rem;
  min-height: 2rem;
  align-items: center;
  justify-content: center;
  color: var(--edu-navy) !important;
  background: var(--edu-purple-soft);
  border-radius: 50%;
}

.site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel .g-bg-bluegray {
  color: var(--edu-ink) !important;
  background: var(--edu-surface) !important;
  border: 1px solid var(--edu-border) !important;
  border-radius: 10px !important;
}

.site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel .g-bg-blue {
  color: var(--edu-ink) !important;
  background: #fff !important;
  border: 1px solid var(--edu-border) !important;
  border-radius: 10px !important;
}

.site-schoolandcollegelistings.page-feature_payment .feature-single-location-options,
.site-schoolandcollegelistings.page-feature_payment .feature-location-options {
  padding: clamp(1.25rem, 3vw, 2rem) !important;
  box-shadow: none !important;
}

.site-schoolandcollegelistings.page-feature_payment .feature-single-location-options > h2,
.site-schoolandcollegelistings.page-feature_payment .feature-location-options > h2 {
  margin-top: 0 !important;
  margin-bottom: 0.65rem !important;
  font-size: clamp(1.25rem, 2vw, 1.55rem) !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em;
}

.site-schoolandcollegelistings.page-feature_payment .feature-location-options > p {
  max-width: 760px;
  margin-bottom: 0.75rem;
  font-size: 0.975rem;
  line-height: 1.55;
}

.site-schoolandcollegelistings.page-feature_payment .feature-location-options > table:first-of-type {
  margin-top: 1.5rem;
  margin-bottom: 1rem !important;
}

.site-schoolandcollegelistings.page-feature_payment .feature-location-options sl-select {
  --sl-input-border-color: var(--edu-border);
  --sl-input-border-color-focus: var(--edu-purple);
  --sl-input-focus-ring-color: rgba(91, 45, 145, 0.16);
  font-size: 0.95rem;
}

.site-schoolandcollegelistings.page-feature_payment .feature-location-options td > b {
  display: block;
  margin-top: 0.45rem;
  color: var(--edu-navy);
  font-size: 0.875rem;
  line-height: 1.45;
}

.site-schoolandcollegelistings.page-feature_payment .feature-location-options #city_selections {
  margin-top: 0 !important;
}

.site-schoolandcollegelistings.page-feature_payment .feature-pricing-table {
  overflow: hidden;
  margin-bottom: 0;
  color: var(--edu-ink);
  background: #fff;
  border: 1px solid var(--edu-border) !important;
  border-collapse: collapse !important;
  border-radius: 6px !important;
  font-size: 0.9rem;
}

.site-schoolandcollegelistings.page-feature_payment .feature-pricing-table th {
  padding: 0.65rem 0.7rem;
  color: var(--edu-navy);
  background: #f1f4f7;
  border-color: var(--edu-border) !important;
  font-weight: 700;
}

.site-schoolandcollegelistings.page-feature_payment .feature-pricing-table td {
  padding: 0.55rem 0.7rem;
  color: var(--edu-ink);
  background: #fff;
  border-color: var(--edu-border) !important;
  vertical-align: middle;
}

.site-schoolandcollegelistings.page-feature_payment .feature-pricing-table th:last-child,
.site-schoolandcollegelistings.page-feature_payment .feature-pricing-table td:last-child {
  text-align: right;
}

.site-schoolandcollegelistings.page-feature_payment .feature-pricing-table tr:last-child td {
  background: #f8fafb;
  font-weight: 700;
}

.site-schoolandcollegelistings.page-feature_payment .feature-pricing-discount,
.site-schoolandcollegelistings.page-feature_payment .feature-pricing-current-price {
  color: var(--edu-purple) !important;
}

.site-schoolandcollegelistings.page-feature_payment .feature-discount-heading {
  margin: 0.35rem 0 0.75rem !important;
  color: var(--edu-navy) !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  text-transform: none !important;
}

.site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel span[style*="background-color: yellow"] {
  padding: 0.15rem 0.35rem !important;
  color: var(--edu-navy) !important;
  background: var(--edu-purple-soft) !important;
  border-radius: 3px;
  font-weight: 700;
  line-height: inherit !important;
}

.site-schoolandcollegelistings.page-feature_payment .feature-single-location-options td[style*="border: 1px dotted"],
.site-schoolandcollegelistings.page-feature_payment .feature-location-options td[style*="border: 1px dotted"] {
  padding: 1.5rem !important;
  background: #f8fafb;
  border: 1px solid var(--edu-border) !important;
  border-radius: 8px !important;
}

.site-schoolandcollegelistings.page-feature_payment #payNowBtn,
.site-schoolandcollegelistings.page-feature_payment #payNowMultipleBtn {
  min-height: 44px;
  padding: 0.65rem 1.25rem;
  font-size: 1rem !important;
  font-weight: 700;
  line-height: 1.35;
  box-shadow: none;
}

.site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel .g-bg-brown {
  color: var(--edu-ink) !important;
  background: #fff !important;
  border: 1px solid var(--edu-border) !important;
}

.site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel a {
  overflow-wrap: anywhere;
}

.site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel .btn-success {
  color: #fff !important;
  background: var(--edu-purple) !important;
  border-color: var(--edu-purple) !important;
}

.site-schoolandcollegelistings.page-feature_payment .wrap,
.site-schoolandcollegelistings.page-feature_payment .wrap2 {
  width: 100% !important;
  max-width: 640px !important;
}

.site-schoolandcollegelistings.page-feature_payment table,
.site-schoolandcollegelistings.page-feature_payment sl-select,
.site-schoolandcollegelistings.page-feature_payment sl-input,
.site-schoolandcollegelistings.page-feature_payment sl-button {
  max-width: 100%;
}

@keyframes edu-content-enter {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 991px) {
  .site-schoolandcollegelistings #js-header .navbar-collapse,
  .school-directory-account-header #js-header .navbar-collapse {
    margin-top: 0.7rem;
    padding: 0.75rem 0 0.25rem;
    border-top: 1px solid var(--edu-border);
  }

  .site-schoolandcollegelistings #js-header .navbar-nav .nav-link,
  .school-directory-account-header #js-header .navbar-nav .nav-link {
    padding: 0.65rem 0 !important;
  }

  .site-schoolandcollegelistings #js-header .navbar-nav .nav-link::after,
  .school-directory-account-header #js-header .navbar-nav .nav-link::after {
    display: none;
  }
}

@media (max-width: 767px) {
  .site-schoolandcollegelistings #js-header .navbar-brand img,
  .school-directory-account-header #js-header .navbar-brand img {
    height: 32px;
    max-width: 235px;
  }

  .site-schoolandcollegelistings .g-pt-85 > section.g-bg-black-opacity-0_5--after {
    min-height: 330px;
    background-position: 58% center;
  }

  .site-schoolandcollegelistings .g-bg-cover__inner h1 {
    font-size: clamp(1.8rem, 9vw, 2.5rem);
  }

  .site-schoolandcollegelistings section.dzsparallaxer .g-color-white h1 {
    font-size: 1.8rem;
    line-height: 1.2;
  }

  .site-schoolandcollegelistings section.dzsparallaxer .g-color-white p.g-font-size-22 {
    font-size: 1rem !important;
    line-height: 1.45;
  }

  .site-schoolandcollegelistings article.u-shadow-v19 {
    min-height: 120px;
    padding: 1rem !important;
  }

  .site-schoolandcollegelistings article.u-shadow-v19 img.g-rounded-50x {
    width: 76px !important;
    height: 76px;
  }

  .site-schoolandcollegelistings.page-feature_payment .feature-purchase {
    padding: 6rem 0.5rem 2rem !important;
  }

  .site-schoolandcollegelistings.page-feature_payment .feature-purchase .container {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }

  .site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel {
    padding: 1.25rem !important;
    border-radius: 10px !important;
  }

  .site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel h1 {
    font-size: clamp(1.9rem, 10vw, 2.5rem) !important;
  }

  .site-schoolandcollegelistings.page-feature_payment .wrap,
  .site-schoolandcollegelistings.page-feature_payment .wrap2 {
    height: 460px !important;
  }

  .site-schoolandcollegelistings.page-feature_payment iframe.preview {
    width: 120% !important;
    height: 120% !important;
    transform: scale(0.833) !important;
  }

  .site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel .g-pa-50 {
    padding: 1rem !important;
  }

  .site-schoolandcollegelistings.page-feature_payment .feature-single-location-options,
  .site-schoolandcollegelistings.page-feature_payment .feature-location-options {
    margin-top: 1.25rem !important;
    padding: 1rem !important;
  }

  .site-schoolandcollegelistings.page-feature_payment .feature-location-options > table:first-of-type {
    margin-top: 1rem;
  }

  .site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel table,
  .site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel tbody,
  .site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel tr,
  .site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel td {
    display: block;
    width: 100% !important;
  }

  .site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel td + td {
    margin-top: 1rem;
  }

  .site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel td[width="30px"] {
    display: none;
  }

  .site-schoolandcollegelistings.page-feature_payment .feature-pricing-table,
  .site-schoolandcollegelistings.page-feature_payment .feature-pricing-table tbody {
    display: table !important;
    width: 100% !important;
  }

  .site-schoolandcollegelistings.page-feature_payment .feature-pricing-table tr {
    display: table-row !important;
  }

  .site-schoolandcollegelistings.page-feature_payment .feature-pricing-table th,
  .site-schoolandcollegelistings.page-feature_payment .feature-pricing-table td {
    display: table-cell !important;
    width: 50% !important;
  }

  .site-schoolandcollegelistings.page-feature_payment .feature-pricing-table td + td {
    margin-top: 0;
  }

  .site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel #payNowBtn,
  .site-schoolandcollegelistings.page-feature_payment .feature-purchase__panel .btn-lg {
    width: 100%;
    max-width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    font-size: 1.1rem !important;
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-schoolandcollegelistings *,
  .site-schoolandcollegelistings *::before,
  .site-schoolandcollegelistings *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}