/* SHROPSHIRE COUNCIL CSS - SMALL */

body {
    background-color: #f4f4f4;
}

.col-1,
.col-2,
.col-3 {
    float: left;
    width: 100%;
    padding: 1em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ffffff;
}

.col-3 {
    background-color: transparent;
}

/* HEADER */

header {
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    left: 0;
    top: 0;
    float: left;
    width: 100%;
    background-color: #132f65;
    border-bottom: solid 5px #2583c5;
    /* opacity: 0.95; */
}

header h1 {
    float: left;
    margin-bottom: 0;
    font-size: 16px;
    padding: 0.5em 0;
}

header h1 a {
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v2.0.2/img/sc-logo-v3.svg);
    background-repeat: no-repeat;
    float: left;
    height: 45px;
    overflow: hidden;
    text-indent: 10000%;
    white-space: nowrap;
    width: 150px;
}

header h1>a:link {
    color: #ffffff;
}

header h1 a:hover,
header h1 a:focus {
    border: none;
}

a.button.govdelivery {
    float: right;
    font-size: 0.875em;
    color: #fff;
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/new-v3/govdelivery-16x16.png);
    background-repeat: no-repeat;
    background-position: 10% 50%;
    background-color: #2A79AB;
    background-size: 16px 16px;
    border: none;
    line-height: 1.4em;
    box-shadow: none;
    text-shadow: none;
    padding: 0.55em 0.75em 0.55em 2.5em;
    margin: 7px 5px 7px 0;
    position: relative;
    z-index: 1;
}

.button.govdelivery:hover,
.button.govdelivery:focus,
.button.govdelivery:active {
    background: #003d5d url(https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/new-v3/govdelivery-16x16.png) 0.55em 0.75em no-repeat;
    background-position: 10% 50%;
}


/* Search */

#search {
    width: 100%;
    color: #ffffff;
    float: right;
    padding: 0.5em 0;
}

#search form {
    position: relative;
    float: left;
    width: 100%;
    height: 40px;
}

#q,
#s {
    float: left;
    width: 70%;
    border-radius: 0;
    padding: 0.666em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    display: block;
    font-size: 1em;
    color: #555;
    background-color: #fff;
    line-height: normal;
}

#b {
    position: absolute;
    top: 8px;
    right: 8px;
    height: 16px;
    width: 16px;
    background-color: transparent;
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.3.2/img/search.png);
    background-repeat: no-repeat;
}

#s:focus,
#b:focus {
    outline: 3px solid #eeb92a;
}

#btnsearch {
    float: right;
    height: 40px;
    width: 30%;
    font-size: 109%;
    color: #FFFFFF;
    border: 1px solid #005785;
    background-color: #005785;
    height: 100%;
}

#btnsearch:hover,
#btnsearch:focus,
#btnsearch:active {
    background-color: #DDF0FA;
    border: 1px solid #6FB7DF;
    color: #2C2C2C;
    outline: 1px solid #6FB7DF;
}


/* NAVIGATION */

#navbar-wrapper {
    float: left;
    width: 100%;
    color: #ffffff;
    border-bottom: medium none;
    border-top: medium none;
}

#navbar_container {
    margin: 0 auto;
    max-width: 1024px;
    position: relative;
}

#menu {
    position: inherit;
    z-index: 1;
    float: left;
    color: #fff;
    background-repeat: no-repeat;
    background-position: 0.5em center;
    border-radius: 7px;


    background-image: url(/images/menu-icon.png);
    padding: 1em 1.7em 1em 3.25em;
    text-align: center;
}


#menu.closed {
    background-color: #7456a5;
}

#menu.closed:hover,
#menu.closed:focus,
#menu.closed:active {
    background-color: #453462;
}

#menu.open {
    background-color: #000;
}


#menu-dropdown {
    position: absolute;
    width: 100%;
    top: 3.2em;
    background-color: #424242;
    z-index: 10000;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
}

#menu-dropdown.closed {
    display: none;
}

#menu-dropdown.open {
    display: block;
}

#menu-dropdown a#back-button {
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/new-v3/circle-back.png);
    background-position: 3% 50%;
    background-repeat: no-repeat;
    opacity: 0.4;
    padding-left: 3em;
}

#menu-dropdown a#back-button:hover,
#menu-dropdown a#back-button:focus {
    opacity: 1;
    background-color: #2A79AB;
}

#menu-dropdown ul {
    font-size: 14px;
    margin-bottom: 0;
}

#menu-dropdown ul li a {
    display: block;
    line-height: 1.5em;
    color: #fff;
    border-bottom: 1px solid #333;
    padding: 1em 1em 1em 2.5em;
}

#menu-dropdown ul li a:hover,
#menu-dropdown ul li a:focus {
    background-color: #333;
}

#menu-dropdown ul li a.current {
    background-color: #333;
}

#menu-dropdown ul li ul li a:before {
    content: '\00BB';
    position: absolute;
    left: 1em;
    padding-right: 12px;
}



#menu-category,
#menu-service-area,
#menu-content {
    width: 100%;
    float: left;
}

#menu-dropdown ul li.active a {
    background-color: #2A79AB;
}

#menu-category li.active a::before,
#menu-service-area li.active a::before {
    content: '';
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/new-v3/arrow-down.png);
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

#menu-service-area li,
#menu-content li {
    background-color: #555;
}

#menu-dropdown a.menu-homepage:before {
    content: '\2002';
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/new-v3/home-16x16.png);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: left;
}



#menu.closed {
    background-color: #00873f;
    border-radius: 0;

}

#menu.closed:hover,
#menu.closed:focus,
#menu.closed:active {
    background-color: #003d5d;
}

#menu.open {
    background-color: #003d5d;
    border-radius: 0;
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/new-v3/exit.png);
    background-repeat: no-repeat;
    background-position: 0.5em center;
}

#menu-service-area li a.external:before {
    content: url(https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/icon-external-link.png);
    padding-right: 5px;
}

#menu-dropdown ul li a.cta-contact {
    float: left;
    width: 100%;
    color: #fff;
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/new-v3/phone.png);
    background-repeat: no-repeat;
    background-position: 10% 50%;
    background-size: 16px 16px;
    border: none;
    padding-left: 4em;
    background-position: 6% 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;

}

#menu-dropdown ul li a.cta-contact:hover,
#menu-dropdown ul li a.cta-contact:focus,
#menu-dropdown ul li a.cta-contact:active {
    background-color: #333;
}

#shortcuts_container {
    background-color: #2c2c2c;
    float: left;
    min-width: 0;
    width: 100%;
}

#shortcuts_container #shortcuts {
    display: none;
    padding: 25px 0 5px;
}

#shortcuts_container #shortcuts div {
    float: left;
    padding-right: 80px;
    width: 180px;
    padding-left: 20px;
}

#shortcuts_container #shortcuts div.shortcuts_col_last {
    float: left;
    padding-left: 20px;
}

#shortcuts_container #shortcuts h2 {
    color: #bbb;
    font-size: 114%;
}

#shortcuts_container #shortcuts ul {
    font-size: 0.79em;
    list-style: outside none none;
    margin: 0;
    padding-bottom: 20px;
}

#shortcuts_container #shortcuts ul li a {
    border-bottom: medium none;
    color: #fff;
}

#shortcuts_container #shortcuts ul li a:hover,
#shortcuts_container #shortcuts ul li a:focus,
#shortcuts_container #shortcuts ul li a:active {
    color: #ffff00;
}


/* Breadcrumb */

#breadcrumb {
    list-style: none;
    display: block;
    float: left;
    width: 100%;
}

#breadcrumb li {
    float: left;
    line-height: 2.3em;
}

#breadcrumb li a.breadcrumb-home {
    float: left;
    color: #fff;
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/new-v3/home-breadcrumb.png);
    background-position: center;
    background-repeat: no-repeat;
    padding: 1.1em 1.25em;
    background-color: #e4e4e4;
    position: relative;
}

#breadcrumb li a.breadcrumb-home:hover,
#breadcrumb li a.breadcrumb-home:focus {
    background-color: #003d5d;
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/new-v3/home-16x16.png);
}

/* #breadcrumb li:last-child:after {
content:"also in this section";
margin-left:10px;
} */

#breadcrumb li a {
    background-color: #f4f4f4;
    background-image: none;
    border-right: solid 1px #ccc;
    display: block;
    padding: 0 1em 0 2.25em;
    position: relative;
}

#breadcrumb li:last-child {
    padding-left: 0;
}

#breadcrumb li a:hover,
#breadcrumb li a:focus {
    background-color: #e4e4e4;
}

#breadcrumb a.breadcrumb-also-in.current {
    padding-right: 2.25em;
    background-color: #f4f4f4;
    background-image: url("https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/new-v3/drop-down.png");
    background-position: 95% 50%;
    background-size: 10px;
    background-repeat: no-repeat;
    cursor: pointer;
}

#breadcrumb a.breadcrumb-also-in.current.open {
    background-color: #e4e4e4;
}

#breadcrumb a.breadcrumb-also-in.current:hover,
#breadcrumb a.breadcrumb-also-in.current:focus,
#breadcrumb a.breadcrumb-also-in.current.open {
    background-color: #e4e4e4;
}

#breadcrumb.level,
#breadcrumb {
    margin: 1em 0 0;
}

li.breadcrumb-also-in {
    padding-left: 1em !important;
}


#breadcrumb-home li a.breadcrumb-home:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 25px solid #cdcdcd;
    position: absolute;
    top: 0;
    right: -28px;
    z-index: 1;
}

#breadcrumb li a.breadcrumb-home:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 25px solid #e4e4e4;
    position: absolute;
    top: 0;
    right: -25px;
    z-index: 2;
}

#breadcrumb li a.breadcrumb-home:hover:after {
    border-left: 25px solid #003d5d;
}

#breadcrumb li a.breadcrumb-home:hover:before {
    border-left: none;
}



#breadcrumb li a:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 25px solid #cdcdcd;
    position: absolute;
    top: 0;
    right: -28px;
    z-index: 1;
}

#breadcrumb li a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 25px solid #f4f4f4;
    position: absolute;
    top: 0;
    right: -25px;
    z-index: 2;
}

#breadcrumb li:last-of-type a:before,
#breadcrumb li:last-of-type a:after {
    display: none;
}

#breadcrumb li a:hover:after {
    border-left: 25px solid #e4e4e4;
}

#breadcrumb li a:hover:before {
    border-left: none;
}

#breadcrumb li a.breadcrumb-also-in {}


/* MENU- ALSO IN */

#menu-also-in {
    float: left;
    width: 100%;
    padding: 0.666em 1.7em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f4f4f4;
    display: none;
}

#menu-also-in li {
    float: left;
    display: inline-block;
    width: 100%;
}

#menu-also-in li:before {
    content: '\25BB';
    padding-right: 12px;
}

.section {
    margin: 0 auto;
    width: 100%;
}


aside .cta-also {
    display: block;
    padding: 0.666em 1.25em;
    font-weight: bold;
    color: #ffffff;
    border-radius: 7px;
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/new-v3/small_up_arrow.png);
    background-color: #005785;
    background-repeat: no-repeat;
    background-position: 90% 50%;
}



/* TOP TASKS */

.top-tasks {
    padding: 0 0 1.7em;
    clear: both;
    width: 100%;
    float: left;
}

