/* Agency Custom CSS — IHCDA */
body main article .accordion-container, div.accordion-container{
    background-color: unset;
}
/* ── Google Fonts (Montserrat for headings, Mulish for agency name) ─────── */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@700;900&family=Mulish:ital,wght@0,400;0,600;0,700;0,800;0,900;1,400&display=swap");

/*image border radius override*/
body main article>section:not(.info-internal-banner) img, body main article div[class*=-wrap]:not(.info-internal-banner) img, body main article div[class*=-container]:not(.info-internal-banner) img {
    border-radius: unset;
}


/*accordion overrides*/

div.accordion-container .accordion-wrapper{
    background-color: unset;
    border-radius: unset;
    padding: 2rem;
    box-shadow: none;
}
body main article ul.accordion, body main article div.accordion {
    border-radius: 0;
    margin-bottom: 0;
    padding: 0;
    border: none;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0;
}

body main article ul.accordion .accordion-item, body main article div.accordion .accordion-item{
    border: 1px solid #eee;
    border-radius: 0;
}
body main article ul.accordion .accordion-item, body main article div.accordion .accordion-item:has(button[aria-expanded="true"]){
    border-bottom: 1px solid #bbb !important;
}    

body main article ul.accordion .accordion-item .accordion-header, body main article div.accordion .accordion-item .accordion-header{
    border-bottom: 1px solid #eee;
    border-radius: 0;
    background-color: #fff;
}

.accordion-button{
    font-weight: normal !important;
    color: #717b22 !important;
    background-color: #fff !important;
}
.accordion-button:hover{
    color: #336 !important;
}

/*homebuyer icon card override*/
body main article .icon-image-buckets, body main article .icon-image-buckets.info{
    background-color:unset;
}
div.icon-image-buckets{
    background-color: unset;
}

#homebuyers .icon-bucket-details{
    display:none;
}

#homebuyers .icon-image-bucket-content .button{
    color: #336 !important;
}

.homebuyers-subscribe{
    background-color: #336;
    color:#fff;
    padding-block: 3rem;
}


/* ── BrowseAloud panel ──────────────────────────────────────────────────── */
#__ba_panel {
  display: none;
}

/* ── Typography ─────────────────────────────────────────────────────────── */
body.marketing h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #069;
}

body.marketing h2:first-of-type {
  color: #069;
  margin-top: 0;
  border: none;
  margin-bottom: 0;
}

/* ── Main content area ──────────────────────────────────────────────────── */
body.marketing #main {
  margin-top: 0;
  padding: 0;
  background-color: #fefefe;
}

/* ── Full-width main content ────────────────────────────────────────────
   Theme caps body main article>section>.row at ~1632px (centered) and
   applies 2rem/1rem side gutters on the section itself, so content never
   reaches the viewport edges. Zero both out for an edge-to-edge layout. */
body.marketing #main article > section {
  padding: 0;
}

body.marketing #main article > section > .row {
  max-width: 100%;
  margin: 0;
}

body main article section:has(.generic-content-wrap) .row>div[class*=col] .generic-content-wrap {
    padding-block: 0;
}

body.marketing #main article section:has(.generic-content-wrap) {
  padding: 0;
}

body.marketing #main article section:has(.generic-content-wrap) .row {
  max-width: 100%;
  margin: 0;
}

/* ── Utility ────────────────────────────────────────────────────────────── */
body.marketing .btn-full {
  display: block;
  width: 100%;
  padding: 0.6rem 1.5rem;
  border-radius: 50px;
  text-align: center;
}

/* Add to a dotCMS row/column "Style Class" field to fill that section with
   the IHCDA navy background — stretches full height via the row's flex. */
body.marketing :is(#main, .prefooter) .bg-navy {
  background-color: #336;
  color: #fff;
}

/* Add to a dotCMS row/column "Style Class" field to strip the theme's
   default column gutter and .generic-content-wrap padding/edge-to-edge. */
body.marketing :is(#main, .prefooter) .no-padding {
  padding: 0;
}

body.marketing :is(#main, .prefooter) .no-padding .generic-content-wrap {
  padding: 0;
}

/* ── Lists ──────────────────────────────────────────────────────────────── */

#header_search-list li,
#header_elem-list li {
  margin-bottom: 0;
}

/* ── Main article body ──────────────────────────────────────────────────── */
body.marketing,
body.marketing #main,
body.marketing #main article {
  background-color: #fff;
}

body.marketing #main article h3 {
  color: #09c;
  margin-top: 2rem;
  margin-bottom: 2rem;
  text-transform: uppercase;
}

body.marketing #main article h3:after {
  background: none repeat scroll 0 0 #336;
  bottom: -10px;
  content: "";
  display: block;
  height: 1px;
  position: relative;
  width: 75px;
}

/* ── Content link colors ────────────────────────────────────────────────── */
body.marketing #main .tabs li.tabs-title a:hover,
body.marketing #main .tabs li.tabs-title.is-active a,
body.marketing #main a,
body.marketing #news-faq-wrap #faq-wrap #faq-wrap-2 ol li a,
body.marketing #news-faq-wrap #faq-wrap #faq-wrap-2 ul li a,
body.marketing #news-faq-wrap #news-wrap .date-list-content li a .label.primary,
body.marketing .accordion .accordion-item .accordion-title,
body.marketing .accordion .accordion-item .accordion-title:before,
body.marketing .dropdown-pane .dropdown-list-container ol li a,
body.marketing .dropdown-pane .dropdown-list-container ul li a,
body.marketing .menu .active > a,
body.marketing .text-area a,
body.marketing .text-bucket-container .text-bucket ul li a,
body.marketing a.official-url,
body.marketing a.official-url:focus {
  color: #5f681b;
}
/* 
body.marketing #main a.btn,
body.marketing #main a.button,
body.marketing #main .btn,
body.marketing #main .button,
body.marketing #main button {
  color: #fefefe;
}*/

body.marketing .generic-content-wrap {
  border-radius: 0 !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* ── Breadcrumbs ────────────────────────────────────────────────────────── */
body.marketing .skin-minimal.breadcrumbs {
  background-color: #11126f;
}

/* ── Subpage text container ─────────────────────────────────────────────── */
body.marketing #subpage-text-container,
body.marketing .subpage-text-container {
  max-width: 100%;
}

@media screen and (max-width: 991.98px) {
  body.marketing #main #subpage-text-container .subpage-text-inner,
  body.marketing #main .subpage-text-container .subpage-text-inner {
    padding-bottom: 0;
    margin-bottom: 0.2rem;
  }
}

body.marketing #subpage-text-container .subpage-text-inner h1,
body.marketing #subpage-text-container .subpage-text-inner h2,
body.marketing #subpage-text-container .subpage-text-inner h3,
body.marketing #subpage-text-container .subpage-text-inner h4,
body.marketing #subpage-text-container .subpage-text-inner h5,
body.marketing #subpage-text-container .subpage-text-inner h6,
body.marketing .subpage-text-container .subpage-text-inner h1,
body.marketing .subpage-text-container .subpage-text-inner h2,
body.marketing .subpage-text-container .subpage-text-inner h3,
body.marketing .subpage-text-container .subpage-text-inner h4,
body.marketing .subpage-text-container .subpage-text-inner h5,
body.marketing .subpage-text-container .subpage-text-inner h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}

