@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/opensans-regular.eot);
    src: url(../fonts/opensans-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/opensans-regular.woff2) format("woff2"),url(../fonts/opensans-regular.woff) format("woff"),url(../fonts/opensans-regular.ttf) format("truetype"),url(../fonts/opensans-regular.svg#svgOpenSans-Regular) format("svg")
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/opensans-bold.eot);
    src: url(../fonts/opensans-bold.eot?#iefix) format("embedded-opentype"),url(../fonts/opensans-bold.woff2) format("woff2"),url(../fonts/opensans-bold.woff) format("woff"),url(../fonts/opensans-bold.ttf) format("truetype"),url(../fonts/opensans-bold.svg#svgOpenSans-Bold) format("svg")
}

@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/opensans-italic.eot);
    src: url(../fonts/opensans-italic.eot?#iefix) format("embedded-opentype"),url(../fonts/opensans-italic.woff2) format("woff2"),url(../fonts/opensans-italic.woff) format("woff"),url(../fonts/opensans-italic.ttf) format("truetype"),url(../fonts/opensans-italic.svg#svgOpenSans-Italic) format("svg")
}

@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 700;
    53 src: url(../fonts/opensans-bolditalic.eot);
    src: url(../fonts/opensans-bolditalic.eot?#iefix) format("embedded-opentype"),url(../fonts/opensans-bolditalic.woff2) format("woff2"),url(../fonts/opensans-bolditalic.woff) format("woff"),url(../fonts/opensans-bolditalic.ttf) format("truetype"),url(../fonts/opensans-bolditalic.svg#svgOpenSans-BoldItalic) format("svg")
}

body {
    font-family: "Open Sans",sans-serif
}

.fa-li.fa-lg {
    left: -2.14286em
}

.search-highlight {
    background-color: #FFEE83
}

.boxtext-important em {
    display: block;
    font-size: 2em;
    font-weight: 700;
    line-height: 1.5em;
    font-style: normal
}

.text-centre {
    text-align: center
}

ol.collections > li.eventmonth + li {
    border-width: 1px 0 1px 0 !important;
    border-style: solid;
    border-color: #999;
    padding: 0 !important;
    margin: .5em 0 0 0 !important
}

ol.collections > li {
    border-width: 0 0 1px 0 !important;
    border-style: solid;
    border-color: #999;
    padding: 0 !important;
    margin: 0 !important
}

    ol.collections > li span.collectiondate {
        padding: .5em 0 .5em .5em !important
    }

    ol.collections > li span {
        display: block;
        line-height: .8em;
        padding: .5em 0 .5em 0
    }

        ol.collections > li span.container {
            width: .8em;
            margin: 0 .3em 0 .3em;
            padding: .1em;
            display: inline-block !important
        }

    ol.collections > li.eventmonth {
        margin: 0 !important;
        padding: .5em 0 .5em 0 !important
    }

span[class^=collection-] {
    display: inline-block !important
}

ol.collections > li > span[class^=filler-] {
    display: none
}

.recyclingcontainer {
    background-color: #00904D
}

.foodcontainer {
    background-color: #0290D7
}

.rubbishcontainer {
    background-color: #404042
}

.napppiescontainer {
    background-color: #EFFA77
}

.bankholiday-change {
    background-color: #ed9593
}

.regular-collection {
    background-color: #ffee83
}

.wrapper {
    padding-top: 0;
    margin: 0 5%
}

.skiplink {
    left: -9999em;
    position: absolute
}

    .skiplink:focus {
        position: static
    }

#skiplink-container {
    background: none repeat scroll 0 0 #000;
    text-align: center;
    color: #FFF
}

    #skiplink-container div {
        margin: 0 auto;
        max-width: 1000px;
        text-align: left
    }

    #skiplink-container .skiplink {
        display: inline-block;
        margin: .75em 0 0 0;
        color: #FFF
    }

a.skiplink:hover {
    color: #FFF
}

a.skiplink:visited {
    color: #FFF
}

.utilities {
    color: #FFF;
    padding: 0 !important;
    font-weight: 400 !important;
    text-align: right !important
}

p.utilities a.govdevlink:before {
    margin: 0 .5em 0 0 !important;
    font-family: FontAwesome;
    content: "\f0e0";
    color: #FFF !important;
    font-size: 1.2em !important
}

p.utilities a.govdevlink {
    display: inline !important
}

    p.utilities a.govdevlink:focus {
        background-color: #674817;
        outline: 3px solid #674817;
        color: #fff;
        border: 0;
        box-shadow: 0 0 0 1px #674817
    }

button, html, input, select, textarea {
    color: #222;
    background: #FFF
}

#header-container {
    background: #005C98
}

div.alert-banner-container {
    background: #FFEE83
}

div.info-banner-container {
    background: #D4D4D4
}

div.maintenance-banner-container {
    background: #A02B22;
    color: #FFF
}

#cookies-container {
    background: #000
}

#breadcrumb-nav-container {
    background: #FFF
}

#main-container {
    background: #FFF
}

#footer-container {
    background-color: #e5e5e5
}

aside nav.related-links-nav-container {
    border-style: solid;
    border-width: 10px 0 0 0;
    border-color: #d25835
}

aside nav.related-archive-nav-container {
    border-style: solid;
    border-width: 10px 0 0 0;
    border-color: #eeb000
}

aside section.related-contact-container {
    border-style: solid;
    border-width: 10px 0 0 0;
    border-color: #d415a1
}

.boxtext-important {
    background-color: #FFEE83;
    padding: 1.5em;
    margin: 2em 0 2em 0
}

    .boxtext-important h2 {
        margin: 0 0 1em 0
    }

        .boxtext-important h2:before {
            margin-right: .5em;
            font-family: FontAwesome;
            content: "\f133"
        }

    .boxtext-important p {
        margin: 0
    }

.boxtext-cancelled {
    background-color: #F2DEDE;
    padding: 1.5em;
    margin: 2em 0 2em 0
}

    .boxtext-cancelled h2 {
        margin: 0 0 1em 0;
        color: #a94442
    }

        .boxtext-cancelled h2:before {
            margin-right: .5em;
            font-family: FontAwesome;
            content: "\f071"
        }

    .boxtext-cancelled p {
        color: #870000
    }

.boxtext-highlight {
    border-style: solid;
    border-width: 0 0 0 .3em;
    border-color: #000;
    padding: 0 0 0 .95em;
    margin: 2em 0 2em 0
}

.boxtext-boxed {
    background-color: #efefef;
    padding: 1.5em;
    margin: 2em 0 2em 0;
    border: .1em solid #000
}

blockquote {
    padding: 0 0 0 1.45em;
    margin: 2em 0 2em 0;
    position: relative
}

    blockquote p:before {
        position: absolute;
        left: 0;
        font-family: FontAwesome;
        content: "\f10d"
    }

    blockquote p.last-child:after {
        padding: 0 0 0 .5em;
        font-family: FontAwesome;
        content: "\f10e"
    }

