#agency-index #main, #agencies-index #main {
  margin-bottom: 0;
}

.agency-background {
  background: #D9B15C;
}

/* background-color: #DFDBE5; */
/* background-image:  */
.agency-content-padding {
  background-color: #FFFFFF;
  padding: 20px 20px 20px 20px;
}

.agency-logo-center {
  text-align: center;
}

.about-description {
  width: 100% !important;
}

.agency-top-padding {
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
}

.agency-top-shadow {
  -ms-box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8);
  box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8);
}

#nav .active {
  background: #3a405a !important;
}

.subheader {
  background: #3a405a !important;
  min-height: 0px;
}

.subheader a {
  background: #b8860b !important;
  background: radial-gradient(150% 90% ellipse at 50% 20%, #ffc531, 65%, transparent), #b8860b !important;
  transition: all 0.3s ease 0s;
}

.subheader a.main-filter-category,
.subheader a.main-filter-category:link,
.subheader a.main-filter-category:visited {
  color: #232737;
  background-color: #b8860b !important;
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.08) 33.84%, rgba(0, 0, 0, 0.05) 42.85%, rgba(255, 255, 255, 0.05) 56.4%, rgba(255, 255, 255, 0.05) 66.67%, rgba(255, 255, 255, 0.05) 100%) !important;
}

.subheader a.main-filter-category:hover,
.subheader a.main-filter-category:active,
.subheader a.main-filter-category.active {
  border: 1px solid #fff !important;
  background-color: #3a405a !important;
  background-image: none !important;
  color: #fff;
}

.agency-bottom-margin {
  margin-bottom: 20px;
}

.agency-home-resources-padding-ul li {
  padding: 20px 0 15px !important;
}

.agencies-index-ul li a {
  color: #000000;
}

/* line 20, by-the-number.scss */
.column.span3 {
  margin: 0 2% 30px 0;
}

@media (max-width: 767px) {
  /* line 20, by-the-number.scss */
  .column.span3 {
    width: 48%;
  }
}
/* line 26, by-the-number.scss */
.column.span3:last-child {
  margin: 0;
}

sup {
  font-size: 12px;
}

a.connect-link {
  background-color: #36add5 !important;
}

a.connect-link:hover {
  background-color: #0a5796 !important;
}

.agencies-about-links ul li.active a {
  color: #3a405a;
  -webkit-text-decoration: underline solid currentColor;
  text-decoration: underline solid currentColor;
  text-decoration-thickness: 2px;
}

.agencies-about-links ul li a {
  border-color: transparent !important;
  color: #3a405a;
}

.agencies-about-links ul li a:hover {
  color: #000;
}

a, a:link, a:visited {
  color: #3a405a;
}

.main-content-width {
  width: 100% !important;
  margin: 0px 0px 20px;
}

.agencies-index-panel h2 {
  font-size: 1.5rem;
}

.module.module-agency-columns a:focus:not(:focus-visible),
.module.module-agency-columns button:focus:not(:focus-visible),
.about-description a:focus:not(:focus-visible),
.about-description button:focus:not(:focus-visible) {
  outline: none;
}

.module.module-agency-columns a:focus-visible,
.module.module-agency-columns button:focus-visible,
.about-description a:focus-visible,
.about-description button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.module.module-agency-columns a:where(:not([class*=button])):where(:not([class*=btn])) {
  transition: all 0.3s ease 0s;
}

.module.module-agency-columns a:where(:not([class*=button])):where(:not([class*=btn])):hover, .module.module-agency-columns a:where(:not([class*=button])):where(:not([class*=btn])):focus-visible {
  text-decoration: solid underline currentColor;
}

.module.module-agency-columns *:where(:not(p)) > a {
  color: #3a405a;
}

.module.module-agency-columns p > a {
  text-decoration: solid underline currentColor;
}

.agencies-index-panel h2,
.module-agency-columns h4, .module-header h2,
.about-description h1,
.about-description h2,
.about-description h3,
.about-description h4,
.about-description h5,
.about-description h6,
.about-description .h1,
.about-description .h2,
.about-description .h3,
.about-description .h4,
.about-description .h5,
.about-description .h6 {
  color: #3a405a;
}

.about-description a:not(.btn):hover, .content-info-inner a:hover,
.about-description a:not(.btn):focus,
.content-info-inner a:focus {
  -webkit-text-decoration: underline solid #000;
  text-decoration: underline solid #000;
  color: #000;
}

.module-homepage-hero .content-slider .rsSlide {
  background: #3a405a;
}

.module-homepage-hero .richtext h2.hero-title,
.module-homepage-hero .richtext h2.hero-title a.arrow-link {
  color: #fff;
}

