.section-green-line-ext-feature-inner .accordion-collapse.show .accordion-body {
  border: none;
}

.btn {
  font-size: calc(var(--bs-font-size-base) * 1.25);
  padding-top: calc(var(--bs-spacer) * 0.1875);
  padding-bottom: calc(var(--bs-spacer) * 0.1875);
}

.btn-primary {
  display: flex;
  align-items: center;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  border-radius: calc(var(--bs-border-radius) * 2.25);
}
@media (min-width: 992px) {
  .btn-primary {
    border-radius: calc(var(--bs-border-radius) * 3);
  }
}
.btn-primary:hover {
  background-color: color-mix(in srgb, var(--bs-primary), black 15%);
  border-color: color-mix(in srgb, var(--bs-primary), black 20%);
}
.btn-primary.has-icon-left::before {
  height: 0.75rem;
}

.btn-anchor {
  border-color: var(--bs-metro-green);
  color: var(--bs-gray-500);
}

.navbar {
  background-color: unset;
}
@media (min-width: 992px) {
  .navbar {
    height: 100%;
    background-color: var(--bs-white);
  }
}
.navbar .navbar-brand {
  padding-top: calc(var(--bs-navbar-brand-padding-y) * 2);
  padding-bottom: calc(var(--bs-navbar-brand-padding-y) * 2);
}
@media (min-width: 992px) {
  .navbar .navbar-brand {
    padding-top: 1.34375rem;
    padding-bottom: 1.34375rem;
  }
}
.navbar .navbar-brand::before {
  background-image: url(../public/img/svg/mt-logo-metro-greenline-stacked.svg);
  width: 7rem;
  height: 3rem;
}
@media (min-width: 992px) {
  .navbar .navbar-brand::before {
    background-image: url(../public/img/svg/mt-logo-metro-greenline.svg);
    width: 19.5rem;
    height: 2.3125rem;
  }
}
.navbar .navbar-toggler {
  margin-right: 0;
  padding: var(--bs-spacer);
  width: 3rem;
  height: 3rem;
}
.navbar .navbar-toggler::before {
  display: none;
}
.navbar .navbar-toggler::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.navbar .offcanvas {
  background-color: var(--bs-white);
}
.navbar .offcanvas-end {
  width: 100%;
  max-width: 26.5625rem;
}
@media (min-width: 992px) {
  .navbar .offcanvas-end {
    max-width: unset;
  }
}
.navbar .offcanvas-header {
  border-bottom: 1px solid var(--bs-border-color);
}
.navbar .offcanvas-body {
  padding: var(--bs-spacer);
}
@media (min-width: 992px) {
  .navbar .offcanvas-body {
    margin-left: auto;
  }
}
@media (min-width: 992px) {
  .navbar .navbar-nav {
    padding-top: 1.825rem;
    padding-bottom: 1.825rem;
  }
}
.navbar .nav-item {
  display: flex;
  justify-content: flex-end;
  border-bottom: unset;
  padding-bottom: var(--bs-spacer);
}
.navbar .nav-item:last-child {
  padding-bottom: 0;
}
@media (min-width: 992px) {
  .navbar .nav-item {
    padding: 0 calc(var(--bs-spacer) * 0.25);
  }
  .navbar .nav-item:first-child {
    padding-left: 0;
  }
  .navbar .nav-item:last-child {
    padding-right: 0;
  }
}
.navbar .nav-link {
  color: var(--bs-gray-500);
  font-weight: var(--bs-font-weight-bold);
  line-height: 1.2;
  padding: 0 var(--bs-spacer);
  border-radius: calc(var(--bs-border-radius) * 2);
}
.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link:active,
.navbar .nav-link.active,
.navbar .nav-link:focus-within {
  background-color: var(--bs-primary);
  color: var(--bs-white);
}

h1, .h1 {
  color: var(--bs-white);
  font-size: calc(var(--bs-font-size-base) * 2);
  padding-top: calc(var(--bs-spacer) * 0.75);
  padding-bottom: calc(var(--bs-spacer) * 0.5);
}
@media (min-width: 992px) {
  h1, .h1 {
    font-size: calc(var(--bs-font-size-base) * 3);
    padding-top: calc(var(--bs-spacer) * 3.5);
    padding-bottom: calc(var(--bs-spacer) * 2);
  }
}

.list-inline {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: var(--bs-spacer);
}
@media (min-width: 992px) {
  .list-inline {
    flex-direction: row;
  }
}
.list-inline .list-inline-item {
  margin-right: 0;
  display: block;
}
@media (max-width: 575.98px) {
  .list-inline .list-inline-item {
    flex: 0 0 100%;
    width: 100%;
  }
  .list-inline .list-inline-item .btn {
    width: 100%;
  }
}
.list-inline .mb-1 {
  margin-bottom: unset !important;
}