.newscaption {
    font-style: italic;
    font-size: .8em
}

    .newscaption:before {
        padding: 0 .5em 0 0;
        font-family: FontAwesome;
        content: "\f030";
        font-style: normal
    }

h2 {
    font-size: 1.5em
}

h3 {
    font-size: 1.17em
}

.keyline {
    border-top: 1px dashed #999 !important
}

#clearresults:after {
    content: "\f00d";
    font-family: FontAwesome;
    margin-left: 1em;
    position: relative
}

#clearresults {
    background-color: #005c98;
    color: #fff;
    display: inline-block;
    font-size: 1.7em;
    margin: 1em 1em 1em 0;
    padding: .5em 1em;
    text-decoration: none;
    border: 0;
    font-family: inherit;
    cursor: pointer;
    font-size: 1em
}

button.article-button {
    display: block;
    margin: 1em 0 0 0;
    padding: 1em 0 1em 0;
    border-style: none;
    border-width: 0;
    border-color: #999;
    position: relative;
    font-size: 1em;
    font-weight: 400;
    width: 100%;
    font-family: inherit;
    text-align: left
}

    button.article-button:focus {
        box-shadow: 0 0 5px rgba(81,203,238,1);
        border: 1px solid #5ee3ff;
        border: 1px solid rgba(81,203,238,1)
    }

button.chart-button {
    margin: 1em 0 0 0;
    padding: 1em 0 1em 0;
    border-style: none;
    border-width: 0;
    border-color: #999;
    position: relative;
    font-size: 1em;
    font-weight: 400;
    font-family: inherit;
    text-align: left;
    text-decoration: underline
}

button.banner-hide-button {
    display: block;
    margin: 1em 0 1em 0;
    padding: .5em 0 .5em 0;
    border-style: none;
    border-width: 0;
    border-color: #999;
    position: relative;
    font-size: 1em;
    font-weight: 400;
    font-family: inherit;
    text-align: left;
    background: 0 0 !important
}

    button.banner-hide-button:before, button.hide-button:before {
        content: "\f070";
        font-family: FontAwesome;
        margin-right: .5em;
        position: relative
    }

#cookies-hide-button {
    color: #FFF !important
}

a {
    color: #144F8C
}

    a:hover {
        color: #2E5F5F;
        outline: 0 none
    }

    a:active {
        outline: 0 none
    }

    a:focus {
        background-color: #674817;
        outline: 3px solid #674817;
        color: #fff;
        border: 0;
        box-shadow: 0 0 0 1px #674817
    }

    a[rel=external]:after {
        font-family: FontAwesome;
        content: " \f08e"
    }

#tinymce a[rel=external]:after {
    font-family: FontAwesome;
    content: " \f08e"
}

a[href$=".pdf"]:before {
    font-family: FontAwesome;
    content: "\f1c1";
    padding: 0 .5em 0 0
}

a[href$=".doc"]:before {
    font-family: FontAwesome;
    content: "\f1c2";
    padding: 0 .5em 0 0
}

a[href$=".docx"]:before {
    font-family: FontAwesome;
    content: "\f1c2";
    padding: 0 .5em 0 0
}

a[href$=".csv"]:before {
    font-family: FontAwesome;
    content: "\f1c3";
    padding: 0 .5em 0 0
}

a[href$=".xlsx"]:before {
    font-family: FontAwesome;
    content: "\f1c3";
    padding: 0 .5em 0 0
}

a[href$=".mp3"]:before {
    font-family: FontAwesome;
    content: "\f1c7";
    padding: 0 .5em 0 0
}

table {
    width: 100%;
    margin: 2em 0 2em 0;
    font-size: .5em;
    line-height: 1.4em
}

td, th {
    text-align: left;
    vertical-align: top;
    padding: .5em
}

th {
    border-style: solid;
    border-width: 0 0 1px 1px;
    border-color: #999
}

tbody th {
    text-align: right
}

th:first-child {
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #999
}

tr.lastrow th {
    border-style: none;
    border-width: 1px;
    border-color: #999
}

td {
    border-style: solid;
    border-width: 0 0 1px 1px;
    border-color: #999
}

    td:first-child {
        border-style: solid;
        border-width: 0 0 1px 0;
        border-color: #999
    }

tr.lastrow td, tr.lastrow th {
    border-style: solid;
    border-width: 0 0 0 1px;
    border-color: #999
}

    tr.lastrow td:first-child, tr.lastrow th:first-child {
        border-style: solid;
        border-width: 0;
        border-color: #999
    }

.hover {
    background-color: #e5e5e5
}

td:hover {
    background-color: #e5e5e5
}

.aligncellleft {
    text-align: left
}

.aligncellright {
    text-align: right
}

.aligncellmiddle {
    text-align: center
}

ol, ul {
    list-style: none;
    list-style-image: none;
    padding: 0;
    margin: 0
}

div.related-content ul.fa-ul li {
    padding-bottom: 1.5em
}

#more-info-nav ul li {
    list-style-type: none
}

div.content article section ol.policylist li {
    margin: .5em 0 .5em 0;
    padding: 0;
    list-style: none
}

div.content article section ol.policylist ol[class^=ol-list-alpha] > li {
    list-style-type: lower-alpha;
    margin-left: 1.5em
}

div.content article section ol.policylist ol[class^=ol-list-roman] > li {
    list-style-type: lower-roman;
    margin-left: 1.5em
}

div.content article section ol[class^=ol-list-alpha] > li {
    list-style-type: lower-alpha;
    margin-left: 1.5em
}

div.content article section ol[class^=ol-list-roman] > li {
    list-style-type: lower-roman;
    margin-left: 1.5em
}

div.content article section ol.policylist ul > li {
    list-style-type: disc
}

div.content article section ol.policylist {
    counter-reset: item;
    margin: 0;
    padding: 0
}

    div.content article section ol.policylist ol {
        counter-reset: item;
        margin-left: 1.5em
    }

        div.content article section ol.policylist ol[class^=ol-list-alpha] > li:before, div.content article section ol.policylist ol[class^=ol-list-roman] > li:before {
            content: none
        }

div.content article section ol[class^=ol-list-alpha] > li:before, div.content article section ol[class^=ol-list-roman] > li:before {
    content: none
}

div.content article section ol.policylist ol.regular-ol > li:before {
    content: none
}

div.content article section ol.policylist ol.regular-ol > li {
    list-style-type: decimal;
    margin-left: 2.5em
}

#tinymce ol {
    list-style: decimal;
    list-style-image: none;
    padding: 0;
    margin: 0 2em 0
}

#tinymce ul {
    list-style: disc;
    list-style-image: none;
    padding: 0;
    margin: 0 2em 0
}

#tinymce ol.policylist li {
    margin: .5em 0 .5em 0;
    list-style: decimal
}