.module-homepage-hero .module.module-stats {
  background: #3a405a;
}

.module-homepage-hero .module.module-stats,
.module-homepage-hero .module.module-stats a {
  color: #fff;
}

.module-homepage-hero .module.module-stats a {
  font-weight: 700;
  text-decoration: solid underline currentColor;
}

.module-homepage-hero .module.module-stats ul.clearfix > :is(*) {
  margin-block: 0;
}

.module-homepage-hero .module.module-stats ul.clearfix > :is(*) + * {
  margin-block-start: 1em;
}

.module-homepage-hero .module.module-stats ul:not(.clearfix) {
  list-style-type: disc;
  list-style-position: inside;
}

.module-homepage-hero .module.module-stats li {
  padding-block: 0;
  border: none;
}

.module-homepage-hero .module.module-stats li + li {
  margin-block-start: 0.375em;
}

.module-homepage-hero .module.module-stats .stats-title {
  background: #fff;
  color: #3a405a;
  font-weight: 700;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  line-height: 1;
  clip-path: polygon(0% 50%, 15px 0%, 100% 0%, 100% 100%, 15px 100%);
}

.module-homepage-hero .flex-direction-nav :is(.slider-next, .slider-prev) {
  box-shadow: 0 0 0 2px transparent, 0 0 0 4px transparent;
  background: rgba(255, 255, 255, 0.125);
}

.module-homepage-hero .flex-direction-nav :is(.slider-next, .slider-prev):hover, .module-homepage-hero .flex-direction-nav :is(.slider-next, .slider-prev):focus-visible {
  background: rgba(255, 255, 255, 0.25);
}

.module-homepage-hero .flex-direction-nav :is(.slider-next, .slider-prev)::after {
  content: "";
  block-size: 100%;
  inline-size: 100%;
  inset: 0;
  position: absolute;
  border-radius: inherit;
  background: url("https://www.nyc.gov/assets/home/images/global/heroright5.svg") no-repeat center/100% 100%;
  filter: saturate(0%) brightness(0%);
}

.module-homepage-hero .flex-direction-nav :is(.slider-next, .slider-prev):focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #b8860b, 0 0 0 4px #000;
}

.module-homepage-hero .img-container,
.module-homepage-hero .content-slider .rsOverflow {
  background-color: #3a405a !important;
}

.module-homepage-hero .flex-direction-nav :is(.slider-prev) {
  transform: scaleX(-1);
}

:where(.about-description) > :is(h1, h2, h3, h4, h5, h6, p, ul, ol, img) {
  margin-block-start: 0;
}

:where(.about-description) a:where(:not([class*=btn])):where(:not([class*=button])) {
  text-decoration: solid underline currentColor;
}

@media (width >= 768px) {
  .agencies-about-links .agencies-about-links {
    padding-block-start: calc(40px - 1rem);
  }
  .agencies-about-links .agencies-about-links a {
    padding-block: 0;
  }
  .agencies-about-links .agencies-about-links ul {
    display: flex;
    gap: 1rem;
    flex-flow: row wrap;
  }
  .agencies-about-links .agencies-about-links ul > * {
    flex: 0 0 100%;
  }
}
#w1645149248802 .module-agency-columns .agencies-index-panel.agencies-no-scrolling.text-padding {
  padding: 0;
}

#w1645149248802 .row.bg-highlighted {
  background: #fff;
}

@media (width < 768px) {
  #w1645149248802 .container {
    padding-inline: 0;
  }
  #w1645149248802 .indexMessage > :is(h1, h2, h3, h4, h5, h6):first-child {
    inline-size: 100%;
    position: relative;
    inset-inline-start: 50%;
    transform: translateX(-50%);
    padding-inline: 40px;
  }
}
.indexMessage {
  background: #3a405a;
  padding: 20px 20px 40px;
}

.indexMessage > :is(h1, h2, h3, h4, h5, h6):first-child {
  background: #fff;
  color: #3a405a;
  padding: 10px 20px;
  font-size: 1.375rem;
  line-height: 1;
}

.indexMessage,
.indexMessage a {
  color: #fff;
}

.indexMessage a {
  text-decoration: solid underline currentColor;
}

.indexMessage > * {
  margin-block: 0;
}

.indexMessage > * + * {
  margin-block-start: 1.5rem;
}

.navTestxyz {
  font-family: "helvetica neue", "helvetica", "arial", sans-serif;
  list-style: none;
  padding: 0;
  margin-inline: 0;
  display: flex;
  gap: 0;
  justify-content: center;
}

.navTestxyz::after {
  content: "";
  block-size: 0.25em;
  position: absolute;
  position-anchor: --navAnchor;
  inset-inline-start: anchor(left);
  inset-inline-end: anchor(right);
  inset-block-end: calc(anchor(bottom) - 5px);
  background: red;
  transition: 0.2s 0s;
}

