﻿body{
    counter-reset: list-title
}
.list-group {
    max-width: none
}

.list-group__title {
    display: block;
    padding-bottom: 0
}

.list-group__title:before {
    counter-increment: list-title;
    content: counter(list-title) ".";
    min-width: 2rem;
    display: inline-block
}

@media only screen and (min-width: 992px) {
    .list-group__title {
        padding-bottom:0
    }
}

.list-group-item {
    padding: 1rem 0
}

.list-group-item a {
    display: block
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 1px solid rgba(0,0,0,0.125)
}

.list-group-item[data-status] a,.list-group-item[data-status] span {
    padding-right: 8rem
}

.list-group-item[data-status] a:before,.list-group-item[data-status] span:before {
    content: "To Do";
    position: absolute;
    top: 0.5rem;
    right: 0;
    background: #f7f5f6;
    background: var(--colour-light);
    padding: 0 0.5rem;
    text-transform: uppercase;
    min-width: 6.5rem;
    text-align: center;
    border-radius: 4px;
    font-size: 0.875rem;
    letter-spacing: 1px
}

.list-group-item[data-status="completed"] a:before,.list-group-item[data-status="completed"] span:before {
    content: "Completed";
    background: #64B0AA;
    background: var(--colour-success);
    color: white
}

@media only screen and (min-width: 576px) {
    .list-group__title+.list-group .list-group-item {
        padding-left:2rem
    }
}






.address-lookup__wrapper {
    min-height: 22rem
}

.address-lookup {
    display: none
}

.address-choices {
    display: none
}

.address-choices.target {
    display: block
}

.js-enabled .address-lookup {
    display: block
}

.js-enabled .address-lookup a.use-lookup {
    display: none
}

.js-enabled .address,.js-enabled .hidden-fieldset {
    position: absolute;
    z-index: -99;
    opacity: 0;
    top: -99999px
}

.js-enabled .address *,.js-enabled .hidden-fieldset * {
    tabindex: -1
}

.js-enabled .address:target,.js-enabled .address.target,.js-enabled .hidden-fieldset:target,.js-enabled .hidden-fieldset.target {
    position: static;
    z-index: inherit;
    opacity: 1
}

.js-enabled .address:target *,.js-enabled .address.target *,.js-enabled .hidden-fieldset:target *,.js-enabled .hidden-fieldset.target * {
    tabindex: initial
}

.js-enabled .address:target ~ .address-lookup *,.js-enabled .address.target ~ .address-lookup *,.js-enabled .address-choices:target ~ .address-lookup *,.js-enabled .address-choices.target ~ .address-lookup *,.js-enabled .address-choices:target ~ .postcode__wrapper,.js-enabled .address-choices.target ~ .postcode__wrapper {
    display: none
}

.js-enabled .address-choices.target ~ .address.target ~ .postcode__wrapper {
    display: block
}

.js-enabled .address:target ~ .address-lookup a.use-lookup,.js-enabled .address.target ~ .address-lookup a.use-lookup,.js-enabled .address-choices:target ~ .address-lookup a.use-lookup,.js-enabled .address-choices.target ~ .address-lookup a.use-lookup {
    display: inline-block
}