#tinymce ol.policylist ol[class^=ol-list-alpha] > li {
    list-style-type: lower-alpha;
    margin-left: 1.5em
}

#tinymce ol.policylist ol[class^=ol-list-roman] > li {
    list-style-type: lower-roman;
    margin-left: 1.5em
}

#tinymce ol[class^=ol-list-alpha] > li {
    list-style-type: lower-alpha;
    margin-left: 1.5em
}

#tinymce ol[class^=ol-list-roman] > li {
    list-style-type: lower-roman;
    margin-left: 1.5em
}

#tinymce ol.policylist ul > li {
    list-style-type: disc
}

#tinymce ol.policylist {
    counter-reset: item
}

    #tinymce ol.policylist ol {
        counter-reset: item;
        margin-left: 1.5em
    }

        #tinymce ol.policylist ol[class^=ol-list-alpha] > li:before, #tinymce ol.policylist ol[class^=ol-list-roman] > li:before {
            content: none
        }

#tinymce ul > li {
    list-style-type: disc
}

#tinymce ol > li {
    list-style-type: decimal
}

#tinymce ol.nonumbers, ol.nonumbers {
    list-style: none;
    list-style-image: none;
    padding: 0;
    margin: 0
}

ul.nobullets {
    list-style: none;
    list-style-image: none;
    padding: 0;
    margin: 0
}

#social-sharing ol, #social-sharing ul {
    list-style: none;
    list-style-image: none;
    padding: 0;
    margin: 0
}

#social-sharing li:first-child {
    display: inline;
    line-height: 2em;
    margin: 0;
    color: #ff0
}

#social-sharing li {
    display: inline;
    line-height: 2em;
    margin: 0 0 0 1em
}

#social-sharing a {
    text-decoration: none
}

#social-sharing {
    border-style: solid;
    border-width: 3px 0 0 0;
    border-color: #999
}

.cllr-filter-container {
    padding: 0 0 2em 0
}

.cllr-filter-label {
    display: block;
    padding: 0 0 .5em 0
}

input[type=checkbox], input[type=radio] {
    margin: 0 1em 0 0
}

form {
    margin: 0;
    padding: 0
}

    form fieldset {
        margin: 0 0 2em 0;
        padding: 0;
        border: none
    }

    form h2 {
        margin: 0 0 1em 0;
        padding: 0;
        font-size: 1.5em
    }

    form label {
        display: block;
        font-weight: 700
    }

    form input[type=text], form input[type=email], form input[type=number], form input[type=tel], form input[type=url], form input[type=date], form input[type=password] {
        position: relative;
        width: 100%;
        height: 2.5em;
        border-style: solid;
        border-width: 1px;
        border-color: #999;
        font: 1em/1.6em "Open Sans",sans-serif;
        box-sizing: border-box;
        padding: .5em;
        margin: 0 0 1em 0;
        -moz-box-sizing: border-box;
        -moz-box-shadow: none;
        -webkit-appearance: none;
        -webkit-box-shadow: none;
        -webkit-border-radius: 0;
        -webkit-box-sizing: border-box;
        border-radius: 0;
        background: #FFF;
        box-sizing: border-box
    }

div > input[type=text], div > input[type=email], div > input[type=number], div > input[type=tel], div > input[type=url], div > input[type=date], div > input[type=password] {
    position: relative;
    width: 100%;
    height: 2.5em;
    border-style: solid;
    border-width: 1px;
    border-color: #999;
    font: 1em/1.6em "Open Sans",sans-serif;
    box-sizing: border-box;
    padding: .5em;
    margin: 0 0 1em 0;
    -moz-box-sizing: border-box;
    -moz-box-shadow: none;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -webkit-border-radius: 0;
    -webkit-box-sizing: border-box;
    border-radius: 0;
    background: #FFF;
    box-sizing: border-box
}

label + p {
    margin: 0 0 .2em 0;
    padding: 0
}

div input:focus, div select:focus, form input:focus, form textarea:focus {
    box-shadow: 0 0 5px rgba(81,203,238,1);
    border: 1px solid #5ee3ff;
    border: 1px solid rgba(81,203,238,1)
}

form textarea {
    width: 100%;
    height: 10em;
    border-style: solid;
    border-width: 1px;
    border-color: #999;
    font: 1em/1.6em "Open Sans",sans-serif;
    box-sizing: border-box;
    padding: .5em;
    -moz-box-sizing: border-box;
    -moz-box-shadow: none;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -webkit-border-radius: 0;
    -webkit-box-sizing: border-box;
    border-radius: 0;
    background: #FFF;
    box-sizing: border-box
}

form select {
    width: 45%;
    border-style: solid;
    border-width: 1px;
    border-color: #999;
    font: 1em/1.6em "Open Sans",sans-serif;
    box-sizing: border-box;
    padding: .5em;
    margin: 0 0 1em 0;
    -moz-box-sizing: border-box;
    -moz-box-shadow: none;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -webkit-border-radius: 0;
    -webkit-box-sizing: border-box;
    border-radius: 0;
    background-color: #FFF;
    box-sizing: border-box;
    overflow: hidden;
    background: url(../img/helpers/webkit-select-dropdown.png) no-repeat 95%
}

form button {
    background-color: #005C98;
    color: #FFF;
    display: inline-block;
    padding: 1em 1em 1em 1em;
    border: none !important;
    font: 1.7em "Open Sans",sans-serif;
    font-weight: 700;
    line-height: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

#rachael {
    display: none
}

#feedback-rachael-set {
    display: none
}

img.personPhoto {
    max-width: 200px
}

img.partnerLogo {
    max-width: 100px
}

form label.label-error {
    color: red
}

form span.error-message {
    color: red;
    display: block
}

    form span.error-message:before {
        font-family: FontAwesome;
        position: relative;
        margin-right: 1em;
        content: "\f06a"
    }

form input[class^=input-error] {
    border-color: red
}

#site-search-form {
    margin: 1em 0 1em 0;
    position: relative;
    background: #fff
}

    #site-search-form button.search {
        font-family: "Open Sans",sans-serif;
        color: #FFF;
        margin: 0;
        padding: 0;
        height: 2.5em;
        width: 2.5em;
        border: none !important;
        font-size: 1em;
        line-height: 0;
        float: left;
        -moz-box-sizing: border-box;
        -moz-box-shadow: none;
        -webkit-appearance: none;
        -webkit-box-shadow: none;
        -webkit-border-radius: 0;
        -webkit-box-sizing: border-box;
        border-radius: 0;
        background-color: #000;
        box-sizing: border-box;
        position: absolute;
        right: 0
    }

button.search:focus {
    box-shadow: 0 0 5px rgba(81,203,238,1);
    border: 1px solid #5ee3ff;
    border: 1px solid rgba(81,203,238,1)
}

