/*@import "resources/css/abstracts/colors";*/
/*@import "/var/www/public/wp-content/ehu-themes/ehu-neon-theme/resources/css/base/typography";
@import "/var/www/public/wp-content/ehu-themes/ehu-neon-theme/resources/css/components/breadcrumbs";
@import "/var/www/public/wp-content/ehu-themes/ehu-neon-theme/resources/css/abstracts/functions";
@import "/var/www/public/wp-content/ehu-themes/ehu-neon-theme/resources/css/base/global";
@import "/var/www/public/wp-content/ehu-themes/ehu-neon-theme/resources/css/components/buttons";
@import "/var/www/public/wp-content/ehu-themes/ehu-neon-theme/resources/css/components/panels";*/
.service-gateway__wrap {
  display: grid;
  grid-template-columns: 5fr 2fr;
  grid-gap: 0 3rem;
  width: 100%;
  margin: 0 0 1.5rem;
}
@media (max-width: 767px) {
  .service-gateway__wrap {
    grid-template-columns: 1fr;
    grid-template-areas: "primary-header" "secondary" "primary-content";
  }
}

.service-gateway-list__grid a:focus {
  background-color: var(--ehu-colors-primary);
  color: var(--ehu-colors-neutral-white);
}

@media (max-width: 767px) {
  .service-gateway__header {
    grid-area: primary-header;
  }
}

@media (max-width: 767px) {
  .service-gateway__content {
    grid-area: primary-content;
  }
}

.service-gateway__cta-wrap {
  max-width: fit-content;
  margin: 0;
}
@media (max-width: 767px) {
  .service-gateway__cta-wrap {
    grid-area: secondary;
  }
}

.service-gateway__cta-wrap .cta {
  max-width: 100%;
}

.service-gateway__status {
  display: grid;
  margin: 1rem 0;
  background-color: var(--ehu-colors-neutral-light);
  padding: 0.75rem 1.5rem;
}

.service-gateway__heading {
  font-size: 1.25rem;
  font-weight: 500;
}

.service_gateway__status-message {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1rem;
  font-weight: 300;
}

.service_gateway_status-up {
  color: var(--ehu-color-fern-green);
}

.service_gateway_status-down {
  color: var(--ehu-color-maple-red);
}

.service_gateway_status-faulty {
  color: var(--ehu-color-marigold);
}

.service_gateway_online-enrolment_notice {
  margin: 1rem 0;
  background-color: var(--ehu-color-fern-green);
  padding: 2rem;
  color: var(--ehu-color-white);
  font-weight: 700;
  font-size: 1rem;
}

.service_gateway_online-enrolment_notice span {
  margin-right: 1rem;
  vertical-align: top;
  font-size: 1.5rem;
}

.service_gateway_online-enrolment_description {
  margin: 1.5rem 0;
  border-radius: 0.3125rem;
  background-color: var(--ehu-color-black-10);
  padding: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.service_gateway_online-enrolment_process {
  margin: 1rem 0;
  border: 2px solid var(--ehu-color-primary);
  background-color: var(--ehu-color-white);
  padding: 2rem;
}

.service_gateway_online-enrolment_process ul.service_gateway_online-enrolment_ul {
  display: grid;
  gap: 2rem;
  list-style-type: none;
}

.service_gateway_online-enrolment_process ul.service_gateway_online-enrolment_ul,
.service_gateway_online-enrolment_process ul.service_gateway_online-enrolment_ul li {
  margin: 0;
  padding: 0;
}

.service_gateway_online-enrolment_process ul.service_gateway_online-enrolment_ul li .title,
.service_gateway_online-enrolment_process ul.service_gateway_online-enrolment_ul li .location {
  margin: 0;
  padding: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
}

.service_gateway_online-enrolment_process ul.service_gateway_online-enrolment_ul li .title span {
  margin-right: 1rem;
}

.service_gateway_online-enrolment_process ul.service_gateway_online-enrolment_ul li .location {
  display: grid;
  margin-top: 1rem;
  margin-left: 2.5rem;
  width: max-content;
  font-size: 1rem;
}

.service_gateway_online-enrolment_process ul.service_gateway_online-enrolment_ul li .location:not(:has(a)) {
  border: 2px solid var(--ehu-color-black-10);
  background-color: var(--ehu-color-black-10);
  padding: 1rem;
  font-size: 1rem;
}

.service_gateway_online-enrolment_process ul.service_gateway_online-enrolment_ul li .location a {
  border: 2px solid var(--ehu-color-primary);
  background-color: var(--ehu-color-primary);
  padding: 1rem;
  font-size: 1rem;
  color: var(--ehu-color-white);
  text-decoration: none;
}

.service_gateway_online-enrolment_process ul.service_gateway_online-enrolment_ul li .location a:hover,
.service_gateway_online-enrolment_process ul.service_gateway_online-enrolment_ul li .location a:focus {
  text-decoration: underline;
}

.service_gateway_online-enrolment_process ul.service_gateway_online-enrolment_ul li .description {
  margin: -2rem;
  margin-top: 2.5rem;
  background-color: var(--ehu-color-heliotrope);
  padding: 2rem;
  padding-top: 1rem;
  color: var(--ehu-colors-primary);
}

/*# sourceMappingURL=service-gateway.css.map */