/* Facts & Figures — standalone styles
 *
 * Foundation values resolved:
 *   rem-calc(18px) = 1.125rem
 *   rem-calc(28px) = 1.75rem
 *   rem-calc(16px) = 1rem
 *   $global-margin = 1rem
 *   breakpoint(large) = min-width: 64em (1024px)
 */

/* ---- Icon sizes (xxlarge / xxxlarge / xxxxlarge) ------------------------- */

.icon.icon--xxlarge svg {
  width: 55px;
  height: 55px;
}

.icon.icon--xxxlarge svg {
  width: 70px;
  height: 70px;
}

.icon.icon--xxxxlarge svg {
  width: 100px;
  height: 100px;
}

/* ---- Card colours -------------------------------------------------------- */

#facts-and-figures-content .no-margin {
  margin-bottom: 0 !important;
}

#facts-and-figures-content .volume-card.card {
  background-color: #A2A2A2;
}

#facts-and-figures-content .profit-card.card {
  background-color: #5B5B5C;
}

#facts-and-figures-content .employees-card.card {
  background-color: #6D2EA3;
}

#facts-and-figures-content .trainee-card.card {
  background-color: #9960CA;
}

#facts-and-figures-content .patients-acut-card.card {
  background-color: #66B022;
}

#facts-and-figures-content .patients-psychiatry-card.card {
  background-color: #EC7A08;
}

#facts-and-figures-content .patients-rehabilitation-card.card {
  background-color: #72C7E7;
}

/* ---- Patient card headers: row layout on large screens ------------------- */

@media (min-width: 64em) {
  #facts-and-figures-content .patients-acut-card.card .card-section.header,
  #facts-and-figures-content .patients-psychiatry-card.card .card-section.header,
  #facts-and-figures-content .patients-rehabilitation-card.card .card-section.header {
    flex-direction: row;
    justify-content: space-between;
  }
}

/* ---- Card section: header ------------------------------------------------ */

#facts-and-figures-content .card-section.header {
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#facts-and-figures-content .card-section.header .card-section-header-title {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

#facts-and-figures-content .card-section.header svg {
  opacity: 0.8;
}

/* ---- Card section: content ----------------------------------------------- */

#facts-and-figures-content .card-section.content {
  color: white;
}

#facts-and-figures-content .card-section.content .card-section-content-wrapper {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
}

#facts-and-figures-content .card-section.content .card-section-content-title {
  font-size: 1.75rem;
}

#facts-and-figures-content .card-section.content .card-section-content-subtitle {
  font-size: 1rem;
  opacity: 0.8;
}

#facts-and-figures-content .card-section.content .card-section-content-description {
  margin-top: 1rem;
  opacity: 0.7;
}

/* ---- Card bottom margin -------------------------------------------------- */

#facts-and-figures-content .card {
  margin-bottom: 2rem;
}

/* ---- Reporting year heading ---------------------------------------------- */

.ff-reporting-year {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

/* ---- Annual report link -------------------------------------------------- */

.ff-annual-report-link {
  margin-top: 1rem;
}

.ff-annual-report-link a {
  display: inline-block;
  padding: 0.5rem 1rem;
  background-color: #6D2EA3;
  color: #fff;
  text-decoration: none;
}

.ff-annual-report-link a:hover,
.ff-annual-report-link a:focus {
  background-color: #5a2589;
  text-decoration: underline;
}