body.marketing #subpage-text-container .subpage-text-inner h1:after,
body.marketing #subpage-text-container .subpage-text-inner h2:after,
body.marketing #subpage-text-container .subpage-text-inner h3:after,
body.marketing #subpage-text-container .subpage-text-inner h4:after,
body.marketing #subpage-text-container .subpage-text-inner h5:after,
body.marketing #subpage-text-container .subpage-text-inner h6:after,
body.marketing .subpage-text-container .subpage-text-inner h1:after,
body.marketing .subpage-text-container .subpage-text-inner h2:after,
body.marketing .subpage-text-container .subpage-text-inner h3:after,
body.marketing .subpage-text-container .subpage-text-inner h4:after,
body.marketing .subpage-text-container .subpage-text-inner h5:after,
body.marketing .subpage-text-container .subpage-text-inner h6:after {
  content: none;
}

body.marketing #subpage-text-container .subpage-text-inner h2.section-header,
body.marketing .subpage-text-container .subpage-text-inner h2.section-header {
  font-size: 1.1rem;
}

body.marketing #subpage-text-container .subpage-text-inner h3,
body.marketing .subpage-text-container .subpage-text-inner h3 {
  font-size: 1.2rem;
  color: #336;
}

body.marketing #subpage-text-container .subpage-text-inner h3:after,
body.marketing .subpage-text-container .subpage-text-inner h3:after {
  background: none repeat scroll 0 0 #336;
  bottom: -10px;
  content: "";
  display: block;
  height: 1px;
  position: relative;
  width: 75px;
}

body.marketing
  #subpage-text-container
  .subpage-text-inner
  .billboard-content
  h3,
body.marketing
  .subpage-text-container
  .subpage-text-inner
  .billboard-content
  h3 {
  color: #fff;
}

body.marketing
  #subpage-text-container
  .subpage-text-inner
  .billboard-content
  h3:after,
body.marketing
  .subpage-text-container
  .subpage-text-inner
  .billboard-content
  h3:after {
  height: 0;
}

body.marketing #subpage-text-container .subpage-text-inner .section-header h2,
body.marketing .subpage-text-container .subpage-text-inner .section-header h2 {
  font-size: 1.1rem;
  margin: 0;
}

body.marketing #subpage-text-container h1 {
  color: #002d44;
  font-size: 1.7rem;
  margin-bottom: 0.4rem;
  margin-top: 1.4rem;
}

/* ── Subpage banner & breadcrumbs ───────────────────────────────────────── */
body.marketing #subpage-banner-container.sub-page-heading-container {
  min-height: 0;
  align-items: flex-start;
  background-color: #336;
  background-position: 0 40% !important;
  margin-bottom: 1rem;
}

body.marketing #subpage-banner-container.sub-page-heading-container::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.35);
  z-index: 0;
}

body.marketing .sub-page-heading {
  display: flex;
  align-items: flex-start;
  position: relative;
  z-index: 1;
}

body.marketing .sub-page-heading img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 20rem;
  margin: 2rem 0 2rem 3rem;
  border-radius: 0 !important;
}

@media screen and (max-width: 63.9375em) {
  body.marketing .sub-page-heading img {
    margin-left: 1rem;
  }
}

body.marketing #subpage-text-container.subpage-breadcrumbs-container {
  border: none;
  padding: 0 2rem 0 2rem;
}

body.marketing .subpage-breadcrumbs-container nav {
  border-bottom: 1px solid #ccc;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

body.marketing .subpage-breadcrumbs-container .breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 0;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
}

body.marketing .subpage-breadcrumbs-container .breadcrumbs li {
  display: inline-flex;
  align-items: center;
}

body.marketing .subpage-breadcrumbs-container .breadcrumbs li:not(:last-child)::after {
  content: '\00BB';
  margin: 0 0.5rem;
  color: #336;
  font-weight: 400;
}

body.marketing .subpage-breadcrumbs-container .breadcrumbs li a {
  color: #717b22;
  text-decoration: underline;
}

body.marketing .subpage-breadcrumbs-container .breadcrumbs li a:hover {
  color: #717b22;
  text-decoration: none;
}

body.marketing .subpage-breadcrumbs-container .breadcrumbs li:last-child {
  color: #336;
}

/* ── HBCC Buttons component ─────────────────────────────────────────────── */
body.marketing #subpage-text-container .hbcc-buttons,
body.marketing .subpage-text-container .hbcc-buttons {
  display: flex;
  margin-bottom: 2em;
}

