.landing-page-body {
  background-color: white;
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.landing-page-body > .row {
  max-width: 1320px; 
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
.landing-page-body .mt-4 {
	margin-top: 0rem !important;
	padding-top: 1.5rem !important;
}

@media (min-width: 36rem) {
    .landing-page-body > .row {
        max-width: 540px;
    }
}

@media (min-width: 48rem) {
    .landing-page-body > .row {
        max-width: 720px;
    }
}

@media (min-width: 62rem) {
    .landing-page-body > .row {
        max-width: 960px;
    }
}

@media (min-width: 75rem) {
    .landing-page-body > .row {
        max-width: 1140px;
    }
}


@media (min-width: 87.5rem) {
    .landing-page-body > .row {
        max-width: 1320px;
    }
}


.landing-page-body .body_side-nav {
  position: relative;
  z-index: 2;
  background-color: #d9d9d9;
}

.landing-page-body .body_side-nav::before {
  content: "";
  position: absolute;
  top: 0px;
  left: -9999px;     
  width: 9999px;     
  height: 100%;
  background-color: #d9d9d9;
  z-index: -1;
}


.landing-page-body .body_side-nav {
  margin-top: -1.5rem;  
  padding-top: 1.5rem;
   margin-bottom: 0rem;
}

.landing-page-body #block-ndee-content {
	padding-left: 20px;
}

@media(max-width: 992px){
.landing-page-body #block-ndee-content {
	padding-left: 0px;
	}
}


.node--type-public-orders .field--type-entity-reference {
    margin: 0 0 0rem;
}

.page-node-5542 .viewsreference--view-title {
    display: none;
}

#block-ndee-data-2 {
    background-color: white;
    padding: 40px 70px 40px 70px;
    color: #FFFFFF;
}

#block-ndee-data-2 .field--name-field-label {
	color: #00475e;
	text-align: center;
}

#block-ndee-data-2 img {
	    max-width: 65px;
    max-height: 65px;
    margin-bottom: 5px;
}

#block-ndee-data-2 .data-bar-image img {
  filter: brightness(0) saturate(100%) invert(26%) sepia(22%) saturate(2371%) hue-rotate(164deg) brightness(92%) contrast(103%);
}


/* --------------------------------------
   Bounce animation keyframes 
--------------------------------------- */
@keyframes bounce {
  0%   { transform: translateY(0); }
  25%  { transform: translateY(-8px); }
  50%  { transform: translateY(0); }
  75%  { transform: translateY(-4px); }
  100% { transform: translateY(0); }
}

/* --------------------------------------
   Apply on hover 
--------------------------------------- */
.bounce:hover {
  animation-name: bounce;
  animation-duration: 1.5s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}


#block-ndee-data-2 h2 {
	text-align: center;
	    font-size: 30px;
    color: #00475e;
    margin-bottom: 40px;
        margin-top: 20px;
}


.data-bar-image {
	text-align: center;
}

.data-bar-label{
	    margin-top: 10px;
    margin-bottom: 10px;
}

.carousel-control-next-icon {
    background-image: url(/sites/default/files/angle-right-solid.svg) !important;
}

.carousel-control-prev-icon {
    background-image: url(/sites/default/files/angle-left-solid.svg) !important;
}

.carousel-control-prev, .carousel-control-next {
	    opacity: 1;
	    z-index: 2;
}

.carousel-item img {
    width: 100%;
    height: auto;
    margin-bottom: 0;
    height: 500px;
}

@media(min-width: 2100px){
	.carousel-item img {
	height: 600px;
	}
}

@media(min-width: 2400px){
	.carousel-item img {
	height: 700px;
	}
}

@media(min-width: 2800px){
	.carousel-item img {
	height: 800px;
	}
}


@media(max-width: 992px){
	.carousel-item img {
	height: 400px;
	}
}

@media(max-width: 768px){
	.carousel-item img {
	height: 300px;
	}
}

@media(max-width: 500px){
	.carousel-item img {
	height: 250px;
	}
}

.region-front-page-slider {
  position: relative; 
  overflow: hidden;
  background-color: black;
}

.carousel-item .col-md-12.position-relative::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
  pointer-events: none;
}

