@font-face {
    font-family: 'Aileron';
    src: url('aileron_font/Aileron-Regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Aileron';
    src: url('aileron_font/Aileron-Italic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Aileron';
    src: url('aileron_font/Aileron-SemiBold-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Aileron';
    src: url('aileron_font/Aileron-SemiBold-webfont.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}


@font-face {
    font-family: 'Aileron';
    src: url('aileron_font/Aileron-Bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Aileron';
    src: url('aileron_font/Aileron-Bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

p {
    text-align: justify;
}

.grey-card {
        background-color: #f0f0f0; /* Light gray background */
        padding: 0px;
        border-radius: 4px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

.orange-card {
        background-color: #fad2af; /* Light orange background */
        padding: 0px;
        border-radius: 4px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

.green-card {
        background-color: #84eab3; /* Light green background */
        padding: 0px;
        border-radius: 4px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

html {
    --pst-font-family-heading: Aileron, var(--pst-font-family-base-system);
    --pst-font-family-base: Aileron, var(--pst-font-family-base-system);
}

.bd-footer-content__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

.footer-item {
    flex: 1 0 auto;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: tiny;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}

.cat-a {
  background-color: #33691E;
  color: #fff;
}

.cat-b {
  background-color: #8BC34A;
  color: #333;
}

.cat-c {
  background-color: #C5E1A5;
  color: #333;
}

.cat-d {
  background-color: #037d9c;
  color: #fff;
}

.cat-e {
  background-color: #0297bd;
  color: #fff;
}

.cat-f {
  background-color: #02bae8;
  color: #fff;
}

.cat-g {
  background-color: #7a050f;
  color: #fff;
}

.cat-unknown {
  background-color: #fff;
  color: red;
  font-style: italic;
}

.campaign-logo {
  float: right;
  margin: 10px 10px 0 0;
  max-width: 150px;
  height: auto;
}

.multi-column {
  column-width: 100px;
}