/* 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: #237fba;
    border-bottom: solid 3px #005785;
	/* 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/v1.5/img/new-v3/sc-logo-v3.png);
    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-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 {
    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;
}


.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.apply-for-it .title,
.service-buttons a.pay-for-it .title,
.service-buttons a.report-it .title,
.service-buttons a.get-involved .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 {
    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.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;
}



/*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;
}
.footer-location-meta a:hover, .footer-location-meta a:focus {
    /*background-color: transparent;*/
    color: #87ceeb;
    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 .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 {
    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;
}
.cookie-warning a{
    color: #87ceeb;
    display: inline-block;
    vertical-align: middle;
}
.cookie-warning a:hover, .cookie-warning a:focus {
    text-decoration:underline;
}
.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;
}


/* 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 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #1470b8;
    color: #fff;
    padding: 0.5em 1em;
    margin: 0;
    position: relative;
    width: 100%;
    min-height: 5em;
}

    .filter-container h2 {
        color: white;
        width: 100%;
        text-align: center;
    }

    .filter-container h3 {
        color: white;
    }


        .filter-container input {
            margin-left: 1.7em;
        }
    .filter-container .form input:focus, .filter-container .form select:focus {
    	outline: 3px solid #eeb92a;
	}
    
.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;
}

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