/* Color Usage */
/* Style Defaults */
/* Spacing */
/* Breakpoints */
/**
* X Height Offsets
* Used for aligning the top of side by side columns when one colum
* has an image and the other has text/header
*/
/* Easings*/
.heroDynamic {
  padding-bottom: 15rem; }

.heroAnnouncements {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 7.5rem;
  z-index: 9999;
  background-image: linear-gradient(45deg, rgba(13, 46, 209, 0.7) 0%, rgba(31, 192, 255, 0.7) 100%); }
  .heroAnnouncements .chevron-left,
  .heroAnnouncements .chevron-right {
    pointer-events: none; }
  .heroAnnouncements .chevron-right {
    transform: rotate(180deg); }

.heroAnnouncements__button {
  transition: border 200ms, transform 200ms ease;
  border: 1px solid transparent; }
  .heroAnnouncements__button:focus, .heroAnnouncements__button:hover {
    transform: scale(1.3); }
  .heroAnnouncements__button:focus-visible {
    border-color: #001; }

.heroAnnouncements__img.align-self-bottom img {
  position: absolute;
  bottom: 0;
  left: 0; }

.heroAnnouncements__item {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0; }
  .heroAnnouncements__item .cell {
    transition: transform 500ms ease, opacity 100ms; }
  .heroAnnouncements__item .cell:nth-of-type(3n) {
    transition-delay: 400ms; }
  .heroAnnouncements__item:not(.active) {
    pointer-events: none; }
    .heroAnnouncements__item:not(.active) .cell {
      transition-delay: 0;
      transition: transform 2500ms ease-in, opacity 400ms;
      opacity: 0;
      transform: translate(0, 10rem); }

/*# sourceMappingURL=announcements.min.css.map */