@media screen and (max-width: 991.98px) {
  body.marketing #subpage-text-container .hbcc-buttons,
  body.marketing .subpage-text-container .hbcc-buttons {
    padding-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}

body.marketing #subpage-text-container .hbcc-buttons a,
body.marketing .subpage-text-container .hbcc-buttons a {
  display: block;
  padding: 1.5rem;
  margin-top: 1rem;
  border: solid 1px #fff;
  background-color: #336;
  width: 100%;
  text-align: center;
  color: #fff;
  transition: all 0.2s;
  font-size: 0.9rem;
}

@media screen and (max-width: 991.98px) {
  body.marketing #subpage-text-container .hbcc-buttons a,
  body.marketing .subpage-text-container .hbcc-buttons a {
    padding: 0.5rem;
    margin-top: 0.5rem;
  }
}

body.marketing #subpage-text-container .hbcc-buttons a svg,
body.marketing .subpage-text-container .hbcc-buttons a svg {
  max-height: 7rem;
  padding: 1rem 0;
}

@media screen and (max-width: 767.98px) {
  body.marketing #subpage-text-container .hbcc-buttons a svg,
  body.marketing .subpage-text-container .hbcc-buttons a svg {
    max-height: 3rem;
    padding: 0.5rem;
  }
}

body.marketing #subpage-text-container .hbcc-buttons a img,
body.marketing .subpage-text-container .hbcc-buttons a img {
  max-height: 4.5rem;
  padding: 0.5rem 0 1rem;
}

@media screen and (max-width: 991.98px) {
  body.marketing #subpage-text-container .hbcc-buttons a img,
  body.marketing .subpage-text-container .hbcc-buttons a img {
    max-height: 3rem;
    padding: 0.5rem;
  }
}

body.marketing #subpage-text-container .hbcc-buttons a span,
body.marketing .subpage-text-container .hbcc-buttons a span {
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 1rem;
}

@media screen and (max-width: 991.98px) {
  body.marketing #subpage-text-container .hbcc-buttons a span,
  body.marketing .subpage-text-container .hbcc-buttons a span {
    min-height: 3rem;
  }
}

@media screen and (max-width: 767.98px) {
  body.marketing #subpage-text-container .hbcc-buttons a span,
  body.marketing .subpage-text-container .hbcc-buttons a span {
    min-height: 1rem;
    font-size: 0.9rem;
  }
}

body.marketing #subpage-text-container .hbcc-buttons a:hover,
body.marketing .subpage-text-container .hbcc-buttons a:hover {
  background-color: rgba(51, 51, 51, 0.75);
  transform: scale(1.05);
  border: none;
}

/* ── ATG page content ───────────────────────────────────────────────────── */
body.marketing .atg-page-content {
  padding: 3rem;
  background-color: #fefefe;
}

@media screen and (max-width: 991.98px) {
  body.marketing .atg-page-content {
    padding: 1.5rem 1rem;
  }
}

body.marketing .atg-page-content h3 {
  font-size: 1.5rem;
  color: #336;
}

body.marketing .atg-page-content h3:after {
  background: none repeat scroll 0 0 #336;
  bottom: -10px;
  content: "";
  display: block;
  height: 1px;
  position: relative;
  width: 75px;
}

body.marketing .atg-page-content ul,
body.marketing .atg-page-content ol {
  line-height: 2.3rem;
}

body.marketing .atg-page-content.faq-content {
  padding: 0;
}

body.marketing .atg-page-content.faq-content [class*="col"].left,
body.marketing .atg-page-content.faq-content [class*="col"].right,
body.marketing :is(#main, .prefooter) .generic-content-wrap .left,
body.marketing :is(#main, .prefooter) .generic-content-wrap .right {
  padding: 4rem;
}

@media screen and (max-width: 991.98px) {
  body.marketing .atg-page-content.faq-content [class*="col"].left,
  body.marketing .atg-page-content.faq-content [class*="col"].right,
  body.marketing :is(#main, .prefooter) .generic-content-wrap .left,
  body.marketing :is(#main, .prefooter) .generic-content-wrap .right {
    padding: 2rem;
  }
}

body.marketing .atg-page-content.faq-content [class*="col"].left li a,
body.marketing .atg-page-content.faq-content [class*="col"].right li a,
body.marketing :is(#main, .prefooter) .generic-content-wrap .left li a,
body.marketing :is(#main, .prefooter) .generic-content-wrap .right li a {
  text-decoration: underline;
}

body.marketing .atg-page-content.faq-content [class*="col"].left li a,
body.marketing :is(#main, .prefooter) .generic-content-wrap .left li a {
  color: #336;
}

body.marketing :is(#main, .prefooter) .generic-content-wrap .left ol,
body.marketing :is(#main, .prefooter) .generic-content-wrap .right ul {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

body.marketing
  .atg-page-content.faq-content
  [class*="col"].left
  li
  a.agency-button,
body.marketing :is(#main, .prefooter) .generic-content-wrap .left li a.agency-button,
body.marketing :is(#main, .prefooter) .generic-content-wrap .left a.agency-button {
  background-color: #336;
  color: #fff;
  border-radius: 0;
}

body.marketing .atg-page-content.faq-content [class*="col"].left h3,
body.marketing :is(#main, .prefooter) .generic-content-wrap .left h3 {
  font-family: "Montserrat", sans-serif;
  font-size: 1.3rem;
  text-transform: uppercase;
}

body.marketing .atg-page-content.faq-content [class*="col"].left h3:after,
body.marketing .atg-page-content.faq-content [class*="col"].right h3:after,
body.marketing :is(#main, .prefooter) .generic-content-wrap .left h3:after,
body.marketing :is(#main, .prefooter) .generic-content-wrap .right h3:after {
  background-color: #336;
  bottom: -10px;
  content: "";
  display: block;
  height: 1px;
  position: relative;
  width: 75px;
}

body.marketing .atg-page-content.faq-content [class*="col"].right,
body.marketing :is(#main, .prefooter) .generic-content-wrap .right {
  background-color: #336;
  color: #fff;
}

body.marketing .atg-page-content.faq-content [class*="col"].right h3,
body.marketing :is(#main, .prefooter) .generic-content-wrap .right h3 {
  font-family: "Montserrat", sans-serif;
  font-size: 1.3rem;
  text-transform: uppercase;
  color: #fff;
}

body.marketing .atg-page-content.faq-content [class*="col"].right a,
body.marketing :is(#main, .prefooter) .generic-content-wrap .right a {
  color: #fff;
}

body.marketing .atg-page-content.faq-content [class*="col"].right a:hover,
body.marketing :is(#main, .prefooter) .generic-content-wrap .right a:hover {
  color: rgba(255, 255, 255, 0.75);
}

body.marketing .atg-page-content.faq-content [class*="col"].right a:after,
body.marketing .atg-page-content.faq-content [class*="col"].right h3:after,
body.marketing :is(#main, .prefooter) .generic-content-wrap .right a:after,
body.marketing :is(#main, .prefooter) .generic-content-wrap .right h3:after {
  background-color: #fff;
}

body.marketing .atg-page-content #faq-wrap .btn,
body.marketing .atg-page-content .agency-button,
body.marketing .atg-page-content .btn,
body.marketing .atg-page-content input[type="button"],
body.marketing .atg-page-content input[type="reset"],
body.marketing .atg-page-content input[type="submit"] {
  background-color: #336;
  color: #fff;
  border: none;
  box-shadow: none;
  border-radius: 3px;
  font-size: 1.2rem;
  font-weight: 600;
  transform: none;
}

body.marketing .atg-page-content #faq-wrap .btn:hover,
body.marketing .atg-page-content .agency-button:hover,
body.marketing .atg-page-content .btn:hover,
body.marketing .atg-page-content input[type="button"]:hover,
body.marketing .atg-page-content input[type="reset"]:hover,
body.marketing .atg-page-content input[type="submit"]:hover {
  background-color: #336;
  color: #fff;
}

/* ── Two-column image block ─────────────────────────────────────────────── */
body.marketing
  #main
  .atg-page-content
  .two-column.image
  .image-subtext {
  padding: 1rem;
  color: #fff;
  background-color: #336;
  font-weight: 600;
}

body.marketing #main .atg-page-content .two-column.image blockquote {
  font-family: "Montserrat", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: #e6e6e6;
  padding: 2rem;
}

body.marketing #main .atg-page-content .two-column.image blockquote p {
  color: #336;
  margin: 0 0 0 1rem;
}

body.marketing
  #main
  .atg-page-content
  .two-column.image
  blockquote
  .mark {
  position: relative;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  font-size: 4rem;
  font-weight: 800;
  background-color: #336;
  min-height: 4rem;
  min-width: 4rem;
  line-height: 1rem;
  padding: 0.75rem;
  border-radius: 2rem;
}

body.marketing
  #main
  .atg-page-content
  .two-column.image
  blockquote
  .mark
  .positioner {
  position: absolute;
  top: 2.35rem;
  left: 1.15rem;
}

/* ── Prefooter ──────────────────────────────────────────────────────────── */
/* Refactored to reuse the .generic-content-wrap/.left/.right/.bg-navy
   system (see "Utility" and generic-content-wrap sections above) instead of
   the old .prefooter-left/.prefooter-right/.text-white/gradient markup. */
body.marketing .prefooter {
  width: 100%;
  overflow: hidden;
}

body.marketing .prefooter  li{
    margin-bottom: 1rem !important;
}

/* ── Footer ─────────────────────────────────────────────────────────────── */
body.marketing footer {
  background-image: none;
  margin-top: 0 !important;
}

/* Theme sets #footer_global { padding: 2rem } — remove top padding so the
   first row sits flush, keep left/right/bottom for the column content */
#footer_global {
  padding: 0 !important;
}

/* Override theme $secondary color on all footer headings */
body.marketing footer h3 {
  color: #fff !important;
}

body.marketing footer .row {
  display: flex;
  align-content: stretch;
  flex-wrap: wrap;
}


@media screen and (min-width: 768px) {
  body.marketing footer .footer-main-row [class*="col"] {
    border-right: solid 1px #fff;
  }

  body.marketing footer .footer-main-row [class*="col"]:last-child {
    border-right: none;
  }
}

/* Column internal padding */
body.marketing footer .footer-main-row {
  padding-top: 2rem;
}

body.marketing footer .footer-col {
  padding: 2rem;
}

/* Section header */
body.marketing footer .row [class*="col"] section .section-header {
  background-color: transparent;
  margin-bottom: 1rem;
}

body.marketing footer .row [class*="col"] section .section-header h3 {
  color: #fff !important;
  font-family: "Montserrat", sans-serif;
  font-size: 1.4rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 0;
}

body.marketing footer .row [class*="col"] section .section-header h3:after {
  background-color: #fff;
  content: "";
  display: block;
  height: 2px;
  margin-top: 0.5rem;
  width: 50px;
}

/* List item separators */
body.marketing
  footer
  .row
  [class*="col"]
  section
  .section-content
  ul.list-unstyled
  li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0.6rem 0;
}

body.marketing
  footer
  .row
  [class*="col"]
  section
  .section-content
  ul.list-unstyled
  li:first-child {
  padding-top: 0.25rem;
}

body.marketing
  footer
  .row
  [class*="col"]
  section
  .section-content
  ul.list-unstyled
  li:last-child {
  border-bottom: none;
}

body.marketing footer .row [class*="col"] section .section-content ul li a {
  color: #fff;
  line-height: 1.4;
}

body.marketing
  footer
  .row
  [class*="col"]
  section
  .section-content
  ul
  li
  a:hover {
  color: #ddd;
  text-decoration: underline;
}

/* Logo column: contain overflow, vertically center logo */
body.marketing footer .row [class*="col"]:nth-child(3) {
  overflow: hidden;
  display: flex;
  align-items: stretch;
}

body.marketing footer .row [class*="col"]:nth-child(3) section {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

body.marketing footer .row [class*="col"]:nth-child(3) .section-content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 10rem;
  overflow: hidden;
  width: 100%;
}

body.marketing footer .row [class*="col"]:nth-child(3) .section-content img {
  display: block;
  width: 100% !important;
  max-width: 14rem !important;
  height: auto !important;
  margin: auto;
}

body.marketing footer .row [class*="col"] section {
  margin-bottom: 0;
  background-color: transparent;
}

/* Accessibility row */
body.marketing footer .footer-accessibility {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4rem 0.6rem;
  font-size: 0.85rem;
  color: #fff;
}

body.marketing footer .footer-accessibility strong {
  color: #fff;
  font-weight: 700;
}

body.marketing footer .footer-accessibility a {
  color: #fff;
  text-decoration: none;
}

body.marketing footer .footer-accessibility a:hover {
  text-decoration: underline;
}

body.marketing footer .footer-pipe {
  color: rgba(255, 255, 255, 0.5);
  padding: 0 0.1rem;
}

/* Style the cloned Google Translate select in footer */
#google_translate_element select {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  font-size: 0.8rem;
  padding: 0.1rem 0.25rem;
}

/* White divider above accessibility/social row */
body.marketing footer hr.footer-divider {
  border-color: rgba(255, 255, 255, 0.4);
  border-top-width: 2px;
  margin: 2rem 0 0 !important;
  opacity: 1;
}

/* Social/accessibility row padding */
body.marketing footer .footer-social-row {
  padding: 2rem;
}

/* Social icon boxes */
body.marketing footer .footer-social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #444;
  color: #fff;
  font-size: 1rem;
  transition: background-color 0.2s;
  text-decoration: none;
}

body.marketing footer .footer-social-link:hover {
  background-color: #666;
  color: #fff;
  text-decoration: none;
}

body.marketing footer .footer-settings {
  border: none;
}

/* Copyright bar */
body.marketing footer .copyright {
  background-color: rgba(0, 0, 0, 0.25);
  margin: 0;
}

body.marketing footer .copyright p {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.85rem;
  text-align: center;
  margin: 0;
  padding: 1rem 0;
}

/* ── Agency spotlights ──────────────────────────────────────────────────── */
body.marketing .agency-spotlights-container,
body.marketing .agency-spotlights-container > div {
  display: flex;
  background-color: #336;
  justify-content: center;
  gap: 0.5rem;
  max-width: none;
  color: #fff;
}

@media screen and (max-width: 991.98px) {
  body.marketing .agency-spotlights-container,
  body.marketing .agency-spotlights-container > div {
    padding: 2rem;
    flex-wrap: wrap;
    gap: initial;
    width: initial;
  }
}

@media screen and (max-width: 767.98px) {
  body.marketing .agency-spotlights-container,
  body.marketing .agency-spotlights-container > div {
    padding: 1rem;
  }
}

body.marketing .agency-spotlights-container .agency-spotlight,
body.marketing .agency-spotlights-container > div .agency-spotlight {
  width: 16.6667%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

@media screen and (max-width: 991.98px) {
  body.marketing .agency-spotlights-container .agency-spotlight,
  body.marketing .agency-spotlights-container > div .agency-spotlight {
    width: 33.333%;
    margin: 0.5rem;
  }
}

@media screen and (max-width: 767.98px) {
  body.marketing .agency-spotlights-container .agency-spotlight,
  body.marketing .agency-spotlights-container > div .agency-spotlight {
    width: 50%;
  }
}

body.marketing .agency-spotlights-container .agency-spotlight img,
body.marketing .agency-spotlights-container > div .agency-spotlight img {
  width: auto;
  height: 2rem;
  margin-bottom: 0.5rem;
}

body.marketing .agency-spotlights-container .agency-spotlight i,
body.marketing .agency-spotlights-container .agency-spotlight span,
body.marketing .agency-spotlights-container > div .agency-spotlight i,
body.marketing .agency-spotlights-container > div .agency-spotlight span {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

body.marketing .agency-spotlights-container a,
body.marketing .agency-spotlights-container > div a {
  color: #fefefe;
  text-align: center;
  padding: 2.5% 0;
  transition: all 0.2s;
  flex: 1 100%;
  border: 1px solid #1c365e;
  border-radius: 0;
}

@media screen and (max-width: 991.98px) {
  body.marketing .agency-spotlights-container a,
  body.marketing .agency-spotlights-container > div a {
    flex: 1 auto;
  }
}

body.marketing .agency-spotlights-container a:hover,
body.marketing .agency-spotlights-container > div a:hover {
  background-color: rgba(254, 254, 254, 0.3);
  text-decoration: none;
}

body.marketing .agency-spotlights-container a h4,
body.marketing .agency-spotlights-container > div a h4 {
  font-size: 1rem;
  color: #fefefe;
  margin-bottom: 0;
}

/* ── IHCDA Callouts ─────────────────────────────────────────────────────── */
body.marketing #main .ihcda-callouts {
  padding: 2rem;
}

body.marketing #main .ihcda-callout {
  padding: 0;
  flex: 0 0 calc(50% - 1rem);
  max-width: calc(50% - 1rem);
  background-size: cover;
  background-position: top;
}

body.marketing #main .ihcda-1callout {
  padding: 0;
  color: #717b22;
}

body.marketing #main .ihcda-callout:first-child {
  margin: 0 2rem 0 0;
}

body.marketing #main .ihcda-callout .ihcda-callout-overlay {
  background-color: rgba(0, 0, 0, 0.75);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2rem;
}