#site-search-form input[type=search] {
    border-style: solid;
    border-width: 1px 0 1px 1px;
    border-color: #999;
    font: 1em/1.6em "Open Sans",sans-serif;
    box-sizing: border-box;
    padding: 0 0 0 .5em;
    margin: 0;
    float: left;
    height: 2.5em;
    -moz-box-sizing: border-box;
    -moz-box-shadow: none;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -webkit-border-radius: 0;
    -webkit-box-sizing: border-box;
    border-radius: 0;
    background: #FFF;
    box-sizing: border-box;
    width: 100%
}

#site-search-form label[for=site-search-text] {
    position: absolute;
    left: .65em;
    margin: 0;
    padding: 0;
    line-height: 1em;
    top: .75em;
    color: #222;
    z-index: 1;
    height: 2.5em;
    display: inline;
    font-weight: 400
}

#site-search-form label[for=site-search-select-content-type] {
    height: 2.5em;
    border-style: solid;
    border-width: 1px 0 1px 0;
    border-color: #999;
    float: left;
    padding: 0;
    margin: 0;
    width: 1em;
    text-align: right;
    -moz-box-sizing: border-box;
    -moz-box-shadow: none;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -webkit-border-radius: 0;
    -webkit-box-sizing: border-box;
    border-radius: 0;
    box-sizing: border-box;
    font-weight: 400;
    position: absolute;
    right: 10.5em
}

#site-search-form select[id=site-search-select-content-type] {
    border-width: 1px 0 1px 0;
    font: 1em/1.6em "Open Sans",sans-serif;
    margin: 0;
    padding: .4em;
    float: left;
    height: 2.5em;
    width: 8em;
    -moz-box-sizing: border-box;
    -moz-box-shadow: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -webkit-border-radius: 0;
    -webkit-box-sizing: border-box;
    border-radius: 0;
    box-sizing: border-box;
    outline: 0;
    display: inline-block;
    position: absolute;
    right: 2.5em
}

#site-search-form input[type=search]:focus {
    box-shadow: 0 0 5px rgba(81,203,238,1);
    border: 1px solid #5ee3ff;
    border: 1px solid rgba(81,203,238,1)
}

#mnsearch button.search {
    font-family: "Open Sans",sans-serif;
    color: #FFF;
    margin: 0;
    padding: 0;
    height: 2.5em;
    width: 2.5em;
    border: none !important;
    font-size: 1em;
    line-height: 0;
    float: left;
    -moz-box-sizing: border-box;
    -moz-box-shadow: none;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -webkit-border-radius: 0;
    -webkit-box-sizing: border-box;
    border-radius: 0;
    background-color: #000;
    box-sizing: border-box;
    right: 0;
    position: absolute;
    top: 0
}

.input-wrapper {
    right: 2.5em;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute
}

.search-input-wrapper {
    right: 2.5em;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute
}

.search-page-input-wrapper {
    right: 11.5em;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute
}

#mn {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    display: inline-block
}

#mnterm {
    width: 100%;
    float: left
}

.address-finder-wrapper {
    position: relative;
    height: 4em
}

.search-wrapper {
    position: relative;
    height: 2.5em
}

#mntermlabel {
    display: block
}

section.search-results h1 {
    display: block;
    font-size: 1.7em;
    font-weight: 400;
    line-height: 1em;
    margin: 1em 0;
    padding: 0 0 .6em
}

section.search-results span.step {
    color: #222
}

.blob {
    font-weight: 700
}

p.resulturl {
    color: #7F7F21;
    padding: 0;
    margin: 0
}

.breadcrumb-search-result {
    margin: 0;
    padding: 0
}

    .breadcrumb-search-result li {
        margin: 0 0 0 .5em;
        display: inline
    }

        .breadcrumb-search-result li:first-child {
            margin-left: 0
        }

    .breadcrumb-search-result a, .breadcrumb-search-result a:hover {
        color: #006646
    }

        .breadcrumb-search-result a:focus {
            color: #fff
        }

    .breadcrumb-search-result li span {
        margin: 0 .5em 0 0;
        color: #006646
    }

    .breadcrumb-search-result li:first-child a {
        margin: 0
    }

ol li.eventmonth > h2:before {
    margin-right: .5em;
    font-family: FontAwesome;
    content: "\f133"
}

ol li.eventmonth {
    border: 0 !important;
    margin-bottom: 3em !important;
    margin-top: 4em !important
}

div.event-location {
    display: none
}

img.newsItem {
    width: 100%
}

ol.news {
    list-style: none;
    list-style-image: none;
    padding: 0;
    margin: 0
}

    ol.news li {
        border-width: 3px 0 0 0;
        border-style: solid;
        border-color: #999
    }

p.info-paragraph:before {
    font-family: FontAwesome;
    margin-right: .5em;
    content: "\f05a";
    font-size: 1.5em
}

ol.councillors {
    list-style: none;
    list-style-image: none;
    padding: 0;
    margin: 0
}

.esriSimpleSliderVertical .esriSimpleSliderIncrementButton {
    border-bottom: 1px solid #57585A;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

.esriSimpleSlider div {
    width: 1em;
    height: 1em;
    font-size: 2em;
    line-height: .85em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer
}

.esriSimpleSlider {
    position: absolute;
    text-align: center;
    border: 1px solid #57585A;
    background-color: #FFF;
    color: #4C4C4C;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    top: 10px;
    left: 10px
}

.map .container {
    position: relative;
    border: none;
    padding: 0;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100%
}

#mapDiv {
    width: 100%;
    height: 400px;
    position: relative;
    border: 2px solid #000
}

.map .container .layersDiv .layerTile {
    position: absolute;
    border: none;
    margin: 0;
    padding: 0
}

#BasemapToggle .toggleButton {
    padding: 0;
    background: #fff;
    border: 1px solid #000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

#BasemapToggle {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 50
}

#oscopy {
    font-size: .8em;
    position: absolute;
    top: 370px;
    right: 10px;
    z-index: 50;
    font-size: .5em
}

.basemapTitle {
    font-size: .7em;
    text-align: center
}

.basemapImage {
    padding: 5px
}

.legend-image {
    float: left;
    padding-right: 1em
}

#legend {
    margin-bottom: 2em
}

    #legend > div {
        margin-bottom: 1em
    }

        #legend > div > div {
            width: 2em;
            height: 2em;
            margin-right: 1em;
            float: left;
            border-radius: .5em
        }

.responded {
    background-color: #DFF0D8
}

.progress {
    background-color: #FCF8E3
}

.refused {
    background-color: #F2DEDE
}

#legend > div > p {
    margin: 0;
    vertical-align: middle;
    line-height: 2em
}

.datacontainer {
    margin-bottom: 1em;
    padding: 1em;
    border-radius: .5em
}

div.dataheader > button {
    text-align: right;
    margin: 0;
    padding: 0;
    background: 0 0
}

div.data > p {
    word-wrap: break-word
}

