@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://unicons.iconscout.com/release/v4.0.0/css/line.css");
@font-face {
  font-family: 'font-awesome';
  src: url("../fonts/fontawesome-webfont.woff"); }

@font-face {
  font-family: 'Lato';
  src: url("../fonts/Lato-Regular.ttf");
  font-display: swap; }

@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat-VariableFont_wght.ttf");
  font-display: swap; }

@font-face {
  font-family: 'Unicons';
  src: url("../fonts/unicons-line.ttf");
  font-display: swap; }

/*$button-font-family: inherit;*/
/*$label-background: $primary-color;*/
/*$label-color: $white;*/
/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
.homepage-main-content-grid .elect-alert-banner,
.elect-2022 .elect-alert-banner {
  width: 100%;
  padding: 8px;
  margin: 0;
  text-align: center;
  background-color: #004589; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .homepage-main-content-grid .elect-alert-banner,
    .elect-2022 .elect-alert-banner {
      margin-bottom: 0 !important;
      margin-top: 0 !important; } }
  @media screen and (min-width: 64.063em) {
    .homepage-main-content-grid .elect-alert-banner,
    .elect-2022 .elect-alert-banner {
      margin-top: 0 !important;
      margin-bottom: 0; } }
  .homepage-main-content-grid .elect-alert-banner p,
  .elect-2022 .elect-alert-banner p {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 1.0rem;
    color: inherit;
    font-weight: 500;
    margin-bottom: 0;
    letter-spacing: 0.08rem; }
    @media screen and (max-width: 64em) {
      .homepage-main-content-grid .elect-alert-banner p,
      .elect-2022 .elect-alert-banner p {
        font-size: 1.0rem; } }
    @media screen and (min-width: 64.063em) {
      .homepage-main-content-grid .elect-alert-banner p,
      .elect-2022 .elect-alert-banner p {
        font-size: 0.9rem; } }
    .homepage-main-content-grid .elect-alert-banner p a,
    .elect-2022 .elect-alert-banner p a {
      text-decoration: underline !important;
      color: inherit; }
      .homepage-main-content-grid .elect-alert-banner p a:hover, .homepage-main-content-grid .elect-alert-banner p a:focus, .homepage-main-content-grid .elect-alert-banner p a:active,
      .elect-2022 .elect-alert-banner p a:hover,
      .elect-2022 .elect-alert-banner p a:focus,
      .elect-2022 .elect-alert-banner p a:active {
        -webkit-transform: scale 1.1, 1.1;
            -ms-transform: scale 1.1, 1.1;
                transform: scale 1.1, 1.1; }