.top-tasks .area-title,
.service-buttons h2 {
    border-bottom: none;
    position: relative;
    width: 60%;
    float: left;
    background-color: #005785;
    color: #fff;
    font-weight: bold;
    padding: 0.25em 0.666em;
    display: inline-block;
    margin: 0;
    font-size: 1em;
}

.service-buttons h2 {
    width: 55%;
    margin-bottom: 5px;
}

.task-container {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
}

.task-item {
    float: left;
    background: #ffffff;
    padding: 10px;
    width: 100%;
    padding: 15px 10px 10px;
    min-height: 30px;
    margin-top: 5px;
    line-height: 150px;
    color: white;
    font-weight: bold;
    font-size: 3em;
    border-radius: 5px;
    border: solid 1px #9ABCCF;
    border-left: solid 4px #005785;
    border-bottom: solid 2px #005785;
}

.task-container h3 {
    /* background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/new-v3/test-icon.png);
    background-position:0 50%; */
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/new-v3/top-tasks-sprite.png);
    background-repeat: no-repeat;
    padding: 3px 0;
}

/* top task icons */

.task-container h3.planning {
    background-position: -96px -0px;
}

.task-container h3.find-local-councillor {
    background-position: -96px -48px;
}

.task-container h3.apply-for-job {
    background-position: -96px -96px;
}

.task-container h3.pay-council-tax {
    background-position: -96px -144px;
}

.task-container h3.report-street-light-fault {
    background-position: -96px -192px;
}

.task-container h3.parking-fine {
    background-position: -96px -240px;
}

.task-container h3.recycle {
    background-position: -96px -288px;
}

.task-container h3.library-book {
    background-position: -96px -336px;
}

.task-container h3.dog-fouling {
    background-position: -96px -384px;
}

.task-container h3.report {
    background-position: -96px -432px;
}

.task-container h3.school {
    background-position: -96px -480px;
}

.task-container h3.flood {
    background-position: -96px -528px;
}

.task-container h3.apply-applications {
    background-position: -96px -576px;
}

.task-container h3.pothole {
    background-position: -96px -624px;
}

.task-container h3.mental-health {
    background-position: -96px -672px;
}

.task-container h3.elections {
    background-position: -96px -720px;
}

.task-container h3.housing {
    background-position: -96px -768px;
}

.task-container h3.children {
    background-position: -96px -816px;
}

.task-container h3.business {
    background-position: -96px -864px;
}

.task-container h3.map {
    background-position: -96px -912px;
}

.task-item:hover,
.task-item:focus,
.task-item:active {
    background-color: #e4f6ff;
}

.task-item h3 {
    line-height: 18px;
    /*text-align: center;*/
    color: #555555;
    font-weight: bold;
    font-size: 16px;
    padding-left: 2em;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.task-item img {
    max-width: 100%;
    height: auto;
}


.homepage-feature {
    float: left;
    margin: 0 0 1.25em;
    width: 100%;
    background-color: #f4f4f4;
    border-bottom: medium none;
}

.homepage-feature:hover,
.homepage-feature:focus {
    background-color: #e4f6ff;
}

.homepage-feature img {
    float: left;
}

.feature-text {
    float: left;
    padding: 0.5em 1em 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.feature-text h2 {
    color: #2266ca;
}

.feature-text p {
    color: #555555;
}

.area-title {
    width: 100%;
    border-bottom: solid 1px #e4e4e4;
}

.homepage-area {
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 0.5em;
}

.homepage-area h3 {
    color: #2266ca;

}

.homepage-area a {
    float: left;
    width: 100%;
    padding: 0.5em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: solid 1px transparent;

}

.homepage-area a:hover,
.homepage-area a:focus {
    background-color: #f4f4f4;
    border-bottom: solid 1px #0066a3;
}

.homepage-area-news {
    display: flex;
    flex-wrap: wrap;
}

.homepage-area-news div {
    display: flex;
    justify-content: flex-end;
    flex-basis: 100%;
    margin: 1em 0;
}

.homepage-area-news div a {
    width: auto;
    float: none;
    border-color: #227bb5;
}

.homepage-area-news div a:first-of-type {
    margin-right: 2em;
}

.homepage-area-news div a:after {
    color: #227bb5;
}

.homepage-area .news {
    position: relative;
    overflow: hidden;
    color: #555;
    margin-bottom: 1em;
    padding: 1em 0.75em 2em;
}

.homepage-area .news:hover,
.homepage-area .news:focus {
    overflow: auto;
}

.homepage-area .news.newsroom:after {
    content: "Newsroom";
    color: #fff;
    background-color: #227bb5;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0.25em 0.5em;
}

.homepage-area .news.service-news:after {
    content: "Service news";
    color: #fff;
    background-color: #227bb5;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0.25em 0.5em;
}

/* a:hover, a:focus{
    background-color: #f4f4f4;
    border-bottom: solid 1px #cccccc;
} */

/* COL-2 */

.service-buttons {
    float: left;
    width: 100%;
}

.homepage-personal div a {
    color: #555555;
}


/* COLLECTION */
a.calendarlink {
    float: left;
    width: 100%;
    padding: 1em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 1.5em;
}

a.calendarlink:hover,
a.calendarlink:focus {
    background-color: #e4f6ff;
}

a.calendarlink:hover .calbox,
a.calendarlink:focus .calbox,
a.calendarlink:active .calbox {
    border-color: #993434;
    /* box-shadow: 0 4px 6px rgba(0,0,0,0.5); */

}

.calbox .cal-dow {
    background: #555555;
    color: #ffffff;
    font-size: 16px;
}

.calbox {
    float: left;
    width: 35%;
    border: 3px solid #555555;
    text-align: center;
    background: #fff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}

.caldate {
    font-size: 36px;
    color: #993434;

}

.calbox .calmonth {
    color: #555555;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 18px;
    line-height: 20px;
}

.media-body {
    float: left;
}

.media-heading {
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/new-v3/bin.png);
    background-position: 25% 50%;
    background-repeat: no-repeat;
    float: left;
    font-weight: bold;
    padding-left: 3.65em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1.7em 0;
}

.pay-for-it,
.apply-for-it,
.report-it,
.get-involved,
.contact-online {
    float: left;
    display: block;
    padding: 0.5em 1.25em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 5px;
    border-bottom: solid 1px #ccc;
    background-color: #fff;
    color: #555;
    width: 100%;
    border-radius: 7px;
}

a.apply-for-it {
    border: solid 1px #F3CDA0;
    border-bottom: solid 2px #E0800F;
    border-left: none;
}

a.pay-for-it {
    border: solid 1px #ABCDB7;
    border-bottom: solid 2px #30834D;
    border-left: none;
}

a.report-it {
    border: solid 1px #E698C8;
    border-bottom: solid 2px #C10076;
    border-left: none;
}

a.get-involved {
    border: solid 1px #A7CEE8;
    border-bottom: solid 2px #2586C5;
    border-left: none;
}

a.contact-online {
    border: solid 1px #A7CEE8;
    border-bottom: solid 2px #132F65;
    border-left: none;
}


.blue-color {
    color: #30aeff;
    font-weight: bold;
}

.library-finder,
.hrc-finder,
.parking-finder {
    float: left;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.parking-finder {
    border-bottom: 0;
}

.finder-title {
    padding: 5px 5px 5px 2.25em;
    background-position: 0 50%;
    background-repeat: no-repeat;
    text-transform: uppercase;
    font-size: 18px;
}

.library-red {
    background-color: #993434;
    background-image: url("https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/new-v3/libraries.png");
    background-position: 3% center;
    border-bottom: 3px solid #993434;
    color: #ffffff;
}

.recycling-green {
    background-image: url("https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/new-v3/recycle-white.png");
    background-color: #18825f;
    background-position: 3% 70%;
    border-bottom: 3px solid #18825f;
    color: #ffffff;
}

.blue-car {
    background-color: #2074ab;
    background-image: url("https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/new-v3/car-white.png");
    background-position: 3% center;
    border-bottom: 3px solid #2074ab;
    color: #ffffff;
}

.result {
    float: left;
    width: 100%;
    line-height: 1.5em;
    background-color: #fafafa;
    border-bottom: 1px solid #e9e9e9;
    padding: 3.33%;
    margin-bottom: 1.5em;
    border-radius: 7px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.result:hover,
.result:focus {
    background-color: #e4f6ff;
}

.result h2,
.result h3 {
    color: #2266ca;
}

.result p,
.result span {
    color: #555555;
}

.result .details {
    float: left;
    width: 50%;
    font-size: 0.9285em;
}

.result img {
    float: right;
}

.result p.venue {
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/location.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 1.25em;
}

.hrc-finder .result,
.library-finder .result,
.parking-finder .result {
    margin-bottom: 0;
}

a.cta-more {
    padding: 0.666em 1em;
    color: #555555;
    font-weight: bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 1.5em;
    border-bottom: solid 2px #555555;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    clear: both;
}

a.cta-more.right {
    float: right;
    width: auto;
}

a.cta-more.left {
    float: left;
}

.hrc-finder a.cta-more {
    border-bottom: solid 2px #30834D;
}

.library-finder a.cta-more {
    border-bottom: solid 2px #993434;
}

.parking-finder a.cta-more {
    border-bottom: solid 2px #2586C5;
}

a.cta-more:after {
    content: '\00A0\00BB';
}

a.cta-more:hover,
a.cta-more:focus,
a.cta-more:active {
    background-color: #e4f6ff;
    border-bottom: solid 2px #555555;
}

.hrc-finder a.cta-more:after {
    color: #30834D;
}

.library-finder a.cta-more:after {
    color: #993434;
}

.parking-finder a.cta-more:after {
    color: #2586C5;
}



.service-buttons span.title {
    display: inline;
    font-size: 1.29em;
    line-height: 1.5em;
    padding: 0 0 0 36px;
}

.service-buttons a.apply-for-it .title {
    background-image: url(/images/tick.png);
}

.service-buttons a.pay-for-it .title {
    background-image: url(/images/card.png);
}

.service-buttons a.report-it .title {
    background-image: url(/images/speech.png);
}

.service-buttons a.get-involved .title {
    background-image: url(/images/calendar.png);
}

.service-buttons a.contact-online .title {
    background-image: url(/images/contact-online.png);
}

.service-buttons a.apply-for-it .title,
.service-buttons a.pay-for-it .title,
.service-buttons a.report-it .title,
.service-buttons a.get-involved .title,
.service-buttons a.contact-online .title {
    color: #555555;
    background-repeat: no-repeat;
    background-position: left;
}

.service-buttons div a span {
    display: block;
    font-size: 1em;
    z-index: 111;
    position: relative;
}

.service-buttons div a {
    position: relative;
}

.service-buttons a.apply-for-it:before,
.service-buttons a.pay-for-it:before,
.service-buttons a.report-it:before,
.service-buttons a.get-involved:before,
.service-buttons a.contact-online:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 100%;
    top: 0;
    left: 0;
    transition: width 0.5s ease-out;
    z-index: 1;
}

.service-buttons a.apply-for-it:before {
    background-color: #E0800F;
}

.service-buttons a.pay-for-it:before {
    background-color: #30834D;
}

.service-buttons a.report-it:before {
    background-color: #C10076;
}

.service-buttons a.get-involved:before {
    background-color: #2586C5;
}

.service-buttons a.contact-online:before {
    background-color: #132F65;
}

.service-buttons a.apply-for-it:hover,
.service-buttons a.apply-for-it:focus {
    background-color: #F8EFD7;
}

.service-buttons a.pay-for-it:hover,
.service-buttons a.pay-for-it:focus {
    background-color: #E9F6E9;
}

.service-buttons a.report-it:hover,
.service-buttons a.report-it:focus {
    background-color: #F5E7F5;
}

.service-buttons a.get-involved:hover,
.service-buttons a.get-involved:focus {
    background-color: #DFEEF5;
}

.service-buttons a.contact-online:hover,
.service-buttons a.contact-online:focus {
    background-color: #DFEEF5;
}



/*Contact us footer */

ol.contact,
ul li.contact {
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/sprites/contact.png);
    background-repeat: no-repeat;
    padding-left: 32px;
    margin: 0.5em 0;
}

ul li.contact.title {
    background-position: -88px -44px;
    word-break: break-all;
}

ul li.contact.email {
    background-position: -88px -76px;
    word-break: break-all;
}

ul li.contact.telephone {
    background-position: -88px -108px;
    word-break: break-all;
}

ul li.contact.mobile {
    background-position: -88px -140px;
    word-break: break-all;
}

ul li.contact.fax {
    background-position: -88px -172px;
    word-break: break-all;
}

ol.contact.address {
    background-position: -88px -268px;
    word-break: break-all;
}

ul li.contact.twitter {
    background-position: -88px -204px;
    word-break: break-all;
}

ul li.contact.facebook {
    background-position: -88px -236px;
    word-break: break-all;
}

/*
section.footer-service-contact ul li, aside.contacts ul li {
    position: relative;
    padding-left: 32px;
    margin: 0.5em 0;
}
ol.contact:before, ul li.contact:before {
    content: '';
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/sprites/contact.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 24px;
    height: 24px;
    left: 0;
}
section.footer-service-contact li ol li, aside.contacts li ol li {
    margin: 0;
    padding: 0;
    border: 0;
}

ul li.contact.title:before { background-position: -88px -44px; }
ul li.contact.email:before { background-position: -88px -76px; }
ul li.contact.telephone:before { background-position: -88px -108px; }
ul li.contact.mobile:before { background-position: -88px -140px; }
ul li.contact.fax:before { background-position: -88px -172px; }
ol.contact.address:before { background-position: -88px -268px; }
ul li.contact.twitter:before { background-position: -88px -204px; }
ul li.contact.facebook:before { background-position: -88px -236px; }
*/

/* FOOTER */

footer {
    float: left;
    width: 100%;
    padding: 1.7em 0 4em;
    background-color: #2c2c2c;
    color: #ffffff;
    position: relative;
}

footer .footer-service {
    float: left;
    width: 100%;
    border-bottom: 1px solid #565656;
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
}

.footer-service .footer-service-content {
    float: left;
    width: 100%;
}

section.footer-service-contact {
    width: 100%;
    float: left;
    padding: 1em 5% 2em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
}


/* section.footer-service-contact h2 { 
	color:#fff;
}
section.footer-service-contact a { 
	color:#87ceeb;
} */


footer .footer-links {
    width: 100%;
}

.footer-links ul {
    float: left;
    width: 100%;
    font-size: 0.75em;
    margin-bottom: 1em;
}

.footer-links ul li a {
    color: #ffffff;
}

.footer-links ul li a:hover,
.footer-links ul li a:focus,
.footer-links ul li a:active {
    text-decoration: underline;
}

footer .footer-links p.footer-link {
    width: 100%;
    padding: 0;
    margin: 0;
    float: left;
}

footer .footer-links .button.map {
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/new-v3/map.png);

    background-repeat: no-repeat;
    background-position: 0 center;
    width: auto;
    color: #ffffff;
    padding-left: 1.5em;
    background-color: transparent;
}

footer .footer-links .button.map:hover,
footer .footer-links .button.map:focus {
    text-decoration: underline;
}

footer .footer-links .button.feedback {
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/feedback.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    color: #ffffff;
    padding: 0.33em 1em 0.33em;
    padding-left: 1.5em;
    background-color: transparent;
}

footer .footer-links .button.feedback:hover,
footer .footer-links .button.feedback:focus {
    text-decoration: underline;
    border: none;
    background-color: transparent;
}

footer .footer-links .button.govroam {
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/govroam-logo-white-140x80.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    height: 80px;
    width: 140px;
    text-indent: -9999px;
    overflow: hidden;
}

footer .footer-links .button.govroam:hover,
footer .footer-links .button.govroam:focus {
    outline: 3px solid #eeb92a;
}

footer .footer-location .footer-location-meta {
    margin: 0.5em 0 0 0.5em;
    color: #ffffff;
    font-size: 0.75em;
    line-height: 2em;
}

.footer-location-meta a {
    background-color: transparent;
    color: #87ceeb;
    padding: 0.25em;
    margin-right: 0.5em;
    text-decoration: underline;
}

.footer-location-meta a.cta-location {
    background-color: transparent;
    color: #ffffff;
    padding: 0.5em 0.75em;
    margin-right: 0.5em;
    border: solid 1px #ffffff;
}

.footer-location-meta a.cta-location:hover,
.footer-location-meta a.cta-location:focus,
.footer-location-meta a.cta-location:active {
    background-color: #ffffff;
}

footer .footer-location .footer-location-control {
    font-size: 14px;
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/location.png);
    background-repeat: no-repeat;
    background-position: left 0.25em;
    padding-left: 24px;
    margin-bottom: 0;
}