#breadcrumb-nav-container {
    margin: 0;
    padding: 1em 0 2em 0
}

    #breadcrumb-nav-container li {
        margin: 0 0 0 .5em;
        display: inline;
        line-height: 2em
    }

        #breadcrumb-nav-container li:first-child {
            margin-left: 0
        }

.last-breadcrumb-item {
    text-decoration: none
}

#breadcrumb-nav-container a, #breadcrumb-nav-container a:hover {
    color: #222
}

    #breadcrumb-nav-container a:focus {
        color: #fff
    }

#breadcrumb-nav-container li span.fa {
    margin: 0 .5em 0 0
}

#breadcrumb-nav-container li:first-child a {
    margin: 0
}

.title {
    color: #FFF
}

#header-container a {
    text-decoration: none;
    color: #FFF
}

div.content-homepage article section.hub h2 {
    border-style: solid;
    border-width: 3px 0 0 0;
    border-color: #999;
    padding: 1em 0 0 0
}

div.content-homepage section.hub li:first-child h2 {
    border: none
}

.highlight-container {
    background-color: #A42E0C;
    margin: 3em 0 2em 0
}

section.hub button.show-all-services {
    display: block;
    margin: 1em 0 0 0;
    padding: 1em 0 1em 0;
    border-style: solid;
    border-width: 3px 0 0 0;
    border-color: #999;
    position: relative;
    font-size: 1em;
    font-weight: 700;
    width: 100%;
    font-family: inherit;
    text-align: left
}

section.hub button.closed:before {
    font-family: FontAwesome;
    right: 1em;
    content: "\f078";
    position: absolute
}

section.hub button.open:before {
    font-family: FontAwesome;
    right: 1em;
    content: "\f077";
    position: absolute
}

section.hub button.closed, section.hub button.open {
    text-decoration: none
}

.highlight-container h1.visuallyhidden {
    color: #fff
}

.carousel {
    position: relative
}

.carousel-inner {
    overflow: hidden;
    width: 100%;
    position: relative
}

.carousel .item {
    display: none;
    position: relative;
    -webkit-transition: .5s ease-in-out left;
    -moz-transition: .5s ease-in-out left;
    -ms-transition: .5s ease-in-out left;
    -o-transition: .5s ease-in-out left;
    transition: .5s ease-in-out left
}

    .carousel .item img {
        display: block;
        max-width: 100%
    }

.carousel .active, .carousel .next, .carousel .prev {
    display: block
}

.carousel .active {
    left: 0
}

.carousel .next, .carousel .prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel .next {
    left: 100%
}

.carousel .prev {
    left: -100%
}

    .carousel .next.left, .carousel .prev.right {
        left: 0
    }

.carousel .active.left {
    left: -100%
}

.carousel .active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 13%;
    left: .5em;
    font-size: 2em;
    color: #fff;
    text-align: center
}

    .carousel-control.right {
        left: auto;
        right: .5em
    }

    .carousel-control:focus, .carousel-control:hover {
        box-shadow: 0 0 5px rgba(81,203,238,1);
        border: 1px solid #5ee3ff;
        border: 1px solid rgba(81,203,238,1)
    }

.carousel-desc-text {
    margin: 2em 0 0 0
}

.carousel-caption {
    padding: 1em 0 1em 0;
    min-height: 4em;
    color: #fff
}

    .carousel-caption p {
        margin: 0
    }

        .carousel-caption p.read-more {
            margin: 1em 0 1em 0
        }

    .carousel-caption h2 {
        margin: 0
    }

    .carousel-caption a {
        color: #fff
    }

.carousel-title h2 {
    color: #fff
}

a.read-more-carousel-link, a.read-more-carousel-link:hover, a.read-more-carousel-link:visited {
    color: #fff
}

.carousel-desc-text p {
    color: #fff
}

#news-events-container img {
    width: 100%
}

#news-events-container li {
    margin: 0 0 1.5em 0;
    border-width: 3px 0 0 0;
    border-style: solid;
    border-color: #999;
    padding: 1.5em 0 0 0
}

#news-others {
    margin: 2em 0 0 0
}

div.onethirdcol h3, div.twothirdcol h3 {
    margin: 0;
    font-size: 1em;
    font-weight: 400
}

div.content-hub h1 {
    line-height: 1.2em;
    margin: 0;
    padding: .97em 0 .8em 0;
    display: block
}

div.content-homepage h2, div.content-hub h2, div.search-hub h2 {
    line-height: 1.4em;
    font-size: 1.2em
}

div.content-homepage article section.hub ol, div.content-homepage article section.hub ul, div.content-hub ol, div.content-hub ul, section.search-results ol {
    list-style: none;
    list-style-image: none;
    padding: 0;
    margin: 0
}

    div.content-homepage article section.hub ul p {
        margin: .5em 0 0 0
    }

#cookies-container h2 {
    color: #FFF
}

    #cookies-container h2:before {
        position: relative;
        font-family: FontAwesome;
        margin-right: .5em;
        content: "\F05A"
    }

#cookies-container p {
    color: #FFF;
    margin: 0 0 1em 0
}

#cookies-container a {
    color: #FFF;
    margin: 0 0 1em 0
}

div.alert-banner-container h2:before {
    position: relative;
    font-family: FontAwesome;
    margin-right: .5em;
    content: "\f06a"
}

div.alert-banner-container p {
    margin: 0 0 1em 0
}

div.alert-banner-container a {
    color: #000;
    margin: 0 0 1em 0
}

    div.alert-banner-container a:focus {
        color: #FFF
    }

div.maintenance-banner-container h2:before {
    position: relative;
    font-family: FontAwesome;
    margin-right: .5em;
    content: "\f085"
}

div.maintenance-banner-container p {
    margin: 0 0 1em 0
}

div.maintenance-banner-container a {
    color: #FFF;
    margin: 0 0 1em 0
}

    div.maintenance-banner-container a:focus {
        color: #FFF
    }

div.info-banner-container h2:before {
    position: relative;
    font-family: FontAwesome;
    margin-right: .5em;
    content: "\f05a"
}

div.info-banner-container p {
    margin: 0 0 1em 0
}

div.info-banner-container a {
    color: #000;
    margin: 0 0 1em 0
}

    div.info-banner-container a:focus {
        color: #FFF
    }

article h1, article + h2 {
    line-height: 1.35em;
    margin: 0;
    padding: 0 0 .8em 0;
    display: block
}

div.content-homepage h2.same-as-h1, div.content-hub h2.same-as-h1 {
    font-size: 2em;
    line-height: 1.35em;
    margin: 0;
    padding: 0 0 .8em 0;
    display: block
}

article header h1 span:first-child {
    line-height: .8em;
    color: #005C98;
    font-weight: 700;
    display: block;
    font-size: .8em;
    margin: 0;
    padding: 0 0 .2em 0
}

aside nav ul li {
    margin-bottom: .5em
}

    aside nav ul li a {
        display: block
    }

