#message-banner {
  padding: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  z-index: 14;
}
.toolbar-tray-open #message-banner,
.rm-is-open #message-banner {
  display: none;
}
#message-banner .ebt-basic-button {
  width: unset;
}
#message-banner.default--red {
  background-color: #b31a20;
}

#message-banner.default--amber {
  background-color: #f9ae23;
}

#message-banner.default--green {
  background-color: #63734A;
}

#message-banner.default--black {
  background-color: #111;
}

#message-banner.default--gray {
  background-color: #888;
}

#message-banner.default--white {
  background-color: #eee;
}

.message-banner__text {
    color: #fff;
    margin: 7px 25px;
}

.message-banner__text p {
  color: #fff;
  margin-bottom: 0;
}

#message-banner.default--white .message-banner__text {
  color: #000;
}

#message-banner button.close-x {
  background-color: transparent !important;
  border-color: inherit;
  border-width: 0;
  opacity: 0.9; 
  position: absolute;
  top: 0;
  right: 0;
}
.toolbar-horizontal #message-banner button.close-x {
  right: 0;
}

#message-banner button.close-x:hover, 
#message-banner button.close-x:focus {
  opacity: 1;
  border-color: white;
  border-width: 1px;
  background-color: inherit;
}

#message-banner .ebt-basic-button-wrapper {
  background-color: #DDA526;
}

.ebt-container .ebt-basic-button-wrapper a:focus,
.ebt-container .ebt-basic-button-wrapper a:active,
.ebt-container .ebt-basic-button-wrapper a:hover {
    color: #3D3D3D;
}

.ebt-container .ebt-basic-button-wrapper a,
#message-banner .ebt-basic-button-wrapper a {
    background-color: #DDA526 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    padding: 7px 25px !important;
}

.message-banner__content {
    display: flex;
    flex-direction: row;
    text-align: center;
}

@media all and (max-width: 1023px) {
  .message-banner__content {
    flex-direction: column;
  }
  .message-banner__text span.exciting,
  .message-banner__text p.banner-submessage {
    display: none;
  }
  #message-banner {
    padding-bottom: 0;
  }
}
.message-banner__text {
    display: inline-grid;
    grid-template-rows: 1fr;
    grid-template-columns: 80% 1fr;
    max-width: 90vw;
}

.message-banner__text a.button {
  padding: 0 3em;
}

.message-banner__text p {
  max-width: unset;
  margin: 5px 0 0;
  font-family: Lato;
}
.message-banner__text p.desktop-banner {
  display: block;
  font-weight: 700;
  font-size: 20px;
}
.message-banner__text p.mobile-banner {
  display: none;
  font-weight: 500;
  font-size: 18px;
}
@media all and (max-width: 960px) {
  .message-banner__text {
    display: inline-grid;
    grid-template-rows: 1fr 60px;
    grid-template-columns: 1fr;
    max-width: 90vw;
  }
  .message-banner__text p.desktop-banner {
    display: none;
  }
  .message-banner__text p.mobile-banner {
    display: block;
  }
  .message-banner__text a.button {
    padding: 0 3em;
    height: 2.5em;
    line-height: 2.5;
  }
}