/* all slides get a lighter overlay */
.carousel-item .col-md-12.position-relative {
  position: relative;
  overflow: hidden;
}

.carousel-item .col-md-12.position-relative::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  z-index: 1;
  pointer-events: none;
}

/* keep caption above overlay */
.carousel-item .carousel-caption {
  position: absolute;
  z-index: 2;
}

/* specifically darken ONLY the default background image */
.carousel-item img[src*="default_images/gradiant"] {
  filter: brightness(65%);
}

.region-front-page-slider a {
	color: #51bdff;
}

.region-front-page-slider a:hover {
	text-decoration: underline;
}

.region-front-page-slider h2 {
	color: #ffffff;
}

.region-front-page-slider p {
	font-weight: normal;
}
.region-front-page-slider p > strong {
	font-weight: bolder;
	color: #ffffff;
}

#block-ndee-views-block-homepage-hot-buttons-block-1 .carousel-control-next-icon{
	left: 0;
    position: relative;
}

#block-ndee-views-block-homepage-hot-buttons-block-1 .carousel-control-prev-icon {
	right: 0;
    position: relative;
	}
	
#block-ndee-views-block-homepage-hot-buttons-block-1	.carousel-control-prev, .carousel-control-next {
    height: 35px;
    top: 185px;
}


@media(min-width: 1650px){
#block-ndee-views-block-homepage-hot-buttons-block-1 .carousel-control-next-icon{
	left: 200px;
    position: relative;
}


#block-ndee-views-block-homepage-hot-buttons-block-1 .carousel-control-prev-icon {
	right: 200px;
    position: relative;
	}
}

@media(max-width: 1400px){
#block-ndee-views-block-homepage-hot-buttons-block-1 .carousel-control-prev, .carousel-control-next {
    height: 35px;
    top: 185px;
	}
}

@media(max-width: 1199px){
#block-ndee-views-block-homepage-hot-buttons-block-1 .carousel-control-prev, .carousel-control-next {
    height: 35px;
    top: 185px;
	}
}

@media(max-width: 992px){
#block-ndee-views-block-homepage-hot-buttons-block-1 .carousel-control-prev, .carousel-control-next {
    height: 35px;
    top: 185px;
	}
}

@media(max-width: 768px){
#block-ndee-views-block-homepage-hot-buttons-block-1 .carousel-control-prev, .carousel-control-next {
    height: 35px;
    top: 185px;
	}
}

@media(max-width: 515px){
#block-ndee-views-block-homepage-hot-buttons-block-1 .carousel-control-prev, .carousel-control-next {
    height: 35px;
    top: 185px;
	}
}

@media(max-width: 450px){
#block-ndee-views-block-homepage-hot-buttons-block-1 .carousel-control-prev, .carousel-control-next {
    height: 35px;
    top: 185px;
	}
}

@media(max-width: 420px){
#block-ndee-views-block-homepage-hot-buttons-block-1 .carousel-control-prev, .carousel-control-next {
    height: 35px;
    top: 185px;
	}
}

@media(max-width: 375px){
#block-ndee-views-block-homepage-hot-buttons-block-1 .carousel-control-prev, .carousel-control-next {
    height: 35px;
    top: 185px;
	}
}

.page-node-12 .carousel-caption {
	z-index: 2;
	text-align: left;
	
}

.page-node-12 .carousel-caption h3{
	color: #fff;
	font-size: 1.25rem;
}

.page-node-12 .carousel-caption p{
	font-size: 1.75rem;
}
	
.hot-buttons-background-image {
	aspect-ratio: auto 420 / 500;
}
#block-ndee-views-block-homepage-hot-buttons-block-1 {
	padding-bottom: 75px;
}
[data-history-node-id="34"] .hot-buttons-background-image {
	background-position-x: -60px;
}
.carousel-item img {
    height: 400px !important;
}
/*for landing page dropdowns*/
.homepage_dropdown {
    margin: 0px;
    padding-top: 40px;
}
/*fixes squished logo on mobile*/
.site-header_logo img {
    width: auto;
}

.page-node-12 .homepage_dropdown {
	display: block;
	margin: 0 auto;
}

.carousel-item img {
	object-fit: cover;
}

.region-front-page-slider .d-md-block {
	display: block !important;
}