h2.footer-location-control {
    color: #ffffff;
}

footer .footer-location .footer-location-control a {
    background-image: none;
    background-position: left 0.25em;
    background-repeat: no-repeat;
    border: 1px solid;
    border-radius: 3px;
    color: #87ceeb;
    margin-bottom: 0;
    padding: 0.25em 0.666em;
}

.footer-location-meta a:hover,
.footer-location-meta a:focus,
footer .footer-location .footer-location-control a:hover,
footer .footer-location .footer-location-control a:focus {
    color: #ffffff;
    outline: 3px solid #eeb92a;
}

footer .footer-location {
    background-color: #424242;
    padding: 1em 0 1em 6.66%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    width: 100%;
    border-bottom: 1px solid #24a230;
}

footer .copy {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 2em;
    color: #ffffff;
}

footer .copy a {
    color: #87ceeb;
}

footer .copy a:hover,
footer .copy a:focus {
    text-decoration: underline;
}

footer .footer-links ul li {
    float: left;
    width: 100%;
    margin: 0.125em 0;
}

footer .btn-facebook,
footer .btn-twitter {
    background-image: url("https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/new-v3/facebook-icon.png");
    background-repeat: no-repeat;
    padding-left: 2em;
    padding-bottom: 0.333em;
}

footer .btn-facebook {
    background-image: url("https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/new-v3/facebook-icon.png");
}

footer .btn-twitter {
    background-image: url("https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/new-v3/twitter-icon.png");
}

/* modal */

#location-modal h2 {
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/location-medium.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 32px;
}

.dismisslinks a {
    color: #fff;
}

#location-modal form.form small {
    clear: both;
    display: block;
}


/* CONTENT - container */
.homepage {
    padding-top: 3.25em;
}

article {
    float: left;
    width: 100%;
    /*padding-bottom: 1.5em;*/
}

.background {
    margin-top: -3.25em;
    background-color: #fff;
}

article .container {
    width: 100%;
}

.page-service-home.sectionhome {
    float: left;
    width: 100%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.sc-container,
#container-breadcrumb {
    max-width: 1024px;
    margin: 0 auto;
}

