.noonans-live__page-title {
  margin: 0 0 20px;
  padding-top: 12px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--light-grey);
}
.static-image-container {
  position: relative;
  max-height: 500px;
  text-align: center;
  padding: 20px;
}
.static-image-container.static-image-container--logo {
  padding: 40px;
}
.static-image-container img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
/* note:: image 'Auction Break' overlay */
.static-image-container .full-image-overlay {
  /* display: flex; */
  /* note:: switch between 'display: none' and 'display: flex' */
  position: absolute;
  background-color: rgba(92, 184, 178, 0.8);
  top: 0;
  right: 0;
  bottom: -24px;
  left: 0;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.static-image-container .full-image-overlay__text {
  text-transform: uppercase;
  color: white;
  font-family: var(--font-coinage-caps-kruger-gray);
  font-size: 1.3rem;
  letter-spacing: 0.15rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  text-align: center;
  margin: 0;
  padding-top: 2px;
}
/* section:: Grey live lot status box */
.live-lot-status {
  min-height: 70px;
  background-color: var(--light-grey);
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.live-lot-status__upper-text {
  background-color: black;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  height: 1.5rem;
}
.live-lot-status__upper-text p {
  background-color: var(--tertiary);
  margin: 0;
  text-align: center;
  color: white;
}
.live-lot-status__lot-info {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 5px;
}
.live-lot-status__lot-number {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.live-lot-status__lot-number h3 {
  margin-top: 0;
  margin-bottom: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  text-align: left;
  padding-left: 10px;
}
.live-lot-status__estimate {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.live-lot-status__estimate p {
  font-family: var(--font-gill-sans-medium);
  margin: 0;
  text-align: left;
  padding-left: 12px;
}
/* section:: blue lustre info box */
.internet-bid-info {
  background-color: var(--primary);
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 3px;
}
.internet-bid-info__current-bid {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}
.internet-bid-info__current-bid p {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  line-height: 1.3rem;
  /* font-size: 0.8rem; */
  font-size: 1rem;
  text-align: left;
  padding-left: 10px;
}
.internet-bid-info__current-bid p.noon-text-tertiary--upper,
.internet-bid-info__next-bid p.noon-text-tertiary--upper {
  font-size: 0.8rem;
  line-height: 1rem;
}
.internet-bid-info__next-bid {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}
.internet-bid-info__next-bid p {
  width: 100%;
  text-align: left;
  margin: 0;
  line-height: 1.1rem;
  padding-left: 12px;
}
@media (max-width: 991px) {
  .internet-bid-info {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .internet-bid-info__current-bid {
    display: none;
  }
  .internet-bid-info__next-bid {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
  .internet-bid-info__next-bid p {
    text-align: center;
  }
}
/* .internet-bid-info__amount-box {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 30%;
  flex: 0 1 30%;
}
.internet-bid-info__amount-box p {
  text-align: center;
  margin: 0;
  line-height: 1.3rem;
} */

/* section:: grey action box */
/* subSection:: left hand side - info */
.internet-bid-now {
  background-color: var(--light-grey);
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 165px;
}
.internet-bid-now--gold {
  background-color: var(--gold);
}
.cost-breakdown-container {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px;
}
.cost-breakdown-container.cost-breakdown-container--winning
  .cost-breakdown:not(:last-of-type)
  p {
  color: white;
}
.cost-breakdown {
  -webkit-box-flex: o;
  -ms-flex: o 1 100%;
  flex: o 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.cost-breakdown__title-box {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 70%;
  flex: 0 1 70%;
  min-height: 29px;
}

.cost-breakdown__amount-box .noon-text-tertiary--upper,
.cost-breakdown__amount-box .noon-text-secondary--upper,
.cost-breakdown__title-box .noon-text-secondary--upper,
.cost-breakdown__title-box .noon-text-tertiary--upper {
  font-family: var(--font-gill-sans-medium);
}
.internet-bid-now .cost-breakdown__amount-box p {
  text-align: right;
}
.internet-bid-now .cost-breakdown__title-box p,
.internet-bid-now .cost-breakdown__amount-box p {
  font-size: 0.6rem;
  line-height: 0.9rem;
}
.cost-breakdown__info-tooltip {
  width: 0.6rem;
  float: left;
  margin-right: 5px;
  -webkit-transform: translateY(2px);
  -ms-transform: translateY(2px);
  transform: translateY(2px);
}
.cost-breakdown__title-box p {
  margin: 0;
}
.cost-breakdown__amount-box {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 30%;
  flex: 0 1 30%;
}
.cost-breakdown__amount-box p {
  margin: 0;
}
/* subSection:: right hand side action button */
.bid-now-action {
  padding: 12px;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* -ms-flex-wrap: wrap;
  flex-wrap: wrap; */
}
.bid-now-action select {
  max-width: 90%;
}
.bid-now-action__button-container {
  min-height: 48px;
  border-radius: 24px;
  background-color: rgba(142, 143, 149, 0.1);
}
.bid-now-action__button {
  background-color: var(--secondary);
  border-radius: 24px;
  /* -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%; */
  /* padding: 0 5px 5px 5px; */
  border: none;
  height: 48px;
}
.bid-now-action__button-text {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bid-now-action__button-text .bid-now-action__bid-amount {
  font-size: 1rem;
  line-height: 1.1rem;
}
.bid-now-action__button-text
  .noon-text-primary--upper.bid-now-action__bid-amount {
  margin-bottom: 5px;
}
.bid-now-action__button p {
  margin: 0;
  font-size: 0.7rem;
  line-height: 0.8rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}
.bid-now-action__button--winning {
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
}
.bid-now-action__button--winning p {
  font-family: var(--font-gill-sans-medium);
  color: var(--gold);
  font-size: 1.5rem;
}
.bid-now-action__currency {
  /* -webkit-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 36px;
}
.bid-now-action__currency select {
  background-color: transparent;
}
/* section:: lot info */
.live-lot-info {
  padding-top: 20px;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.live-lot-info p,
.live-lot-info h3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  text-align: center;
}
.live-lot-info p {
  letter-spacing: 0.1rem;
}
/* .live-lot-info__estimate {
  font-family: var(--font-gill-sans-medium);
} */
.live-lot-info__text {
  text-transform: uppercase;
  font-size: 0.8rem;
}

/* section:: live video */
.live-video-container {
  /* border: 1px solid black; */
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  min-height: 180px;
  background-color: var(--light-grey);
}
@media (min-width: 992px) {
  .live-video-container {
    min-height: 243px;
  }
}
.live-video-container__view-video-check {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform: translateY(25px);
  -ms-transform: translateY(25px);
  transform: translateY(25px);
}
.live-video-container__view-video-check input {
  font-size: 0.8rem;
  -webkit-transform: translateY(4px);
  -ms-transform: translateY(4px);
  transform: translateY(4px);
  cursor: pointer;
}
.live-video-container__view-video-check label {
  font-family: var(--font-gill-sans-medium);
  text-transform: uppercase;
  font-size: 0.8rem;
  cursor: pointer;
  margin-right: 8px;
}
/* section:: live bidding tabs */
.live-bidding-tabs {
  margin-top: 24px;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}
.nav-tabs {
  border-bottom: 1px solid var(--primary);
}
.live-bidding-tabs .nav-link {
  font-family: var(--font-gill-sans-medium);
  color: var(--tertiary);
  border: none;
  font-size: 0.8rem;
}
@media (min-width: 1170px) {
  .live-bidding-tabs .nav-link {
    letter-spacing: 0.1rem;
  }
}
@media (min-width: 1050px) {
  .live-bidding-tabs .nav-link {
    font-size: 1rem;
  }
}
.live-bidding-tabs .nav-link.active {
  color: var(--primary);
  border-bottom: 0.6rem solid var(--primary);
}
#today-tab {
  padding-left: 0;
  text-align: left;
}
#cabinet-tab {
  text-align: center;
}
#wonLots-tab {
  padding-right: 0;
  text-align: right;
}
/* #noonansLiveTabContent {
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
} */
/* #noonansLiveTabContent::-webkit-scrollbar {
  display: none;
} */
div#wonLots,
div#cabinet,
div#today {
  height: 710px;
}
.noon-tab-items-container {
  height: 684px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}
.noon-tab-items-container::-webkit-scrollbar {
  display: none;
}
.noon-tab-item {
  border-bottom: 1px solid var(--primary);
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.noon-tab-item.noon-tab-item--current-lot {
  background-color: rgb(239, 248, 247);
}
.noon-tab-item__text-box {
  position: relative;
  padding: 12px 24px 12px 16px;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 75%;
  flex: 0 1 75%;
}
.noon-tab-item__lot-estimate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.noon-tab-item__text-box p {
  text-transform: uppercase;
  margin: 0;
  font-size: 0.8rem;
  line-height: 0.9rem;
}
@media (min-width: 992px) {
  .noon-tab-item__text-box p {
    letter-spacing: 0.1rem;
  }
}
.noon-tab-item__display-box {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 25%;
  flex: 0 1 25%;
}
@media (max-width: 750px) {
  .noon-tab-item__display-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 30%;
    flex: 0 1 30%;
  }
}
.noon-tab-item__text-box p.noon-tab-item__description {
  text-align: left;
  height: 3.6rem;
  overflow: hidden;
}
@media (min-width: 992px) {
  .noon-tab-item__text-box p.noon-tab-item__description {
    letter-spacing: 0.1rem;
    line-height: 1.2rem;
    height: 6rem;
  }
}
.noon-tab-item form {
  position: absolute;
  bottom: 12px;
  left: 16px;
  right: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.noon-tab-item form input {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 48%;
  flex: 0 1 48%;
}
.noon-tab-item__display-box {
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/* note:: tab lot item banner */
.noon-tab-item__banner {
  position: absolute;
  bottom: 12px;
  left: 0;
  right: 0;
  height: 34px;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  text-align: center;
}
@media (max-width: 991px) {
  .noon-tab-item__banner {
    bottom: 12px;
  }
}
@media (max-width: 761px) {
  .noon-tab-item__banner {
    height: 47px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
.noon-tab-item__banner p {
  line-height: 1.5rem;
  height: 25px;
  letter-spacing: 0.1rem;
  font-family: var(--font-gill-sans-medium);
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  /* padding: 0 2px; */
}
.noon-tab-item__banner--primary p {
  background-color: var(--primary);
}
.noon-tab-item__banner--secondary p {
  background-color: var(--secondary);
  color: white;
  text-align: center;
  -webkit-transform: translateY(1px);
  -ms-transform: translateY(1px);
  transform: translateY(1px);
}
.noon-tab-item__banner--secondary p a {
  color: white;
  font-size: 0.8rem;
  letter-spacing: 0.1rem;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.noon-tab-item__banner--secondary p a:hover {
  color: var(--primary);
}
.noon-tab-item__banner--tertiary p {
  background-color: var(--tertiary);
}

/* fixthis:: delete below commented out code once changes are confirmed */
/* .noon-tab-item__display-box p {
  margin: 0;
}
.display-box--sold,
.display-box--available,
.display-box--withdrawn,
.display-box--image {
  width: 104px;
  height: 104px;
}
.display-box--sold {
  background-color: var(--primary);
}
.display-box--sold p {
  color: var(--secondary);
  font-family: var(--font-gill-sans-medium);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
}
.display-box--sold p:first-of-type {
  font-size: 0.8rem;
  padding-top: 20px;
}
.display-box--available {
  background-color: var(--gold);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 14px;
  padding-bottom: 23px;
}
.display-box--available p {
  font-family: var(--font-gill-sans-medium);
  letter-spacing: 0.1rem;
  color: var(--secondary);
  text-transform: uppercase;
  font-size: 0.8rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  text-align: center;
  line-height: 0.9rem;
}
.display-box--available a {
  font-family: var(--font-gill-sans-medium);
  text-transform: uppercase;
  font-size: 0.8rem;
  text-align: center;
  border-bottom: 1px solid black;
  height: 1.2rem;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.display-box--available a:hover {
  color: white;
  border-color: var(--primary);
}
.display-box--available p:first-of-type {
  padding-top: 8px;
}
.display-box--withdrawn {
  background-color: var(--secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.display-box--withdrawn p {
  color: white;
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 0.05rem;
} */
/* fixthis:: delete above commented out code once changes are confirmed */

.noon-tab-item__display-box--image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.display-box--image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 104px;
  height: 104px;
}
.display-box--image img {
  max-height: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.live-bidding-tabs .form-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 12px;
  margin-left: 10px;
}
#followAuctionCheck {
  margin-right: 10px;
  font-size: 0.8rem;
  -webkit-transform: translateY(1px);
  -ms-transform: translateY(1px);
  transform: translateY(1px);
  cursor: pointer;
}
label.form-check-label.follow-auction-check-label {
  text-transform: uppercase;
  font-size: 0.8rem;
  font-family: var(--font-gill-sans-medium);
  cursor: pointer;
  line-height: 1.5rem;
}
/* section:: Modal */
.modal {
  background-color: inherit;
}
.modal-dialog {
  max-width: 95%;
}
.modal-title {
  text-align: center;
}
.double-column-margin-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.noonans-live__modal .static-image-container {
  width: 500px;
  /* height: 500px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.noonans-live__modal .static-image-container img {
  width: 100%;
}
.noonans-live__modal form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 277px;
}
.noonans-live__modal form input {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  min-width: 90px;
}
.noonans-live__modal form button {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}
.noonans-live__modal-text-container {
  height: 266px;
  overflow-y: auto;
  margin-top: 12px;
}
.modal-footer {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (min-width: 992px) {
  .modal.fade .modal-dialog {
    width: 100%;
  }
  .modal-content {
    margin-left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: absolute;
    top: 0;
    left: 12px;
    right: 12px;
    height: 598px;
    max-width: 1140px;
  }
}
.noon-modal__close-button {
  position: absolute;
}
@media (min-width: 750px) {
  body {
    overflow-y: scroll !important;
  }
  .noon-modal__close-button {
    top: -16px;
    right: -16px;
  }
}
@media (max-width: 749px) {
  .noon-modal__close-button {
    right: 5px;
    top: 5px;
  }
}

/* note:: Mobile Scroll To Bidding Console Banner */
/* div.console-scroll-banner { */
#scrollBanner {
  display: none;
  z-index: 999;
}
@media (min-width: 992px) {
  #scrollBanner {
    display: none;
  }
}
body.show-console-banner #scrollBanner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

#top-of-site-pixel-anchor {
  position: absolute;
  width: 1px;
  height: 1px;
  top: 900px;
  left: 0;
}
.scroll-banner {
  background-color: var(--primary);
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.scroll-banner p {
  margin: 0;
}
.scroll-banner__instructions {
  cursor: pointer;
  background-color: var(--secondary);
  -webkit-box-flex: 0;
  -ms-flex: 0 1 30%;
  flex: 0 1 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-wrap: wrap;
  padding: 12px 0;
}
.scroll-banner__instructions p {
  border-bottom: 1px solid var(--primary);
  color: var(--primary);
  font-size: 0.8rem;
  text-align: center;
}
.scroll-banner__instructions__single-space {
  display: none;
}
@media (min-width: 610px) {
  .scroll-banner__instructions__single-space {
    display: inline;
  }
  .scroll-banner__instructions p {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.scroll-banner__info {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 70%;
  flex: 0 1 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}