/******* NODE PROGRAMS PAGE CSS ******/
:root {
  --menu-bg-color: #e5eef7;
  --menu-link-color: #06407a;
  --menu-font-family: "Open Sans";
  --menu-font-size: 14px;
  --HCD--charcoal: #282828;
  --HCD--light--blue: #0067b8;
  --HCD--yellow: #ffd458;
  --HCD--dark--blue: #06407a;
  --HCD--powder--blue--smoke: #f5f7fa;
  --HCD--orange: #ba5002;
  --HCD--green: #047a6a;
  --HCD--gray: #dbdbdb;
  --HCD--white: #ffffff;
  --HCD--bnt-secondary--color: #05407a;
  --HCD--font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}
/* from here to line 236 is direct copy from SubPage */
.site-name a {
  font-size: 20px;
  line-height: 1;
}
.container.breadcrumbs-container + .container {
  width: unset;
  margin: auto 5%;
}
/* Banner */
.paragraph--type--banner .banner-container {
  border-radius: unset;
  border: none;
  padding: 0 30px;
}
.banner-img {
  height: 500px;
  border-radius: unset;
}
.banner-img-container.noimg-banner {
  margin: 20px 0;
}
.paragraph--type--banner .banner-container h1.banner-title {
  font-size: 33px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  color: var(--HCD--orange);
}
.paragraph--type--banner .banner-container .banner-text {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.banner-img-container .col.banner-cc-col .banner-subtitle {
  max-width: 75ch;
}
.banner-img-container .col.banner-cc-col .banner-subtitle:empty {
  display: none;
}
.banner-img-container.img-banner .banner-content-container .banner-cc-col {
  margin-top: 0;
  color: var(--HCD--charcoal);
  height: auto;
}
/* .banner-img-container.noimg-banner .col.banner-cc-col {
  border-bottom: 2px solid #e6ebf1;
} */
.banner-img-container.img-banner h1 {
  color: var(--HCD--orange);
  font-size: 33px;
  line-height: 35px;
}
@media screen and (max-width: 800px) {
  .banner-img-container.img-banner {
    background: rgba(249, 249, 249, 1) !important;
    padding: 30px;
  }
  .banner-img-container.noimg-banner .col.banner-cc-col {
    padding: 30px;
    min-height: 220px;
  }
}
@media screen and (min-width: 801px) {
  .banner-img-container.img-banner {
    display: flex;
    align-items: center;
    height: auto;
    min-height: 220px;
    padding: 30px 60px;
  }
  .banner-container .banner-cc-row {
    max-width: 1049px;
    margin: 0 auto;
  }
}
/* Breadcrumb */
.region.region-breadcrumb {
  display: none;
}
ol.breadcrumb__items {
  padding: 10px 0;
  grid-area: 1 / 2 / 1 / 13;
}
@media screen and (min-width: 801px) {
  .breadcrumbs-container {
    padding: 0;
  }
  .noside
    .content-container
    > div[class*="field--type-"]
    .field__item
    > div:has(.feature-rack) {
    width: 100%;
    margin: 2em auto;
  }
}

/* Page Layout */
@media screen and (max-width: 900px) {
  .breadcrumbs-container + .container > .row {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 4rem;
  }
  .breadcrumbs-container + .container > .row > .col-md-3 {
    grid-area: 2 / 1 / 3 / 2;
    margin-bottom: 2em;
  }
  .breadcrumbs-container + .container > .row > .col-md-9 {
    grid-area: 1 / 1 / 2 / 2;
    padding: 0 30px;
  }
  .breadcrumbs-container + .container > .row > .noside {
    padding: 0 30px;
  }
}
@media screen and (min-width: 901px) {
  .container.breadcrumbs-container + .container {
    margin: auto 2%;
  }
  .breadcrumbs-container + .container > .row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, auto);
    gap: 4rem;
    margin: 0;
  }
  .breadcrumbs-container + .container > .row > .col-md-3 {
    grid-area: 1/3/1/4;
    width: 100%;
    padding: 0;
  }
  .breadcrumbs-container + .container > .row > .col-md-9 {
    grid-area: 1 / 1 / 1 / 3;
    width: 100%;
    padding: 0;
  }
  .breadcrumbs-container + .container > .row > .noside {
    grid-area: 1 / 1 / 1 / 4;
    width: 100%;
    padding: 0;
  }
}
@media screen and (min-width: 992px) {
  .breadcrumbs-container + .container > .row {
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(1, auto);
    padding: 0;
  }
  .breadcrumbs-container + .container > .row > .col-md-3 {
    grid-area: 1 / 8 / 1 / 11;
    padding-left: 0;
  }
  .breadcrumbs-container + .container > .row > .col-md-9 {
    grid-area: 1 / 1 / 1 / 8;
  }
  .breadcrumbs-container + .container > .row > .noside {
    grid-area: 1 / 1 / 1 / 11;
  }
}
@media screen and (min-width: 1200px) {
  .breadcrumbs-container + .container > .row {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(1, auto);
    gap: 4rem;
    max-width: 1170px;
    margin: 0 auto;
  }
  .breadcrumbs-container + .container > .row > .col-md-3 {
    grid-area: 1 / 10 / 1 / 13;
    padding: 0;
  }
  .breadcrumbs-container + .container > .row > .col-md-9 {
    grid-area: 1 / 1 / 1 / 10;
    padding: 0;
  }
  .breadcrumbs-container + .container > .row > .noside {
    grid-area: 1 / 1 / 1 / 13;
    padding: 0;
  }
}