body.marketing #main .ihcda-1callout .ihcda-callout-overlay {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2rem;
}

body.marketing #main .ihcda-callout h2,
body.marketing #main .ihcda-callout p,
body.marketing #main .ihcda-callout a.btn,
body.marketing #main .ihcda-callout a.button,
body.marketing #main .ihcda-1callout h2,
body.marketing #main .ihcda-1callout p,
body.marketing #main .ihcda-1callout a.btn,
body.marketing #main .ihcda-1callout a.button,
body.marketing #main .ihcda-2callout h2,
body.marketing #main .ihcda-2callout p,
body.marketing #main .ihcda-2callout a.btn,
body.marketing #main .ihcda-2callout a.button {
  color: #fff;
}

body.marketing #main .ihcda-callout a.btn,
body.marketing #main .ihcda-callout a.button,
body.marketing #main .ihcda-1callout a.btn,
body.marketing #main .ihcda-1callout a.button,
body.marketing #main .ihcda-2callout a.btn,
body.marketing #main .ihcda-2callout a.button {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0.6rem 1.5rem;
  border-radius: 50px;
  text-align: center;
}

body.marketing #main .ihcda-callout a.btn,
body.marketing #main .ihcda-callout a.button {
  background-color: #336;
}

body.marketing #main .ihcda-1callout a.btn,
body.marketing #main .ihcda-1callout a.button {
  background-color: #717b22;
  color: #fff;
}