.header {
  display: flex;
  align-items: center;
}

.footer {
  background-color: var(--bs-green);
  color: var(--bs-white);
  padding: var(--bs-spacer) 0;
}
@media (min-width: 992px) {
  .footer {
    font-size: var(--bs-font-size-base);
    padding: calc(var(--bs-spacer) * 2) 0;
  }
}
@media (min-width: 992px) {
  .footer .btn-container {
    padding-right: var(--bs-spacer);
  }
}
.footer a:not(.btn):not(.t-logo) {
  color: var(--bs-white);
  text-decoration: none;
}
.footer a:not(.btn):not(.t-logo):hover, .footer a:not(.btn):not(.t-logo):active {
  text-decoration: underline;
}
.footer .social-media {
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--bs-border-color);
  padding-bottom: var(--bs-spacer);
  max-width: unset;
  margin: 0 auto;
  text-align: center;
  gap: var(--bs-spacer);
}
@media (min-width: 992px) {
  .footer .social-media {
    border-right: 1px solid var(--bs-border-color);
    border-bottom: none;
    border-left: 1px solid var(--bs-border-color);
    margin: 0;
    padding: calc(var(--bs-spacer) * 0.25) calc(var(--bs-spacer) * 2);
    gap: calc(var(--bs-spacer) * 1.5);
    width: unset;
  }
}
.footer .social-media a {
  display: inline-flex;
}
.footer .t-logo {
  display: inline-flex;
}
@media (min-width: 992px) {
  .footer .t-logo {
    padding-left: var(--bs-spacer);
  }
}
.footer .icon.has-icon-center {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  padding-left: 0;
}
.footer .icon.has-icon-center::before {
  background-size: contain;
  width: 2rem;
  height: 2rem;
}
.footer .icon.has-icon-center.mt-facebook-logo-white::before {
  background-image: url("../public/img/svg/facebook-logo-white.svg");
}
.footer .icon.has-icon-center.mt-instagram-logo-white::before {
  background-image: url("../public/img/svg/instagram-logo-white.svg");
}
.footer .icon.has-icon-center.mt-bluesky-logo-white::before {
  background-image: url("../public/img/svg/bluesky-logo-white.svg");
}
.footer .icon.has-icon-center.mt-transit-t-logo-circle-red {
  width: 2.5rem;
  height: 2.5rem;
}
.footer .icon.has-icon-center.mt-transit-t-logo-circle-red::before {
  width: 2.5rem;
  height: 2.5rem;
}
@media (min-width: 992px) {
  .footer .icon.has-icon-center.mt-transit-t-logo-circle-red::before {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.footer .footer-mission,
.footer .footer-speaker {
  margin-bottom: var(--bs-spacer);
  padding-bottom: var(--bs-spacer);
}
.footer .footer-speaker {
  border-bottom: 1px solid var(--bs-border-color);
  text-align: center;
}
@media (min-width: 992px) {
  .footer .grid {
    display: grid;
    grid-template-columns: 4fr 9fr;
    grid-template-areas: "speaker mission" "speaker actions";
    column-gap: calc(var(--bs-spacer) * 5);
    margin: 0;
  }
  .footer .footer-mission,
  .footer .footer-speaker,
  .footer .footer-actions {
    width: auto;
    padding: 0;
  }
  .footer .footer-mission {
    grid-area: mission;
    margin-bottom: calc(var(--bs-spacer) * 2);
    padding-bottom: calc(var(--bs-spacer) * 2);
  }
  .footer .footer-speaker {
    grid-area: speaker;
    border-right: 1px solid var(--bs-border-color);
    border-bottom: unset;
    padding-top: var(--bs-spacer);
    padding-right: calc(var(--bs-spacer) * 5);
    padding-bottom: var(--bs-spacer);
  }
  .footer .footer-actions {
    grid-area: actions;
    align-self: start;
  }
}

@media (min-width: 576px) {
  .text-bg-white-gray {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Crect x='0' y='0' width='50' height='100' fill='%23ffffff'/%3E%3Crect x='50' y='0' width='50' height='100' fill='%23f5f5f4'/%3E%3C/svg%3E");
    background-size: cover;
    background-position: center;
  }
}
.microsite-callout {
  font-size: 1.5rem;
  color: #626462;
}

.microsite-callout strong {
  color: #008244;
}

@media (min-width: 992px) {
  .microsite-callout {
    font-size: 2rem;
  }
}
/* Horizontal card style */
.card-style-microsite-horizontal .card-icon {
  padding: 0 0 1rem;
}

.card-style-microsite-horizontal .card-img-top {
  border-radius: 0.5rem;
}

.card-style-microsite-horizontal .card-img-wrapper {
  padding: 0rem;
}

@media (min-width: 768px) {
  .card-style-microsite-horizontal .card-img-wrapper {
    padding: 1rem;
  }
}
@media (min-width: 992px) {
  .card-style-microsite-horizontal .card-img-wrapper {
    padding: 2rem;
  }
  .card-style-microsite-horizontal .card-img-top {
    margin-bottom: 0;
  }
}
.card-style-microsite-horizontal .card-text {
  line-height: 1.25;
}

/* Vertical card style */
.card-style-microsite-vertical .card-img-wrapper {
  padding: 0 1rem;
}

.card-style-microsite-vertical .card-img-top {
  border-radius: 0.5rem;
}

@media (min-width: 992px) {
  .card-style-microsite-vertical .card-img-wrapper {
    padding: 0 2rem;
  }
}
.card-style-microsite-vertical .card-text {
  line-height: 1.25;
}

@media (min-width: 576px) {
  .text-bg-green-lt-green {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Crect x='0' y='0' width='50' height='100' fill='%23008244'/%3E%3Crect x='50' y='0' width='50' height='100' fill='%23e9f3d3'/%3E%3C/svg%3E");
    background-size: cover;
    background-position: center;
  }
}
.metrotransit-countdown .countdown-banner {
  font-size: 2rem;
  font-weight: bold;
}

@media (min-width: 992px) {
  .metrotransit-countdown .countdown-banner {
    font-size: 3rem;
  }
}
.microsite-hero .hero-image {
  width: 100%;
  min-height: 100px;
  object-fit: cover;
}

.project-milestone {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1rem 1rem 0;
  background-color: #e9f3d3;
}

.project-milestone:last-child {
  padding-bottom: 1rem;
}

.project-milestone .milestone-date {
  background-color: #008144;
  color: #ffffff;
  padding: 0 0.75rem;
  border-radius: 1rem;
}

.project-milestone .milestone-line {
  min-width: 1rem;
  border-top: 2px solid #bbc2b0;
}

.project-milestone .milestone-description {
  background-color: #ffffff;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid #bbc2b0;
  flex: 1;
}

@media (min-width: 576px) {
  .project-milestone {
    padding: 2rem 2rem 0;
  }
  .project-milestone:last-child {
    padding-bottom: 2rem;
  }
  .project-milestone .milestone-line {
    min-width: 2rem;
  }
}
.section-default-outer {
  background-color: #f5f5f4;
  padding: 2rem 0;
  background-size: cover;
  background-repeat: no-repeat;
}

.section-default-inner {
  background-color: #f5f5f4;
  padding: 1rem;
  border-radius: 0.5rem;
}

.section-green-line-ext-feature-outer {
  background-color: #A5CF4C;
  padding: 2rem 0;
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: scroll;
}
@media (min-width: 768px) {
  .section-green-line-ext-feature-outer {
    background-size: cover;
    background-attachment: fixed;
  }
}

.section-green-line-ext-feature-inner {
  background-color: #626462;
  padding: 1rem;
  border-radius: 0.5rem;
}

.section-green-line-ext-feature-inner .section-heading {
  color: #ffffff;
}

.section-green-line-ext-feature-inner img {
  border-radius: 0.5rem;
}

@media (max-width: 575px) {
  .section-default-outer {
    padding: 1rem 0;
  }
  .section-green-line-ext-feature-outer {
    padding: 1rem;
  }
}
.station-card-bg-pink {
  background-color: #FCDBDE;
}

.station-card-bg-orange {
  background-color: #F68B1F;
}

.station-card-bg-red {
  background-color: #ED1B2E;
}

.station-card-bg-light-blue {
  background-color: #D8ECFD;
}

.station-card-bg-blue {
  background-color: #0097D0;
}

.station-card-bg-green {
  background-color: #A5CF4C;
}

.station-card {
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}

.extension-stations .station-card {
  margin-top: 0.75rem;
}

.station-card:hover, .station-card:focus, .station-card:active {
  filter: brightness(80%);
}

.station-badge {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.station-location {
  margin: 0.25rem 0;
  color: #8a8b8a;
}

.amenity-icon {
  width: 2rem;
  min-width: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.station-amenity {
  display: flex;
  color: #8a8b8a;
  line-height: 1;
  margin: 0.75rem 0;
}

.station-image {
  border-radius: 0.5rem;
}

.extension-stations .station-badge {
  padding: 10%;
}

@media (max-width: 576px) {
  .original-stations .station-badge {
    padding: 7%;
  }
}
:root {
  --bs-primary: var(--bs-red-300, #e40c66);
}

/*# sourceMappingURL=metrotransit-gle.css.map */