/******* NODE FEATURE 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;
}
.site-name a {
  font-size: 20px;
  line-height: 1;
}

/* 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 .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.img-banner .banner-content-container .banner-cc-col {
  margin-top: 0;
  color: var(--HCD--charcoal);
  height: auto;
  /* min-height: 220px; */
}
.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;
}
.banner-img-container .col.banner-cc-col .banner-subtitle {
  max-width: 75ch;
}
@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 */
.node--type-feature .breadcrumbs-container {
  display: none;
}
/* Page Layout
inner blocks at all sizes {
  margin: 2em 0;
}
*/
.noside .field--type-text-with-summary {
  max-width: 90%;
  margin: 2em auto 0;
}
@media screen and (max-width: 800px) {
  .noside {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, auto);
    gap: 4rem;
    padding: 0 30px;
  }
}
@media screen and (min-width: 801px) {
  .main-content__container > section {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, auto);
    gap: 4rem 2rem;
    margin: 0;
  }
  .noside,
  .main-content__container .col-12 {
    grid-area: 1 / 1 / 2 / 4;
    width: 100%;
    padding: 0;
  }
}
@media screen and (min-width: 992px) {
  .container .row:has(.noside) {
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(1, auto);
    gap: 4rem 2rem;
  }
  .main-content__container .col-12 {
    grid-area: 1 / 1 / 2 / 9;
  }
}
@media screen and (min-width: 1200px) {
  .container .row:has(.noside) {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(1, auto);
    gap: 4rem;
  }
  .main-content__container .col-12 {
    grid-area: 1 / 1 / 2 / 13;
  }
}
/* @media screen and (min-width: 1440px) {
  .main-content__container .col-12 {
    grid-area: 1 / 1 / 2 / 13;
  }
} */
.node--type-feature .btn.btn-primary {
  display: inline-block;
  margin-bottom: 0;
  padding: 12px 24px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
}
.node--type-feature .btn.btn-primary:link,
.node--type-feature .btn.btn-primary:visited {
  text-decoration: none;
}
.node--type-feature .btn.btn-primary:hover,
.node--type-feature .btn.btn-primary:active {
  text-decoration: underline;
  text-underline-offset: 6px;
}