body.marketing #main .ihcda-callout a.btn:hover,
body.marketing #main .ihcda-callout a.button:hover {
  background-color: #717b22;
  color: #fff;
}

body.marketing #main .ihcda-1callout a.btn:hover,
body.marketing #main .ihcda-1callout a.button:hover {
  background-color: #e6e6e6;
  color: #336;
}

@media screen and (max-width: 991.98px) {
  body.marketing #main .ihcda-callout,
  body.marketing #main .ihcda-1callout {
    flex: 0 0 100%;
    max-width: 100%;
  }

  body.marketing #main .ihcda-callout:first-child {
    margin: 0 0 2rem 0;
  }
}

/* ── Hero container ─────────────────────────────────────────────────────── */
body.marketing #main .hero-container {
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: calc(100vh - 55px);
  max-height: 50rem;
  position: relative;
  min-height: 40rem;
  overflow: hidden;
}

@media screen and (max-width: 575.98px) {
  body.marketing #main .hero-container {
    padding: 0 1rem 1rem;
    min-height: 50rem;
  }
}

body.marketing #main .hero-container .row {
  margin: 0;
}

body.marketing #main .hero-container .hero-logo {
  flex: 1;
  display: flex;
  align-items: center;
  position: relative;
  margin: 0;
  z-index: 1;
}

body.marketing #main .hero-container .hero-logo.align-right {
  justify-content: flex-end;
}

body.marketing #main .hero-container .hero-logo .hero-title-bg {
  background-color: rgba(51, 51, 102, 0.75);
  padding: 2rem;
  max-width: 50%;
}

@media screen and (min-width: 992px) {
  body.marketing #main .hero-container .hero-logo .hero-title-bg {
    max-width: 33%;
  }
}

@media screen and (max-width: 575.98px) {
  body.marketing #main .hero-container .hero-logo .hero-title-bg {
    max-width: 100%;
  }
}

body.marketing
  #main
  .hero-container
  .hero-logo
  .hero-title-bg
  .hero-title {
  color: #fff;
  font-size: 0;
  font-weight: 800;
  margin-top: 0;
  text-transform: none;
}

body.marketing
  #main
  .hero-container
  .hero-logo
  .hero-title-bg
  .hero-title:after {
  content: none;
}

@media screen and (max-width: 575.98px) {
  body.marketing
    #main
    .hero-container
    .hero-logo
    .hero-title-bg
    .hero-title {
    font-size: 1.4rem;
  }
}

body.marketing
  #main
  .hero-container
  .hero-logo
  .hero-title-bg
  .hero-title
  img {
  margin-bottom: 0;
  max-height: 10rem;
  width: 100%;
  max-width: 25rem;
}

body.marketing
  #main
  .hero-container
  .hero-logo
  .hero-title-bg
  .hero-subtitle {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: none;
}

@media screen and (max-width: 575.98px) {
  body.marketing
    #main
    .hero-container
    .hero-logo
    .hero-title-bg
    .hero-subtitle {
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
  }
}

body.marketing #main .hero-container .hero-social a {
  color: #fff;
  margin-left: 2rem;
  transition: all 0.2s;
}

body.marketing #main .hero-container .hero-social a:hover {
  color: #c6c6c6;
}

@media screen and (max-width: 575.98px) {
  body.marketing #main .hero-container .hero-social {
    text-align: center;
  }

  body.marketing #main .hero-container .hero-social a {
    margin-left: 1rem;
  }

  body.marketing #main .hero-container .hero-social a:first-of-type {
    margin-left: 0;
  }
}

body.marketing #main .hero-container .hero-buttons-container {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  width: 100%;
  align-self: flex-start;
  padding: 0;
  z-index: 1;
}

body.marketing
  #main
  .hero-container
  .hero-buttons-container
  .hero-buttons {
  display: flex;
  max-width: 16.6667%;
  flex: 1 0 0;
  min-width: 15%;
  margin: 0;
}

@media screen and (max-width: 991.98px) {
  body.marketing
    #main
    .hero-container
    .hero-buttons-container
    .hero-buttons {
    padding-top: 0.5rem;
    min-width: 50%;
  }
}

@media screen and (max-width: 575.98px) {
  body.marketing
    #main
    .hero-container
    .hero-buttons-container
    .hero-buttons {
    min-width: 100%;
  }
}

body.marketing
  #main
  .hero-container
  .hero-buttons-container
  .hero-buttons
  a {
  display: block;
  padding: 1.5rem;
  margin: 1rem 0.5rem 0;
  border: solid 1px #fff;
  background-color: rgba(153, 153, 51, 0.9);
  width: 100%;
  text-align: center;
  color: #fff;
  transition: all 0.2s;
  font-size: 0.9rem;
}

@media screen and (max-width: 991.98px) {
  body.marketing
    #main
    .hero-container
    .hero-buttons-container
    .hero-buttons
    a {
    padding: 0.5rem;
    margin-top: 0.5rem;
  }
}

body.marketing
  #main
  .hero-container
  .hero-buttons-container
  .hero-buttons
  a
  svg {
  max-height: 4.5rem;
  padding: 1rem 0;
}

