.RubbishFilters {
/*align-items: stretch;*/
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 0 0 2.0625em 10px;
}
.RubbishFilters > * {
  margin: 0 10px .6875em;
}
.RubbishFilters select {
  background: #fff url(../img/icn-select-arrow.svg) no-repeat right 10px center / 1.563em 25px;
  border: 1px solid #dbdbda;
  color: inherit;
  flex: 1 1 auto;
  height: 2.75em;
  min-width: 40%;
  max-width: 100%;
  padding: 0 40px 0 10px;
  width: auto;

  -webkit-appearance: none;
     -moz-appearance: none;
}

.RubbishFilters button {
  border-color: #92ae43;
  color: #92ae43;
  flex: 1 0 120px;
  justify-content: center;
}
.RubbishFilters button::before {
  background-color: #92ae43;
}

.RubbishGroup {
  font-size: 1rem;
  line-height: 1.375em;
  margin: 0 0 2.75em;
}
.RubbishGroup-header {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  margin: 0 0 1.375em;
}
.RubbishGroup-icon {
  margin: 0 10px 0 0;
}
.RubbishGroup-name {
  font: 700 1.5em/1.375em Quicksand, sans-serif;
  margin: 0 5px 0 0;
  text-transform: uppercase;
}
.RubbishGroup-count {
  color: #6060a5;
  font: 1.25em/1.65em Quicksand, sans-serif;
  white-space: nowrap;
}
.RubbishGroup-description {
  flex: 0 0 auto;
  margin: .6875em 0 0;
  width: 100%;
}

.RubbishTile {
  display: block;
  font-size: 1rem;
  line-height: 1.375em;
  margin: 0 0 1.375em;
}
.RubbishTile-inner {
  border: solid;
  border-width: 0 1px 1px;
}
.RubbishTile-name {
  background-color: #d3d3d3;
  font-family: Quicksand, sans-serif;
  font-weight: 700;
  padding: 1.03125em 20px;
  text-transform: uppercase;
}
.RubbishTile-image {
  background: url(../img/bg-rubbishtile-image.jpg) 50% / cover no-repeat;
  overflow: hidden;
  position: relative;
}
.RubbishTile-image::before {
  content: "";
  display: block;
  padding: 0 0 62.5%;
}
.RubbishTile-image img {
  bottom: -10000px;
  height: auto;
  left: -10000px;
  margin: auto;
  position: absolute;
  right: -10000px;
  top: -10000px;
  transition: transform .6s ease-in-out;
  width: 100%;
}
@supports (object-fit: cover) {
  .RubbishTile-image img {
    bottom: auto;
    height: 100%;
    left: 0;
    object-fit: cover;
    right: auto;
    top: 0;
  }
}
.RubbishTile-areas {
  padding: 1.375em 20px 0;
}
.RubbishTile-description {
  display: block;
  padding: 1.375em 20px;
}
.RubbishTile-description:not(:first-child) {
  border-top: 1px dotted;
}
a.RubbishTile-description::after {
  background: url(../img/icn-doc.svg) 50% / .7383em .875em no-repeat;
  color: #ef662f;
  content: "\0A0";
  display: inline-block;
  margin: 0 0 0 5px;
  width: .7383em;
}
a.RubbishTile-description:hover,
a.RubbishTile-description:focus {
  text-decoration: underline;
  text-decoration-color: #ef662f;
}
.RubbishTile-area {
  margin: 0 0 1.03125em;
}
.RubbishTile-action {
  align-items: center;
  border-top: 1px solid #494948;
  display: flex;
  font-size: .75em;
  font-weight: 700;
  line-height: 1.8333em;
  padding: 1.1458em 20px;
  text-transform: uppercase;
}
.RubbishTile-action > span {
  margin: 0 0 0 5px;
  text-transform: none;
}
.RubbishTile-action > svg {
  flex: 0 0 auto;
  margin: 0 10px 0 0;
}

.RubbishTile-action:hover,
.RubbishTile-action:focus {
  color: rgb(145, 175, 58);
  transition: color ease-in-out .6s;
}

.RubbishTile:hover .RubbishTile-image img {
  transform: scale(1.1);
}