.content-container.wrapper {
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.content-container.homepage-wrapper {
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: transparent;
    box-sizing: border-box;
    /* display:table; */
}

.content-full-width {
    float: left;
    width: 100%;
    background-color: #ffffff;
}

.content blockquote {
    border-left: 3px solid #e9e9e9;
    color: #555;
    margin-bottom: 1.5em;
    padding: 1em;
    padding-left: 4%;
    line-height: 1.4em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #E8F4FA;
}

.content-container,
.content-container-full,
.content-container-hotlinks,
section .content.full {
    padding-top: 1em;
    float: left;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
}

.content-container-hotlinks {
    padding: 0 4% 2em;
}

.content {
    float: left;
    width: 100%;
    padding: 4%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.content-container h1,
.content-container-full h1 {
    margin: 0;
    padding: 0;
    padding-top: 1.7em;
    float: left;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    z-index: 0;
}

/*.content p, .content ul {
    word-break: break-all;
}*/
.content a,
.content-full a {
    word-break: break-word;
    text-decoration: underline;
}

.content a.result {
    text-decoration: none;
}

h2.subheader {
    padding-left: 4%;
}

/* CONTENT - mini-feature */

.mini-feature-container {
    float: left;
    width: 100%;
    padding: 0 1.7em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mini-feature {
    float: left;
    width: 100%;
    padding: 1em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.meta {
    padding-left: 3%;
}

/* ASIDE */

aside {
    background-color: #fafafa;
    clear: right;
    float: left;
    margin: 0 0 1em 4%;
    padding: 0.666em;
    width: 92%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

aside ul li {
    border-bottom: solid 1px #ddd;
    margin-bottom: 0.75em;
}

aside ul li a {
    display: block;
}

/* PAY FOR IT */

.pay-for-left,
.pay-for-right {
    float: left;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em;
}

#pay-for-dropdown {
    float: left;
    width: 100%;
    padding: 2.5em 1.7em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #005785;
}

#pay-for-dropdown span {
    color: #ffffff;
    float: left;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.7em;
    margin-right: 20px;
}

#pay-for-dropdown select {
    padding: 0.5em;
    box-sizing: border-box;
    margin-right: 20px;
}

#pay-for-dropdown .button.primary {
    margin-top: 1em;
    padding: 0.666em 0;
    width: 100%;
}


/* COOKIES agreement */

.cookie-warning {
    width: 100%;
    min-height: 3em;
    background-color: #2c2c2c;
    color: #fff;
    padding: 1em 0;
    z-index: 999;
    display: none;
}

.cookie-warning a {
    color: #87ceeb;
    display: inline-block;
    vertical-align: middle;
    text-decoration: underline;
}

.cookie-warning a:hover,
.cookie-warning a:focus {
    color: #ffffff;
    outline: 3px solid #eeb92a;
}

.cookie-warning a.cookieaccept {
    background-color: #00873f;
    color: #fff;
    border-radius: 25px;
    padding: 0.438em 0.875em;
    margin-right: 1.5em;
    cursor: pointer;
    width: auto;
}

.cookie-warning a.cookiesettings {
    width: 45%;
}

.cookie-warning a.cookieaccept:hover,
.cookie-warning a.cookieaccept:focus {
    background-color: #fff;
    color: #00873f;
    text-decoration: none;
}

.cookie-warning p {
    font-size: 1em;
}

.cookie-warning h3 {
    color: #fff;
}

section.cookie-agreement {
    background-color: #005785;
    color: white;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    padding: 0.3em 1em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

section.cookie-agreement div.cookie-jar {
    position: relative;
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
}

div.cookie-jar:before {
    position: absolute;
    content: '';
    /*left: -64px;*/
    width: 48px;
    height: 48px;
    background-image: url(/images/cookie-icon.png);
}

div.cookie-jar p {
    width: 88%;
    float: left;
    margin: 0;
    padding-left: 64px;
}

div.cookie-jar a {
    color: yellow;
}

div.cookie-jar a:hover,
div.cookie-jar a:focus {
    text-decoration: underline;
}

div.cookie-dismiss {
    width: 12%;
    float: left;
}


/* NEWSFLASH - Read more */

article.homepage section.newsflash-container {
    margin-top: 1em;
}

section.newsflash-container {
    margin-top: 4em;
}

.message.newsflash,
.message.news-alert {
    background-color: #d43531;
    border-color: #bce8f1;
    padding-bottom: 0;
    width: 100%;
    border: 0;
    padding-bottom: 1em;
    box-sizing: border-box;
}

.newsflash-content {
    padding-bottom: 1.7em;
}

div>.newsflash-content {
    padding: 0;
}

.message.newsflash h3,
.message.newsflash p {
    color: #fff;
}

.newsflash-heading h2 {
    background-color: #AA2A27;
    margin: 0;
    padding: 0.333em;
}

.newsflash-heading {
    width: 50%;
    margin-bottom: 0.666em;
}


article.message.newsflash a:hover div.newsflash-content span.readmorelink,
article.message.newsflash a:focus div.newsflash-content span.readmorelink {
    background-color: #fff;
    color: #d43531;
}


span.readmorelink

/*, .dismisslinks*/
    {
    color: #fff;
    border: solid 2px #ffffff;
    padding: 0.5em;
    border-radius: 15px;
    position: absolute;
}

.dismisslinks {
    float: right;
    background-color: transparent;
    position: relative;
    text-align: center;
    color: #fff;
    margin-top: 1em;
    padding-top: 1.5em;
}

.dismisslinks:before {
    content: "\00d7";
    font-size: 36px;
    position: absolute;
    top: 0;
    left: 40%;
}

.dismisslinks:hover {
    cursor: pointer;
}

.dismisslinks:hover:before,
.dismisslinks:focus:before {
    border: solid 2px yellow;
    border-radius: 50%;
    color: yellow;
}


.form {
    /*float: left;
    width: 100%;
    padding: 0 5% 2em;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/* Disclaimer */

.disclaimer {
    background-color: #cc4400;
    border-color: #bf4000;
    color: #fff;
    padding: 0.5em;
}

.disclaimer p {
    margin: 0;
}


/* E-FORMS */

.contourIndicator {
    color: #E60000;
    font-size: 18px;
}

input.btn.next,
input.btn.prev,
input.btn.primary {
    color: #fff;
    background-color: #008a0e;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    display: block;
    padding: 0.5em 1em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    float: left;
    margin-right: 1em;
}

input.btn.primary:hover,
input.btn.primary:focus,
input.btn.prev:hover,
input.btn.prev:focus,
input.btn.next:hover,
input.btn.next:focus {
    background-color: #197322;
}

/* EVENTS*/

.events h3 {
    float: left;
}

.events img {
    float: left;
}

.btnregister {
    text-decoration: none !important;
    font-weight: bold;
}

span.meta.date {
    float: left;
    color: #555555;
    padding: 0.666em 0.333em 0;
    line-height: 1.4em;
    width: 75%;
    font-weight: bold;
    background-color: #f4f4f4;
    box-sizing: border-box;
    height: 64px;
}

.ad-newsroom a {
    float: left;
    width: 100%;
    background-color: #227bb5;
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/new-v3/news.png);
    background-repeat: no-repeat;
    background-position: 4% 50%;
    color: #ffffff;
    font-weight: bold;
    width: 100%;
    padding: 1em 0 1em 3.25em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
}

.ad-newsroom a:hover,
.ad-newsroom a:focus {
    background-color: #165075;
}

/* ********************************************************************************************
 * GENERIC : SERVICE HOME
 */

/* Welcome message */

.welcomemessage {
    background-color: rgba(255, 255, 255, 0.9);
    width: 95%;
    margin: 20px 0 20px 10px;
    border-radius: 7px;
    padding: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.button.cta-btn {
    display: inline-block;
    font-weight: 700;
    background-color: #008a0e;
    color: #fff;
    padding: 0.666em 1em;
}

.button.cta-btn:hover,
.button.cta-btn:focus {
    background-color: #197322;
}

/* call to action */

.cta {
    float: left;
    width: 100%;
    background-color: #fafafa;
    padding: 1em 4%;
    margin-bottom: 2em;
}

.cta a.fat-button {
    display: block;
    width: 85%;
    font-size: 22px;
    line-height: 1.5em;
    text-align: center;
    font-family: "myriad-pro", "Helvetica Neue", Arial, Helvetica, Sans-serif;
    color: #fff;
    background-color: #008a0e;
    margin: 0 auto;
}

.cta a.fat-button:hover,
.cta a.fat-button:focus,
.cta a.fat-button:active {
    background-color: #197322;
}


/* meta */

.meta {
    display: block;
}

.meta.continue {
    text-align: right;
    padding: 0.5em 0;
}



/* action */

.action {
    float: left;
    width: 100%;
    text-align: center;
    background-color: #fafafa;
    border-width: 1px 0;
    border-style: solid;
    border-color: #e9e9e9;
    margin-top: 2.5em;
    padding: 1em 4%;
}

.action h2 {
    color: #555;
    margin-bottom: 0;
}


/* key services */

.key-services {
    float: left;
    width: 100%;
    padding: 1.5em 4%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.key-services div {
    float: left;
    width: 100%;
}

.key-services a {
    position: relative;
    display: block;
    background-color: #fafafa;
    padding: 1em 0;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 1em;
    border: 1px solid #555;
    border-radius: 4px;
}

.key-services a h2,
.key-services a h3 {
    font-size: 16px;
    line-height: 32px;
    font-weight: bold;
    color: #555;
    padding-left: 64px;
    margin-top: 0;
    margin-bottom: 0;
}

.key-services .black:hover h2,
.key-services .black:focus h2,
.key-services .black:active h2,
.key-services .black:hover h3,
.key-services .black:focus h3,
.key-services .black:active h3 {
    color: #00873f;
}

.key-services .green:hover h2,
.key-services .green:focus h2,
.key-services .green:active h2,
.key-services .green:hover h3,
.key-services .green:focus h3,
.key-services .green:active h3 {
    color: #24a230;
}

.key-services .red:hover h2,
.key-services .red:focus h2,
.key-services .red:active h2,
.key-services .red:hover h3,
.key-services .red:focus h3,
.key-services .red:active h3 {
    color: #b80000;
}

.key-services .blue:hover h2,
.key-services .blue:focus h2,
.key-services .blue:active h2,
.key-services .blue:hover h3,
.key-services .blue:focus h3,
.key-services .blue:active h3 {
    color: #2e84bc;
}

.key-services .turquoise:hover h2,
.key-services .turquoise:focus h2,
.key-services .turquoise:active h2,
.key-services .turquoise:hover h3,
.key-services .turquoise:focus h3,
.key-services .turquoise:active h3 {
    color: #229999;
}

.key-services .orange:hover h2,
.key-services .orange:focus h2,
.key-services .orange:active h2,
.key-services .orange:hover h3,
.key-services .orange:focus h3,
.key-services .orange:active h3 {
    color: #b85f00;
}

.key-services .purple:hover h2,
.key-services .purple:focus h2,
.key-services .purple:active h2,
.key-services .purple:hover h3,
.key-services .purple:focus h3,
.key-services .purple:active h3 {
    color: #bd2d8d;
}

.key-services a span {
    position: absolute;
    display: block;
    left: 1em;
    top: 1em;
    height: 32px;
    width: 32px;
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/sprites/key-services.png);
}

.key-services .find.black span {
    background-position: -160px -32px;
}

.key-services .find.green span {
    background-position: -192px -32px;
}

.key-services .find.red span {
    background-position: -224px -32px;
}

.key-services .find.blue span {
    background-position: -256px -32px;
}

.key-services .find.turquoise span {
    background-position: -288px -32px;
}

.key-services .find.orange span {
    background-position: -320px -32px;
}

.key-services .find.purple span {
    background-position: -352px -32px;
}

.key-services .apply.black span {
    background-position: -160px -96px;
}

.key-services .apply.green span {
    background-position: -192px -96px;
}

.key-services .apply.red span {
    background-position: -224px -96px;
}

.key-services .apply.blue span {
    background-position: -256px -96px;
}

.key-services .apply.turquoise span {
    background-position: -288px -96px;
}

.key-services .apply.orange span {
    background-position: -320px -96px;
}

.key-services .apply.purple span {
    background-position: -352px -96px;
}

.key-services .report.black span {
    background-position: -160px -160px;
}

.key-services .report.green span {
    background-position: -192px -160px;
}

.key-services .report.red span {
    background-position: -224px -160px;
}

.key-services .report.blue span {
    background-position: -256px -160px;
}

.key-services .report.turquoise span {
    background-position: -288px -160px;
}

.key-services .report.orange span {
    background-position: -320px -160px;
}

.key-services .report.purple span {
    background-position: -352px -160px;
}

.key-services .help.black span {
    background-position: -160px -224px;
}

.key-services .help.green span {
    background-position: -192px -224px;
}

.key-services .help.red span {
    background-position: -224px -224px;
}

.key-services .help.blue span {
    background-position: -256px -224px;
}

.key-services .help.turquoise span {
    background-position: -288px -224px;
}

.key-services .help.orange span {
    background-position: -320px -224px;
}

.key-services .help.purple span {
    background-position: -352px -224px;
}

.key-services .alert.black span {
    background-position: -160px -288px;
}

.key-services .alert.green span {
    background-position: -192px -288px;
}

.key-services .alert.red span {
    background-position: -224px -288px;
}

.key-services .alert.blue span {
    background-position: -256px -288px;
}

.key-services .alert.turquoise span {
    background-position: -288px -288px;
}

.key-services .alert.orange span {
    background-position: -320px -288px;
}

.key-services .alert.purple span {
    background-position: -352px -288px;
}

.key-services .join.black span {
    background-position: -160px -352px;
}

.key-services .join.green span {
    background-position: -192px -352px;
}

.key-services .join.red span {
    background-position: -224px -352px;
}

.key-services .join.blue span {
    background-position: -256px -352px;
}

.key-services .join.turquoise span {
    background-position: -288px -352px;
}

.key-services .join.orange span {
    background-position: -320px -352px;
}

.key-services .join.purple span {
    background-position: -352px -352px;
}

.key-services .documents.black span {
    background-position: -160px -416px;
}

.key-services .documents.green span {
    background-position: -192px -416px;
}

.key-services .documents.red span {
    background-position: -224px -416px;
}

.key-services .documents.blue span {
    background-position: -256px -416px;
}

.key-services .documents.turquoise span {
    background-position: -288px -416px;
}

.key-services .documents.orange span {
    background-position: -320px -416px;
}

.key-services .documents.purple span {
    background-position: -352px -416px;
}

.key-services .buy.black span {
    background-position: -160px -480px;
}

.key-services .buy.green span {
    background-position: -192px -480px;
}

.key-services .buy.red span {
    background-position: -224px -480px;
}

.key-services .buy.blue span {
    background-position: -256px -480px;
}

.key-services .buy.turquoise span {
    background-position: -288px -480px;
}

.key-services .buy.orange span {
    background-position: -320px -480px;
}

.key-services .buy.purple span {
    background-position: -352px -480px;
}

.key-services .checkbox.black span {
    background-position: -160px -544px;
}

.key-services .checkbox.green span {
    background-position: -192px -544px;
}

.key-services .checkbox.red span {
    background-position: -224px -544px;
}

.key-services .checkbox.blue span {
    background-position: -256px -544px;
}

.key-services .checkbox.turquoise span {
    background-position: -288px -544px;
}

.key-services .checkbox.orange span {
    background-position: -320px -544px;
}

.key-services .checkbox.purple span {
    background-position: -352px -544px;
}

.key-services .next.black span {
    background-position: -160px -608px;
}

.key-services .next.green span {
    background-position: -192px -608px;
}

.key-services .next.red span {
    background-position: -224px -608px;
}

.key-services .next.blue span {
    background-position: -256px -608px;
}

.key-services .next.turquoise span {
    background-position: -288px -608px;
}

.key-services .next.orange span {
    background-position: -320px -608px;
}

.key-services .next.purple span {
    background-position: -352px -608px;
}

.key-services .previous.black span {
    background-position: -160px -672px;
}

.key-services .previous.green span {
    background-position: -192px -672px;
}

.key-services .previous.red span {
    background-position: -224px -672px;
}

.key-services .previous.blue span {
    background-position: -256px -672px;
}

.key-services .previous.turquoise span {
    background-position: -288px -672px;
}

.key-services .previous.orange span {
    background-position: -320px -672px;
}

.key-services .previous.purple span {
    background-position: -352px -672px;
}

.key-services .camera.black span {
    background-position: -160px -736px;
}

.key-services .camera.green span {
    background-position: -192px -736px;
}

.key-services .camera.red span {
    background-position: -224px -736px;
}

.key-services .camera.blue span {
    background-position: -256px -736px;
}

.key-services .camera.turquoise span {
    background-position: -288px -736px;
}

.key-services .camera.orange span {
    background-position: -320px -736px;
}

.key-services .camera.purple span {
    background-position: -352px -736px;
}

.key-services .stamp.black span {
    background-position: -160px -800px;
}

.key-services .stamp.green span {
    background-position: -192px -800px;
}

.key-services .stamp.red span {
    background-position: -224px -800px;
}

.key-services .stamp.blue span {
    background-position: -256px -800px;
}

.key-services .stamp.turquoise span {
    background-position: -288px -800px;
}

.key-services .stamp.orange span {
    background-position: -320px -800px;
}

.key-services .stamp.purple span {
    background-position: -352px -800px;
}

.key-services .book.black span {
    background-position: -160px -864px;
}

.key-services .book.green span {
    background-position: -192px -864px;
}

.key-services .book.red span {
    background-position: -224px -864px;
}

.key-services .book.blue span {
    background-position: -256px -864px;
}

.key-services .book.turquoise span {
    background-position: -288px -864px;
}

.key-services .book.orange span {
    background-position: -320px -864px;
}

.key-services .book.purple span {
    background-position: -352px -864px;
}

.key-services .bin.black span {
    background-position: -160px -928px;
}

.key-services .bin.green span {
    background-position: -192px -928px;
}

.key-services .bin.red span {
    background-position: -224px -928px;
}

.key-services .bin.blue span {
    background-position: -256px -928px;
}

.key-services .bin.turquoise span {
    background-position: -288px -928px;
}

.key-services .bin.orange span {
    background-position: -320px -928px;
}

.key-services .bin.purple span {
    background-position: -352px -928px;
}

.key-services .recyclingbox.black span {
    background-position: -160px -992px;
}

.key-services .recyclingbox.green span {
    background-position: -192px -992px;
}

.key-services .recyclingbox.red span {
    background-position: -224px -992px;
}

.key-services .recyclingbox.blue span {
    background-position: -256px -992px;
}

.key-services .recyclingbox.turquoise span {
    background-position: -288px -992px;
}

.key-services .recyclingbox.orange span {
    background-position: -320px -992px;
}

.key-services .recyclingbox.purple span {
    background-position: -352px -992px;
}

.key-services .sofa.black span {
    background-position: -160px -1056px;
}

.key-services .sofa.green span {
    background-position: -192px -1056px;
}

.key-services .sofa.red span {
    background-position: -224px -1056px;
}

.key-services .sofa.blue span {
    background-position: -256px -1056px;
}

.key-services .sofa.turquoise span {
    background-position: -288px -1056px;
}

.key-services .sofa.orange span {
    background-position: -320px -1056px;
}

.key-services .sofa.purple span {
    background-position: -352px -1056px;
}

.key-services .poop.black span {
    background-position: -160px -1120px;
}

.key-services .poop.green span {
    background-position: -192px -1120px;
}

.key-services .poop.red span {
    background-position: -224px -1120px;
}

.key-services .poop.blue span {
    background-position: -256px -1120px;
}

.key-services .poop.turquoise span {
    background-position: -288px -1120px;
}

.key-services .poop.orange span {
    background-position: -320px -1120px;
}

.key-services .poop.purple span {
    background-position: -352px -1120px;
}

.key-services .bluebadge.black span {
    background-position: -160px -1184px;
}

.key-services .bluebadge.green span {
    background-position: -192px -1184px;
}

.key-services .bluebadge.red span {
    background-position: -224px -1184px;
}

.key-services .bluebadge.blue span {
    background-position: -256px -1184px;
}

.key-services .bluebadge.turquoise span {
    background-position: -288px -1184px;
}

.key-services .bluebadge.orange span {
    background-position: -320px -1184px;
}

.key-services .bluebadge.purple span {
    background-position: -352px -1184px;
}

.key-services .season-ticket.black span {
    background-position: -160px -1248px;
}

.key-services .season-ticket.green span {
    background-position: -192px -1248px;
}

.key-services .season-ticket.red span {
    background-position: -224px -1248px;
}

.key-services .season-ticket.blue span {
    background-position: -256px -1248px;
}

.key-services .season-ticket.turquoise span {
    background-position: -288px -1248px;
}

.key-services .season-ticket.orange span {
    background-position: -320px -1248px;
}

.key-services .season-ticket.purple span {
    background-position: -352px -1248px;
}

.key-services .parkingpermit.black span {
    background-position: -160px -1312px;
}

.key-services .parkingpermit.green span {
    background-position: -192px -1312px;
}

.key-services .parkingpermit.red span {
    background-position: -224px -1312px;
}

.key-services .parkingpermit.blue span {
    background-position: -256px -1312px;
}

.key-services .parkingpermit.turquoise span {
    background-position: -288px -1312px;
}

.key-services .parkingpermit.orange span {
    background-position: -320px -1312px;
}

.key-services .parkingpermit.purple span {
    background-position: -352px -1312px;
}

.key-services .parkingfine.black span {
    background-position: -160px -1376px;
}

.key-services .parkingfine.green span {
    background-position: -192px -1376px;
}

.key-services .parkingfine.red span {
    background-position: -224px -1376px;
}

.key-services .parkingfine.blue span {
    background-position: -256px -1376px;
}

.key-services .parkingfine.turquoise span {
    background-position: -288px -1376px;
}

.key-services .parkingfine.orange span {
    background-position: -320px -1376px;
}

.key-services .parkingfine.purple span {
    background-position: -352px -1376px;
}

.key-services .illegal.black span {
    background-position: -160px -1440px;
}

.key-services .illegal.green span {
    background-position: -192px -1440px;
}

.key-services .illegal.red span {
    background-position: -224px -1440px;
}

.key-services .illegal.blue span {
    background-position: -256px -1440px;
}

.key-services .illegal.turquoise span {
    background-position: -288px -1440px;
}

.key-services .illegal.orange span {
    background-position: -320px -1440px;
}

.key-services .illegal.purple span {
    background-position: -352px -1440px;
}

.key-services .information.black span {
    background-position: -160px -1504px;
}

.key-services .information.green span {
    background-position: -192px -1504px;
}

.key-services .information.red span {
    background-position: -224px -1504px;
}

.key-services .information.blue span {
    background-position: -256px -1504px;
}

.key-services .information.turquoise span {
    background-position: -288px -1504px;
}

.key-services .information.orange span {
    background-position: -320px -1504px;
}

.key-services .information.purple span {
    background-position: -352px -1504px;
}

.key-services .annualreport.black span {
    background-position: -160px -1568px;
}

.key-services .annualreport.green span {
    background-position: -192px -1568px;
}

.key-services .annualreport.red span {
    background-position: -224px -1568px;
}

.key-services .annualreport.blue span {
    background-position: -256px -1568px;
}

.key-services .annualreport.turquoise span {
    background-position: -288px -1568px;
}

.key-services .annualreport.orange span {
    background-position: -320px -1568px;
}

.key-services .annualreport.purple span {
    background-position: -352px -1568px;
}

.key-services .search-icon.black span {
    background-position: -160px -1634px;
}

.key-services .search-icon.green span {
    background-position: -192px -1634px;
}

.key-services .search-icon.red span {
    background-position: -224px -1634px;
}

.key-services .search-icon.blue span {
    background-position: -256px -1634px;
}

.key-services .search-icon.turquoise span {
    background-position: -288px -1634px;
}

.key-services .search-icon.orange span {
    background-position: -320px -1634px;
}

.key-services .search-icon.purple span {
    background-position: -352px -1634px;
}

.key-services .business.black span {
    background-position: -160px -1696px;
}

.key-services .business.green span {
    background-position: -192px -1696px;
}

.key-services .business.red span {
    background-position: -224px -1696px;
}

.key-services .business.blue span {
    background-position: -256px -1696px;
}

.key-services .business.turquoise span {
    background-position: -288px -1696px;
}

.key-services .business.orange span {
    background-position: -320px -1696px;
}

.key-services .business.purple span {
    background-position: -352px -1696px;
}

.key-services .news.black span {
    background-position: -160px -1762px;
}

.key-services .news.green span {
    background-position: -192px -1762px;
}

.key-services .news.red span {
    background-position: -224px -1762px;
}

.key-services .news.blue span {
    background-position: -256px -1762px;
}

.key-services .news.turquoise span {
    background-position: -288px -1762px;
}

.key-services .news.orange span {
    background-position: -320px -1762px;
}

.key-services .news.purple span {
    background-position: -352px -1762px;
}

.key-services .person.black span {
    background-position: -160px -1824px;
}

.key-services .person.green span {
    background-position: -192px -1824px;
}

.key-services .person.red span {
    background-position: -224px -1824px;
}

.key-services .person.blue span {
    background-position: -256px -1824px;
}

.key-services .person.turquoise span {
    background-position: -288px -1824px;
}

.key-services .person.orange span {
    background-position: -320px -1824px;
}

.key-services .person.purple span {
    background-position: -352px -1824px;
}

.key-services .training.black span {
    background-position: -160px -1890px;
}

.key-services .training.green span {
    background-position: -192px -1890px;
}

.key-services .training.red span {
    background-position: -224px -1890px;
}

.key-services .training.blue span {
    background-position: -256px -1890px;
}

.key-services .training.turquoise span {
    background-position: -288px -1890px;
}

.key-services .training.orange span {
    background-position: -320px -1890px;
}

.key-services .training.purple span {
    background-position: -352px -1890px;
}

.key-services .employment.black span {
    background-position: -160px -1952px;
}

.key-services .employment.green span {
    background-position: -192px -1952px;
}

.key-services .employment.red span {
    background-position: -224px -1952px;
}

.key-services .employment.blue span {
    background-position: -256px -1952px;
}

.key-services .employment.turquoise span {
    background-position: -288px -1952px;
}

.key-services .employment.orange span {
    background-position: -320px -1952px;
}

.key-services .employment.purple span {
    background-position: -352px -1952px;
}

.key-services .graphdown.black span {
    background-position: -160px -2018px;
}

.key-services .graphdown.green span {
    background-position: -192px -2018px;
}

.key-services .graphdown.red span {
    background-position: -224px -2018px;
}

.key-services .graphdown.blue span {
    background-position: -256px -2018px;
}

.key-services .graphdown.turquoise span {
    background-position: -288px -2018px;
}

.key-services .graphdown.orange span {
    background-position: -320px -2018px;
}

.key-services .graphdown.purple span {
    background-position: -352px -2018px;
}

.key-services .cog.black span {
    background-position: -160px -2080px;
}

.key-services .cog.green span {
    background-position: -192px -2080px;
}

.key-services .cog.red span {
    background-position: -224px -2080px;
}

.key-services .cog.blue span {
    background-position: -256px -2080px;
}

.key-services .cog.turquoise span {
    background-position: -288px -2080px;
}

.key-services .cog.orange span {
    background-position: -320px -2080px;
}

.key-services .cog.purple span {
    background-position: -352px -2080px;
}

.key-services .percentage.black span {
    background-position: -160px -2144px;
}

.key-services .percentage.green span {
    background-position: -192px -2144px;
}

.key-services .percentage.red span {
    background-position: -224px -2144px;
}

.key-services .percentage.blue span {
    background-position: -256px -2144px;
}

.key-services .percentage.turquoise span {
    background-position: -288px -2144px;
}

.key-services .percentage.orange span {
    background-position: -320px -2144px;
}

.key-services .percentage.purple span {
    background-position: -352px -2144px;
}

.key-services .home-icon.black span {
    background-position: -160px -2208px;
}

.key-services .home-icon.green span {
    background-position: -192px -2208px;
}

.key-services .home-icon.red span {
    background-position: -224px -2208px;
}

.key-services .home-icon.blue span {
    background-position: -256px -2208px;
}

.key-services .home-icon.turquoise span {
    background-position: -288px -2208px;
}

.key-services .home-icon.orange span {
    background-position: -320px -2208px;
}

.key-services .home-icon.purple span {
    background-position: -352px -2208px;
}

.key-services .professional.black span {
    background-position: -160px -2272px;
}

.key-services .professional.green span {
    background-position: -192px -2272px;
}

.key-services .professional.red span {
    background-position: -224px -2272px;
}

.key-services .professional.blue span {
    background-position: -256px -2272px;
}

.key-services .professional.turquoise span {
    background-position: -288px -2272px;
}

.key-services .professional.orange span {
    background-position: -320px -2272px;
}

.key-services .professional.purple span {
    background-position: -352px -2272px;
}

.key-services .contact.black span {
    background-position: -160px -2336px;
}

.key-services .contact.green span {
    background-position: -192px -2336px;
}

.key-services .contact.red span {
    background-position: -224px -2336px;
}

.key-services .contact.blue span {
    background-position: -256px -2336px;
}

.key-services .contact.turquoise span {
    background-position: -288px -2336px;
}

.key-services .contact.orange span {
    background-position: -320px -2336px;
}

.key-services .contact.purple span {
    background-position: -352px -2336px;
}

.key-services .food.black span {
    background-position: -160px -2400px;
}

.key-services .food.green span {
    background-position: -192px -2400px;
}

.key-services .food.red span {
    background-position: -224px -2400px;
}

.key-services .food.blue span {
    background-position: -256px -2400px;
}

.key-services .food.turquoise span {
    background-position: -288px -2400px;
}

.key-services .food.orange span {
    background-position: -320px -2400px;
}

.key-services .food.purple span {
    background-position: -352px -2400px;
}

.key-services .water.black span {
    background-position: -160px -2464px;
}

.key-services .water.green span {
    background-position: -192px -2464px;
}

.key-services .water.red span {
    background-position: -224px -2464px;
}

.key-services .water.blue span {
    background-position: -256px -2464px;
}

.key-services .water.turquoise span {
    background-position: -288px -2464px;
}

.key-services .water.orange span {
    background-position: -320px -2464px;
}

.key-services .water.purple span {
    background-position: -352px -2464px;
}

.key-services .pay.black span {
    background-position: -160px -2528px;
}

.key-services .pay.green span {
    background-position: -192px -2528px;
}

.key-services .pay.red span {
    background-position: -224px -2528px;
}

.key-services .pay.blue span {
    background-position: -256px -2528px;
}

.key-services .pay.turquoise span {
    background-position: -288px -2528px;
}

.key-services .pay.orange span {
    background-position: -320px -2528px;
}

.key-services .pay.purple span {
    background-position: -352px -2528px;
}

.key-services .blue-bag.black span {
    background-position: -160px -2592px;
}

.key-services .blue-bag.green span {
    background-position: -192px -2592px;
}

.key-services .blue-bag.red span {
    background-position: -224px -2592px;
}

.key-services .blue-bag.blue span {
    background-position: -256px -2592px;
}

.key-services .blue-bag.turquoise span {
    background-position: -288px -2592px;
}

.key-services .blue-bag.orange span {
    background-position: -320px -2592px;
}

.key-services .blue-bag.purple span {
    background-position: -352px -2592px;
}

.key-services .batteries.black span {
    background-position: -160px -2656px;
}

.key-services .batteries.green span {
    background-position: -192px -2656px;
}

.key-services .batteries.red span {
    background-position: -224px -2656px;
}

.key-services .batteries.blue span {
    background-position: -256px -2656px;
}

.key-services .batteries.turquoise span {
    background-position: -288px -2656px;
}

.key-services .batteries.orange span {
    background-position: -320px -2656px;
}

.key-services .batteries.purple span {
    background-position: -352px -2656px;
}

.key-services .wheelie-bin.black span {
    background-position: -160px -2720px;
}

.key-services .wheelie-bin.green span {
    background-position: -192px -2720px;
}

.key-services .wheelie-bin.red span {
    background-position: -224px -2720px;
}

.key-services .wheelie-bin.blue span {
    background-position: -256px -2720px;
}

.key-services .wheelie-bin.turquoise span {
    background-position: -288px -2720px;
}

.key-services .wheelie-bin.orange span {
    background-position: -320px -2720px;
}

.key-services .wheelie-bin.purple span {
    background-position: -352px -2720px;
}

.key-services .speech-bubble.black span {
    background-position: -160px -2784px;
}

.key-services .speech-bubble.green span {
    background-position: -192px -2784px;
}

.key-services .speech-bubble.red span {
    background-position: -224px -2784px;
}

.key-services .speech-bubble.blue span {
    background-position: -256px -2784px;
}

.key-services .speech-bubble.turquoise span {
    background-position: -288px -2784px;
}

.key-services .speech-bubble.orange span {
    background-position: -320px -2784px;
}

.key-services .speech-bubble.purple span {
    background-position: -352px -2784px;
}

.key-services .tree.black span {
    background-position: -160px -2848px;
}

.key-services .tree.green span {
    background-position: -192px -2848px;
}

.key-services .tree.red span {
    background-position: -224px -2848px;
}

.key-services .tree.blue span {
    background-position: -256px -2848px;
}

.key-services .tree.turquoise span {
    background-position: -288px -2848px;
}

.key-services .tree.orange span {
    background-position: -320px -2848px;
}

.key-services .tree span {
    background-position: -352px -2848px;
}

.key-services .snowflake.black span {
    background-position: -160px -2912px;
}

.key-services .snowflake.green span {
    background-position: -192px -2912px;
}

.key-services .snowflake.red span {
    background-position: -224px -2912px;
}

.key-services .snowflake.blue span {
    background-position: -256px -2912px;
}

.key-services .snowflake.turquoise span {
    background-position: -288px -2912px;
}

.key-services .snowflake.orange span {
    background-position: -320px -2912px;
}

.key-services .snowflake span {
    background-position: -352px -2912px;
}

.key-services .sunshine.black span {
    background-position: -160px -2976px;
}

.key-services .sunshine.green span {
    background-position: -192px -2976px;
}

.key-services .sunshine.red span {
    background-position: -224px -2976px;
}

.key-services .sunshine.blue span {
    background-position: -256px -2976px;
}

.key-services .sunshine.turquoise span {
    background-position: -288px -2976px;
}

.key-services .sunshine.orange span {
    background-position: -320px -2976px;
}

.key-services .sunshine span {
    background-position: -352px -2976px;
}

.key-services .handshake.black span {
    background-position: -160px -3040px;
}

.key-services .handshake.green span {
    background-position: -192px -3040px;
}

.key-services .handshake.red span {
    background-position: -224px -3040px;
}

.key-services .handshake.blue span {
    background-position: -256px -3040px;
}

.key-services .handshake.turquoise span {
    background-position: -288px -3040px;
}

.key-services .handshake.orange span {
    background-position: -320px -3040px;
}

.key-services .handshake span {
    background-position: -352px -3040px;
}

.key-services .laptop.black span {
    background-position: -160px -3104px;
}

.key-services .laptop.green span {
    background-position: -192px -3104px;
}

.key-services .laptop.red span {
    background-position: -224px -3104px;
}

.key-services .laptop.blue span {
    background-position: -256px -3104px;
}

.key-services .laptop.turquoise span {
    background-position: -288px -3104px;
}

.key-services .laptop.orange span {
    background-position: -320px -3104px;
}

.key-services .laptop span {
    background-position: -352px -3104px;
}

.key-services .mobile.black span {
    background-position: -160px -3168px;
}

.key-services .mobile.green span {
    background-position: -192px -3168px;
}

.key-services .mobile.red span {
    background-position: -224px -3168px;
}

.key-services .mobile.blue span {
    background-position: -256px -3168px;
}

.key-services .mobile.turquoise span {
    background-position: -288px -3168px;
}

.key-services .mobile.orange span {
    background-position: -320px -3168px;
}

.key-services .mobile span {
    background-position: -352px -3168px;
}

.key-services .leisure.black span {
    background-position: -160px -3232px;
}

.key-services .leisure.green span {
    background-position: -192px -3232px;
}

.key-services .leisure.red span {
    background-position: -224px -3232px;
}

.key-services .leisure.blue span {
    background-position: -256px -3232px;
}

.key-services .leisure.turquoise span {
    background-position: -288px -3232px;
}

.key-services .leisure.orange span {
    background-position: -320px -3232px;
}

.key-services .leisure span {
    background-position: -352px -3232px;
}

.key-services .parent-child.black span {
    background-position: -160px -3296px;
}

.key-services .parent-child.green span {
    background-position: -192px -3296px;
}

.key-services .parent-child.red span {
    background-position: -224px -3296px;
}

.key-services .parent-child.blue span {
    background-position: -256px -3296px;
}

.key-services .parent-child.turquoise span {
    background-position: -288px -3296px;
}

.key-services .parent-child.orange span {
    background-position: -320px -3296px;
}

.key-services .parent-child span {
    background-position: -352px -3296px;
}

.key-services .walking.black span {
    background-position: -160px -3360px;
}

.key-services .walking.green span {
    background-position: -192px -3360px;
}

.key-services .walking.red span {
    background-position: -224px -3360px;
}

.key-services .walking.blue span {
    background-position: -256px -3360px;
}

.key-services .walking.turquoise span {
    background-position: -288px -3360px;
}

.key-services .walking.orange span {
    background-position: -320px -3360px;
}

.key-services .walking span {
    background-position: -352px -3360px;
}


/* key services background */

.key-services-background {
    background-repeat: no-repeat;
}

.key-services-background.alt {
    float: left;
    width: 100%;
    margin-top: -1.5em;
}


/* Children list */
ul.children-list {
    list-style-type: none;
    margin: 0;
}

.data-protection {
    float: left;
    width: 100%;
    padding: 2% 4%;
}


/* search */

.search-results {
    width: 100%;
    padding: 1em 4%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.search {
    float: left;
    width: 92%;
    margin: 2.5em 4%;
}

.search fieldset {
    width: 100%;
    border: 0;
    padding: 0;
    margin: 0;
}

.search fieldset legend {
    margin-bottom: 0.5em;
}


/* Strengthening Families search */

.specific-search {
    float: right;
    background-color: #1470b8;
    padding: 0.5em 1em;
    width: 100%;
    margin-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.specific-search #search-sf input[type=radio] {
    height: 16px;
    width: 16px;
    margin: 0 0.333em;
    -moz-appearance: none;
}

.specific-search #search-sf label {
    color: #fff;
}

.specific-search #search-sf {
    display: block;
    width: 100%;
    padding: 0;
}

.specific-search #search-sf #searchform {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.specific-search #search-sf * {
    color: #ffffff;
}

.specific-search #search-sf h3 {
    margin-top: 0.5em;
}