body.marketing
  #main
  .hero-container
  .hero-buttons-container
  .hero-buttons
  a
  img {
  max-height: 7rem;
  margin: 0;
  padding: 1rem 0;
}

@media screen and (max-width: 575.98px) {
  body.marketing
    #main
    .hero-container
    .hero-buttons-container
    .hero-buttons
    a
    img,
  body.marketing
    #main
    .hero-container
    .hero-buttons-container
    .hero-buttons
    a
    svg {
    max-height: 3rem;
    padding: 0.5rem;
  }
}

body.marketing
  #main
  .hero-container
  .hero-buttons-container
  .hero-buttons
  a
  span {
  display: block;
  width: 100%;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 991.98px) {
  body.marketing
    #main
    .hero-container
    .hero-buttons-container
    .hero-buttons
    a
    span {
    min-height: 3rem;
  }
}

@media screen and (max-width: 575.98px) {
  body.marketing
    #main
    .hero-container
    .hero-buttons-container
    .hero-buttons
    a
    span {
    min-height: 1rem;
    font-size: 0.9rem;
  }
}

body.marketing
  #main
  .hero-container
  .hero-buttons-container
  .hero-buttons
  a:hover {
  background-color: #151b4e;
}

body.marketing #main .hero-container .hero-next .hero-down {
  color: #fff;
  text-align: center;
  padding-top: 1rem;
  cursor: pointer;
}

body.marketing #main .hero-container #banner-slider {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

body.marketing #main .hero-container #banner-slider .slide {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

body.marketing #main .hero-container #banner-slider .glide__track {
  height: 100%;
  position: absolute;
}

body.marketing
  #main
  .hero-container
  #banner-slider
  .glide__track
  .glide__slides {
  position: relative;
  height: 100%;
  margin: 0;
}

/* ── Billboard slider ───────────────────────────────────────────────────── */
body.marketing #main .billboards {
  margin-bottom: calc(2rem - 10px);
}

body.marketing #main .billboards .billboard {
  position: relative;
  overflow: hidden;
  width: 100%;
}

body.marketing #main .billboards .billboard .btn {
  border: none;
  border-radius: 3px;
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 1rem;
  box-shadow: none;
}

body.marketing #main .billboards .billboard img {
  position: absolute;
  height: 100%;
  width: auto;
  max-width: none;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

body.marketing #main .billboards .billboard img.align-left {
  left: 0;
  transform: translate(0%, -50%);
}
body.marketing #main .billboards .billboard img.align-right {
  left: 100%;
  transform: translate(-100%, -50%);
}
body.marketing #main .billboards .billboard img.align-top {
  top: 0;
  transform: translate(-50%, 0%);
}
body.marketing #main .billboards .billboard img.align-bottom {
  top: 100%;
  transform: translate(-50%, -100%);
}
body.marketing #main .billboards .billboard img.align-top-left {
  left: 0;
  top: 0;
  transform: translate(0%, 0%);
}
body.marketing #main .billboards .billboard img.align-top-right {
  left: 100%;
  top: 0;
  transform: translate(-100%, 0%);
}
body.marketing #main .billboards .billboard img.align-bottom-left {
  left: 0;
  top: 100%;
  transform: translate(0%, -100%);
}
body.marketing #main .billboards .billboard img.align-bottom-right {
  left: 100%;
  top: 100%;
  transform: translate(-100%, -100%);
}

@media screen and (max-width: 991.98px) {
  body.marketing #main .billboards .billboard img {
    width: 100%;
    min-width: 100%;
    height: auto;
  }

  body.marketing #main .billboards {
    margin-bottom: 0;
  }
}

body.marketing #main .billboards .billboard .billboard-content {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 1rem;
  width: 100%;
}

body.marketing
  #main
  .billboards
  .billboard
  .billboard-content
  .billboard-title
  h3 {
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 0;
  color: #fff;
}

body.marketing
  #main
  .billboards
  .billboard
  .billboard-content
  .billboard-text
  p {
  margin-bottom: 0;
  max-height: 100px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media screen and (max-width: 991.98px) {
  body.marketing
    #main
    .billboards
    .billboard
    .billboard-content
    .billboard-title
    h3 {
    font-size: 1.2rem;
  }
}

body.marketing #main .billboards .billboard-main .billboard {
  height: 500px;
  width: calc(100% - 10px);
}

@media screen and (max-width: 991.98px) {
  body.marketing #main .billboards .billboard-main .billboard {
    height: 300px;
    width: 100%;
    margin-bottom: 2rem;
  }
}

body.marketing #main .billboards .billboard-1 .billboard,
body.marketing #main .billboards .billboard-2 .billboard,
body.marketing #main .billboards .billboard-3 .billboard {
  margin-bottom: 10px;
}

body.marketing #main .billboards .billboard-1 .billboard {
  height: 500px;
}
body.marketing #main .billboards .billboard-2 .billboard {
  height: 245px;
}
body.marketing #main .billboards .billboard-3 .billboard {
  height: 160px;
}

body.marketing #main .billboards .billboard-2 .billboard img {
  height: 100%;
  width: auto;
}
body.marketing #main .billboards .billboard-3 .billboard img {
  width: 100%;
  min-width: 100%;
  height: auto;
}

body.marketing
  #main
  .billboards
  .billboard-3
  .billboard
  .billboard-content {
  height: 100%;
}

@media screen and (max-width: 991.98px) {
  body.marketing #main .billboards .billboard-1 .billboard {
    height: 150px;
    margin-bottom: 2rem;
  }
  body.marketing #main .billboards .billboard-2 .billboard {
    height: 150px;
    margin-bottom: 2rem;
  }
  body.marketing #main .billboards .billboard-2 .billboard img {
    height: auto;
    width: 100%;
    min-width: 100%;
  }
  body.marketing #main .billboards .billboard-3 .billboard {
    height: 100px;
    margin-bottom: 2rem;
  }
}

body.marketing
  #main
  .billboards
  .billboard-1
  .billboard
  .billboard-content,
body.marketing
  #main
  .billboards
  .billboard-2
  .billboard
  .billboard-content,
body.marketing
  #main
  .billboards
  .billboard-3
  .billboard
  .billboard-content {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}

body.marketing
  #main
  .billboards
  .billboard-1
  .billboard
  .billboard-content
  .billboard-button
  a,
body.marketing
  #main
  .billboards
  .billboard-2
  .billboard
  .billboard-content
  .billboard-button
  a,
body.marketing
  #main
  .billboards
  .billboard-3
  .billboard
  .billboard-content
  .billboard-button
  a {
  color: #fff;
  font-size: 0.9rem;
  text-decoration: underline;
  display: block;
  margin-top: 0.5rem;
}

/* ── News content ───────────────────────────────────────────────────────── */
body.marketing #main .news-content {
  color: #fff;
  background-color: transparent;
  background-size: cover;
  padding: 4rem;
}

@media screen and (max-width: 991.98px) {
  body.marketing #main .news-content {
    padding: 0;
  }
}

body.marketing #main .news-content .news-column {
  background-color: rgba(51, 51, 51, 0.75);
  padding: 4rem;
}

@media screen and (max-width: 991.98px) {
  body.marketing #main .news-content .news-column {
    padding: 2rem;
  }
}