@media(max-width: 1199px){
.page-node-12 .region-front-page-slider .carousel-caption p {
	font-size: 1.5rem !important;
	}
}

@media(max-width: 768px){
.page-node-12 .region-front-page-slider .carousel-caption p {
	font-size: 1.25rem!important;
	}
}

@media(max-width: 505px){
.page-node-12 .region-front-page-slider .carousel-caption p {
	font-size: 1.15rem!important;
	}
}

@media(max-width: 470px){
.page-node-12 .region-front-page-slider .carousel-caption p {
	font-size: 1.1rem!important;
	}
}

@media(max-width: 430px){
.page-node-12 .region-front-page-slider .carousel-caption p {
	font-size: 1rem!important;
	}
}

@media(max-width: 1199px){
.page-node-12 .region-front-page-slider .carousel-caption span {
	font-size: 1.5rem !important;
	}
}

@media(max-width: 768px){
.page-node-12 .region-front-page-slider .carousel-caption span {
	font-size: 1.25rem!important;
	}
}

@media(max-width: 505px){
.page-node-12 .region-front-page-slider .carousel-caption span {
	font-size: 1.15rem!important;
	}
}

@media(max-width: 470px){
.page-node-12 .region-front-page-slider .carousel-caption span {
	font-size: 1.1rem!important;
	}
}

@media(max-width: 430px){
.page-node-12 .region-front-page-slider .carousel-caption span {
	font-size: 1rem!important;
	}
}

.bg-secondary {
Background-color: #FFCE5C !important;
}

#block-ndee-secondmainnavigation .visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  color: white !important;
}

.accordion-button.bg-primary .view-grouping-header{
background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.hero-image {
	background-color: black;
}

.body_side-nav {
  position: relative;
  z-index: 2;
  background-color: #d9d9d9;
}

.body_side-nav::before {
  content: "";
  position: absolute;
  top: 0px;
  left: -9999px;     
  width: 9999px;     
  height: 100%;
  background-color: #d9d9d9;
  z-index: -1;
}

.body_side-nav {
    margin-top: -1.5rem;
    padding-top: 1.5rem;
    margin-bottom: -3rem;
}

 .dialog-off-canvas-main-canvas.has-side-nav {
    background-color: white;                                                                                            
  }                                                                                                                     
    
.accordion {
	--bs-accordion-bg: white;
}

.page-content.has-side-nav {                                                                                    
    padding-left: 20px;                                                                                                 
  }
 
/* --------------------------------------
   Data Bar parent paragraph
--------------------------------------- */
.paragraph--type--data-bar-2 {
  background-color: #ffffff;
  padding: 10px 0 50px;
  color: #ffffff;
}

/* Data Bar title field */
.paragraph--type--data-bar-2 .field--name-field-data-bar-title {
  color: #00475e;
  text-align: center;
  font-size: 30px;
  font-weight: 500;
  margin-top: 20px;
  margin-bottom: 40px;
}

/* The field that contains all repeated Data Bar Items */
.paragraph--type--data-bar-2 .field--name-field-data-bar-items-2.field__items {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 20px;
}

/* Each repeated item wrapper */
.paragraph--type--data-bar-2 .field--name-field-data-bar-items-2 > .field__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* Hide empty extra title div inside each child item, if it is not being used */
.paragraph--type--data-bar-2 .field--name-field-data-bar-items-2 > .field__item > .data-bar-title:empty {
  display: none;
}

/* Individual Data Bar item */
.paragraph--type--data-bar-2 .data-bar-item {
  width: 100%;
  text-align: center;
}

/* Link wrapping the image and label */
.paragraph--type--data-bar-2 .data-bar-item a.data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
  color: #00475e;
}

/* No underline on hover or focus */
.paragraph--type--data-bar-2 .data-bar-item a.data:hover,
.paragraph--type--data-bar-2 .data-bar-item a.data:focus,
.paragraph--type--data-bar-2 .data-bar-item a.data:hover .data-bar-label,
.paragraph--type--data-bar-2 .data-bar-item a.data:focus .data-bar-label,
.paragraph--type--data-bar-2 .data-bar-item a.data:hover .field--name-field-label,
.paragraph--type--data-bar-2 .data-bar-item a.data:focus .field--name-field-label {
  text-decoration: none !important;
}