.specific-search #search-sf #searchform #q {
    float: left;
    width: 65%;
    color: #555;
    padding: 0.5em;
}

.specific-search #search-sf #searchform .search-caption {
    color: #ffffff;
    float: left;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.7em;
}

.specific-search #search-sf #searchform .button {
    width: 30%;
    background-color: #1470b8;
    border: 3px solid #ffffff;
    border-radius: 25px;
    color: #fff;
    font-weight: bold;
    padding: 0.333em;
    margin-left: 0.333em;
}

.specific-search #search-sf .button {
    float: left;
    width: auto;
    background-color: #1470b8;
    border: 3px solid #ffffff;
    border-radius: 25px;
    color: #fff;
    font-weight: bold;
    padding: 0 0.333em;
}

.specific-search #search-sf .button:active,
.specific-search #search-sf .button:focus,
.specific-search #search-sf .button:hover,
.specific-search #search-sf #searchform .button:active,
.specific-search #search-sf #searchform .button:focus,
.specific-search #search-sf #searchform .button:hover {
    background-color: #ffffff;
    color: #227cb5;
}

/* radio buttons */
.specific-search #search-sf input[type=radio] {
    display: none;
}

.specific-search #search-sf input[type=radio]:checked+label:after {
    background: none repeat scroll 0 0 #e30613;
    border-radius: 50px 50px 50px 50px;
    content: " ";
    height: 8px;
    width: 8px;
    position: absolute;
    top: 4px;
    left: 3px;
}