body.marketing #main .news-content .news-column h3 {
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}

body.marketing #main .news-content .news-column h3:after {
  background-color: #fff;
}

body.marketing #main .news-content .news-column ul {
  list-style-type: none;
  margin: 0;
  color: #fff;
  line-height: 1.5rem;
}

body.marketing #main .news-content .news-column ul li a {
  display: inline-block;
  width: 100%;
  color: #fff;
  transition: all 0.2s;
}

body.marketing #main .news-content .news-column ul li a:hover {
  background-color: rgba(255, 255, 255, 0.1);
  text-decoration: none;
}

body.marketing #main .news-content .news-column ul li img {
  max-width: 2rem;
  float: left;
  margin: 0.2rem 1rem 0.2rem 0;
  position: absolute;
}

body.marketing #main .news-content .news-column ul li span {
  display: inline;
  font-weight: 600;
  padding: 0.3333rem 0.5rem;
  background-color: #8f9b2d;
}

body.marketing
  #main
  .news-content
  .news-column
  ul
  li
  .news-descrip-wrap {
  padding-left: 3rem;
  line-height: 1.5rem;
}

body.marketing #main .news-content .news-column .read-more a {
  color: #fff;
}

body.marketing #main .news-content .news-column .read-more a:hover {
  text-decoration: underline;
}

/* ── Icon callouts ──────────────────────────────────────────────────────── */
body.marketing
  #main
  .icon-callouts
  .icon-callouts-container
  .row
  [class*="col"]
  .icon-callout {
  color: #fefefe;
  height: 100%;
  padding: 2rem;
  text-align: left;
  border-radius: 1rem;
  background-color: #184a8c;
  border: 6px solid #1b539d;
  transition: all 0.3s;
}

body.marketing
  #main
  section.icon-callouts
  .icon-callouts-container
  .row
  [class*="col"]
  .icon-callout
  .icon-callout-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

body.marketing
  #main
  section.icon-callouts
  .icon-callouts-container
  .row
  [class*="col"]
  .icon-callout
  .icon-callout-content
  > div {
  display: flex;
  flex-direction: column;
}

body.marketing
  #main
  section.icon-callouts
  .icon-callouts-container
  .row
  [class*="col"]
  .icon-callout
  .icon {
  font-size: 2rem;
  display: none;
}

body.marketing
  #main
  section.icon-callouts
  .icon-callouts-container
  .row
  [class*="col"]
  .icon-callout
  .icon-callout-content
  > div
  > h3 {
  font-size: 1.75rem;
  line-height: 1.2;
  transition: all 0.3s;
}

body.marketing
  #main
  section.icon-callouts
  .icon-callouts-container
  .row
  [class*="col"]
  .icon-callout
  .icon-callout-content
  > div
  > h3:after {
  display: none;
}

body.marketing
  #main
  section.icon-callouts
  .icon-callouts-container
  .row
  [class*="col"]
  .icon-callout
  .icon-callout-content
  > div
  p {
  margin-bottom: 2rem;
}

body.marketing
  #main
  section.icon-callouts
  .icon-callouts-container
  .row
  [class*="col"]
  .icon-callout
  .icon-callout-content
  > .btn {
  display: block;
  align-self: center;
  width: 100%;
  margin-bottom: 0;
}

body.marketing
  #main
  section.icon-callouts
  .icon-callouts-container
  .row
  [class*="col"]
  .icon-callout.center {
  text-align: center;
}

body.marketing
  #main
  section.icon-callouts
  .icon-callouts-container
  .row
  [class*="col"]
  .icon-callout.center
  .icon-callout-content
  > .btn {
  width: initial;
}

body.marketing
  #main
  section.icon-callouts
  .icon-callouts-container
  .row
  [class*="col"]
  .icon-callout.left
  .icon-callout-content
  > .btn {
  align-self: start;
}

body.marketing
  #main
  section.icon-callouts
  .icon-callouts-container
  .row
  [class*="col"]
  .icon-callout.light {
  color: #336;
  background-color: #fefefe;
}

body.marketing
  #main
  section.icon-callouts
  .icon-callouts-container
  .row
  [class*="col"]
  .icon-callout.light
  .icon-callout-content
  .icon,
body.marketing
  #main
  section.icon-callouts
  .icon-callouts-container
  .row
  [class*="col"]
  .icon-callout.light
  .icon-callout-content
  h3 {
  color: #184a8c;
}

body.marketing
  #main
  section.icon-callouts
  .icon-callouts-container
  .row
  [class*="col"]
  .icon-callout.light:hover {
  color: #fefefe;
  background-color: #184a8c;
}

body.marketing
  #main
  section.icon-callouts
  .icon-callouts-container
  .row
  [class*="col"]
  .icon-callout.light:hover
  .icon-callout-content
  h3,
body.marketing
  #main
  section.icon-callouts
  .icon-callouts-container
  .row
  [class*="col"]
  .icon-callout.light:hover
  .icon-callout-content
  span,
body.marketing
  #main
  section.icon-callouts
  .icon-callouts-container
  .row
  [class*="col"]
  .icon-callout.light:hover
  .icon {
  color: #fefefe;
}

body.marketing
  #main
  section.icon-callouts
  .icon-callouts-container
  > .row
  [class*="col"] {
  margin: 2rem 0;
  min-width: 250px;
}

@media screen and (max-width: 575.98px) {
  body.marketing
    #main
    section.icon-callouts
    .icon-callouts-container
    > .row
    [class*="col"] {
    margin: 1rem 0;
  }
}

/* ── Icon image buckets ─────────────────────────────────────────────────── */
body.marketing #main article section.icon-image-buckets {
  background-color: #184a8c;
  padding: 2rem 2rem 3.25rem 2rem;
  margin-bottom: 3rem;
}

@media screen and (max-width: 991.98px) {
  body.marketing #main article section.icon-image-buckets {
    padding-bottom: 0.5rem;
  }
}

body.marketing #main article section.icon-image-buckets a {
  text-decoration: none;
}
body.marketing #main article section.icon-image-buckets a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 991.98px) {
  body.marketing #main article section.icon-image-buckets [class*="col"] {
    margin-bottom: 2.75rem;
  }
}

body.marketing
  #main
  article
  section.icon-image-buckets.image-background
  h2.light {
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.75);
}

body.marketing
  #main
  article
  section.icon-image-buckets.image-background
  .icon-image-bucket-content,
body.marketing
  #main
  article
  section.icon-image-buckets.image-background
  .image {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}

body.marketing #main article section.icon-image-buckets .section-title-wrap h2 {
  color: #fefefe;
  text-align: center;
  line-height: 1;
  margin-bottom: 2rem;
}

body.marketing
  #main
  article
  section.icon-image-buckets
  .section-title-wrap
  h2.dark {
  color: #336;
}

body.marketing #main article section.icon-image-buckets .icon-image-bucket {
  height: calc(100% - 150px);
}

body.marketing
  #main
  article
  section.icon-image-buckets
  .icon-image-bucket
  .image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.75rem 0.75rem 0 0;
  height: 150px;
}

