.emergency-departments.token {
  color: #006EB4;
}

.emergency-departments.token .token-name {
  font-size: 2rem;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 1.6rem;
}

.emergency-departments.token .token-name a {
  color: #00558C;
  text-decoration: underline;
}

.emergency-departments.token .token-name a:hover {
  color: #0074bf;
}

.emergency-departments.token .token-name .fa-ext {
  display: none;
}

.emergency-departments.token .location-hours {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
  font-size: 1.6rem;
  margin-bottom: 1rem;
}

.emergency-departments.token .field--name-field-city-and-province {
  color: #333333;
}

.emergency-departments.token .field--name-field-city-and-province::before {
  content: url("../../images/map-marker.svg");
  margin-right: 0.3em;
  position: relative;
  top: 0.2em;
}

.emergency-departments.token .field--name-field-hours-of-operation {
  color: #333333;
}

.emergency-departments.token .field--name-field-hours-of-operation::before {
  content: url("../../images/calendar.svg");
  margin-right: 0.3em;
  position: relative;
  top: 0.1em;
}

.emergency-departments.token .wait-time > .inner {
  background: #f4f4f4 url("../../images/clock--black.svg") no-repeat 16px center;
  border-radius: 24px;
  color: #333333;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 2rem;
  padding: 0 16px 0 38px;
}

@media (min-width: 768px) {
  .emergency-departments.token {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: grid;
    grid-template-areas: 'top right' 'bottom right';
    grid-template-columns: 1fr 360px;
  }
  .emergency-departments.token .token-name {
    grid-area: top;
    margin-bottom: 0.8rem;
  }
  .emergency-departments.token .field--name-field-city-and-province {
    grid-area: bottom;
    margin-bottom: 0;
  }
  .emergency-departments.token .wait-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-area: right;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
}

.attention {
  width: 100%;
  font-style: italic;
  color: #B50000;
  text-align: left;
  padding-top: 10px;
}

@media (min-width: 768px) {
  .attention {
    text-align: right;
    padding-top: 0;
    margin-top: -10px;
  }
}

/*# sourceMappingURL=emergency-department.css.map */