.homepage-main-content-grid .elect-alert-banner-red,
.elect-2022 .elect-alert-banner-red {
  background-color: #b20000; }
  .homepage-main-content-grid .elect-alert-banner-red a,
  .elect-2022 .elect-alert-banner-red a {
    color: #ffeb78; }

@media screen and (min-width: 64.063em) {
  .homepage-main-content-grid .under-hero,
  .elect-2022 .under-hero {
    margin-bottom: -42px !important;
    margin-top: 0 !important; } }

.elect-2022 button,
.elect-2022 .button {
  font-family: 'Montserrat', 'Lato', 'Open Sans', sans-serif;
  border-radius: 4px;
  padding: 12px 52px;
  cursor: pointer;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  font-size: 1.1rem; }

.elect-2022 .banner-button {
  -webkit-box-shadow: 5px 5px 15px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 5px 5px 15px -1px rgba(0, 0, 0, 0.2);
  margin-top: 0; }
  @media screen and (min-width: 64.063em) and (max-width: 80em) {
    .elect-2022 .banner-button {
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (min-device-width: 768px) and (max-device-width: 1099px) and (orientation: landscape) {
    .elect-2022 .banner-button {
      margin-right: auto; } }
  @media screen and (min-width: 88.063em) {
    .elect-2022 .banner-button {
      margin-top: 10px; } }

.elect-2022 .action-button {
  text-align: center;
  -webkit-box-shadow: 5px 5px 15px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 5px 5px 15px -1px rgba(0, 0, 0, 0.2);
  margin-top: 0; }

.elect-2022 .banner-button-yellow,
.elect-2022 .action-button-yellow {
  background-color: #fae385;
  color: #111111; }
  .elect-2022 .banner-button-yellow:hover, .elect-2022 .banner-button-yellow:focus, .elect-2022 .banner-button-yellow:active,
  .elect-2022 .action-button-yellow:hover,
  .elect-2022 .action-button-yellow:focus,
  .elect-2022 .action-button-yellow:active {
    background-color: #fce292; }

.elect-2022 .banner-button-white {
  background-color: #fcfcfc !important;
  color: #0a1535; }
  .elect-2022 .banner-button-white:hover, .elect-2022 .banner-button-white:focus, .elect-2022 .banner-button-white:active {
    background-color: #E7E7E8;
    color: #26366a; }

.elect-2022 .banner-button-red,
.elect-2022 .action-button-red {
  background-color: #b12a25 !important;
  color: #fcfcfc; }
  .elect-2022 .banner-button-red:hover, .elect-2022 .banner-button-red:focus, .elect-2022 .banner-button-red:active,
  .elect-2022 .action-button-red:hover,
  .elect-2022 .action-button-red:focus,
  .elect-2022 .action-button-red:active {
    background-color: #EA4E47 !important; }

.elect-2022 .banner-button-black,
.elect-2022 .action-button-black {
  background-color: #111111 !important;
  color: #fcfcfc; }
  .elect-2022 .banner-button-black:hover, .elect-2022 .banner-button-black:focus, .elect-2022 .banner-button-black:active,
  .elect-2022 .action-button-black:hover,
  .elect-2022 .action-button-black:focus,
  .elect-2022 .action-button-black:active {
    background-color: #606060 !important; }

.elect-2022 .banner-button-blue,
.elect-2022 .action-button-blue {
  background-color: #26366a !important;
  color: #fcfcfc; }
  .elect-2022 .banner-button-blue:hover, .elect-2022 .banner-button-blue:focus, .elect-2022 .banner-button-blue:active,
  .elect-2022 .action-button-blue:hover,
  .elect-2022 .action-button-blue:focus,
  .elect-2022 .action-button-blue:active {
    background-color: #a5beda !important; }

.elect-2022 .action-button-teal {
  background-color: #008C8A;
  color: #fcfcfc; }
  .elect-2022 .action-button-teal:hover, .elect-2022 .action-button-teal:focus, .elect-2022 .action-button-teal:active {
    background-color: #a5beda; }

.elect-2022 .button-icon {
  height: 1.1rem;
  width: auto; }

.elect-2022 .button-icon-left {
  padding-right: 8px; }

.elect-2022 .button-icon-right {
  padding-left: 8px; }

.elect-2020-main button,
.elect-2020-main .button {
  border-style: solid;
  border-width: 0px;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  display: inline-block;
  padding-top: 1rem;
  padding-right: 2rem;
  padding-bottom: 1.0625rem;
  padding-left: 2rem;
  font-size: 1rem;
  background-color: #0a1535;
  border-color: #9c1212;
  color: #fcfcfc;
  -webkit-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out; }
  .elect-2020-main button:hover, .elect-2020-main button:focus,
  .elect-2020-main .button:hover,
  .elect-2020-main .button:focus {
    background-color: #9c1212;
    color: #fcfcfc; }
  .elect-2020-main button .secondary,
  .elect-2020-main .button .secondary {
    background-color: #fcd3cd;
    border-color: #faafa7;
    color: #505050; }
    .elect-2020-main button .secondary:hover, .elect-2020-main button .secondary:focus,
    .elect-2020-main .button .secondary:hover,
    .elect-2020-main .button .secondary:focus {
      background-color: #faafa7;
      color: #505050; }
  .elect-2020-main button .success,
  .elect-2020-main .button .success {
    background-color: #008a45;
    border-color: #008a45;
    color: #fcfcfc; }
    .elect-2020-main button .success:hover, .elect-2020-main button .success:focus,
    .elect-2020-main .button .success:hover,
    .elect-2020-main .button .success:focus {
      background-color: #008a45;
      color: #fcfcfc; }
  .elect-2020-main button .alert,
  .elect-2020-main .button .alert {
    background-color: #b12a25;
    border-color: #b12a25;
    color: #fcfcfc; }
    .elect-2020-main button .alert:hover, .elect-2020-main button .alert:focus,
    .elect-2020-main .button .alert:hover,
    .elect-2020-main .button .alert:focus {
      background-color: #b12a25;
      color: #fcfcfc; }
  .elect-2020-main button .large,
  .elect-2020-main .button .large {
    padding-top: 1.125rem;
    padding-right: 2.25rem;
    padding-bottom: 1.1875rem;
    padding-left: 2.25rem;
    font-size: 1.25rem; }
  .elect-2020-main button .small,
  .elect-2020-main .button .small {
    padding-top: 0.875rem;
    padding-right: 1.75rem;
    padding-bottom: 0.9375rem;
    padding-left: 1.75rem;
    font-size: 0.8125rem; }
  .elect-2020-main button .tiny,
  .elect-2020-main .button .tiny {
    padding-top: 0.625rem;
    padding-right: 1.25rem;
    padding-bottom: 0.6875rem;
    padding-left: 1.25rem;
    font-size: 0.6875rem; }
  .elect-2020-main button .expand,
  .elect-2020-main .button .expand {
    padding-right: 0;
    padding-left: 0;
    width: 100%; }
  .elect-2020-main button .left-align,
  .elect-2020-main .button .left-align {
    text-align: left;
    text-indent: 0.75rem; }
  .elect-2020-main button .right-align,
  .elect-2020-main .button .right-align {
    text-align: right;
    padding-right: 0.75rem; }
  .elect-2020-main button .radius,
  .elect-2020-main .button .radius {
    border-radius: 3px; }
  .elect-2020-main button .round,
  .elect-2020-main .button .round {
    border-radius: 1000px; }
  .elect-2020-main button .disabled,
  .elect-2020-main button [disabled],
  .elect-2020-main .button .disabled,
  .elect-2020-main .button [disabled] {
    background-color: #0a1535;
    border-color: #9c1212;
    color: #fcfcfc;
    cursor: default;
    opacity: 0.7;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .elect-2020-main button .disabled:hover, .elect-2020-main button .disabled:focus,
    .elect-2020-main button [disabled]:hover,
    .elect-2020-main button [disabled]:focus,
    .elect-2020-main .button .disabled:hover,
    .elect-2020-main .button .disabled:focus,
    .elect-2020-main .button [disabled]:hover,
    .elect-2020-main .button [disabled]:focus {
      background-color: #9c1212;
      color: #fcfcfc; }
    .elect-2020-main button .disabled .secondary,
    .elect-2020-main button [disabled] .secondary,
    .elect-2020-main .button .disabled .secondary,
    .elect-2020-main .button [disabled] .secondary {
      background-color: #fcd3cd;
      border-color: #faafa7;
      color: #505050;
      cursor: default;
      opacity: 0.7;
      -webkit-box-shadow: none;
              box-shadow: none; }
      .elect-2020-main button .disabled .secondary:hover, .elect-2020-main button .disabled .secondary:focus,
      .elect-2020-main button [disabled] .secondary:hover,
      .elect-2020-main button [disabled] .secondary:focus,
      .elect-2020-main .button .disabled .secondary:hover,
      .elect-2020-main .button .disabled .secondary:focus,
      .elect-2020-main .button [disabled] .secondary:hover,
      .elect-2020-main .button [disabled] .secondary:focus {
        color: #505050;
        background-color: #fcd3cd; }
    .elect-2020-main button .disabled .success,
    .elect-2020-main button [disabled] .success,
    .elect-2020-main .button .disabled .success,
    .elect-2020-main .button [disabled] .success {
      background-color: #008a45;
      border-color: #008a45;
      color: #fcfcfc;
      cursor: default;
      opacity: 0.7;
      -webkit-box-shadow: none;
              box-shadow: none; }
      .elect-2020-main button .disabled .success:hover, .elect-2020-main button .disabled .success:focus,
      .elect-2020-main button [disabled] .success:hover,
      .elect-2020-main button [disabled] .success:focus,
      .elect-2020-main .button .disabled .success:hover,
      .elect-2020-main .button .disabled .success:focus,
      .elect-2020-main .button [disabled] .success:hover,
      .elect-2020-main .button [disabled] .success:focus {
        background-color: #008a45;
        color: #fcfcfc; }
    .elect-2020-main button .disabled .alert,
    .elect-2020-main button [disabled] .alert,
    .elect-2020-main .button .disabled .alert,
    .elect-2020-main .button [disabled] .alert {
      background-color: #b12a25;
      border-color: #b12a25;
      color: #fcfcfc;
      cursor: default;
      opacity: 0.7;
      -webkit-box-shadow: none;
              box-shadow: none; }
      .elect-2020-main button .disabled .alert:hover, .elect-2020-main button .disabled .alert:focus,
      .elect-2020-main button [disabled] .alert:hover,
      .elect-2020-main button [disabled] .alert:focus,
      .elect-2020-main .button .disabled .alert:hover,
      .elect-2020-main .button .disabled .alert:focus,
      .elect-2020-main .button [disabled] .alert:hover,
      .elect-2020-main .button [disabled] .alert:focus {
        background-color: #b12a25;
        color: #fcfcfc; }

@media only screen and (min-width: 40.063em) {
  .elect-2020-main button,
  .elect-2020-main .button {
    display: inline-block; } }

@media only screen and (max-width: 767px) {
  .elect-2020-main .side-menu-button {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: -webkit-sticky;
    position: sticky;
    left: -30%;
    margin-left: -70px;
    top: 170px;
    height: 40px;
    line-height: 1.0;
    padding-top: 0.6rem;
    padding-bottom: 0.4rem;
    background-color: #9c1212; } }

.elect-2020-main .button-group {
  list-style: none;
  margin: 0;
  left: 0;
  *zoom: 1; }
  .elect-2020-main .button-group:before, .elect-2020-main .button-group:after {
    content: " ";
    display: table; }
  .elect-2020-main .button-group:after {
    clear: both; }
  .elect-2020-main .button-group li {
    margin: 0;
    float: left; }
    .elect-2020-main .button-group li button,
    .elect-2020-main .button-group li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .elect-2020-main .button-group li:first-child {
      margin-left: 0; }
      .elect-2020-main .button-group li:first-child button,
      .elect-2020-main .button-group li:first-child .button {
        border-left: 0; }
  .elect-2020-main .button-group .raduus button,
  .elect-2020-main .button-group .raduus .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5); }
  .elect-2020-main .button-group .raduus:first-child {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }
    .elect-2020-main .button-group .raduus:first-child button,
    .elect-2020-main .button-group .raduus:first-child .button {
      border-left: 0; }
  .elect-2020-main .button-group .raduus:last-child {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }
  .elect-2020-main .button-group .round button,
  .elect-2020-main .button-group .round .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5); }
  .elect-2020-main .button-group .round:first-child button,
  .elect-2020-main .button-group .round:first-child .button {
    border-left: 0; }
  .elect-2020-main .button-group .round:first-child a,
  .elect-2020-main .button-group .round:first-child button,
  .elect-2020-main .button-group .round:first-child .button {
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px; }
  .elect-2020-main .button-group .round:last-child a,
  .elect-2020-main .button-group .round:last-child button,
  .elect-2020-main .button-group .round:last-child .button {
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px; }
  .elect-2020-main .button-group .even-2 li button,
  .elect-2020-main .button-group .even-2 li .button,
  .elect-2020-main .button-group .even-3 li button,
  .elect-2020-main .button-group .even-3 li .button,
  .elect-2020-main .button-group .even-4 li button,
  .elect-2020-main .button-group .even-4 li .button,
  .elect-2020-main .button-group .even-5 li button,
  .elect-2020-main .button-group .even-5 li .button,
  .elect-2020-main .button-group .even-6 li button,
  .elect-2020-main .button-group .even-6 li .button,
  .elect-2020-main .button-group .even-7 li button,
  .elect-2020-main .button-group .even-7 li .button,
  .elect-2020-main .button-group .even-8 li button,
  .elect-2020-main .button-group .even-8 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
    width: 100%; }
  .elect-2020-main .button-group .even-2 li:first-child button,
  .elect-2020-main .button-group .even-2 li:first-child .button,
  .elect-2020-main .button-group .even-3 li:first-child button,
  .elect-2020-main .button-group .even-3 li:first-child .button,
  .elect-2020-main .button-group .even-4 li:first-child button,
  .elect-2020-main .button-group .even-4 li:first-child .button,
  .elect-2020-main .button-group .even-5 li:first-child button,
  .elect-2020-main .button-group .even-5 li:first-child .button,
  .elect-2020-main .button-group .even-6 li:first-child button,
  .elect-2020-main .button-group .even-6 li:first-child .button,
  .elect-2020-main .button-group .even-7 li:first-child button,
  .elect-2020-main .button-group .even-7 li:first-child .button,
  .elect-2020-main .button-group .even-8 li:first-child button,
  .elect-2020-main .button-group .even-8 li:first-child .button {
    border-left: 0; }
  .elect-2020-main .button-group .even-2 li {
    width: 50%; }
  .elect-2020-main .button-group .even-3 li {
    width: 33.33333%; }
  .elect-2020-main .button-group .even-4 li {
    width: 25%; }
  .elect-2020-main .button-group .even-5 li {
    width: 20%; }
  .elect-2020-main .button-group .even-6 li {
    width: 16.66667%; }
  .elect-2020-main .button-group .even-7 li {
    width: 14.28571%; }
  .elect-2020-main .button-group .even-8 li {
    width: 12.5%; }

.elect-2020-main .button-bar {
  *zoom: 1; }
  .elect-2020-main .button-bar:before, .elect-2020-main .button-bar:after {
    content: " ";
    display: table; }
  .elect-2020-main .button-bar:after {
    clear: both; }
  .elect-2020-main .button-bar .button-group {
    float: left;
    margin-right: 0.625rem; }
    .elect-2020-main .button-bar .button-group div {
      overflow: hidden; }

.elect-2022 {
  font-family: 'Montserrat', 'Lato', Arial, Verdana, sans-serif; }
  .elect-2022 .banner,
  .elect-2022 .banner-with-alert,
  .elect-2022 .banner-with-events,
  .elect-2022 .banner-photobkg,
  .elect-2022 .banner-event-countdown,
  .elect-2022 .banner-2 {
    width: 100%; }
    @media screen and (max-width: 64em) {
      .elect-2022 .banner,
      .elect-2022 .banner-with-alert,
      .elect-2022 .banner-with-events,
      .elect-2022 .banner-photobkg,
      .elect-2022 .banner-event-countdown,
      .elect-2022 .banner-2 {
        padding: 1rem 8vw !important; } }
    @media screen and (min-width: 64.063em) and (max-width: 90em) {
      .elect-2022 .banner,
      .elect-2022 .banner-with-alert,
      .elect-2022 .banner-with-events,
      .elect-2022 .banner-photobkg,
      .elect-2022 .banner-event-countdown,
      .elect-2022 .banner-2 {
        padding: 2rem 8vw; } }
    @media screen and (min-width: 90em) {
      .elect-2022 .banner,
      .elect-2022 .banner-with-alert,
      .elect-2022 .banner-with-events,
      .elect-2022 .banner-photobkg,
      .elect-2022 .banner-event-countdown,
      .elect-2022 .banner-2 {
        padding: 2rem 16vw !important; } }
    .elect-2022 .banner h1,
    .elect-2022 .banner h2,
    .elect-2022 .banner h3,
    .elect-2022 .banner-with-alert h1,
    .elect-2022 .banner-with-alert h2,
    .elect-2022 .banner-with-alert h3,
    .elect-2022 .banner-with-events h1,
    .elect-2022 .banner-with-events h2,
    .elect-2022 .banner-with-events h3,
    .elect-2022 .banner-photobkg h1,
    .elect-2022 .banner-photobkg h2,
    .elect-2022 .banner-photobkg h3,
    .elect-2022 .banner-event-countdown h1,
    .elect-2022 .banner-event-countdown h2,
    .elect-2022 .banner-event-countdown h3,
    .elect-2022 .banner-2 h1,
    .elect-2022 .banner-2 h2,
    .elect-2022 .banner-2 h3 {
      font-weight: 600;
      width: 100%;
      color: #26366a; }
  .elect-2022 .banner h1,
  .elect-2022 .banner h2,
  .elect-2022 .banner h3,
  .elect-2022 .banner-2 h1,
  .elect-2022 .banner-2 h2,
  .elect-2022 .banner-2 h3 {
    text-align: center; }
  @media screen and (max-width: 40em) {
    .elect-2022 .banner h2,
    .elect-2022 .banner-2 h2 {
      padding-top: .7rem;
      font-size: 2.5rem; } }
  @media sreen and (max-width: 64em) {
    .elect-2022 .banner h2,
    .elect-2022 .banner-2 h2 {
      font-size: 2.5rem; } }
  .elect-2022 .banner p,
  .elect-2022 .banner-2 p {
    font-weight: 500; }
    @media screen and (max-width: 64em) {
      .elect-2022 .banner p,
      .elect-2022 .banner-2 p {
        font-size: 1.5rem;
        letter-spacing: 0.007rem;
        font-weight: 500; } }
    @media screen and (min-width: 64.063em) {
      .elect-2022 .banner p,
      .elect-2022 .banner-2 p {
        font-size: 1.3rem;
        letter-spacing: 0.05rem; } }
  @media screen and (min-device-width: 768px) and (max-device-width: 1099px) and (orientation: portrait) {
    .elect-2022 .banner .banner-image,
    .elect-2022 .banner-2 .banner-image {
      text-align: center; } }
  .elect-2022 .banner img,
  .elect-2022 .banner-2 img {
    width: auto;
    max-height: 450px; }
    @media screen and (min-device-width: 768px) and (max-device-width: 1099px) and (orientation: portrait) {
      .elect-2022 .banner img,
      .elect-2022 .banner-2 img {
        margin-left: auto;
        margin-right: auto;
        text-align: center; } }
  .elect-2022 .banner .banner-text,
  .elect-2022 .banner-2 .banner-text {
    text-align: center; }
    @media screen and (min-width: 64.063em) {
      .elect-2022 .banner .banner-text,
      .elect-2022 .banner-2 .banner-text {
        position: relative; } }
    @media screen and (min-device-width: 768px) and (max-device-width: 1099px) and (orientation: landscape) {
      .elect-2022 .banner .banner-text,
      .elect-2022 .banner-2 .banner-text {
        padding-top: 7% !important; } }
    @media screen and (min-width: 64.063em) {
      .elect-2022 .banner .banner-text .banner-text-div,
      .elect-2022 .banner-2 .banner-text .banner-text-div {
        position: absolute;
        width: 95%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); } }
  .elect-2022 .blue-circle-background {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1280 1024' style='enable-background:new 0 0 1280 1024;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23E7F2FE;%7D%0A%3C/style%3E%3Cg%3E%3Ccircle class='st0' cx='640' cy='533' r='417'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat; }
    @media screen and (max-width: 64em) {
      .elect-2022 .blue-circle-background {
        background-size: 700px auto;
        background-position: 50% 50%; } }
    @media screen and (min-width: 64.063em) {
      .elect-2022 .blue-circle-background {
        background-position: 110% 95%;
        background-size: 1200px auto; } }
  .elect-2022 .gray-oval-background {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1280 1024' style='enable-background:new 0 0 1280 1024;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23717070;%7D%0A%3C/style%3E%3Cg%3E%3Cellipse transform='matrix(0.9546 -0.298 0.298 0.9546 -130.9132 213.262)' class='st0' cx='634' cy='536' rx='417' ry='267'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 1700px 1100px;
    background-repeat: no-repeat;
    background-position: -300px 60%; }
  .elect-2022 .hero-photobkg {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%; }
    @media screen and (min-width: 64.063em) {
      .elect-2022 .hero-photobkg {
        min-height: 500px; } }
    .elect-2022 .hero-photobkg .hero-photobkg-overlay {
      background-color: #fcfcfc;
      text-align: left;
      -webkit-box-shadow: 5px 5px 15px -1px rgba(0, 0, 0, 0.4);
      box-shadow: 5px 5px 15px -1px rgba(0, 0, 0, 0.4); }
      @media screen and (max-width: 64em) {
        .elect-2022 .hero-photobkg .hero-photobkg-overlay {
          padding: 40px 30px 30px;
          background-color: #e8f3ff; } }
      @media screen and (min-width: 64.063em) {
        .elect-2022 .hero-photobkg .hero-photobkg-overlay {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          padding: 40px 60px; } }
      @media screen and (min-device-width: 768px) and (max-device-width: 1099px) and (orientation: landscape) {
        .elect-2022 .hero-photobkg .hero-photobkg-overlay {
          padding: 0 40px 30px; } }
      .elect-2022 .hero-photobkg .hero-photobkg-overlay .banner-text-box {
        width: 100%;
        padding: 1rem;
        text-align: left !important; }
        .elect-2022 .hero-photobkg .hero-photobkg-overlay .banner-text-box h2 {
          text-align: left !important; }
      .elect-2022 .hero-photobkg .hero-photobkg-overlay .banner-text-div {
        width: 100%; }
        @media screen and (max-width: 64em) {
          .elect-2022 .hero-photobkg .hero-photobkg-overlay .banner-text-div {
            padding: 0;
            text-align: center; } }
        @media screen and (min-width: 64.063em) {
          .elect-2022 .hero-photobkg .hero-photobkg-overlay .banner-text-div {
            text-align: center;
            padding: 0;
            -webkit-align-self: center;
                -ms-flex-item-align: center;
                    align-self: center; } }
        @media screen and (min-device-width: 768px) and (max-device-width: 1099px) and (orientation: landscape) {
          .elect-2022 .hero-photobkg .hero-photobkg-overlay .banner-text-div {
            top: 10%;
            padding: 0 42px;
            text-align: center; } }
        @media screen and (max-width: 64em) {
          .elect-2022 .hero-photobkg .hero-photobkg-overlay .banner-text-div h2 {
            margin-top: 0.6rem; } }
        .elect-2022 .hero-photobkg .hero-photobkg-overlay .banner-text-div p {
          font-weight: 500;
          width: 100%; }
          @media screen and (max-width: 64em) {
            .elect-2022 .hero-photobkg .hero-photobkg-overlay .banner-text-div p {
              text-align: left;
              font-size: 1.5rem; } }
          @media screen and (min-width: 64.063em) {
            .elect-2022 .hero-photobkg .hero-photobkg-overlay .banner-text-div p {
              font-size: 1.6rem;
              line-height: 1.3;
              letter-spacing: 0.05rem; } }
        @media screen and (max-width: 64em) {
          .elect-2022 .hero-photobkg .hero-photobkg-overlay .banner-text-div .banner-button {
            padding: 7px 30px !important;
            margin-bottom: 20px; } }
      @media screen and (min-width: 64.063em) {
        .elect-2022 .hero-photobkg .hero-photobkg-overlay .banner-button {
          margin-bottom: 24px !important; } }
      @media screen and (min-width: 64.063em) and (max-width: 80em) {
        .elect-2022 .hero-photobkg .hero-photobkg-overlay .banner-button {
          margin-left: auto;
          margin-right: auto; } }
      @media screen and (min-device-width: 768px) and (max-device-width: 1099px) and (orientation: landscape) {
        .elect-2022 .hero-photobkg .hero-photobkg-overlay .banner-button {
          margin-left: -20px !important; } }
  .elect-2022 .banner-with-alert .banner-text,
  .elect-2022 .banner-with-alert .banner-text-div,
  .elect-2022 .banner-with-events .banner-text,
  .elect-2022 .banner-with-events .banner-text-div,
  .elect-2022 .banner-event-countdown .banner-text,
  .elect-2022 .banner-event-countdown .banner-text-div {
    width: 100%; }
    .elect-2022 .banner-with-alert .banner-text h1,
    .elect-2022 .banner-with-alert .banner-text h2
h3,
    .elect-2022 .banner-with-alert .banner-text-div h1,
    .elect-2022 .banner-with-alert .banner-text-div h2
h3,
    .elect-2022 .banner-with-events .banner-text h1,
    .elect-2022 .banner-with-events .banner-text h2
h3,
    .elect-2022 .banner-with-events .banner-text-div h1,
    .elect-2022 .banner-with-events .banner-text-div h2
h3,
    .elect-2022 .banner-event-countdown .banner-text h1,
    .elect-2022 .banner-event-countdown .banner-text h2
h3,
    .elect-2022 .banner-event-countdown .banner-text-div h1,
    .elect-2022 .banner-event-countdown .banner-text-div h2
h3 {
      font-weight: 600;
      line-height: 1.1;
      width: 100%;
      color: #26366a; }
    @media screen and (max-width: 64em) {
      .elect-2022 .banner-with-alert .banner-text .banner-header,
      .elect-2022 .banner-with-alert .banner-text-div .banner-header,
      .elect-2022 .banner-with-events .banner-text .banner-header,
      .elect-2022 .banner-with-events .banner-text-div .banner-header,
      .elect-2022 .banner-event-countdown .banner-text .banner-header,
      .elect-2022 .banner-event-countdown .banner-text-div .banner-header {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important; } }
    .elect-2022 .banner-with-alert .banner-text p,
    .elect-2022 .banner-with-alert .banner-text-div p,
    .elect-2022 .banner-with-events .banner-text p,
    .elect-2022 .banner-with-events .banner-text-div p,
    .elect-2022 .banner-event-countdown .banner-text p,
    .elect-2022 .banner-event-countdown .banner-text-div p {
      text-align: left;
      color: #505050;
      font-weight: 500; }
  @media screen and (max-width: 64em) {
    .elect-2022 .banner-with-alert .image-cell,
    .elect-2022 .banner-with-events .image-cell,
    .elect-2022 .banner-event-countdown .image-cell {
      text-align: center; } }
  @media screen and (min-device-width: 768px) and (max-device-width: 1099px) and (orientation: portrait) {
    .elect-2022 .banner-with-alert .banner-image,
    .elect-2022 .banner-with-events .banner-image,
    .elect-2022 .banner-event-countdown .banner-image {
      text-align: center; } }
  @media screen and (max-width: 64em) {
    .elect-2022 .banner-with-alert img,
    .elect-2022 .banner-with-events img,
    .elect-2022 .banner-event-countdown img {
      max-height: 350px; } }
  @media screen and (min-width: 64.063em) {
    .elect-2022 .banner-with-alert img,
    .elect-2022 .banner-with-events img,
    .elect-2022 .banner-event-countdown img {
      max-height: 450px; } }
  @media screen and (min-device-width: 768px) and (max-device-width: 1099px) and (orientation: portrait) {
    .elect-2022 .banner-with-alert img,
    .elect-2022 .banner-with-events img,
    .elect-2022 .banner-event-countdown img {
      margin-left: auto;
      margin-right: auto;
      text-align: center; } }
  .elect-2022 .banner-with-alert .img-right,
  .elect-2022 .banner-with-events .img-right,
  .elect-2022 .banner-event-countdown .img-right {
    padding-left: 2rem;
    float: right;
    padding-bottom: 10px;
    padding-top: 10px; }
  .elect-2022 .banner-with-alert .img-left,
  .elect-2022 .banner-with-events .img-left,
  .elect-2022 .banner-event-countdown .img-left {
    padding-right: 2rem;
    float: left;
    padding-bottom: 10px;
    padding-top: 10px; }
  .elect-2022 .banner-with-alert .disclaimer,
  .elect-2022 .banner-with-events .disclaimer,
  .elect-2022 .banner-event-countdown .disclaimer {
    width: 100%; }
  .elect-2022 .banner-with-alert .banner-image-left,
  .elect-2022 .banner-with-events .banner-image-left,
  .elect-2022 .banner-event-countdown .banner-image-left {
    text-align: left; }
  .elect-2022 .banner-with-alert .banner-image-right,
  .elect-2022 .banner-with-events .banner-image-right,
  .elect-2022 .banner-event-countdown .banner-image-right {
    text-align: right; }
  .elect-2022 .banner-with-alert .banner-alert-box,
  .elect-2022 .banner-with-alert .alert-box {
    padding: 8px 18px;
    margin: 24px auto 30px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (min-width: 64.063em) {
      .elect-2022 .banner-with-alert .banner-alert-box,
      .elect-2022 .banner-with-alert .alert-box {
        margin-right: 30px; } }
    .elect-2022 .banner-with-alert .banner-alert-box i.alert-icon,
    .elect-2022 .banner-with-alert .alert-box i.alert-icon {
      padding: 8px 14px 8px 4px;
      font-size: 2.8rem;
      justify-self: left; }
    .elect-2022 .banner-with-alert .banner-alert-box .alert-text,
    .elect-2022 .banner-with-alert .alert-box .alert-text {
      font-weight: 600;
      padding-top: 10px; }
  .elect-2022 .banner-with-events h4 {
    font-weight: 600;
    padding-top: 30px; }
  .elect-2022 .banner-with-events p {
    font-weight: 400;
    letter-spacing: 0.05rem; }
    @media screen and (max-width: 64em) {
      .elect-2022 .banner-with-events p {
        font-size: 1.0rem; } }
    @media screen and (min-width: 64.063em) {
      .elect-2022 .banner-with-events p {
        font-size: 1.6rem; } }
  @media screen and (min-width: 64.063em) {
    .elect-2022 .banner-with-events .events-component {
      padding-right: 120px;
      padding-top: 30px;
      padding-left: 0;
      margin-left: -14px; } }
  .elect-2022 .banner-with-events .events-component .small {
    text-align: center;
    font-weight: 400; }
  .elect-2022 .banner-event-countdown .header-cell {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 4.2rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly; }
    .elect-2022 .banner-event-countdown .header-cell h5, .elect-2022 .banner-event-countdown .header-cell p {
      width: 100%;
      text-align: center; }
    .elect-2022 .banner-event-countdown .header-cell p.small {
      font-weight: 400;
      font-size: .85rem;
      padding-top: 0;
      margin-top: -2px;
      margin-bottom: auto; }
  .elect-2022 .banner-event-countdown .lower-grid {
    width: 100%; }
  .elect-2022 .banner-event-countdown .event-countdown-boxes {
    width: 100%; }
    @media screen and (min-width: 64.063em) {
      .elect-2022 .banner-event-countdown .event-countdown-boxes {
        max-width: 40vw; } }
  .elect-2022 .banner-event-countdown .countdown-boxes {
    padding: 10px; }
    @media screen and (max-width: 64em) {
      .elect-2022 .banner-event-countdown .countdown-boxes {
        width: 100%; } }
  .elect-2022 .banner-event-countdown h5,
  .elect-2022 .banner-event-countdown .countdown-box-header {
    text-align: center;
    font-weight: bold;
    line-height: 1;
    padding-top: 12px;
    color: #26366a; }
  .elect-2022 .banner-event-countdown h3,
  .elect-2022 .banner-event-countdown .countdown-date {
    text-align: right;
    font-weight: bold;
    font-size: 4.5rem;
    color: #26366a;
    margin-left: -20px;
    letter-spacing: -.1rem; }
  .elect-2022 .banner-event-countdown p {
    padding-top: 12px;
    padding-left: 0;
    margin-left: -12px;
    line-height: 1.1;
    font-weight: 400;
    margin-top: auto;
    margin-bottom: auto; }
  .elect-2022 .banner-event-countdown p.event-text {
    font-weight: 500 !important;
    padding-top: 18px;
    line-height: 1.4;
    font-size: 1.4rem;
    color: #26366a;
    padding-left: 0;
    margin-right: -10px; }
  .elect-2022 .banner-event-countdown .countdown-boxes-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 10px; }
    .elect-2022 .banner-event-countdown .countdown-boxes-flex .countdown-date-cell {
      width: 45%;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
              align-self: center; }
      @media screen and (max-width: 64em) {
        .elect-2022 .banner-event-countdown .countdown-boxes-flex .countdown-date-cell {
          margin-left: 16px; } }
      .elect-2022 .banner-event-countdown .countdown-boxes-flex .countdown-date-cell h3,
      .elect-2022 .banner-event-countdown .countdown-boxes-flex .countdown-date-cell .countdown-date {
        text-align: right;
        font-weight: bold;
        font-size: 4.5rem;
        color: #26366a;
        letter-spacing: -.1rem;
        padding-top: 10px;
        padding-right: 10px; }
    .elect-2022 .banner-event-countdown .countdown-boxes-flex .countdown-text-cell {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 55%; }
      .elect-2022 .banner-event-countdown .countdown-boxes-flex .countdown-text-cell p.event-text {
        font-weight: 500 !important;
        padding-top: 0;
        line-height: 1.4;
        font-size: 1.4rem;
        color: #26366a;
        text-align: left;
        padding-left: 14px; }
  @media screen and (min-width: 64.063em) {
    .elect-2022 .banner-2 {
      width: 100%; } }
  @media screen and (max-width: 64em) {
    .elect-2022 .banner-2 .mobile-banner-text {
      etter-spacing: 0.007rem !important; } }
  .elect-2022 .banner-2 .banner-text-div {
    text-align: center; }
  @media screen and (max-width: 40em) {
    .elect-2022 .news-events {
      padding: 30px 20px; } }
  @media screen and (min-width: 40.063em) and (max-width: 64em) {
    .elect-2022 .news-events {
      padding: 10px 20px;
      margin-top: 20px; } }
  @media screen and (min-width: 64.063em) {
    .elect-2022 .news-events {
      padding-left: 8vw !important;
      padding-right: 8vw !important;
      margin-top: 100px; } }
  @media screen and (max-width: 40em) {
    .elect-2022 .news-events .shadow-box {
      margin-bottom: 18px;
      padding: 10px; } }
  @media screen and (min-width: 40.063em) and (max-width: 64em) {
    .elect-2022 .news-events .shadow-box {
      padding: 10px;
      width: 100%;
      margin-bottom: 18px; } }
  @media screen and (min-width: 64.063em) {
    .elect-2022 .news-events .shadow-box {
      width: calc(25% - 2rem);
      margin-left: 1rem;
      margin-right: 1rem;
      padding: 10px; } }
  .elect-2022 .news-events .news-date {
    border-right: 1px solid #9c1212;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .elect-2022 .news-events .news-date .date-div {
      margin-top: auto;
      margin-bottom: auto; }
    .elect-2022 .news-events .news-date h4, .elect-2022 .news-events .news-date h2 {
      color: #26366a;
      margin-left: auto;
      margin-right: auto; }
    .elect-2022 .news-events .news-date h4.month {
      line-height: 1;
      padding-bottom: 0;
      margin-bottom: 2px;
      padding-top: 10px;
      font-weight: normal; }
    .elect-2022 .news-events .news-date h2.day {
      line-height: 1;
      padding-top: 0;
      font-weight: 700;
      font-size: 3.2rem;
      font-family: "Open Sans", sans-serif; }
  .elect-2022 .news-events .news-headline {
    padding: 10px 15px; }
    .elect-2022 .news-events .news-headline h5 {
      color: #606060;
      font-weight: 700;
      font-size: 1.0rem;
      letter-spacing: 0.02rem;
      margin-bottom: .4rem; }
    .elect-2022 .news-events .news-headline p {
      font-size: 0.6rem !important;
      color: #000;
      letter-spacing: 0;
      padding-bottom: .4rem;
      margin-bottom: 0; }
  .elect-2022 .news-events svg {
    fill: #bbbbbb; }
    .elect-2022 .news-events svg path {
      fill: #bbbbbb; }
  .elect-2022 .news-events .headline-img {
    color: #bbbbbb;
    fill: #bbbbbb;
    width: 1.5rem;
    height: auto; }
    .elect-2022 .news-events .headline-img svg {
      fill: #bbbbbb; }
      .elect-2022 .news-events .headline-img svg path {
        fill: #bbbbbb; }
    .elect-2022 .news-events .headline-img:hover, .elect-2022 .news-events .headline-img:active {
      -webkit-filter: hue-rotate(125deg) saturate(200%) sepia(60%) invert(60%);
      filter: hue-rotate(125deg) saturate(200%) sepia(60%) invert(60%); }
  @media screen and (min-width: 64.063em) {
    .elect-2022 .news-events-cell {
      margin-top: -60px;
      margin-bottom: 40px; } }
  @media screen and (max-width: 64em) {
    .elect-2022 .news-events-cell h2.title {
      font-size: 2rem;
      margin-bottom: -30px; } }
  @media screen and (max-width: 40em) {
    .elect-2022 .news-events {
      padding: 30px 20px; } }
  @media screen and (min-width: 40.063em) and (max-width: 64em) {
    .elect-2022 .news-events {
      padding: 10px 20px;
      margin-top: 20px; } }
  @media screen and (min-width: 64.063em) {
    .elect-2022 .news-events {
      padding-left: 8vw !important;
      padding-right: 8vw !important;
      margin-top: 100px; } }
  .elect-2022 .news-events .shadow-box {
    -webkit-box-shadow: 5px 5px 15px -1px #898987;
    box-shadow: 5px 5px 15px -1px #898987;
    min-height: 100px; }
    @media screen and (max-width: 40em) {
      .elect-2022 .news-events .shadow-box {
        margin-bottom: 18px;
        padding: 10px; } }
    @media screen and (min-width: 40.063em) and (max-width: 64em) {
      .elect-2022 .news-events .shadow-box {
        padding: 10px;
        width: 100%;
        margin-bottom: 18px; } }
    @media screen and (min-width: 64.063em) {
      .elect-2022 .news-events .shadow-box {
        width: calc(25% - 2rem);
        margin-left: 1rem;
        margin-right: 1rem;
        padding: 10px; } }
  .elect-2022 .news-events .news-date {
    border-right: 1px solid #9c1212;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .elect-2022 .news-events .news-date .date-div {
      margin-top: auto;
      margin-bottom: auto; }
    .elect-2022 .news-events .news-date h4, .elect-2022 .news-events .news-date h2 {
      color: #26366a;
      margin-left: auto;
      margin-right: auto; }
    .elect-2022 .news-events .news-date h4.month {
      line-height: 1;
      padding-bottom: 0;
      margin-bottom: 2px;
      padding-top: 10px;
      font-weight: normal; }
    .elect-2022 .news-events .news-date h2.day {
      line-height: 1;
      padding-top: 0;
      font-weight: 700;
      font-size: 3.2rem;
      font-family: "Open Sans", sans-serif; }
  .elect-2022 .news-events .news-headline {
    padding: 10px 15px; }
    .elect-2022 .news-events .news-headline h5 {
      color: #505050;
      font-weight: 700;
      font-size: 1.0rem;
      letter-spacing: 0.02rem;
      margin-bottom: .4rem; }
    .elect-2022 .news-events .news-headline p {
      font-size: 0.7rem !important;
      color: #000;
      letter-spacing: 0;
      padding-bottom: .4rem;
      margin-bottom: 0; }
  .elect-2022 .news-events svg {
    fill: #bbbbbb; }
    .elect-2022 .news-events svg path {
      fill: #bbbbbb; }
  .elect-2022 .news-events .headline-img {
    color: #bbbbbb;
    fill: #bbbbbb;
    width: 1.5rem;
    height: auto; }
    .elect-2022 .news-events .headline-img svg {
      fill: #bbbbbb; }
      .elect-2022 .news-events .headline-img svg path {
        fill: #bbbbbb; }
    .elect-2022 .news-events .headline-img:hover, .elect-2022 .news-events .headline-img:active {
      -webkit-filter: hue-rotate(125deg) saturate(200%) sepia(60%) invert(60%);
      filter: hue-rotate(125deg) saturate(200%) sepia(60%) invert(60%); }

.elect-2022 .color-blue {
  color: #3d5193 !important; }

.elect-2022 .color-blue2 {
  color: #a5beda !important; }

.elect-2022 .color-blue-darkest {
  color: #0a1535 !important; }

.elect-2022 .color-blue-darker {
  color: #26366a !important; }

.elect-2022 .color-blue-lighter {
  color: #cfdded !important; }

.elect-2022 .color-blue-lightest {
  color: #e8f3ff !important; }

.elect-2022 .color-teal {
  color: #008C8A !important; }

.elect-2022 .color-mint {
  color: #8FD6D3 !important; }

.elect-2022 .color-yellow {
  color: #fae385 !important; }

.elect-2022 .color-yellow-darkest {
  color: #906614 !important; }

.elect-2022 .color-yellow-lighter {
  color: #fce292 !important; }

.elect-2022 .color-yellow-lightest {
  color: #ffecb1 !important; }

.elect-2022 .color-red {
  color: #b12a25 !important; }

.elect-2022 .color-red-darkest {
  color: #5c0a0a !important; }

.elect-2022 .color-red-darker {
  color: #9c1212 !important; }

.elect-2022 .color-red-lighter {
  color: #faafa7 !important; }

.elect-2022 .color-red-lightest {
  color: #fcd3cd !important; }

.elect-2022 .color-red-orange {
  color: #EA4E47 !important; }

.elect-2022 .color-gray {
  color: #898987 !important; }

.elect-2022 .color-gray-darkest {
  color: #505050 !important; }

.elect-2022 .color-gray-darker {
  color: #606060 !important; }

.elect-2022 .color-gray-lighter {
  color: #bbbbbb !important; }

.elect-2022 .color-gray-lightst {
  color: #E7E7E8 !important; }

.elect-2022 .color-black {
  color: #111111 !important; }

.elect-2022 .color-white {
  color: #fcfcfc !important; }

.elect-2022 .background-color-blue {
  background-color: #3d5193 !important; }

.elect-2022 .background-color-blue2 {
  background-color: #a5beda !important; }

.elect-2022 .background-color-blue-darkest {
  background-color: #0a1535 !important; }

.elect-2022 .background-color-blue-darker {
  background-color: #26366a !important; }

.elect-2022 .background-color-blue-lighter {
  background-color: #cfdded !important; }

.elect-2022 .background-color-blue-lightest {
  background-color: #e8f3ff !important; }

.elect-2022 .background-color-teal {
  background-color: #008C8A !important; }

.elect-2022 .background-color-mint {
  background-color: #8FD6D3 !important; }

.elect-2022 .background-color-yellow {
  background-color: #fae385 !important; }

.elect-2022 .background-color-yellow-darkest {
  background-color: #906614 !important; }

.elect-2022 .background-color-yellow-lighter {
  background-color: #fce292 !important; }

.elect-2022 .background-color-yellow-lightest {
  background-color: #ffecb1 !important; }

.elect-2022 .background-color-red {
  background-color: #b12a25 !important; }

.elect-2022 .background-color-red-darkest {
  background-color: #5c0a0a !important; }

.elect-2022 .background-color-red-darker {
  background-color: #9c1212 !important; }

.elect-2022 .background-color-red-lighter {
  background-color: #faafa7 !important; }

.elect-2022 .background-color-red-lightest {
  background-color: #fcd3cd !important; }

.elect-2022 .background-color-red-orange {
  background-color: #EA4E47 !important; }

.elect-2022 .background-color-gray {
  background-color: #898987 !important; }

.elect-2022 .background-color-gray-darkest {
  background-color: #505050 !important; }

.elect-2022 .background-color-gray-darker {
  background-color: #606060 !important; }

.elect-2022 .background-color-gray-lighter {
  background-color: #bbbbbb !important; }

.elect-2022 .background-color-gray-lightest {
  background-color: #E7E7E8 !important; }

.elect-2022 .background-color-black {
  background-color: #111111 !important; }

.elect-2022 .background-color-white {
  background-color: #fcfcfc !important; }

.elect-2022 p {
  font-weight: 400; }
  .elect-2022 p a:active, .elect-2022 p a:hover, .elect-2022 p a:focus {
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted; }

.elect-2022 h1,
.elect-2022 h2,
.elect-2022 h3,
.elect-2022 h4,
.elect-2022 h5,
.elect-2022 h6 {
  font-weight: 600; }

.elect-2022 li {
  padding-bottom: 8px; }

.elect-2022 .broken-line svg {
  width: 100%;
  background-size: 100%; }
  @media screen and (max-width: 64em) {
    .elect-2022 .broken-line svg {
      height: 5px;
      margin-bottom: 10px; } }
  @media screen and (min-width: 64.063em) {
    .elect-2022 .broken-line svg {
      height: 6px;
      margin-bottom: 4px; } }

.elect-2022 .broken-line-flipped svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
  @media screen and (max-width: 64em) {
    .elect-2022 .broken-line-flipped svg {
      height: 5px;
      margin-bottom: 0;
      margin-top: 18px; } }
  @media screen and (min-width: 64.063em) {
    .elect-2022 .broken-line-flipped svg {
      height: 6px;
      margin-top: 12px; } }

.elect-2022 .broken-line-40 svg {
  height: 3px; }
  @media screen and (max-width: 64em) {
    .elect-2022 .broken-line-40 svg {
      width: 80%;
      background-size: contain;
      padding-left: 3vw;
      padding-right: 1vw; } }
  @media screen and (min-width: 64.063em) {
    .elect-2022 .broken-line-40 svg {
      width: 40%; } }

.elect-2022 hr {
  width: 100%;
  border-bottom: 2px solid #505050;
  margin-top: 0;
  margin-bottom: 1.5rem; }

.elect-2022 .alert-banner-section {
  background-color: #26366a;
  text-align: center;
  color: #fcfcfc; }
  @media screen and (max-width: 64em) {
    .elect-2022 .alert-banner-section {
      padding: 12px 20px;
      line-height: 1.5;
      font-size: 0.9rem;
      letter-spacing: 0.06rem; } }
  @media screen and (min-width: 64.063em) {
    .elect-2022 .alert-banner-section {
      line-height: 1;
      font-size: 0.91rem;
      padding-top: 10px;
      padding-bottom: 10px;
      letter-spacing: 0.05rem; } }
  .elect-2022 .alert-banner-section a {
    color: #fcfcfc;
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
    padding-top: 0;
    padding-bottom: 0; }

.elect-2022 .video-container {
  position: relative;
  overflow: hidden;
  width: 100%; }

.elect-2022 .video-container::after {
  display: block;
  content: "";
  padding-top: 56.25%; }

.elect-2022 .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

@media screen and (max-width: 64em) {
  .elect-2022 .link-legend {
    margin-top: -.2rem;
    padding-left: 6vw;
    padding-right: 6vw; } }

@media screen and (min-width: 64.063em) {
  .elect-2022 .link-legend {
    margin-top: .6rem; } }

.elect-2022 .link-legend .legend-box {
  border: 1px solid #606060;
  font-size: .8rem;
  color: #505050;
  padding: .7rem;
  font-weight: 600;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 64em) {
    .elect-2022 .link-legend .legend-box {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      padding-left: 7vw; } }
  @media screen and (min-width: 64.063em) {
    .elect-2022 .link-legend .legend-box {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: space-evenly;
      -webkit-justify-content: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly; } }
  .elect-2022 .link-legend .legend-box i {
    font-size: 1.7rem;
    color: #9c1212;
    padding-right: 4px; }
  .elect-2022 .link-legend .legend-box p {
    margin-bottom: .1rem;
    line-height: 0.9; }

.elect-2022 .has-tip-nounderline {
  position: relative;
  display: inline-block;
  border-bottom: none;
  cursor: help; }

.elect-2022 .style-guide-header {
  color: #505050;
  font-weight: 500;
  padding-top: 10px; }
  @media screen and (max-width: 64em) {
    .elect-2022 .style-guide-header {
      text-align: center; } }
  @media screen and (min-width: 64.063em) {
    .elect-2022 .style-guide-header {
      text-align: right; } }

@media screen and (min-width: 64.063em) {
  .elect-2022 .image-right {
    float: right;
    padding-left: 1rem; } }

@media screen and (min-width: 64.063em) {
  .elect-2022 .image-left {
    float: left;
    padding-right: 1rem; } }

.elect-2022 .board-image-div {
  width: 230px;
  float: left;
  text-align: left; }

.elect-2022 .content-box-component,
.elect-2022 .content-box-with-alert-component,
.elect-2022 .content-box-large-alerts-component,
.elect-2022 .text-with-image-component,
.elect-2022 .flex-text-with-image-component,
.elect-2022 .q-a-component,
.elect-2022 .embed-video-component,
.elect-2022 .mythbusters-component,
.elect-2022 .event-table-component,
.elect-2022 .event-countdown-component,
.elect-2022 .content-with-background-component {
  width: 100%;
  padding: 2rem 8vw; }
  .elect-2022 .content-box-component h1,
  .elect-2022 .content-box-component h2,
  .elect-2022 .content-box-component h3,
  .elect-2022 .content-box-with-alert-component h1,
  .elect-2022 .content-box-with-alert-component h2,
  .elect-2022 .content-box-with-alert-component h3,
  .elect-2022 .content-box-large-alerts-component h1,
  .elect-2022 .content-box-large-alerts-component h2,
  .elect-2022 .content-box-large-alerts-component h3,
  .elect-2022 .text-with-image-component h1,
  .elect-2022 .text-with-image-component h2,
  .elect-2022 .text-with-image-component h3,
  .elect-2022 .flex-text-with-image-component h1,
  .elect-2022 .flex-text-with-image-component h2,
  .elect-2022 .flex-text-with-image-component h3,
  .elect-2022 .q-a-component h1,
  .elect-2022 .q-a-component h2,
  .elect-2022 .q-a-component h3,
  .elect-2022 .embed-video-component h1,
  .elect-2022 .embed-video-component h2,
  .elect-2022 .embed-video-component h3,
  .elect-2022 .mythbusters-component h1,
  .elect-2022 .mythbusters-component h2,
  .elect-2022 .mythbusters-component h3,
  .elect-2022 .event-table-component h1,
  .elect-2022 .event-table-component h2,
  .elect-2022 .event-table-component h3,
  .elect-2022 .event-countdown-component h1,
  .elect-2022 .event-countdown-component h2,
  .elect-2022 .event-countdown-component h3,
  .elect-2022 .content-with-background-component h1,
  .elect-2022 .content-with-background-component h2,
  .elect-2022 .content-with-background-component h3 {
    text-align: left;
    font-weight: 600;
    color: #26366a; }

@media screen and (min-width: 90em) {
  .elect-2022 .content-box-component,
  .elect-2022 .content-box-with-alert-component,
  .elect-2022 .content-box-large-alerts-component,
  .elect-2022 .text-with-image-component,
  .elect-2022 .flex-text-with-image-component,
  .elect-2022 .q-a-component,
  .elect-2022 .embed-video-component,
  .elect-2022 .mythbusters-component,
  .elect-2022 .event-table-component,
  .elect-2022 .content-with-background-component {
    padding: 2rem 16vw !important; } }

.elect-2022 .header-component {
  width: 100%;
  padding: 0.5rem 16vw !important; }
  .elect-2022 .header-component h1,
  .elect-2022 .header-component h2,
  .elect-2022 .header-component h3 {
    text-align: left;
    font-weight: 600;
    color: #26366a; }

@media screen and (max-width: 64em) {
  .elect-2022 .content-box-with-alert-component img, .elect-2022 .content-box-with-alert-component svg {
    padding: 1rem 4rem;
    text-align: center;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center; } }

@media screen and (min-width: 64.063em) {
  .elect-2022 .content-box-with-alert-component img, .elect-2022 .content-box-with-alert-component svg {
    padding: 1rem;
    height: 100%;
    width: auto; } }

.elect-2022 .content-box-with-alert-component .alert-box {
  background-color: #cfdded;
  color: #0a1535;
  padding: .5rem 1rem; }

@media screen and (max-width: 64em) {
  .elect-2022 .content-box-large-alerts-component img, .elect-2022 .content-box-large-alerts-component svg {
    padding: 1rem 4rem;
    text-align: center;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    width: 100%;
    height: auto; } }

@media screen and (min-width: 64.063em) {
  .elect-2022 .content-box-large-alerts-component img, .elect-2022 .content-box-large-alerts-component svg {
    padding: 1rem;
    height: 100%;
    width: auto; } }

.elect-2022 .content-box-large-alerts-component i {
  font-size: 5rem;
  justify-self: center;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center; }
  @media screen and (max-width: 64em) {
    .elect-2022 .content-box-large-alerts-component i {
      padding-bottom: .8rem; } }
  @media screen and (min-width: 64.063em) {
    .elect-2022 .content-box-large-alerts-component i {
      padding-right: 1rem; } }

@media screen and (max-width: 64rem) {
  .elect-2022 .content-box-large-alerts-component .alert-box-cell {
    padding: 1rem; } }

@media screen and (min-width: 64.063rem) {
  .elect-2022 .content-box-large-alerts-component .alert-box-cell {
    padding: 1rem 6rem; } }

.elect-2022 .content-box-large-alerts-component .alert-box-cell .alert-box {
  padding: 1rem 1.5rem 1rem 1rem; }

.elect-2022 .content-box-large-alerts-component .alert-box-cell .cell p {
  color: inherit; }

.elect-2022 .content-box-large-alerts-component .alert-box-cell a {
  color: #E7E7E8;
  text-decoration: underline; }

.elect-2022 .content-box-large-alerts-component .icon-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 64em) {
    .elect-2022 .content-box-large-alerts-component .icon-div {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; } }

.elect-2022 .column-box-3x-component {
  width: 100%;
  padding: 2rem 8vw; }
  @media screen and (max-width: 64em) {
    .elect-2022 .column-box-3x-component .column-box-cell {
      padding: 20px; } }
  @media screen and (min-width: 64.063em) {
    .elect-2022 .column-box-3x-component .column-box-cell {
      padding: 30px 40px 10px; } }
  .elect-2022 .column-box-3x-component .column-box-text {
    width: 100%;
    height: 75%; }
    @media screen and (max-width: 64em) {
      .elect-2022 .column-box-3x-component .column-box-text {
        padding: 10px; } }
    @media screen and (min-width: 64.063em) {
      .elect-2022 .column-box-3x-component .column-box-text {
        padding: 0; } }
    .elect-2022 .column-box-3x-component .column-box-text hr {
      width: 50%;
      text-align: center;
      border-bottom-color: inherit;
      border-bottom-width: 2px;
      border-bottom-style: solid;
      margin-bottom: 2rem; }
    .elect-2022 .column-box-3x-component .column-box-text h4 {
      text-align: center;
      width: 100%;
      font-size: 1.7rem;
      font-weight: 700; }
    .elect-2022 .column-box-3x-component .column-box-text p, .elect-2022 .column-box-3x-component .column-box-text li, .elect-2022 .column-box-3x-component .column-box-text a {
      color: inherit;
      font-weight: 400;
      font-size: 1.1rem; }
    .elect-2022 .column-box-3x-component .column-box-text a {
      text-decoration: underline; }
  .elect-2022 .column-box-3x-component .deco-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%; }
    @media screen and (max-width: 64em) {
      .elect-2022 .column-box-3x-component .deco-div {
        padding: 30px; } }
    @media screen and (min-width: 64.063em) {
      .elect-2022 .column-box-3x-component .deco-div {
        padding: 10px 0 0; } }
    .elect-2022 .column-box-3x-component .deco-div .star-lg {
      font-size: 4.5rem;
      color: #fcfcfc; }
    .elect-2022 .column-box-3x-component .deco-div .star-sm {
      font-size: 3rem;
      color: #fcfcfc; }

.elect-2022 .text-with-image-component .image-div img,
.elect-2022 .text-with-image-component .image-div svg,
.elect-2022 .text-with-image-component .image-flex-div img,
.elect-2022 .text-with-image-component .image-flex-div svg {
  padding: 30px;
  height: 100%;
  width: auto; }

.elect-2022 .text-with-image-component .text-div,
.elect-2022 .text-with-image-component .text-flex-div {
  padding: 30px; }

.elect-2022 .flex-text-with-image-component h2 {
  font-weight: 600;
  width: 100%;
  color: #26366a; }
  @media screen and (max-width: 64em) {
    .elect-2022 .flex-text-with-image-component h2 {
      padding-top: 16px; } }

.elect-2022 .flex-text-with-image-component .flex-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media screen and (max-width: 64em) {
    .elect-2022 .flex-text-with-image-component .flex-content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: space-evenly;
      -webkit-justify-content: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly; } }
  @media screen and (min-width: 64.063em) {
    .elect-2022 .flex-text-with-image-component .flex-content {
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around; } }
  @media screen and (max-width: 64em) {
    .elect-2022 .flex-text-with-image-component .flex-content .text-div {
      width: 100%;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2; } }
  @media screen and (min-width: 64.063em) {
    .elect-2022 .flex-text-with-image-component .flex-content .text-div {
      -webkit-box-flex: 2;
      -webkit-flex-grow: 2;
          -ms-flex-positive: 2;
              flex-grow: 2; } }
  @media screen and (max-width: 64em) {
    .elect-2022 .flex-text-with-image-component .flex-content .img-div {
      width: 100%;
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1; } }
  @media screen and (min-width: 64.063em) {
    .elect-2022 .flex-text-with-image-component .flex-content .img-div {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; } }
  .elect-2022 .flex-text-with-image-component .flex-content .img-div img {
    width: auto; }
    @media screen and (min-width: 64.063em) {
      .elect-2022 .flex-text-with-image-component .flex-content .img-div img {
        max-width: 550px;
        min-height: 350px;
        margin-top: -4rem; } }
    @media screen and (min-device-width: 768px) and (max-device-width: 1099px) and (orientation: portrait) {
      .elect-2022 .flex-text-with-image-component .flex-content .img-div img {
        margin-left: auto;
        margin-right: auto;
        text-align: center; } }
  @media screen and (min-width: 64.063em) {
    .elect-2022 .flex-text-with-image-component .flex-content .img-div .image-height-300 {
      height: 300px !important; }
    .elect-2022 .flex-text-with-image-component .flex-content .img-div .image-height-350 {
      height: 350px !important; }
    .elect-2022 .flex-text-with-image-component .flex-content .img-div .image-height-400 {
      height: 400px !important; } }
  @media screen and (min-width: 64.063em) {
    .elect-2022 .flex-text-with-image-component .flex-content .image-left .img-div {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1; } }
  @media screen and (min-width: 64.063em) {
    .elect-2022 .flex-text-with-image-component .flex-content .image-left .text-div {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
      padding-left: 30px; } }

.elect-2022 .content-box .alert-box-cell {
  padding: 1 rem 2rem; }

.elect-2022 .content-box .alert-box {
  padding: .5rem 1rem;
  border-radius: 12px; }
  .elect-2022 .content-box .alert-box h5 {
    font-size: 1.3rem;
    font-weight: 600; }
  .elect-2022 .content-box .alert-box p,
  .elect-2022 .content-box .alert-box li {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5; }
  .elect-2022 .content-box .alert-box i {
    padding-left: 0;
    padding-right: 1.9rem;
    width: 1005;
    margin-top: auto;
    margin-bottom: auto; }

.elect-2022 .q-a-component hr {
  border-bottom: 2px solid #606060;
  width: 50%;
  text-align: left;
  margin-left: 0;
  margin-right: auto; }

.elect-2022 .q-a-component .q-a-cell {
  margin-bottom: 1rem;
  -webkit-box-shadow: 3px 3px 12px -2px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 3px 3px 12px -2px rgba(0, 0, 0, 0.2) !important; }
  .elect-2022 .q-a-component .q-a-cell .question-grid {
    background-color: #E7E7E8;
    border-left: 5px solid #b12a25;
    padding-top: 6px;
    padding-bottom: 4px; }
  .elect-2022 .q-a-component .q-a-cell .answer-grid {
    border-left: 5px solid #898987;
    padding-top: 8px;
    padding-bottom: 4px; }
  .elect-2022 .q-a-component .q-a-cell .question-grid .q-cell,
  .elect-2022 .q-a-component .q-a-cell .question-grid .a-cell,
  .elect-2022 .q-a-component .q-a-cell .answer-grid .q-cell,
  .elect-2022 .q-a-component .q-a-cell .answer-grid .a-cell {
    font-size: 2.5rem;
    font-weight: 600;
    color: #505050;
    padding: 2px 1rem 6px 8px; }
  .elect-2022 .q-a-component .q-a-cell .question-grid .question-cell,
  .elect-2022 .q-a-component .q-a-cell .answer-grid .question-cell {
    font-size: 2rem;
    font-weight: 600;
    color: #505050;
    padding-top: 6px;
    padding-bottom: 4px; }
  .elect-2022 .q-a-component .q-a-cell .question-grid .answer-cell,
  .elect-2022 .q-a-component .q-a-cell .answer-grid .answer-cell {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: #505050;
    padding-top: 8px;
    padding-bottom: 8px; }
  .elect-2022 .q-a-component .q-a-cell .question-grid .learn-more-cell a,
  .elect-2022 .q-a-component .q-a-cell .answer-grid .learn-more-cell a {
    margin-top: -4px; }

.elect-2022 .embed-video-component {
  width: 100%; }
  .elect-2022 .embed-video-component .embed-video-cell {
    text-align: center; }
    @media screen and (min-width: 64.063em) {
      .elect-2022 .embed-video-component .embed-video-cell {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2rem; } }
  .elect-2022 .embed-video-component .embed-video2x-cell {
    text-align: center; }
    @media screen and (min-width: 64.063em) {
      .elect-2022 .embed-video-component .embed-video2x-cell {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2rem; } }
  .elect-2022 .embed-video-component .video4x-grid {
    width: 100%; }
  @media screen and (min-width: 64.063em) {
    .elect-2022 .embed-video-component .video-cell {
      padding-left: 8vw;
      padding-right: 8vw; } }
  @media screen and (min-width: 90em) {
    .elect-2022 .embed-video-component .video-cell {
      padding: 2rem 16vw !important; } }
  .elect-2022 .embed-video-component .video-cell .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    text-align: center; }
    .elect-2022 .embed-video-component .video-cell .video-container iframe,
    .elect-2022 .embed-video-component .video-cell .video-container object,
    .elect-2022 .embed-video-component .video-cell .video-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.elect-2022 .mythbusters-component .mythbuster-cell {
  margin-bottom: 1rem;
  -webkit-box-shadow: 3px 3px 12px -2px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 3px 3px 12px -2px rgba(0, 0, 0, 0.2) !important; }
  .elect-2022 .mythbusters-component .mythbuster-cell .myth-grid {
    background-color: #E7E7E8;
    border-left: 5px solid #b12a25; }
  .elect-2022 .mythbusters-component .mythbuster-cell .fact-grid {
    border-left: 5px solid #255a00; }
  .elect-2022 .mythbusters-component .mythbuster-cell .myth-grid .m-cell,
  .elect-2022 .mythbusters-component .mythbuster-cell .myth-grid .f-cell,
  .elect-2022 .mythbusters-component .mythbuster-cell .fact-grid .m-cell,
  .elect-2022 .mythbusters-component .mythbuster-cell .fact-grid .f-cell {
    font-weight: 600; }
    .elect-2022 .mythbusters-component .mythbuster-cell .myth-grid .m-cell i,
    .elect-2022 .mythbusters-component .mythbuster-cell .myth-grid .f-cell i,
    .elect-2022 .mythbusters-component .mythbuster-cell .fact-grid .m-cell i,
    .elect-2022 .mythbusters-component .mythbuster-cell .fact-grid .f-cell i {
      font-size: 2.6rem;
      margin-top: auto;
      margin-bottom: auto;
      padding-left: 10px; }
  .elect-2022 .mythbusters-component .mythbuster-cell .myth-grid .m-cell,
  .elect-2022 .mythbusters-component .mythbuster-cell .fact-grid .m-cell {
    color: #b12a25; }
  .elect-2022 .mythbusters-component .mythbuster-cell .myth-grid .f-cell,
  .elect-2022 .mythbusters-component .mythbuster-cell .fact-grid .f-cell {
    color: #255a00;
    padding-top: .4rem; }
  .elect-2022 .mythbusters-component .mythbuster-cell .myth-grid .myth-cell,
  .elect-2022 .mythbusters-component .mythbuster-cell .fact-grid .myth-cell {
    font-size: 1.6rem;
    font-weight: 600;
    padding-top: 0.8rem;
    padding-bottom: 0.6rem;
    color: #505050;
    padding-left: 1rem; }
  .elect-2022 .mythbusters-component .mythbuster-cell .myth-grid .fact-cell,
  .elect-2022 .mythbusters-component .mythbuster-cell .fact-grid .fact-cell {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: #505050;
    padding-top: .8rem;
    padding-left: 1rem;
    padding-right: 1rem; }

.elect-2022 .event-table-component p,
.elect-2022 .event-table-component li {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.6rem;
  color: #505050; }

.elect-2022 .event-table-component:last-child > .accordion-content:last-child {
  border-bottom: 0 !important;
  border: 0 !important; }

.elect-2022 .event-table-component .elect-event-table {
  border-collapse: separate; }
  .elect-2022 .event-table-component .elect-event-table th,
  .elect-2022 .event-table-component .elect-event-table td,
  .elect-2022 .event-table-component .elect-event-table tr {
    border-spacing: 6px; }
  .elect-2022 .event-table-component .elect-event-table .table-header {
    background-color: #cfdded; }
    .elect-2022 .event-table-component .elect-event-table .table-header .date-header {
      width: 180px;
      padding-left: 1rem;
      padding-bottom: 0; }
    .elect-2022 .event-table-component .elect-event-table .table-header .event-header {
      padding-left: 1.8rem;
      padding-bottom: 0; }
    .elect-2022 .event-table-component .elect-event-table .table-header th {
      background-color: #cfdded; }
      .elect-2022 .event-table-component .elect-event-table .table-header th h3 {
        font-size: 1.9rem;
        font-weight: 600;
        line-height: 2.25rem;
        color: #26366a !important;
        padding-bottom: 0 !important; }
  .elect-2022 .event-table-component .elect-event-table tr td p,
  .elect-2022 .event-table-component .elect-event-table tr td div,
  .elect-2022 .event-table-component .elect-event-table tr td li {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.6rem;
    color: #505050; }
  .elect-2022 .event-table-component .elect-event-table tr td ul.event-table-accordion {
    background-color: transparent !important;
    margin: 0 !important;
    width: 100%;
    padding: 0; }
    .elect-2022 .event-table-component .elect-event-table tr td ul.event-table-accordion li {
      background-color: transparent !important;
      width: 100%; }
      .elect-2022 .event-table-component .elect-event-table tr td ul.event-table-accordion li .accordion-content {
        background-color: #fcfcfc;
        width: 100%; }
    .elect-2022 .event-table-component .elect-event-table tr td ul.event-table-accordion:last-child > .accordion-title,
    .elect-2022 .event-table-component .elect-event-table tr td ul.event-table-accordion:last-child:not(.is-active) > .accordion-title {
      border: 0 !important; }
    .elect-2022 .event-table-component .elect-event-table tr td ul.event-table-accordion .accordion-title {
      border-width: 0 !important; }
    .elect-2022 .event-table-component .elect-event-table tr td ul.event-table-accordion:last-child > .accordion-content:last-child {
      border-bottom: 0 !important;
      border: 0 !important; }
  .elect-2022 .event-table-component .elect-event-table tr td.event-date,
  .elect-2022 .event-table-component .elect-event-table tr td.event {
    padding-left: 1rem; }
  .elect-2022 .event-table-component .elect-event-table tr:nth-child(even) {
    background-color: #E7E7E8; }
  .elect-2022 .event-table-component .elect-event-table tr:nth-child(odd) {
    background-color: #e8f3ff; }
    .elect-2022 .event-table-component .elect-event-table tr:nth-child(odd) .is-active {
      background-color: #e8f3ff !important; }
      .elect-2022 .event-table-component .elect-event-table tr:nth-child(odd) .is-active:active, .elect-2022 .event-table-component .elect-event-table tr:nth-child(odd) .is-active:hover, .elect-2022 .event-table-component .elect-event-table tr:nth-child(odd) .is-active:focus {
        background-color: #e8f3ff !important; }
    .elect-2022 .event-table-component .elect-event-table tr:nth-child(odd) li:active, .elect-2022 .event-table-component .elect-event-table tr:nth-child(odd) li:hover, .elect-2022 .event-table-component .elect-event-table tr:nth-child(odd) li:focus,
    .elect-2022 .event-table-component .elect-event-table tr:nth-child(odd) a:active,
    .elect-2022 .event-table-component .elect-event-table tr:nth-child(odd) a:hover,
    .elect-2022 .event-table-component .elect-event-table tr:nth-child(odd) a:focus {
      background-color: #e8f3ff !important; }

.elect-2022 .event-countdown-component .header-cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 4.2rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly; }
  .elect-2022 .event-countdown-component .header-cell h5, .elect-2022 .event-countdown-component .header-cell p {
    width: 100%;
    text-align: center; }
  .elect-2022 .event-countdown-component .header-cell p.small {
    font-weight: 400;
    font-size: .85rem;
    padding-top: 0;
    margin-top: -2px;
    margin-bottom: auto; }

.elect-2022 .event-countdown-component .event-countdown-boxes {
  width: 100%; }

.elect-2022 .event-countdown-component .countdown-boxes {
  padding: 10px; }

.elect-2022 .event-countdown-component h5,
.elect-2022 .event-countdown-component .countdown-box-header {
  text-align: center;
  font-weight: bold;
  line-height: 1;
  padding-top: 12px;
  color: #26366a; }

.elect-2022 .event-countdown-component h3,
.elect-2022 .event-countdown-component .countdown-date {
  text-align: right;
  font-weight: bold;
  font-size: 4.5rem;
  color: #26366a;
  margin-left: -20px;
  letter-spacing: -.1rem; }

.elect-2022 .event-countdown-component p {
  padding-top: 12px;
  padding-left: 0;
  margin-left: -12px;
  line-height: 1.1;
  font-weight: 400;
  margin-top: auto;
  margin-bottom: auto; }

.elect-2022 .event-countdown-component p.event-text {
  font-weight: 500 !important;
  padding-top: 18px;
  line-height: 1.4;
  font-size: 1.4rem;
  color: #26366a;
  padding-left: 0;
  margin-right: -10px; }

.elect-2022 .event-countdown-component .countdown-boxes-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 10px; }
  .elect-2022 .event-countdown-component .countdown-boxes-flex .countdown-date-cell {
    width: 45%;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center; }
    .elect-2022 .event-countdown-component .countdown-boxes-flex .countdown-date-cell h3,
    .elect-2022 .event-countdown-component .countdown-boxes-flex .countdown-date-cell .countdown-date {
      text-align: right;
      font-weight: bold;
      font-size: 4.5rem;
      color: #26366a;
      letter-spacing: -.1rem;
      padding-top: 10px;
      padding-right: 10px; }
  .elect-2022 .event-countdown-component .countdown-boxes-flex .countdown-text-cell {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 55%; }
    .elect-2022 .event-countdown-component .countdown-boxes-flex .countdown-text-cell p.event-text {
      font-weight: 500 !important;
      padding-top: 0;
      line-height: 1.4;
      font-size: 1.4rem;
      color: #26366a;
      text-align: left;
      padding-left: 14px; }

.elect-2022 .content-with-background-component {
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%; }
  @media screen and (min-width: 64.063em) {
    .elect-2022 .content-with-background-component {
      min-height: 500px; } }
  .elect-2022 .content-with-background-component .content-grid {
    width: 100%; }
  .elect-2022 .content-with-background-component .content-overlay {
    text-align: left;
    -webkit-box-shadow: 5px 5px 15px -1px rgba(0, 0, 0, 0.4);
    box-shadow: 5px 5px 15px -1px rgba(0, 0, 0, 0.4);
    border-radius: 12px; }
    @media screen and (max-width: 64em) {
      .elect-2022 .content-with-background-component .content-overlay {
        padding: 40px 30px 30px; } }
    @media screen and (min-width: 64.063em) {
      .elect-2022 .content-with-background-component .content-overlay {
        padding: 30px; } }
    @media screen and (min-device-width: 768px) and (max-device-width: 1099px) and (orientation: landscape) {
      .elect-2022 .content-with-background-component .content-overlay {
        padding: 0 40px 30px; } }
    .elect-2022 .content-with-background-component .content-overlay .banner-text-box {
      padding: 1rem;
      text-align: left !important; }
      .elect-2022 .content-with-background-component .content-overlay .banner-text-box h2 {
        text-align: left !important;
        width: 100%; }
      .elect-2022 .content-with-background-component .content-overlay .banner-text-box h4,
      .elect-2022 .content-with-background-component .content-overlay .banner-text-box h5 {
        font-weight: 600; }
      .elect-2022 .content-with-background-component .content-overlay .banner-text-box p {
        font-weight: 500;
        width: 100%;
        font-size: 0.9rem !important; }

.elect-2022 .election-dates-component,
.homepage-main-content-grid .election-dates-component {
  background-color: #E7E7E8;
  padding: 2rem 8vw;
  width: 100%; }
  .elect-2022 .election-dates-component .election-date-cell,
  .homepage-main-content-grid .election-dates-component .election-date-cell {
    padding: 0 14px; }
    .elect-2022 .election-dates-component .election-date-cell .card,
    .homepage-main-content-grid .election-dates-component .election-date-cell .card {
      -webkit-box-shadow: 5px 5px 15px -1px rgba(0, 0, 0, 0.2);
      box-shadow: 5px 5px 15px -1px rgba(0, 0, 0, 0.2);
      background-color: #fcfcfc;
      padding: 20px 30px; }
  .elect-2022 .election-dates-component .election-dates h2,
  .homepage-main-content-grid .election-dates-component .election-dates h2 {
    color: #505050;
    font-weight: 600; }
    .elect-2022 .election-dates-component .election-dates h2 .small-text,
    .homepage-main-content-grid .election-dates-component .election-dates h2 .small-text {
      font-size: 1.5rem;
      font-weight: 400; }
  .elect-2022 .election-dates-component .election-dates a,
  .homepage-main-content-grid .election-dates-component .election-dates a {
    text-decoration: underline; }
  .elect-2022 .election-dates-component .red-line,
  .homepage-main-content-grid .election-dates-component .red-line {
    border-bottom: 3px solid #9c1212;
    width: 100%;
    margin-top: 0; }
  .elect-2022 .election-dates-component h5,
  .homepage-main-content-grid .election-dates-component h5 {
    color: #505050;
    font-weight: 400; }
    .elect-2022 .election-dates-component h5 .strong-text,
    .homepage-main-content-grid .election-dates-component h5 .strong-text {
      font-weight: 600; }

.homepage-main-content-grid {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 20px; }
  @media screen and (max-width: 64em) {
    .homepage-main-content-grid {
      padding-top: 28px; } }
  @media screen and (min-width: 64.0693em) {
    .homepage-main-content-grid {
      margin-top: 0;
      padding-top: 24px; } }
  .homepage-main-content-grid .featured-events-section {
    background-color: #fce292; }

.elect-2022 .hero-cell {
  padding-left: 8vw;
  padding-right: 8vw;
  padding-top: 0;
  text-align: center;
  background-color: #fff; }
  @media screen and (max-width: 40em) {
    .elect-2022 .hero-cell {
      margin-top: -3rem; } }
  @media scren and (min-width: 40.063em) and (max-width: 64em) {
    .elect-2022 .hero-cell {
      margin-top: -2rem; } }
  @media screen and (min-width: 64.063em) {
    .elect-2022 .hero-cell {
      margin-top: -1rem; } }
  @media screen and (min-width: 90em) {
    .elect-2022 .hero-cell {
      padding-left: 16vw !important;
      padding-right: 16vw !important; } }
  .elect-2022 .hero-cell img {
    padding-top: 0;
    margin-top: 0;
    max-height: 550px;
    width: auto; }

.elect-2022 .news-release-section-2 {
  background-color: #fce292;
  width: 100%;
  padding: 2rem 8vw; }
  .elect-2022 .news-release-section-2 h2 {
    text-align: left;
    color: #26366a;
    width: 100%;
    font-weight: 600; }
  .elect-2022 .news-release-section-2 .force-break {
    width: 100%;
    height: 1px; }
  .elect-2022 .news-release-section-2 .news-release-cell {
    padding: 36px; }
    .elect-2022 .news-release-section-2 .news-release-cell .news-release-item {
      -webkit-box-shadow: 5px 5px 15px -1px #bbbbbb;
      box-shadow: 5px 5px 15px -1px #bbbbbb;
      padding: 0; }
    .elect-2022 .news-release-section-2 .news-release-cell .image-cell {
      padding: 0;
      margin: 0;
      background-color: #fcfcfc; }
      .elect-2022 .news-release-section-2 .news-release-cell .image-cell img {
        height: auto;
        width: 100%; }
    .elect-2022 .news-release-section-2 .news-release-cell .text-cell {
      padding: 12px 20px;
      background-color: #fcfcfc; }
      .elect-2022 .news-release-section-2 .news-release-cell .text-cell h3 {
        text-align: left;
        color: #26366a;
        width: 100%;
        font-weight: 600;
        padding-top: .1rem; }
        @media screen and (max-width: 64em) {
          .elect-2022 .news-release-section-2 .news-release-cell .text-cell h3 {
            font-size: 1.15rem; } }
        @media screen and (min-width: 64.063em) {
          .elect-2022 .news-release-section-2 .news-release-cell .text-cell h3 {
            font-size: 1.25rem; } }
      .elect-2022 .news-release-section-2 .news-release-cell .text-cell p {
        text-align: left;
        color: #26366a;
        width: 100%;
        line-height: 1.3; }
        @media screen and (max-width: 64em) {
          .elect-2022 .news-release-section-2 .news-release-cell .text-cell p {
            font-size: 1.1rem; } }
        @media screen and (min-width: 64.063em) {
          .elect-2022 .news-release-section-2 .news-release-cell .text-cell p {
            font-size: 1.15rem; } }
      .elect-2022 .news-release-section-2 .news-release-cell .text-cell .read-more {
        padding-top: 0; }
        @media screen and (max-width: 64em) {
          .elect-2022 .news-release-section-2 .news-release-cell .text-cell .read-more {
            margin-top: 10px;
            margin-bottom: 14px;
            font-size: .8rem; } }
        @media screen and (min-width: 64.063em) {
          .elect-2022 .news-release-section-2 .news-release-cell .text-cell .read-more {
            margin-top: 2px;
            font-size: .9rem; } }
        @media screen and (min-device-width: 768px) and (max-device-width: 1099px) and (orientation: landscape) {
          .elect-2022 .news-release-section-2 .news-release-cell .text-cell .read-more {
            font-size: .8rem; } }

.elect-2022 .news-release-page-item {
  width: 100%;
  padding: 16px 36px; }
  .elect-2022 .news-release-page-item .news-release-item {
    -webkit-box-shadow: 5px 5px 15px -1px #bbbbbb;
    box-shadow: 5px 5px 15px -1px #bbbbbb;
    padding: 0; }
  .elect-2022 .news-release-page-item .image-cell {
    padding: 0;
    margin: 0;
    background-color: #fcfcfc; }
    .elect-2022 .news-release-page-item .image-cell img {
      height: auto;
      width: 100%; }
  .elect-2022 .news-release-page-item .text-cell {
    padding: 6px 20px;
    background-color: #fcfcfc; }
    .elect-2022 .news-release-page-item .text-cell h3 {
      text-align: left;
      color: #26366a;
      width: 100%;
      font-weight: 600;
      padding-top: .1rem; }
      @media screen and (max-width: 64em) {
        .elect-2022 .news-release-page-item .text-cell h3 {
          font-size: 1.15rem; } }
      @media screen and (min-width: 64.063em) {
        .elect-2022 .news-release-page-item .text-cell h3 {
          font-size: 1.25rem; } }
    .elect-2022 .news-release-page-item .text-cell p {
      text-align: left;
      color: #26366a;
      width: 100%;
      line-height: 1.3; }
      @media screen and (max-width: 64em) {
        .elect-2022 .news-release-page-item .text-cell p {
          font-size: 1.1rem; } }
      @media screen and (min-width: 64.063em) {
        .elect-2022 .news-release-page-item .text-cell p {
          font-size: 1.15rem; } }
    .elect-2022 .news-release-page-item .text-cell .read-more {
      padding-top: 0; }
      @media screen and (max-width: 64em) {
        .elect-2022 .news-release-page-item .text-cell .read-more {
          margin-top: 10px;
          margin-bottom: 14px;
          font-size: .8rem; } }
      @media screen and (min-width: 64.063em) {
        .elect-2022 .news-release-page-item .text-cell .read-more {
          margin-top: 2px;
          font-size: .9rem; } }
      @media screen and (min-device-width: 768px) and (max-device-width: 1099px) and (orientation: landscape) {
        .elect-2022 .news-release-page-item .text-cell .read-more {
          font-size: .8rem; } }

.elect-2022 .news-releases-section {
  background-color: #fce292;
  width: 100%; }
  @media screen and (max-width: 64em) {
    .elect-2022 .news-releases-section {
      padding: 3vw 4vw; } }
  @media screen and (min-width: 64.063em) {
    .elect-2022 .news-releases-section {
      padding: 30px 10% 10px; } }
  @media screen and (min-device-width: 768px) and (max-device-width: 1099px) and (orientation: landscape) {
    .elect-2022 .news-releases-section {
      padding: 3vw 0 3vw 3vw; } }
  .elect-2022 .news-releases-section h2 {
    text-align: left;
    color: #26366a;
    width: 100%;
    font-weight: 600; }
    @media screen and (min-width: 64.063em) {
      .elect-2022 .news-releases-section h2 {
        font-size: 1.3rem;
        padding-bottom: 0; } }
  .elect-2022 .news-releases-section .news-release-items {
    width: 100%;
    padding: 10px 0; }
  @media screen and (max-width: 40em) {
    .elect-2022 .news-releases-section .news-release-cell .release-info {
      padding-left: 20px;
      padding-top: 0;
      margin-top: -10px; } }
  @media screen and (min-width: 40.063em) and (max-width: 64em) {
    .elect-2022 .news-releases-section .news-release-cell .release-info {
      padding-left: 20px;
      padding-top: 0;
      margin-top: 0;
      padding-right: 20px; } }
  @media screen and (min-device-width: 768px) and (max-device-width: 1099px) and (orientation: portrait) {
    .elect-2022 .news-releases-section .news-release-cell .release-info {
      padding-top: 16px; } }
  @media screen and (min-device-width: 768px) and (max-device-width: 1099px) and (orientation: landscape) {
    .elect-2022 .news-releases-section .news-release-cell .release-info {
      padding-left: 18px; } }
  .elect-2022 .news-releases-section .news-release-cell .release-info p {
    padding-right: 20px;
    padding-left: 0;
    padding-top: 20px;
    line-height: 1.3; }
  .elect-2022 .news-releases-section .news-release-cell .release-info .read-more {
    font-size: .9rem;
    margin-top: 0;
    padding-top: 0; }
    @media screen and (max-width: 64em) {
      .elect-2022 .news-releases-section .news-release-cell .release-info .read-more {
        margin-top: -8px;
        margin-bottom: 14px;
        font-size: .8rem; } }
    @media screen and (min-device-width: 768px) and (max-device-width: 1099px) and (orientation: landscape) {
      .elect-2022 .news-releases-section .news-release-cell .release-info .read-more {
        font-size: .8rem; } }
  @media screen and (max-width: 64em) {
    .elect-2022 .news-releases-section .news-release-cell {
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 10px; } }
  @media screen and (min-width: 64.063em) {
    .elect-2022 .news-releases-section .news-release-cell {
      padding-left: 0;
      padding-right: 30px; } }
  @media screen and (max-width: 40em) {
    .elect-2022 .news-releases-section .news-release-cell .date-box {
      padding: 16px 0 0; } }
  @media screen and (min-width: 40.063em) and (max-width: 64em) {
    .elect-2022 .news-releases-section .news-release-cell .date-box {
      padding: 16px 0 0 6px; } }
  @media screen and (min-width: 64.063em) and (max-width: 80rem) {
    .elect-2022 .news-releases-section .news-release-cell .date-box {
      padding: 20px 14px; } }
  @media screen and (min-width: 80.063em) {
    .elect-2022 .news-releases-section .news-release-cell .date-box {
      padding: 20px 26px; } }
  @media screen and (min-device-width: 768px) and (max-device-width: 1099px) and (orientation: portrait) {
    .elect-2022 .news-releases-section .news-release-cell .date-box {
      padding: 20px 10px; } }
  @media screen and (min-device-width: 768px) and (max-device-width: 1099px) and (orientation: landscape) {
    .elect-2022 .news-releases-section .news-release-cell .date-box {
      padding: 20px 10px !important; } }
  .elect-2022 .news-releases-section .news-release-cell .news-release-date {
    background-color: #fcfcfc;
    color: #26366a;
    text-align: center;
    -webkit-box-shadow: 5px 5px 15px -1px #bbbbbb;
    box-shadow: 5px 5px 15px -1px #bbbbbb; }
    @media screen and (max-width: 40em) {
      .elect-2022 .news-releases-section .news-release-cell .news-release-date {
        padding: 2px 0 0 0;
        border-radius: 28px;
        margin: 0 2.5vw; } }
    @media screen and (min-width: 40.063em) and (max-width: 64em) {
      .elect-2022 .news-releases-section .news-release-cell .news-release-date {
        padding: 2px 0 0 0;
        border-radius: 32px;
        margin: 0 4vw; } }
    @media screen and (min-width: 64.063em) {
      .elect-2022 .news-releases-section .news-release-cell .news-release-date {
        padding: 2px 0 0 0;
        border-radius: 24px; } }
    .elect-2022 .news-releases-section .news-release-cell .news-release-date h5 {
      text-transform: uppercase;
      font-weight: 600; }
      @media screen and (max-width: 40em) {
        .elect-2022 .news-releases-section .news-release-cell .news-release-date h5 {
          font-size: 1.25em;
          margin-left: auto;
          margin-right: auto;
          padding-bottom: 0;
          margin-top: 10px; } }
      @media screen and (min-width: 40.063em) and (max-width: 64em) {
        .elect-2022 .news-releases-section .news-release-cell .news-release-date h5 {
          font-size: 1.3em;
          margin-left: auto;
          margin-right: auto;
          padding-bottom: 0;
          margin-top: 10px; } }
      @media screen and (min-width: 64.063em) {
        .elect-2022 .news-releases-section .news-release-cell .news-release-date h5 {
          font-size: 1.2rem;
          margin-left: auto;
          margin-right: auto;
          padding-bottom: 0;
          margin-top: 8px; } }
    @media screen and (max-width: 40em) {
      .elect-2022 .news-releases-section .news-release-cell .news-release-date h3 {
        font-size: 2.2rem;
        margin-top: -18px;
        margin-bottom: 0;
        padding-bottom: 4px; } }
    @media screen and (min-width: 40.063em) and (max-width: 64em) {
      .elect-2022 .news-releases-section .news-release-cell .news-release-date h3 {
        font-size: 2.5rem;
        margin-top: -18px;
        margin-bottom: 0;
        padding-bottom: 4px; } }
    @media screen and (min-width: 64.063em) {
      .elect-2022 .news-releases-section .news-release-cell .news-release-date h3 {
        font-size: 2.4rem;
        line-height: 1.1;
        margin-left: auto;
        margin-right: auto;
        margin-top: -1.05rem;
        margin-bottom: 0;
        padding-bottom: 4px;
        padding-top: 0; } }

.special h3 {
  font-size: 1.25rem;
  text-transform: uppercase;
  font-weight: 600; }

.news-section {
  padding-top: 20px; }
  @media screen and (min-width: 772px) and (max-width: 769px) and (orientation: portrait) {
    .news-section {
      margin-top: -200px !important;
      margin-left: 1em !important;
      margin-right: 1em !important; } }
  @media screen and (min-width: 770px) and (max-width: 800px) and (orientation: portrait) {
    .news-section {
      margin-top: -160px !important;
      margin-left: 1em !important;
      margin-right: 1em !important; } }
  @media screen and (max-width: 48em) {
    .news-section {
      margin-top: -280px;
      margin-left: 1.5%;
      margin-right: 1.5%; } }
  @media screen and (min-width: 48.063em) and (max-width: 50em) {
    .news-section {
      margin-top: -220px;
      margin-left: 1.5%;
      margin-right: 1.5%; } }
  @media screen and (min-width: 50.063em) and (max-width: 64em) {
    .news-section {
      margin-top: -180px;
      margin-left: 0;
      margin-right: 0; } }
  @media screen and (min-width: 64.063em) {
    .news-section {
      margin-left: 16%;
      margin-right: 16%; } }

.news-grid {
  max-width: 1400px;
  margin-left: auto !important;
  margin-right: auto !important; }

.snippet {
  min-height: 5em;
  margin-bottom: 1.5em; }
  .snippet img,
  .snippet .date-stamp {
    float: left;
    margin-right: 2em; }
    @media only screen and (max-width: 40em) {
      .snippet img,
      .snippet .date-stamp {
        margin-right: .5em; } }
  .snippet p {
    margin-bottom: 0;
    padding-top: 5%;
    font-family: 'Roboto', sans-serif; }
  .snippet .title {
    font-weight: normal;
    font-size: 0.8rem;
    color: #505050;
    margin-top: 0;
    padding-top: 0; }
  .snippet .date-stamp {
    width: 4rem;
    text-align: right;
    padding-top: 0; }
    .snippet .date-stamp .month {
      color: #26366a;
      padding: .1em 0 0 0;
      font-size: 1.3em;
      text-align: right;
      font-weight: 400; }
    .snippet .date-stamp .day {
      padding: .2em 0 .5em .5em;
      font-size: 2em;
      font-weight: 100;
      border-top: none;
      color: #26366a; }
      .snippet .date-stamp .day a:hover {
        text-decoration: underline;
        color: #ff0000;
        font-weight: bold; }

.news a:hover, .news a:focus {
  color: #ff0000;
  font-weight: bold;
  text-decoration: underline; }

.news .snippet-text {
  padding-left: 0;
  margin-left: -16px;
  padding-top: 0; }

svg {
  width: 200px;
  height: 200px; }

svg .cls-1 {
  fill: #acacac; }

svg .cls-1:hover,
svg .cls-1:focus {
  fill: #dedede; }

.homepage-main-content-grid {
  margin-left: 0 !important;
  margin-right: 0 !important; }
  @media screen and (max-width: 64em) {
    .homepage-main-content-grid {
      margin-top: -36px !important;
      padding-top: 0 !important; } }
  @media screen and (min-width: 64.063em) {
    .homepage-main-content-grid {
      padding-top: 24px !important; } }

.banner {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important; }

@media screen and (min-width: 64.063em) {
  .hero-cell img {
    margin-top: 14px !important; } }

@media screen and (max-width: 64em) {
  .news-section-2 {
    margin-top: 0 !important;
    padding-left: 8vw !important;
    padding-right: 8vw !important; } }

@media screen and (min-width: 64.063em) {
  .news-section-2 {
    padding-left: 8vw !important;
    padding-right: 8vw !important; } }

@media screen and (max-width: 64em) {
  .news-section-2 h3 {
    padding-top: 1.2rem; } }

.news-section-2 .snippet {
  min-height: 5em;
  margin-bottom: 1.5em; }
  .news-section-2 .snippet img,
  .news-section-2 .snippet .date-stamp {
    float: left;
    margin-right: 2em; }
    @media only screen and (max-width: 40em) {
      .news-section-2 .snippet img,
      .news-section-2 .snippet .date-stamp {
        margin-right: .5em; } }
  .news-section-2 .snippet p {
    margin-bottom: 0;
    padding-top: 5%;
    font-family: 'Roboto', sans-serif; }
  .news-section-2 .snippet .title {
    font-weight: normal;
    font-size: 0.8rem;
    color: #505050;
    margin-top: 0;
    padding-top: 0; }
  .news-section-2 .snippet .date-stamp {
    width: 4rem;
    text-align: right;
    padding-top: 0; }
    .news-section-2 .snippet .date-stamp .month {
      color: #26366a;
      padding: .1em 0 0 0;
      font-size: 1.3em;
      text-align: right;
      font-weight: 700; }
    .news-section-2 .snippet .date-stamp .day {
      padding: .2em 0 .5em .5em;
      font-size: 2em;
      font-weight: 400;
      border-top: none;
      color: #26366a; }
      .news-section-2 .snippet .date-stamp .day a:hover {
        text-decoration: underline;
        color: #ff0000;
        font-weight: bold; }

.news-section-2 .news a:hover, .news-section-2 .news a:focus {
  color: #ff0000;
  font-weight: bold;
  text-decoration: underline; }

.news-section-2 .news .snippet-text {
  padding-left: 0;
  margin-left: -16px;
  padding-top: 0; }

@media screen and (max-width: 64em) {
  .news-section-2 .language-switcher-home,
  .news-section-2 #ls-home {
    margin-top: 10px !important; } }

@media screen and (max-width: 64em) {
  .news-section-2 .language-switcher {
    margin-top: 0 !important; } }

@media screen and (min-width: 64.063em) {
  .news-section-2 .language-switcher {
    margin-top: -14px !important; } }

.sr-only {
  display: none;
  color: #000; }

header {
  padding-bottom: 16px; }

@media screen and (max-width: 64em) {
  .language-switcher-fixed {
    margin-top: 0 !important; } }

@media screen and (min-width: 64.063em) {
  .language-switcher-fixed {
    margin-top: -4px !important; } }

.elect-header-container {
  background-color: #fcfcfc;
  z-index: 1101; }
  @media screen and (max-width: 40em) {
    .elect-header-container {
      margin-bottom: 0;
      margin-top: -30px; } }
  @media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .elect-header-container {
      margin-top: -10px;
      margin-bottom: 0; } }
  @media screen and (min-width: 40.063em) and (max-width: 64em) {
    .elect-header-container {
      margin-bottom: 40px; } }
  @media screen and (min-width: 64.063em) {
    .elect-header-container {
      margin-bottom: -43px; } }
  @media screen and (max-width: 64em) {
    .elect-header-container .elect-header-grid-active {
      background-color: #bbbbbb !important; } }
  @media sccreen and (max-width: 64em) {
    .elect-header-container .elect-header-grid-fixed {
      margin-top: 10px; } }
  .elect-header-container .sticky {
    border-bottom: 1px solid #898987;
    background-color: #fcfcfc; }
  @media screen and (max-width: 64em) {
    .elect-header-container .is-stuck {
      margin-top: 44px !important; } }
  @media screen and (min-width: 64.063em) {
    .elect-header-container .is-stuck {
      margin-top: 18px !important;
      -webkit-box-shadow: 0 0 5px #111111;
              box-shadow: 0 0 5px #111111; } }
  @media screen and (max-width: 40em) {
    .elect-header-container .elect-header-grid {
      margin-top: 30px;
      padding-top: 10px;
      height: 64px;
      margin-bottom: 0;
      margin-left: 0; } }
  @media screen and (min-width: 40.063em) and (max-width: 64em) {
    .elect-header-container .elect-header-grid {
      margin-top: 10px;
      padding-left: 20px;
      padding-right: 20px;
      min-height: 85px;
      margin-bottom: 0; } }
  @media screen and (min-width: 64.063em) {
    .elect-header-container .elect-header-grid {
      padding-left: 2rem;
      padding-right: 2rem;
      min-height: 78px;
      background-color: #fcfcfc;
      margin-top: auto;
      margin-bottom: auto; } }
  .elect-header-container .elect-header-grid .header-logo {
    width: 100%;
    text-align: center; }
    .elect-header-container .elect-header-grid .header-logo img {
      text-align: center;
      width: 100%; }
    @media screen and (max-width: 40em) {
      .elect-header-container .elect-header-grid .header-logo {
        margin: auto;
        padding-left: .3rem;
        padding-right: 1.3rem; }
        .elect-header-container .elect-header-grid .header-logo img {
          padding: 0 0 8px 10px; } }
    @media screen and (max-width: 64em) {
      .elect-header-container .elect-header-grid .header-logo img {
        margin: 0 0 0 0; } }
    @media screen and (min-width: 40.063em) and (max-width: 64em) {
      .elect-header-container .elect-header-grid .header-logo {
        margin: auto; }
        .elect-header-container .elect-header-grid .header-logo img {
          padding: 8px 90px 10px 10px; } }
    @media screen and (min-width: 64.063em) {
      .elect-header-container .elect-header-grid .header-logo img {
        height: auto;
        float: left; } }
    @media screen and (min-width: 64.063em) and (max-width: 70em) {
      .elect-header-container .elect-header-grid .header-logo {
        padding: 20px 10px 10px 0 !important;
        width: 87%;
        margin-left: -24px; } }
    @media screen and (min-width: 70.063em) {
      .elect-header-container .elect-header-grid .header-logo {
        padding: 12px 10px 10px 0;
        width: 92%;
        margin-left: -20px; } }

@media screen and (max-width: 64em) {
  .header-mobile-fixed {
    margin-top: 28px; } }

/*# sourceMappingURL=dist/assets/css/app-transitional.css.map */