body.marketing
  #main
  article
  section.icon-image-buckets
  .icon-image-bucket
  .image.y-top {
  background-position-y: top;
}
body.marketing
  #main
  article
  section.icon-image-buckets
  .icon-image-bucket
  .image.y-center {
  background-position-y: center;
}
body.marketing
  #main
  article
  section.icon-image-buckets
  .icon-image-bucket
  .image.y-bottom {
  background-position-y: bottom;
}
body.marketing
  #main
  article
  section.icon-image-buckets
  .icon-image-bucket
  .image.x-left {
  background-position-x: left;
}
body.marketing
  #main
  article
  section.icon-image-buckets
  .icon-image-bucket
  .image.x-center {
  background-position-x: center;
}
body.marketing
  #main
  article
  section.icon-image-buckets
  .icon-image-bucket
  .image.x-right {
  background-position-x: right;
}

body.marketing
  #main
  article
  section.icon-image-buckets
  .icon-image-bucket
  .icon {
  text-align: center;
  margin: -25px 0;
}

body.marketing
  #main
  article
  section.icon-image-buckets
  .icon-image-bucket
  .icon:after {
  content: "";
  display: block;
  height: 3rem;
  margin-top: -1.75rem;
  background-color: #fefefe;
}

body.marketing
  #main
  article
  section.icon-image-buckets
  .icon-image-bucket
  .icon
  span {
  margin-left: auto;
  margin-right: auto;
  background-color: #184a8c;
  color: #fefefe;
  line-height: 48px;
  width: 50px;
  height: 50px;
  vertical-align: middle;
  border: 1px solid #fefefe;
  border-radius: 50%;
}

body.marketing
  #main
  article
  section.icon-image-buckets
  .icon-image-bucket
  .icon-image-bucket-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #eee;
  padding: 1rem;
  border-radius: 0 0 0.75rem 0.75rem;
  height: 100%;
}

body.marketing
  #main
  article
  section.icon-image-buckets
  .icon-image-bucket
  .icon-image-bucket-content
  hr {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

body.marketing
  #main
  article
  section.icon-image-buckets
  .icon-image-bucket
  .icon-image-bucket-content
  > .btn {
  align-self: center;
  margin-top: 1rem;
  margin-bottom: 0;
  padding: 1rem 1.5rem;
}

body.marketing
  #main
  article
  section.icon-image-buckets
  .icon-image-bucket
  .icon-image-bucket-content
  a {
  display: block;
}

body.marketing
  #main
  article
  section.icon-image-buckets
  .icon-image-bucket
  .icon-image-bucket-content
  h3 {
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.5rem;
  margin: 0 0 1rem;
}

body.marketing
  #main
  article
  section.icon-image-buckets
  .icon-image-bucket
  .icon-image-bucket-content
  .icon-image-bucket-text {
  text-align: center;
}

body.marketing
  #main
  article
  section.icon-image-buckets
  .icon-image-bucket.has-icon
  .icon {
  display: flex;
}
body.marketing
  #main
  article
  section.icon-image-buckets
  .icon-image-bucket.has-icon
  .icon-image-bucket-content {
  padding-top: 2.25rem;
}

body.marketing
  #main
  article
  #subpage-text-container
  .subpage-text-inner
  section.icon-image-buckets
  h3:after {
  display: none;
}

body.marketing
  #main
  article
  #subpage-text-container
  .subpage-text-inner
  section.icon-image-buckets
  h3:last-child {
  margin-bottom: 0;
}

body.marketing
  #main
  article
  #subpage-text-container
  .subpage-text-inner
  section.icon-image-buckets
  a:hover {
  color: #336;
}

body.marketing
  #main
  article
  #subpage-text-container
  .subpage-text-inner
  section.icon-image-buckets
  a.btn:hover {
  color: #fefefe;
}
body .localist-widget .date-list-content li a span.label.primary {
    background-color: rgb(113, 123, 34);
}
/*County Map*/
.cji-map-widget{
    font-family:inherit;
    border:1px solid #ddd;
    border-radius:4px;
    overflow:hidden;
    max-width:760px;
}
.cji-tabs{
    display:flex;
    background:#6b7a1e;
}
.cji-tab{
    flex:1;
    padding:14px 16px;
    border:0;
    background:#6b7a1e;
    color:#fff;
    font-weight:600;
    text-decoration:underline;
    cursor:pointer;
    font-size:15px;
}
.cji-tab.cji-tab-active{
    background:#fff;
    color:#3d4a12 !important ;
    text-decoration:none;
}
.cji-panels{
    padding:20px 24px;
    background:#fff;
}
.cji-panel.hidden{
    display:none;
}
.cji-intro{
    margin:0 0 16px 0;
    line-height:1.5;
}
.cji-org{
    margin:16px 0 8px;
    text-transform:uppercase;
    font-size:16px; 
    color: black !important;
}
.cji-website a{
    color:#8a8a1f;
    text-decoration:underline;
}
.cji-website,.cji-phone{
    margin:4px 0;
}
.county-content {
    padding-top: 1rem;
}
.table-responsive table.table.table-bordered tbody tr:nth-child(odd) > td {
        background-color: rgba(113, 123, 34, 0.3);
}
.accordion-button:not(.collapsed) {
    background-color: rgb(113, 123, 34) !important;
    color: #fefefe !important;
}
body main article ul.accordion .accordion-item .accordion-button:not(.collapsed), body main article div.accordion .accordion-item .accordion-button:not(.collapsed), body main article ul.accordion .accordion-item.orderFirst .accordion-button:not(.collapsed), body main article ul.accordion .accordion-item.orderLast .accordion-button:not(.collapsed), body main article ul.accordion .accordion-item:first-child .accordion-button:not(.collapsed), body main article ul.accordion .accordion-item:last-child .accordion-button:not(.collapsed), body main article ul.accordion .accordion-item:only-child .accordion-button:not(.collapsed), body main article div.accordion .accordion-item.orderFirst .accordion-button:not(.collapsed), body main article div.accordion .accordion-item.orderLast .accordion-button:not(.collapsed), body main article div.accordion .accordion-item:first-child .accordion-button:not(.collapsed), body main article div.accordion .accordion-item:last-child .accordion-button:not(.collapsed), body main article div.accordion .accordion-item:only-child .accordion-button:not(.collapsed) {
    border-radius: 0rem;
}
div.icon-callouts .icon-callouts-container .row .col .icon-callout .icon-callout-content>div>p.title {
    text-transform: uppercase;
    color: #09c;
}
div.icon-callouts .icon-callouts-container .row .col .icon-callout.center .icon-callout-content>.button, div.icon-callouts .icon-callouts-container .row .col .icon-callout.center .icon-callout-content>.btn {
    background-color: rgb(113, 123, 34);
    border-radius: 30px;
}
h3, h4 {
    text-transform: uppercase;
}
#app--county-map-svg .column-content .county-card .btn-reset-map {
    background-color: rgb(113, 123, 34);
    border-radius: 30px;
}
body main article blockquote {
    margin: 0 0 1rem;
    padding: 0.5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #cacaca;
}
blockquote, blockquote p {
    line-height: 1.6;
    color: #8a8a8a;
}
div.icon-image-buckets.marketing .icon-image-buckets-container {
    box-shadow: none;
}