.specific-search #search-sf input[type=radio]+label:before {
    background-color: #fff;
    border-radius: 10px;
    display: inline-block;
    position: relative;
    height: 14px;
    width: 14px;
    content: ' ';
    margin-right: 0.333em;
    cursor: pointer;
}

.specific-search #search-sf label {
    display: inline;
    cursor: pointer;
}

.specific-search #search-sf label:first-of-type {
    margin-right: 0.5em;
}

.specific-search #search-sf label:nth-of-type(2) {
    margin-left: 0.5em;
}

/* end radio buttons */

.specific-search-back {
    padding: 0 5px;
}

a:link.specific-search-back {
    float: left;
    color: #1470b8;
    padding: 0.333em 0.666em;
    margin-left: 3%;
    margin-top: 3%;
    border: solid 2px #1470b8;
    border-radius: 25px;
}

a:visited.specific-search-back {
    color: #1470b8;
}

a:hover.specific-search-back,
a:focus.specific-search-back {
    color: #000;
}






/* looking for */

.looking-for {
    float: left;
    width: 84%;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding: 0.5em 4%;
    margin: 0 4%;
}

.looking-for p {
    margin-bottom: 0;
}


/* featured links */

.featured-links {
    float: left;
    width: 92%;
    padding: 2.5em 4% 0;
}