.navTestxyz a {
  text-decoration: none;
  font-weight: 700;
}

.navTestxyz li.active {
  anchor-name: --navAnchor;
}

.navTestxyz li.active a {
  background: red;
  color: #fff;
}

.navTestxyz:hover li.active {
  anchor-name: none;
}

.navTestxyz:hover li:hover,
.navTestxyz:hover li.active:hover {
  anchor-name: --navAnchor;
}

.navTest {
  font-family: "helvetica neue", "helvetica", "arial", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  padding: 0;
  margin: 0;
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  gap: 0 1rem;
  justify-content: center;
}

.navTest li:nth-child(1) {
  --navItemFg: green;
  --navItemBg: #fff;
}

.navTest li:nth-child(2) {
  --navItemFg: blue;
  --navItemBg: #fff;
}

.navTest li:nth-child(3) {
  --navItemFg: red;
  --navItemBg: #fff;
}

.navTest li:nth-child(4) {
  --navItemFg: orange;
  --navItemBg: #fff;
}

.navTest li:nth-child(5) {
  --navItemFg: purple;
  --navItemBg: #fff;
}

.navTest::before {
  content: "";
  block-size: max(0.25em, 5px);
  position: absolute;
  position-anchor: --navAnchor;
  inset-inline-start: anchor(left);
  inset-inline-end: anchor(right);
  background: red;
  inset-block-end: calc(anchor(bottom) - (0.5em + 5px));
  transition: inset 0.3s ease 0.2s, background 0.3s ease 0.35s;
  border-radius: 999em;
}

.navTest a {
  text-decoration: none;
  padding: 0.5em;
  color: var(--navItemFg);
  background: var(--navItemBg);
  border-radius: 0.25rem;
}

.navTest .active a {
  background: var(--navItemFg);
  color: var(--navItemBg);
}

.navTest li:is(:hover, .active, :focus-within) {
  anchor-name: --navAnchor;
}

.navTest:has(li:where(:not(.active)):hover)::before, .navTest:has(li:where(:not(.active)):focus-within)::before {
  background: #000;
}

.navTest:has(li:hover) li.active:not(:hover), .navTest:has(li:focus-within) li.active:not(:focus-within) {
  anchor-name: none;
}

.navTest:has(li:nth-of-type(1):hover)::before {
  background: green;
}

.navTest:has(li:nth-of-type(2):hover)::before {
  background: blue;
}

.navTest:has(li:nth-of-type(3):hover)::before {
  background: red;
}

.navTest:has(li:nth-of-type(4):hover)::before {
  background: orange;
}

.navTest:has(li:nth-of-type(5):hover)::before {
  background: purple;
}

hr.jumbo {
  border: none;
  block-size: 12rem;
  background: linear-gradient(to top, #ddd, #ddd) no-repeat center/100% 1px;
}

.tipTest {
  font-family: "helvetica neue", "helvetica", "arial", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  inline-size: 300px;
  margin: 0 auto;
}

.tipTrigger {
  aspect-ratio: 1;
  background: transparent;
  block-size: 24px;
  border: none;
  border-radius: 100%;
  box-shadow: 0 0 0 2px currentColor, 0.25em 0.25em 0.5em 0 rgba(0, 0, 0, 0.875);
  color: #0a5796;
  cursor: pointer;
  font-weight: 700;
  padding: 0;
  vertical-align: super;
  anchor-name: --tipAnchor;
}

.tooltip[popover] {
  position: absolute;
  position-anchor: --tipAnchor;
  inset: auto;
  margin: 0;
  padding: 1em;
  border: none;
  inset-inline-start: anchor(left);
  inset-block-start: calc(anchor(end) + 5px);
  background: green;
  padding-block-start: 2em;
  clip-path: polygon(12px 0%, 24px 1em, 100% 1em, 100% 100%, 0% 100%, 0% 1em);
}

.tooltip[popover] > * {
  margin-block: 0;
}

.tooltip[popover] > * + * {
  margin-block: 1em;
}

.twoCol {
  display: flex;
  flex-flow: row nowrap;
  gap: 1rem;
}

@media (width <= 768) {
  .twoCol {
    flex-wrap: wrap;
  }
  .twoCol > * {
    box-shadow: 0 0 0 1px red;
  }
}
#page #outer-wrap .span6.about-description h1,
#page #outer-wrap .span6.about-description .h1 {
  color: #3a405a;
}

#programInt :is(.content-info-inner, img) {
  border-color: transparent;
}

#w1455901665069 {
  display: none;
}

:root {
  interpolate-size: allow-keywords;
}

