/** bin colours as vaiables **/

:root {
    --recycling: #305BAB;
    --general: #067429;
    --garden: #9B4a08;
    --glass: #660033;
    --food: #CC24A7;
}

.govuk-ncc-print-header-caption {
  font-size: 1.5rem;
  line-height: 1.25;
  margin-bottom: 10px;
}

.ncc-bin-calendar {
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.25;
  margin: 15px;
  border-radius: 6px;
}

.ncc-bin-calendar p:first-of-type {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

.Rec-bin {
  background-color: var(--recycling);
}
.Gdn-bin {
  background-color: var(--garden)
}
.Res-bin {
  background-color: var(--general);
}
.Gls-bin {
  background-color: var(--glass);
}
.Fod-bin {
  background-color: var(--food);
}

@media (min-width: 577px) {
  .ncc-bin-calendar {
    padding: 1rem;
    font-size: 1.5rem;
    flex: 1;
    min-width: 0;
  }
}

@media (max-width: 576px) {
  .ncc-bin-calendar {
    padding: 20px;
    font-size: 1.25rem;
  }
}

.nccbacklink {
  margin-top: 20px;
}

button.ncc-link {
  cursor: pointer;
  border: none;
  background: none;
}

.govuk-warning-text__text > .ncc-link {
  font-weight: bolder;
}

@media print {
  .no-print,
  .no-print * {
    display: none !important;
  }
}

.govuk-table__row > .govuk-\!-width-one-third {
  width: 33.33% !important;
}

.govuk-table__row > .govuk-\!-width-one-quarter {
  width: 25% !important;
}

.ncc-bin-row {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

@media (max-width: 576px) {
  .ncc-bin-row {
    flex-direction: column;
  }
}

/*.btn.btn-primary:focus {
  transition: border .3s ease;
  background-color: var(--primary-color);
  color: #fff;
  outline: 4px solid #000;
  outline-offset: 2px;
  box-shadow: none;
}*/