.featured-links div {
    float: left;
    width: 100%;
}

.featured-links a {
    display: block;
}

.featured-links a h2 {
    font-size: 18px;
    font-weight: bold;
    color: #2266ca;
    margin-bottom: 0;
}

.featured-links a h2:after {
    content: " \00BB";
}

.featured-links a p {
    font-size: 14px;
    color: #555;
    margin-bottom: 2.5em;
}

.featured-links a:hover h2,
.featured-links a:focus h2,
.featured-links a:active h2,
.featured-links a:hover p,
.featured-links a:hover p,
.featured-links a:hover p {
    color: #000;
}

.featured-links a:hover h2,
.featured-links a:focus h2,
.featured-links a:active h2 {
    text-decoration: underline;
}


/* featured news */

.featured-news {
    float: left;
    width: 92%;
    padding: 2.5em 4%;
}

.featured-news h2 {
    font-size: 16px;
    font-weight: bold;
}

.featured-news img {
    float: left;
    margin: 0 4% 1.5em 0;
    max-width: 25%;
}

.featured-news p {
    margin-bottom: 0;
}

/* standard news feed (3 items) */
.standard-news {
    margin-top: 0;
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
    background-color: #ebeae8;
    width: 100%;
    float: left;
    min-height: 180px;
    padding: 1.5em 0;
}

.standard-news>h2 {
    padding-left: 1.25em;
}

.standard-news .news {
    width: 100%;
    float: left;
    padding: 0.666em 1.7em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.standard-news .news h2 {
    color: #2266ca;
}

.standard-news .news p,
.standard-news .news .meta {
    color: #555555;
}

.standard-news a.news:hover,
.standard-news a.news:focus,
.standard-news a.news:active {
    background-color: #dedddb;
}

.more-news-link {
    float: right;
    font-weight: bold;
    padding: 1em 1.7em 0 1.7em;
    border-top: solid 1px #ccc;
}


/* ****************************************************************************************** */


/* ********************************************************************************************
 * TEMPLATE : EXTERNAL SERVICE
 */

.page-external-service .content-container {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.page-external-service .content-container.library {
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.3.2/img/external-services/library.jpg);
}

.page-external-service .content-container.binday {
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.3.2/img/external-services/binday.jpg);
}

.page-external-service .content-container.scaffolding {
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.3.2/img/external-services/scaffolding.jpg);
}

.page-external-service .content-container.blueprint {
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.3.2/img/external-services/blueprint.jpg);
}

.page-external-service .search {
    float: left;
    width: 80%;
    background-color: rgba(255, 255, 255, 0.95);
    padding: 2em 4% 2em;
    margin: 4em 0;
    border-radius: 7px;
}

.page-external-service .content-container h1,
.page-external-service .content-container legend {
    margin: 0 0 0.5em;
}

/* ****************************************************************************************** */


/* ********************************************************************************************
 * TEMPLATE : NEWS HOME & NEWS
 */

.page-news-home aside div,
.page-news aside div {
    width: 92%;
    background-color: #fafafa;
    padding: 1em 4%;
}

.page-news-home .news {
    margin-bottom: 2em;
}

.page-news-home .news .meta.date,
.page-news .meta.date {
    color: #555;
}

.page-news-home .news .meta.date {
    border-width: 1px 0;
    border-style: dotted;
    border-color: #ccc;
    margin-bottom: 1em;
    padding: 0.5em 0;
}

.page-news .meta.date {
    margin: 2em 4% 0;
}

.page-news-home .news p {
    margin-bottom: 0;
}

.page-news .meta.date span {
    color: #555;
}


/* Tags */

ul.tag-list li {
    display: inline-block;
    background-color: #2179B0;
    border-radius: 0.250em;
    color: #fff;
    margin: 0.313em 0.313em 0.313em 0;
    cursor: pointer;
}

ul.tag-list li a {
    padding: 0.125em 0.500em;
    text-decoration: none;
    color: #fff;
}

ul.tag-list li:hover,
ul.tag-list li:focus {
    background-color: #003d5d;
}

ul.tag-list {
    list-style-type: none !important;
    display: inline-block !important;
    margin: 0;
}

ul.tag-list li a:visited {
    color: #fff;
}

/* ****************************************************************************************** */


/* ********************************************************************************************
 * TEMPLATE : FIND MY NEAREST & VENUE
 */

/* message */

.page-find-my-nearest .message .loading {
    vertical-align: sub;
    padding-right: 8px;
}

.page-find-my-nearest .message .meta a {
    display: inline-block;
    margin-right: 2em;
}

.page-find-my-nearest aside .form input[type="submit"] {
    margin-bottom: 20px;
}

.page-find-my-nearest aside .form {
    justify-content: unset;
}


/* result */

.page-find-my-nearest .result {
    float: left;
    width: 92%;
    background-color: #fafafa;
    border-bottom: 1px solid #e9e9e9;
    padding: 1em 4%;
    margin-bottom: 1.5em;
    border-radius: 7px;
}

.page-find-my-nearest .result img {
    float: right;
    width: 40%;
    max-width: 275px;
}

.page-find-my-nearest .result .distance {
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.3.2/img/location.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 24px;
    margin-bottom: 0;
    font-size: 14px;
}

p.status-closed {
    display: inline-block;
    border-radius: 0.250em;
    margin: 0.313em 0.313em 1em 0;
    padding: 0.125em 0.500em;
    text-decoration: none;
    color: #fff;
    background-color: #993434;
}

/* details */

.page-venue .venue-details {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 2em;
}


/* opening hours */