.calloutBox {
  background: rgba(53, 69, 140, 0.0625);
  padding: 1rem !important;
  display: block;
  max-inline-size: 100%;
  inline-size: fit-content;
  border-inline-start: 2px solid #35458c;
}

table.rt * {
  border-color: #3a405a;
}

@media (width >= 767px) {
  table.rt thead th {
    background: #3a405a;
    color: #fff;
    text-align: start;
  }
}
@media (width >= 768px) {
  .about-description table.rt {
    inline-size: 100%;
    table-layout: auto;
  }
  .about-description table.rt th {
    white-space: unset !important;
    hyphens: auto;
    font-size: 1.125rem;
    font-size: 1rem !important;
  }
}
ol.feeSchedule {
  list-style: lower-alpha;
}
ol.feeSchedule h4 {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.08;
}
ol.feeSchedule h4 span.dotLeader {
  display: flex;
  flex-flow: row nowrap;
  gap: 0 0.125em;
  align-items: end;
  flex-grow: 1;
}
ol.feeSchedule h4 span.dotLeader > span:first-child {
  flex: 1 1 0%;
}
ol.feeSchedule h4 span.dotLeader > span:last-child {
  font-size: 1rem;
  font-weight: 400;
  flex: 1 0 auto;
  display: flex;
  flex-flow: row nowrap;
  gap: 0.125em;
}
ol.feeSchedule h4 span.dotLeader > span:last-child::before {
  content: "";
  position: relative;
  block-size: 1lh;
  transform: translateY(-0.25em);
  flex: 1 0 2rem;
  pointer-events: none;
  border-block-end: 1px dotted #ddd;
}
ol.feeSchedule ::marker {
  color: #35458c;
  font-weight: 700;
}
ol.feeSchedule dl {
  counter-reset: dtCounter;
}
ol.feeSchedule dl > div {
  counter-increment: dtCounter;
  display: flex;
  flex-flow: row wrap;
  gap: 0 0.125em;
}
ol.feeSchedule dl dt {
  flex-grow: 1;
  display: grid;
  grid-template: auto/auto 1fr;
  gap: 0 0.375em;
}
ol.feeSchedule dl dt > :where(*) {
  grid-column: 2;
}
ol.feeSchedule dl dt::before {
  content: counter(dtCounter, lower-roman) ".";
  font-weight: 700;
}
ol.feeSchedule dl dd {
  margin-inline: 0;
  flex-grow: 9999;
  display: flex;
  flex-flow: row nowrap;
  gap: 0 0.125em;
  font-variant-numeric: tabular-nums;
}
ol.feeSchedule dl dd::before {
  content: "";
  block-size: 1lh;
  flex: 1 0 0%;
  border-block-end: 1px dotted #959595;
  pointer-events: none;
  position: relative;
  transform: translateY(-0.275em);
}
ol.feeSchedule dl dl dt::before {
  content: "(" counter(dtCounter, lower-alpha) ")";
  font-weight: 500;
  color: #35458c;
}
ol.feeSchedule dl dt,
ol.feeSchedule dl dd {
  font-weight: 400;
}

.faq-v1 {
  counter-reset: faqCounter;
}
.faq-v1 > .faq-questions {
  counter-increment: faqCounter;
  position: relative;
}
.faq-v1 > .faq-questions::before, .faq-v1 > .faq-questions.expanded::before {
  display: none !important;
}
.faq-v1 > .faq-questions,
.faq-v1 > .faq-questions * {
  color: #fff !important;
  margin-block: 0;
}
.faq-v1 > .faq-questions > * {
  padding-block: 0.5rem;
}
.faq-v1 > .faq-questions > *:first-child {
  display: grid;
  grid-template: auto/auto auto 1fr;
  gap: 0 0.375em;
}
.faq-v1 > .faq-questions > *:first-child > :where(*) {
  grid-row: 1;
  grid-column: 3;
}
.faq-v1 > .faq-questions > *:first-child::before {
  content: counter(faqCounter) ".";
  grid-column: 2;
  grid-row: 1;
}
.faq-v1 > .faq-questions > *:first-child::after {
  content: "";
  grid-column: 1;
  grid-row: 1;
  block-size: 1rem;
  inline-size: 1rem;
  background: #fff;
  inset-block-start: 50%;
  position: relative;
  display: block;
  transform: translateY(-50%);
  transform-origin: 25% 50%;
  clip-path: polygon(0% 0%, 50% 50%, 0% 100%);
  transition: all 0.1875s ease 0s;
}
.faq-v1 > .faq-questions.expanded > *:first-child::after {
  transform: translateY(-50%) rotate(90deg);
}

/*# sourceMappingURL=agency-styles.css.map */