.announcement-banner {
  margin: -18px calc(-14px - 1rem) 18px;
  font-size: 15px;
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  gap: 12px;
    padding: 12px 46px 12px 12px;
  z-index: 1100;
  display: none;
  
    background-color: #e6c653!important;
  color: #0f393b!important;

@media (max-width: 767px) {
  margin: -12px -14px 12px;
}

.is-nav-open .announcement-banner {
  display: none!important;
}

@media screen and (max-width: 799px) {
  /*
  .announcement-banner {
    display: none!important;
  }
  */
  .announcement-banner__mobile {
    display: block;
  }
  .announcement-banner__text,
  .announcement-banner__button {
    display: none;
  }
}

@media screen and (min-width: 800px) {
  .announcement-banner__mobile {
    display: none;
  }
  .announcement-banner__text,
  .announcement-banner__button {
    display: block;
  }
}


.announcement-banner__mobile p {
    margin: 0!important;
}

.announcement-banner__mobile a {
text-decoration: underline;
  color: #0f393b!important;
}

.announcement-banner__mobile a:hover {
text-decoration: none;
}

.announcement-banner__carousel {
  opacity: 0;
  transition: opacity 0.5s ease;
}

/*
.announcement-banner .owl-item {
  transform: translateY(-100%);
  opacity: 0;
  transition: all 0.5s ease;
}

.announcement-banner .owl-item.active {
  transform: translateY(0);
  opacity: 1;
}

.announcement-banner .owl-item.active + .owl-item {
  transform: translateY(100%);
  opacity: 0;
}
*/

.announcement-banner__inner {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.announcement-banner__close {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  color: currentColor;
  appearance: none;
  -webkit-appearance: none;
  background: none!important;
  border: none!important;
  cursor: pointer;
  cursor: hand;
  padding: 5px;
  line-height: 1;
  color: #0f393b!important;
}
  
  .announcement-banner__text {
    color: #0f393b!important;
  }

.announcement-banner__text p {
  margin: 0!important;
}

.announcement-banner__button .button,
.announcement-banner__button .button:hover,
.announcement-banner__button .button:active,
.announcement-banner__button .button:focus {
  font-size: 12px;
  padding: 0.4em 1em;
  
    letter-spacing: 1px;
    font-weight: 700;
}

.announcement-banner__button .button {
  background-color: transparent!important;
  color: #0f393b!important;
  border: 1px solid #0f393b!important;
  transition: all 0.2s ease!important;
}

.announcement-banner__button .button:hover {
  background-color: #0f393b!important;
  color: #fff!important;
}