aside nav h1, aside nav h2, aside section h1, aside section h2 {
    font-size: 1.17em;
    margin: 1em 0
}

.related-links-nav-container {
    margin-bottom: 2em
}

.related-archive-nav-container {
    margin-bottom: 2em
}

.content-displayed {
    display: block
}

.content-hidden {
    display: none
}

#footer-container .eddc-strapline {
    color: #222;
    font-weight: 400;
    display: block
}

#footer-container p {
    color: #222;
    padding-top: 5em
}

#footer-container .brand {
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: #222;
    margin: 60px 0 60px 0;
    padding-top: 20px
}

footer {
    margin: 60px 0 0 0;
    padding: 0
}

#footer-container nav ul li {
    padding: 0 0 .5em 0
}

#footer-container a:focus {
    background-color: #674817;
    outline: 3px solid #674817;
    color: #fff;
    border: 0;
    box-shadow: 0 0 0 1px #674817
}

#footer-container nav ul li a {
    color: #222;
    display: block
}

article section ul {
    list-style: disc;
    list-style-image: none;
    padding: 0;
    margin: 0 0 0 3em
}

article section ol {
    list-style: decimal;
    list-style-image: none;
    padding: 0;
    margin: 0 0 0 3em
}

article section li {
    margin: 0 0 .5em 0
}

aside.page-support {
    margin: 5em 0 5em 0
}

main article section a.journey-start {
    background-color: #005C98;
    color: #FFF;
    display: inline-block;
    margin: 1em 1em 1em 0;
    padding: .5em 1em .5em 1em;
    font-size: 1.7em;
    text-decoration: none
}

    main article section a.journey-start:after {
        font-family: FontAwesome;
        position: relative;
        margin-left: 1em;
        content: "\f054"
    }

#more-info-nav {
    margin: 3em 0 0 0
}

    #more-info-nav button {
        font-weight: 700
    }

#more-info-content {
    margin: 0;
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: #999;
    padding: 1em 0 2em 0
}

    #more-info-content ul {
        margin: 1em 0
    }

        #more-info-content ul > li {
            list-style: disc;
            list-style-image: none;
            padding: 0;
            margin: 0 0 0 2em
        }

form section h1 {
    border-bottom: 1px solid #999;
    color: #999;
    display: block;
    font-size: 1.7em;
    font-weight: 400;
    line-height: 1em;
    margin: 1em 0;
    padding: 0 0 .6em
}

form section span.step {
    color: #222
}

aside section a.chat-start {
    background-color: #005C98;
    color: #FFF;
    display: inline-block;
    margin: 1em 1em 1em 0;
    padding: .5em 1em .5em 1em;
    font-size: 1.7em;
    text-decoration: none
}

    aside section a.chat-start:after {
        font-family: FontAwesome;
        position: relative;
        margin-left: 1em;
        content: "\f0e6"
    }

article footer nav li button:hover {
    color: #2E5F5F
}

article footer nav li button:focus {
    background-color: #674817;
    outline: 3px solid #674817;
    color: #fff;
    border: 0;
    box-shadow: 0 0 0 1px #674817
}

article footer nav li.next button {
    background: 0 0;
    border: none !important;
    margin: 0;
    text-align: right;
    text-decoration: underline;
    display: block;
    width: 100%;
    padding: 0 0 0 2em !important;
    position: relative;
    top: 0;
    font: 1em/1.6em "Open Sans",sans-serif;
    color: #144F8C
}

article footer nav li.back button {
    background: 0 0;
    border: none !important;
    margin: 0;
    text-align: left;
    text-decoration: underline;
    display: block;
    width: 100%;
    padding: 0 2em 0 0 !important;
    position: relative;
    top: 0;
    font: 1em/1.6em "Open Sans",sans-serif;
    color: #144F8C
}

article header nav ol {
    list-style: decimal;
    margin: 0;
    padding: 0 0 0 1.9em;
    position: relative
}

    article header nav ol li {
        line-height: 1.6em;
        list-style: decimal outside none;
        text-transform: none;
        padding: 0 0 1em 0;
        margin: 0
    }

article header a.show-all-parts {
    display: block;
    margin: 1em 0 0 0;
    padding: 1em 0 1em 1em;
    border-style: solid;
    border-width: 1px 0 1px 0;
    border-color: #999;
    position: relative
}

article header .parts-nav {
    margin: 0 0 3em 0;
    padding: 1em 0 1em 0
}

article header a.closed:before {
    font-family: FontAwesome;
    right: 1em;
    content: "\f078";
    position: absolute
}

article header a.open:before {
    font-family: FontAwesome;
    right: 1em;
    content: "\f077";
    position: absolute
}

article header a.open {
    background-color: #E5E5E5;
    color: #222;
    text-decoration: none
}

article footer nav {
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #999
}

    article footer nav ol {
        text-align: right
    }

    article footer nav li {
        float: left;
        width: 50%
    }

        article footer nav li[class*=next]:first-child {
            padding-left: 50%
        }

    article footer nav.article-footer-nav ol {
        padding: 0 0 1em 0
    }

    article footer nav li a {
        display: block
    }

    article footer nav .back {
        text-align: left
    }

        article footer nav .back a {
            padding: 0 2em 0 0
        }

    article footer nav .next a {
        padding: 0 0 0 2em
    }

    article footer nav .next span {
        position: relative;
        padding-right: 1em;
        font-size: 1.7em
    }

        article footer nav .next span:after {
            font-family: FontAwesome;
            right: 0;
            top: .25em;
            bottom: 0;
            content: "\f054";
            position: absolute
        }

    article footer nav .back span {
        position: relative;
        padding-left: 1em;
        font-size: 1.7em
    }

        article footer nav .back span:before {
            font-family: FontAwesome;
            right: 0;
            top: .25em;
            left: 0;
            bottom: 0;
            content: "\f053";
            position: absolute
        }

div > input[type=text].mnworking {
    background: url(../img/helpers/ui-anim_basic_16x16.gif) 95% center no-repeat
}

@media only screen and (max-device-width:640px),only screen and (max-device-width:667px),only screen and (max-width:480px) {
    body {
        font: 1em/1.6em "Open Sans",sans-serif !important
    }
}

@media only screen and (min-resolution:1.5dppx) {
    body {
        font: 1em/1.6em "Open Sans",sans-serif
    }
}

