.cmpt_election_banner_yellowheader {
  display: flex;
  flex-direction: column;
  background-image: linear-gradient(hsla(208, 78%, 36%, 0.6), hsla(208, 78%, 36%, 0.6)), url("/templates/images/election/header.webp");
  background-blend-mode: multiply;
  background-size: cover;
  background-position: center;
}
.cmpt_election_banner_yellowheader__header {
  background: linear-gradient(180deg, rgb(255, 214, 10) 0%, rgba(255, 159, 10, 0.7) 100%);
  padding: 0.9em 1.5em;
}
.cmpt_election_banner_yellowheader__body {
  padding: 0.9em 1.5em;
}

.cmpt_election_banner_yellowheader_header__title_main {
  color: var(--pg-color-main-dark);
  font-family: var(--pg-font-family-title-roboto-condenzed);
  font-size: 1em;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0.2em;
  margin-bottom: 0 !important;
  text-transform: uppercase;
}
.cmpt_election_banner_yellowheader_header__title {
  color: var(--pg-color-main-dark);
  font-family: var(--pg-font-family-title-roboto-condenzed);
  font-size: 2em;
  font-weight: 700;
  margin-bottom: 0 !important;
}
.cmpt_election_banner_yellowheader_header__year {
  background-color: var(--pg-color-main-dark);
  color: white;
  font-family: var(--pg-font-family-title-roboto-condenzed);
  font-size: 0.7em;
  font-weight: 700;
  padding: 0.1em 0.5em;
  border-radius: 0.1875em;
}

.cmpt_election_banner_yellowheader_body {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.cmpt_election_banner_yellowheader_body__link {
  font-family: var(--pg-font-family-title-roboto-condenzed);
  color: white;
  font-size: 1.5em;
  font-weight: 700;
  text-decoration: none;
  position: relative;
  padding-right: 1em;
}
.cmpt_election_banner_yellowheader_body__link::after {
  content: "\f105";
  position: absolute;
  font-family: var(--pg-font-family-awesome);
  margin-left: 0.5em;
  font-weight: 800;
  right: 0;
}