.mooring-results {
  background-color: #F7F7F7;
}
.mooringheader h2 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.mooringheader .showing {
  margin-bottom: 27px;
}
.mooring-results .paging {
  padding-bottom: 30px;
}
.mooring-results .paging > div:first-child {
  padding-bottom: 25px;
}
.mooring-results .page-item .page-link {
  border: 1px solid var(--green-dark-old);
  border-radius: 0 !important;
  margin-right: 5px;
  background-color: transparent;
  color: var(--green-dark-old);
}
.mooring-results .page-item.active a.page-link {
  background-color: var(--green-dark-old);
  color: #fff;
  border: 1px solid var(--green-dark-old);
}
/*.mooring-results .page-link:focus {
    box-shadow: none;
}*/
.mooring-list {
  font-size: 18px;
}
.mooring-list .col-12 {
  margin-bottom: 60px;
}
.mooring-list .mooring-item {
  height: 100%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
.mooring-list .mooring-item .m-saletype {
  padding: 12px 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
}
.mooring-list .mooring-item .m-saletype.m-forrent {
  background-color: #C7C7C7;
  color: var(--charcoal-old);
}
.mooring-list .mooring-item .m-saletype.m-forsale {
  background-color: #5A5A5A;
  color: #FFFFFF;
}
.mooring-list .mooring-item .m-saletype.m-forsaleandrent {
  background-color: var(--grey-pale-old);
  color: var(--charcoal-old);
}
.mooring-list .mooring-item > div:not(.m-saletype) {
  padding-right: 20px;
  padding-left: 20px;
}
.mooring-list .mooring-item .m-title {
  padding-top: 22px;
  padding-bottom: 14px;
  color: var(--green-dark-old);
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
.mooring-list .mooring-item .m-label {
  font-weight: 600;
}
.mooring-list .mooring-item .m-priceanddate {
  padding-top: 18px;
  padding-bottom: 30px;
  flex-grow: 1;
}
.mooring-list .mooring-item .nzd {
  font-size: 18px;
  font-weight: 600;
}
.mooring-list .m-date {
  padding-top: 6px;
}
.mooring-list a.mooring-item {
  color: var(--charcoal-old);
}
.mooring-list a.mooring-item:focus {
  outline: 3px solid var(--green-dark-old);
}
.mooring-list .mooring-item .m-link {
  display: flex;
  justify-content: center;
  margin-bottom: 31px;
  margin-top: auto;
}
.mooring-list .mooring-item .m-link a {
  border: 2px solid var(--green-dark-old);
  padding-top: 10px;
  padding-left: 32px;
  padding-right: 32px;
  padding-bottom: 10px;
  color: var(--green-dark-old);
  --svg-fill: var(--green-dark-old);
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}