/* Keep keyboard focus visible without adding underline */
.paragraph--type--data-bar-2 .data-bar-item a.data:focus {
  outline: 2px solid #00475e;
  outline-offset: 4px;
}

/* Image wrapper */
.paragraph--type--data-bar-2 .data-bar-image {
  display: block;
  text-align: center;
  margin-bottom: 5px;
}

/* Image field wrapper */
.paragraph--type--data-bar-2 .data-bar-image .field--name-field-image {
  display: block;
  text-align: center;
  margin: 0;
}

/* Image size */
.paragraph--type--data-bar-2 .data-bar-image img {
  display: block;
  width: 65px;
  height: 65px;
  max-width: 65px;
  max-height: 65px;
  margin: 0 auto 5px;
  object-fit: contain;
  filter: brightness(0) invert(1);    
}

/* Label heading */
.paragraph--type--data-bar-2 .data-bar-label {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #00475e;
  text-align: center;
  line-height: 1.3;
}

/* Label field */
.paragraph--type--data-bar-2 .field--name-field-label {
  color: white;
  text-align: center;
}

/* --------------------------------------
   Bounce animation keyframes
--------------------------------------- */
@keyframes dataBarBounce {
  0% {
    transform: translateY(0);
  }

  25% {
    transform: translateY(-8px);
  }

  50% {
    transform: translateY(0);
  }

  75% {
    transform: translateY(-4px);
  }

  100% {
    transform: translateY(0);
  }
}

/* Apply bounce on hover/focus */
.paragraph--type--data-bar-2 .bounce:hover,
.paragraph--type--data-bar-2 .data-bar-item a.data:focus .bounce {
  animation-name: dataBarBounce;
  animation-duration: 1.5s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}

/* Respect reduced motion settings */
@media (prefers-reduced-motion: reduce) {
  .paragraph--type--data-bar-2 .bounce:hover,
  .paragraph--type--data-bar-2 .data-bar-item a.data:focus .bounce {
    animation: none;
  }
}

/* --------------------------------------
   Responsive fallback layout
--------------------------------------- */

/* Desktop */
@media (min-width: 1100px) {
  .paragraph--type--data-bar-2 .field--name-field-data-bar-items-2 > .field__item {
    flex: 0 1 auto;
  }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1099px) {
  .paragraph--type--data-bar-2 .field--name-field-data-bar-items-2 > .field__item {
    flex: 0 1 calc(33.333% - 20px);
    max-width: calc(33.333% - 20px);
  }
}

/* Mobile */
@media (max-width: 767px) {
  .paragraph--type--data-bar-2 .field--name-field-data-bar-items-2 > .field__item {
    flex: 0 1 100%;
    max-width: 100%;
  }
}

.field--name-field-data-bar-title {
	   color: #00475e;
    text-align: center;
}

.paragraph--type--data-bar-2 .data-bar-item a.data::before,
.paragraph--type--data-bar-2 .data-bar-item a.data::after,
.paragraph--type--data-bar-2 .data-bar-item a.data:hover::before,
.paragraph--type--data-bar-2 .data-bar-item a.data:hover::after,
.paragraph--type--data-bar-2 .data-bar-item a.data:focus::before,
.paragraph--type--data-bar-2 .data-bar-item a.data:focus::after {
  content: none !important;
  
  
}

/* Full-width Data Bar even when placed inside Bootstrap .container */
.paragraph--type--data-bar-2 {
 position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  max-width: 100%;
  background-color: #006B8A;
  padding: 40px 70px 20px 70px;
  box-sizing: border-box;
  overflow-x: hidden;
  position: relative;
      top: 3rem;
}

/* Keep the actual Data Bar content aligned like the rest of the site */
.paragraph--type--data-bar-2 > .field--name-field-data-bar-title,
.paragraph--type--data-bar-2 > .field--name-field-data-bar-items-2 {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

/* Hide data bar until JS moves it above the footer */
.paragraph--type--data-bar-2 {
  visibility: hidden;
}

/* Show it after JS has moved it */
.paragraph--type--data-bar-2.data-bar-ready {
  visibility: visible;
}