.page-venue .opening-hours {
    float: left;
    width: 100%;
    padding: 1em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.page-venue .opening-hours section,
.page-venue .opening-hours section table,
.page-venue .opening-hours ul {
    float: left;
    width: 100%;
}

.opening-hours .additional-hours {
    color: #ff0000;
}


/* venue features */

.page-venue .venue-features {
    float: left;
    margin: 0;
    width: 100%;
}

.page-venue .venue-features section,
.page-venue .venue-features ul {
    float: left;
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.page-venue .venue-features ul li {
    float: left;
    width: 100%;
    border-bottom: 1px dotted #ccc;
    padding: 0.25em 0;
    line-height: 30px;
}

.page-venue .venue-features ul li span {
    width: 50%;
    overflow: visible;
}

.page-venue .venue-features ul li span.details {
    float: right;
    clear: right;
    text-align: right;
    display: block;
    margin-left: 30px;
}

.page-venue .venue-features ul li img {
    padding-right: 10px;
    height: 20px;
    float: left;
    position: relative;
    top: 5px;
}

/* image */

.page-venue .venue-details img {
    display: none;
}

/* items list */

.items-list-unstyled {
    width: 100%;
    float: left;
    margin-bottom: 70px;
}

.items-list-unstyled:nth-child(3) {
    clear: left;
}

.items-list-unstyled ul {
    list-style: none;
    padding: 0;
    margin: 0;

}

.items-list-unstyled ul li {
    border-bottom: dotted 1px #555;
    line-height: 30px;
}

.items-list-unstyled ul li span.details {
    display: block;
    margin-left: 30px;
}


.items-list-unstyled ul img {
    padding-right: 10px;
    height: 20px;
    float: left;
    position: relative;
    top: 5px;
}

.venuesocialmedia {
    float: left;
}

/* ****************************************************************************************** */


/* ********************************************************************************************
 * TEMPLATE : EVENTS HOME & EVENT
 */

/* results */

.page-events-home .result {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
}

.page-events-home .result h2 {
    color: #555;
}

.page-events-home .result img {
    float: right;
    width: 200px;
    display: none;
}

.page-events-home .result .rundate {
    width: 100%;
    display: block;
    font-size: 18px;
}


.page-events-home .result .description {
    /*margin-bottom: 0;*/
}

.page-events-home .result .venue {
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/location.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 24px;
    margin-bottom: 0;
}

.page-events-home .result .future-dates {
    font-size: 14px;
    margin: 1.5em 0 0;
}

.page-events-home .result .future-dates .future-dates-label {
    color: #555;
}


/* event dates */

.page-event .event-dates {
    border-top: 1px dotted #ccc;
    padding: 1em 1em 0.5em;
}

.page-event .event-dates h2 {
    font-size: 22px;
    font-weight: 600;
    color: #555;
}

.page-event .event-dates ul {
    list-style: none outside none;
    margin: 0;
}

.page-event .event-dates ul li {
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.3.2/img/article-icons/calendar.png);
    background-repeat: no-repeat;
    background-position: left 0.75em;
    padding: 0.5em 0 0.5em 24px;
}

.page-event .event-dates ul li.expired {
    color: #e62525;
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.3.2/img/article-icons/alert-red.png);
}



/* event details */

.page-event aside {
    margin-bottom: 0;
}

.page-event .event-details {
    border-width: 1px 0;
    border-style: dotted;
    border-color: #ccc;
    padding: 1em 1em 0.5em;
    margin-bottom: 2em;
}

.page-event .event-details ul {
    margin: 0;
}

.page-event .event-details ul {
    list-style: none outside none;
    margin: 0;
}

.page-event .event-details ul li {
    padding: 0.5em 0;
}

.page-event .event-details ul li span {
    display: inline-block;
    vertical-align: top;
}

.page-event .event-details ul li .item {
    width: 30%;
    color: #555;
}

.page-event .event-details ul li .value {
    width: 68%;
}


/* event venue */

.page-event .venue-details {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 2em;
}

/* map */

.page-event .map {
    position: relative;
    float: left;
    width: 100%;
}

.page-event .map .cover,
.page-event .map iframe {
    width: 100%;
    height: 480px;
}

.page-venue .map .cover,
.page-venue .map iframe {
    width: 100%;
    height: 240px;
}

.page-event .map .cover {
    position: absolute;
}

.page-event .map iframe {
    float: left;
}


/* address */

.page-event .address {
    float: left;
    width: 92%;
    margin: 0 4% 2em;
}

.page-event .address p {
    margin-bottom: 0;
}

/* ****************************************************************************************** */


/* ********************************************************************************************
 * TEMPLATE : MEET THE TEAM HOME & MEET THE TEAM
 */

/* navigation */

.page-team-home ul.scroll-to li {
    display: block;
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.3.2/img/article-icons/users.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0.25em 0 0.25em 24px;
}


/* team list */

.page-team-home .sub-team {
    float: left;
    width: 100%;
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px dotted #ccc;
}

.page-team-home .sub-team .member {
    float: left;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.05);
    margin-bottom: 4%;
}

/*.page-team-home .sub-team .member a {
	float: left;
	width: 100%;
}*/

.page-team-home .sub-team .member h3,
.page-team-home .sub-team .member p {
    float: left;
    width: 62%;
}

.page-team-home .sub-team .member h3 {
    font-size: 16px;
    font-weight: bold;
    color: #2266ca;
    margin: 0.5em 4%;
}

.page-team-home .sub-team .member h3 span {
    display: block;
    color: #555;
}

.page-team-home .sub-team .member p {
    color: #555;
    margin: 0 4% 4%;
}

.page-team-home .sub-team .member div {
    float: right;
    width: 30%;
}

.page-team-home .sub-team .member div img {
    display: block;
}

.page-team-home .sub-team .member a:hover h3,
.page-team-home .sub-team .member a:focus h3,
.page-team-home .sub-team .member a:active h3,
.page-team-home .sub-team .member a:hover h3 span,
.page-team-home .sub-team .member a:focus h3 span,
.page-team-home .sub-team .member a:active h3 span,
.page-team-home .sub-team .member a:hover p,
.page-team-home .sub-team .member a:focus p,
.page-team-home .sub-team .member a:active p {
    color: #000;
}


/* sidebar */

.page-team aside div img {
    display: block;
    margin: 0 auto;
}

/* ****************************************************************************************** */


/* ********************************************************************************************
 * TEMPLATE : CONSULTATION HOME & CONSULTATION
 */

/* result */

.page-consultations-home .result {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
}

.page-consultations-home .result h2,
.page-consultations-home .result .description {
    margin-left: 88px;
}

.page-consultations-home .result .description {
    margin-bottom: 0;
}

.page-consultations-home .result .date {
    float: left;
    width: 72px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
}

.page-consultations-home .result.open .date {
    background-color: #f4f4f4;
}

.page-consultations-home .result.closing .date {
    background-color: #fff8ab;
}

.page-consultations-home .result .date p {
    line-height: 1.25em;
    text-align: center;
    margin-bottom: 0;
    text-shadow: 0 1px #fff;
}

.page-consultations-home .result.open .date p {
    color: #696969;
}

.page-consultations-home .result.closing .date p {
    color: #595200;
}

.page-consultations-home .result .date p.title {
    padding: 6px;
}

.page-consultations-home .result.open .date p.title {
    background-color: #e9e9e9;
}

.page-consultations-home .result.closing .date p.title {
    background-color: #f2ea8a;
}

.page-consultations-home .result .date p.day {
    font-size: 24px;
    padding: 0 4px;
}

.page-consultations-home .result .date p.month {
    padding: 0 4px 4px;
}

.page-consultations-home .result .date p.year {
    padding: 0 4px 6px;
}

.page-consultations-home .result .date p.today {
    padding: 6px 4px;
}


/* related information */

.page-consultations-home aside.related-information {
    clear: right;
}

.page-consultations-home aside.related-information section ul {
    font-weight: bold;
    list-style: none outside none;
    margin-left: 0;
}

.page-consultations-home aside.related-information section ul li {
    margin-bottom: 0.5em;
}

.page-consultations-home aside.related-information section ul li a {
    display: block;
    color: #4C6B7A;
    background-color: #e6f3fa;
    border-left: 4px solid #8fb4c7;
    padding: 0.5em 1em;
}

.page-consultations-home aside.related-information section ul li a:hover,
.page-consultations-home aside.related-information section ul li a:focus,
.page-consultations-home aside.related-information section ul li a:active {
    color: #000;
    background-color: #cee2ed;
    border-color: #7da6ba;
}


/* info */

.page-consultation .consultation-details {
    padding: 0.5em 1em;
    margin-bottom: 4em;
}

.page-consultation .consultation-details.open {
    background-color: #edffef;
}

.page-consultation .consultation-details.closed {
    background-color: #ffeded;
}

.page-consultation .consultation-details.future {
    background-color: #fff7ed;
}

.page-consultation .consultation-details ul {
    list-style: none outside none;
    margin: 0;
}

.page-consultation .consultation-details ul li {
    padding: 0.5em 0;
}

.page-consultation .consultation-details ul li span {
    display: inline-block;
    vertical-align: top;
}

.page-consultation .consultation-details ul li .item {
    width: 30%;
    color: #696969;
}

.page-consultation .consultation-details ul li .value {
    width: 68%;
}

.page-consultation .consultation-details ul li .value.status {
    font-weight: bold;
}

.page-consultation .consultation-details ul li .value.open {
    color: #008000;
}

.page-consultation .consultation-details ul li .value.closed {
    color: #b70000;
}

.page-consultation .consultation-details ul li .value.future {
    color: #ed8200;
}


/* map */

.map {
    float: left;
    width: 100%;
}

.page-consultation .map {
    margin-bottom: 2em;
}

/* Venue alert boxes */
#alert,
#closed,
#open {
    padding: 0.333em 1em;
}

#alert {
    background-color: #fffcc0;
}

#closed {
    background-color: #ffe0e0;
}

#open {
    background-color: #e1ffdc;
}

/* Document Library listing css */

.documentslist a {
    font-weight: bold;
}

.documentslist ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

.documentslist h2 {
    border-bottom: solid 1px #808080;
    border-top: solid 1px #808080;
    background-color: #f5f5f5;
    padding-left: 10px;
}

.documentslist ul li {
    padding: 10px;
    border-bottom: dotted 1px #ebebeb;
    margin-bottom: 10px;
    overflow: hidden;
}

.documentslist ul li span {
    font-size: 12px;
    width: 100%;
    display: block;
}

/* apply for report it pages */

.apply-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    float: left;
    padding: 2% 4%;
}

.sectionlist {
    margin-bottom: 1em;
    width: 100%;
}

.sectionlist ul li a {
    display: block;
    padding-left: 24px;
    background-image: url('/images/arrow-right.png');
    background-repeat: no-repeat;
    background-position: 0 0.188em;
}

.filter-container {
    align-items: center;
    background-color: #1470b8;
    color: #fff;
    padding: 0.5em 1em;
    margin: 0;
    position: relative;
    width: 100%;
    min-height: 5em;
}

.filter-container form {
    display: grid;
    grid-template-columns: 50% auto;
    float: none;
}

.filter-container .form label {
    line-height: 2em;
}

.filter-container .form select {
    display: inline;
}

.filter-container h2 {
    color: white;
    text-align: center;
}

.filter-container input {
    margin-left: 1.7em;
}

.filter-container form input[type="text"] {
    display: inline;
    min-width: 250px;
}

.filter-container .form input:focus,
.filter-container .form select:focus {
    outline: 3px solid #eeb92a;
}

.filter-container .formcol {
    display: inline;
}

.content-container-hotlinks {
    padding: 2% 4% 2em;
}

form.form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 1em 0;
}

.formcol {
    display: flex;
    flex-wrap: wrap;
    margin-right: 3%;
}

.formcol:last-of-type {
    margin-right: 0;
}

select#filterCategory {
    margin-left: 1em;
    width: 262px;
}

/* ****************************************************************************************** */

/* Power BI Report embeds */

#mobileView {
    display: block;
}

#desktopView {
    display: none;
}