.Banner {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  position: fixed;
  top: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  z-index: 9999;
  background-color: #FF164E;
  will-change: transform;
  -webkit-transition: -webkit-transform ease-in-out .3s;
  transition: -webkit-transform ease-in-out .3s;
  transition: transform ease-in-out .3s;
  transition: transform ease-in-out .3s, -webkit-transform ease-in-out .3s;
}

.Banner.-visible {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.admin-bar .Banner {
  top: 32px;
}

.Banner-wrapper {
  padding-right: 40px;
  padding-left: 40px;
}

.Banner-text {
  text-align: center;
  position: relative;
}

.Banner-text a {
  color: #fff;
  font-size: 16px;
}

.Banner-text a:hover,
.Banner-text a:focus {
  color: #fff;
}

.Banner-link span {
  display: inline-block;
  margin-left: 10px;
  padding: 5px 10px;
  border: 1px #fff solid;
}

button.Banner-close {
  position: absolute;
  top: 50%;
  right: -35px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 9px;
  background-color: transparent;
  font-size: 0;
  border: none;
  outline: none;
  cursor: pointer;
}

button.Banner-close::before {
  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 47.971 47.971' style='enable-background:new 0 0 47.971 47.971;' xml:space='preserve' fill='%23fff'%3E%3Cg%3E%3Cpath d='M28.228,23.986L47.092,5.122c1.172-1.171,1.172-3.071,0-4.242c-1.172-1.172-3.07-1.172-4.242,0L23.986,19.744L5.121,0.88 c-1.172-1.172-3.07-1.172-4.242,0c-1.172,1.171-1.172,3.071,0,4.242l18.865,18.864L0.879,42.85c-1.172,1.171-1.172,3.071,0,4.242 C1.465,47.677,2.233,47.97,3,47.97s1.535-0.293,2.121-0.879l18.865-18.864L42.85,47.091c0.586,0.586,1.354,0.879,2.121,0.879 s1.535-0.293,2.121-0.879c1.172-1.171,1.172-3.071,0-4.242L28.228,23.986z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  display: block;
  width: 12px;
  height: 12px;
}

body {
  will-change: padding-top;
  -webkit-transition: padding-top ease-in-out .3s;
  transition: padding-top ease-in-out .3s;
}

body.-halloweenBanner {
  padding-top: 50px;
}