@media only screen and (max-width:480px) {
    body {
        font: 1em/1.6em "Open Sans",sans-serif
    }

    #header-container h2 {
        font-size: 1.3em;
        margin: 0;
        padding: .7em 0 .7em 0;
        font-weight: 700
    }

        #header-container h2 a {
            display: block
        }

    #cookies-container h1 {
        font-size: 1.2em;
        line-height: 2em;
        margin: 0
    }

    div.alert-banner-container h1 {
        font-size: 1.2em;
        line-height: 2em;
        margin: 0
    }

    div.maintenance-banner-container h1 {
        font-size: 1.2em;
        line-height: 2em;
        margin: 0
    }

    div.info-banner-container h1 {
        font-size: 1.2em;
        line-height: 2em;
        margin: 0
    }

    #site-search-form label[for=site-search-select-content-type] {
        line-height: 2.3em
    }

    #footer-container nav ul li {
        padding: 0 0 1em 0
    }

    #more-info-nav ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

    #more-info-nav li {
        padding: 0;
        margin: 0
    }

    #more-info-nav button {
        margin: 0;
        padding: 1em 0 1em 1em;
        border-style: solid;
        border-width: 1px 0 0 0;
        border-color: #999;
        display: block;
        position: relative
    }

    #more-info-nav a:focus {
        z-index: 5
    }

    #more-info-nav button.more-info-nav-tab-active {
        background-color: #E5E5E5;
        color: #222;
        text-decoration: none
    }

    #more-info-nav button.more-info-nav-tab-inactive:before {
        font-family: FontAwesome;
        right: 1em;
        content: "\f078";
        position: absolute
    }

    #more-info-nav button.more-info-nav-tab-active:after {
        font-family: FontAwesome;
        right: 1em;
        content: "\f077";
        position: absolute
    }

    article header .parts-nav {
        border-color: #D25835 #FFF #999;
        border-style: solid;
        border-width: 10px 0 1px 0
    }

    #footer-container nav:first-child {
        margin: 40px 0 0 0
    }

    #footer-container .eddc-strapline {
        font-size: 1.2em;
        margin: 1em 0 1em 0
    }
}

@media only screen and (min-width:480px) {
    body {
        font: .9em/1.6em "Open Sans",sans-serif
    }

    table {
        font-size: .7em;
        line-height: 1.6em
    }

    #site-search-form label[for=site-search-select-content-type] {
        line-height: 2.3em
    }

    #header-container h2 {
        font-size: 2em;
        margin: 0;
        padding: .7em 0 .7em 0;
        font-weight: 700
    }

    #cookies-container h1 {
        font-size: 1.2em;
        line-height: 2em;
        margin: 0
    }

    div.alert-banner-container h1 {
        font-size: 1.2em;
        line-height: 2em;
        margin: 0
    }

    div.maintenance-banner-container h1 {
        font-size: 1.2em;
        line-height: 2em;
        margin: 0
    }

    div.info-banner-container h1 {
        font-size: 1.2em;
        line-height: 2em;
        margin: 0
    }

    .carousel-control {
        top: 18%
    }

    form input.small {
        width: 45%
    }

    form input.smallest {
        width: 20%
    }

    .input-stack div:first-child {
        width: 45%;
        margin: 0 10% 0 0;
        float: left
    }

    .input-stack div:nth-child(2) {
        width: 45%;
        margin: 0;
        float: left
    }

    .input-stack-validity div:first-child {
        margin: 0 5% 0 0;
        float: left
    }

    .input-stack-validity div:nth-child(2) {
        margin: 0;
        float: left
    }

    .input-stack-validity select {
        width: 100%
    }

    #more-info-nav ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

    #more-info-nav li {
        float: left;
        padding: 0;
        margin: 0
    }

    #more-info-nav button {
        padding: 6px .7em 0 .7em;
        display: block
    }

    #more-info-nav a:focus {
        background-color: transparent;
        outline: 1px solid #674817;
        box-shadow: 0 0 0 1px #674817;
        color: #2E5F5F;
        z-index: 5
    }

    #more-info-nav button.more-info-nav-tab-inactive:hover {
        background-color: #E5E5E5
    }

    #more-info-nav li:first-child button.more-info-nav-tab-active {
        display: block;
        background-color: #FFF;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #999 #999 #FFF #999;
        color: #222;
        text-decoration: none;
        box-shadow: 0 1px 0 0 #FFF
    }

    #more-info-nav button.more-info-nav-tab-active {
        background-color: #FFF;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #999 #999 #FFF #999;
        color: #222;
        box-shadow: 0 1px 0 0 #FFF;
        text-decoration: none
    }

    #more-info-nav button.more-info-nav-tab-inactive {
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: transparent
    }

        #more-info-nav button.more-info-nav-tab-inactive:before {
            content: ""
        }

    #more-info-nav button.more-info-nav-tab-active:after {
        content: ""
    }

    article header .parts-nav {
        border-color: #D25835 #FFF #999;
        border-style: solid;
        border-width: 10px 0 1px 0
    }

    #footer-container .eddc-strapline {
        margin: 1em 0 1em 0;
        font-size: 1.8em
    }

    #footer-container nav {
        float: left;
        width: 30%;
        margin: 40px 0 0 5%
    }

        #footer-container nav:first-child {
            margin: 40px 0 0 0
        }
}

@media only screen and (min-width:768px) {
    body {
        font: 1em/1.6em "Open Sans",sans-serif
    }

    #cookies-container h1 {
        font-size: 1.5em;
        line-height: 2em;
        margin: 0
    }

    div.alert-banner-container h1 {
        font-size: 1.5em;
        line-height: 2em;
        margin: 0
    }

    div.maintenance-banner-container h1 {
        font-size: 1.5em;
        line-height: 2em;
        margin: 0
    }

    div.info-banner-container h1 {
        font-size: 1.5em;
        line-height: 2em;
        margin: 0
    }

    .title {
        float: left
    }

    #header-container form.site-search {
        float: right;
        width: 30%
    }

    #site-search-form label[for=site-search-select-content-type] {
        padding: 8px 0 0 0;
        line-height: 1.5em
    }

    table {
        font-size: .8em;
        line-height: 1.6em
    }

    div.content-homepage section.hub li:nth-child(2) h2, div.content-homepage section.hub li:nth-child(3) h2 {
        border: none
    }

    .carousel-control {
        top: 30%;
        font-size: 4em
    }

    .carousel-title {
        float: left;
        width: 30%
    }

    .carousel-desc-text {
        float: left;
        width: 65%;
        margin: 0 0 0 5%
    }

    .carousel-caption {
        padding: 1em 0 1em 0;
        min-height: 4em;
        color: #fff
    }

    .twothirdcol {
        float: left;
        width: 65%
    }

    .onethirdcol {
        float: left;
        width: 30%;
        margin: 0 0 0 5%
    }

    #news-lead-article-container {
        float: left;
        width: 50%;
        padding: 0 5% 0 0;
        border-style: solid;
        border-width: 0 1px 0 0;
        border-color: #999;
        box-sizing: border-box;
        -moz-box-sizing: border-box
    }

    #news-others {
        float: left;
        width: 45%;
        margin: 0 0 0 5%
    }

    #news-events-container li {
        border: none;
        padding: 0
    }

    div.content-homepage section.hub li p, div.content-hub section.hub li p, div.content-hub section.hub-countryside li p {
        word-wrap: break-word
    }

    div.content-homepage section.hub li, div.content-hub section.hub li, div.content-hub section.hub-countryside li {
        float: left;
        width: 30%;
        margin: .5em 0 0 5%
    }

    div.content-hub section.hub-countryside li {
        width: 45%
    }

        div.content-homepage section.hub li:nth-child(3n+1), div.content-hub section.hub li:nth-child(3n+1), div.content-hub section.hub-countryside li:nth-child(2n+1) {
            clear: left;
            margin: .5em 0 0 0
        }

    .main {
        padding: 0
    }

    div.content {
        float: left;
        width: 65%;
        margin: 0
    }

    .related-content {
        float: right;
        width: 30%;
        margin: 0 0 60px 5%
    }

    article header a.show-all-parts {
        display: none
    }

    article header .parts-nav {
        display: block;
        border-color: #999;
        border-style: solid;
        border-width: 0 0 1px 0
    }

    article header nav ol {
        padding: 0;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }

        article header nav ol li {
            line-height: 1.25;
            list-style: decimal outside none;
            -webkit-column-break-inside: avoid;
            page-break-inside: avoid;
            break-inside: avoid;
            margin-left: 1.5em;
            margin-right: .75em
        }

    #footer-container img.eddc-brand {
        float: right
    }

    #footer-container .eddc-strapline {
        font-size: 2em;
        margin: 0 0 1em 0
    }

    #footer-container nav {
        float: left;
        width: 30%;
        margin: 40px 0 0 5%
    }

        #footer-container nav:first-child {
            margin: 40px 0 0 0
        }

        #footer-container nav ul li a {
            display: inline
        }
}

@media only screen and (min-width:1024px) {
    body {
        font: 1em/1.6em "Open Sans",sans-serif
    }

    ol.collections > li > span.collectiondate {
        width: 22% !important
    }

    ol.collections > li > span.filler-foodandrecycling, ol.collections > li > span.foodandrecycling {
        width: 44% !important
    }

    ol.collections > li > span.filler-rubbish, ol.collections > li > span.rubbish {
        width: 16% !important
    }

    ol.collections > li > span.nappies {
        width: 16% !important
    }

    ol.collections > li > span {
        display: inline-block !important;
        padding: 0
    }
}

@media only screen and (min-width:1140px) {
    .wrapper {
        max-width: 1000px;
        margin: 0 auto
    }

    table {
        font-size: 1em;
        line-height: 1.6em
    }
}

a {
    word-wrap: break-word
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    text-indent: -9999em
}

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 150%
    }

.hidden {
    display: none !important;
    visibility: hidden
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: .01em;
    margin: -.01em;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: .01em
}

    .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto
    }

.invisible {
    visibility: hidden
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

@media print {
    [class^=fa-li]:before {
        content: ""
    }

    [class^=fa-li] {
        display: none;
        visibility: hidden
    }

    .fa-ul {
        list-style-type: none;
        margin-left: 0 !important;
        padding-left: 0 !important
    }

    * {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
        line-height: 1.6em;
        font-family: sans-serif
    }

    a, a:visited {
        text-decoration: underline;
        color: #000 !important
    }

        a[href]:after {
            content: " (" attr(href) ")"
        }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after, a[href^="mailto:"]:after {
        content: ""
    }

    a {
        text-decoration: none
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    .chat-start {
        display: none
    }

    #footer-container ul {
        display: none
    }

    #footer-container img {
        display: none
    }

    #footer-container .eddc-strapline {
        display: none
    }

    #footer-container .brand {
        border: none
    }

    #breadcrumb-nav-container {
        display: none
    }

    #cookies-container {
        display: none
    }

    div.alert-banner-container {
        display: none
    }

    div.maintenance-banner-container {
        display: none
    }

    div.info-banner-container {
        display: none
    }

    #site-search-form {
        display: none
    }

    #header-container {
        display: none
    }

    #skiplink-container {
        display: none
    }

    .highlight-container {
        background-color: #FFF
    }

    a.read-more-carousel-link:hover {
        color: #000 !important
    }

    header h1 {
        margin-top: 30px
    }

    header nav {
        display: none
    }

    article header a {
        display: none
    }

    footer nav {
        display: none
    }

    .page-support {
        display: none
    }

    aside section.related-contact-container {
        margin-top: 20px;
        border-top: 10px solid #000
    }

    aside nav {
        display: none
    }

    #footer-container p {
        padding-top: 0
    }

    #footer-container .brand {
        border-color: #999;
        border-style: solid;
        border-width: 1px 0 0;
        margin: 0;
        padding-top: 0
    }

    img {
        max-width: 100% !important
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    ol.collections > li.eventmonth + li {
        border-width: 1px 0 3px 0 !important;
        border-style: solid;
        border-color: #999;
        padding: 0 !important;
        margin: .5em 0 0 0 !important
    }

    ol.collections > li {
        border-width: 0 0 3px 0 !important;
        border-style: solid;
        border-color: #999;
        padding: 0 !important;
        margin: 0 !important
    }

        ol.collections > li span.collectiondate {
            width: 18%
        }

        ol.collections > li span {
            display: inline-block !important;
            line-height: .8em;
            padding: .5em 0 .5em 0
        }

            ol.collections > li span.container {
                display: none
            }

    ol li.eventmonth > h2::before {
        content: "";
        font-family: Arial;
        margin-right: 0
    }

    .related-content {
        page-break-before: always
    }

    #monthnumber3 {
        page-break-before: always
    }

    #livechat {
        display: none
    }

    #openinghours {
        display: none
    }
}

@charset "utf-8"; /* CSS Document */ /* Header */

#header-container {
    background-color: #65B22E;
}

#home-logo {
    float: left; /* Remove this style in narrow viewports */
    display: block;
    padding: 0;
    margin: 1em 0 1em;
    width: 6em;
    height: 5.2em;
}

    #home-logo svg {
        width: 100%;
    }

    #home-logo a, home-logo svg {
        padding: 0;
        margin: 0;
    }

.utilities {
    font-size: .9em;
    letter-spacing: .01;
    margin: 0
}
/* Footer */

#footer-container:after {
    content: "";
    display: block;
    width: 100%;
    height: 30em;
    background-image: url("footer.png");
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.eddc-brand {
    display: none
}

p.utilities a.govdevlink::before {
    content: "";
}

p.utilities .update-image {
    height: 22px;
    width: 22px;
    vertical-align: bottom;
}

.highlight-container {
    background-color: #333;
}

@media only screen and (max-width: 768px) {
    #home-logo {
        float: none; /* Remove this style in narrow viewports */
    }
}

/**umb_name:Important*/
.boxtext-highlight {
    border-style: solid;
    border-width: 0 0 0 0.3em;
    border-color: #000000;
    padding: 0 0 0 0.95em;
    margin: 2em 0 2em 0;
}

/**umb_name:Header*/
h2 {
    font-size: 1.5em;
}

/**umb_name:Bolden*/
.bolden {
    font-weight: bold;
}