/* SHROPSHIRE COUNCIL CSS - MEDIUM */

.background {
	background-color: transparent;
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/new-v3/full-bg.jpg);
    background-repeat:no-repeat;
    background-size: 100%;
}
.col-1 {
    width:65%;
    border-right: solid 1px #e4e4e4;
}
.col-2 {
    width:35%;
}
 
/* ********************************************************************************************
 * HEADER
 */

/* logo */

header {
	z-index: 1000;
	height: 60px;
}
header h1 {
	padding: 0;
	position: relative;
	left: -50px;
}
#navbar-wrapper {
	margin-top: 20px;
}
header h1 a {
	background-image: url('https://images.static.shropshire.gov.uk/newshropshire/v2.0.2/img/sc-logo-swoosh-v1_250x80.svg');
	background-size: contain;
	height: 76px;
	width: 240px;
}
.background {
	margin-top: -4.5em;
}


/* search */

#search {
	width: 50%;
}

/* Subscribe button */
.button.govdelivery {
    margin-bottom: 0px;
}

/* specific-search e.g. early help */
.specific-search{
    padding: 1em 1.25em;
    width: 45%;
    margin-right: 3%;
}
.search-results{
	width: 50%;
}
a:link.specific-search-back {
	margin-top: 0;
}
/* ****************************************************************************************** */


/* ********************************************************************************************
 * FOOTER
 */

/* links */

footer .footer-links {
	float: left;
	width: 50%;
}
.footer-links ul {
    width:50%;
    margin-right:20px;
    border-right:solid 1px #565656;
}
footer .footer-links p.footer-link {
    width: 45%;
}


/* location */

footer .footer-location .footer-location-control {
    background-image: none;
	padding-left:0;
}
footer .footer-location {
    float:right;
    width:46%;
    background-image: url(https://images.static.shropshire.gov.uk/newshropshire/v1.5/img/new-v3/location-icon-sm.png);
    background-position:3% 50%;
    background-repeat:no-repeat;
}

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


/* ********************************************************************************************
 *  NEWSFLASH
 */

.message.newsflash, .message.news-alert {
	display: flex;
}
.message.newsflash a, .message.newsflash div.no-link {
    width: 90%;
}
.message.newsflash div, .message.newsflash a {
	float: left;
	position: relative;
}
.message.newsflash h2 {
    float: left;
}
.message.newsflash h3, .message.newsflash p {
    color: #fff;
}


.newsflash-heading {
	float:left;
    width: 20%;
    margin-right: 5%;
    padding: 0.666em;
}
.newsflash-heading h2 {
	margin: 0;
}
.newsflash-content {
	float:left;
    width: 65%;
	margin-right:5%;
}
.newsflash-dismiss {
    width: 10%;
}

span.readmorelink/*, .dismisslinks*/ {
	bottom: 0;
    right: 0;
}
.dismisslinks {
    margin: 0;
}

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


/* ********************************************************************************************
 * COOKIES AGREEMENT
 */

.cookie-warning a.cookiesettings {
    width: auto;
}

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


/* ********************************************************************************************
 * GENERIC : CONTENT
 */

article .container {
	width: 100%;
}

.sc-container {
	margin-top: 20px;
}

.content {
	padding: 2% 4%;
}
.content-container
{
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}
.content-container-hotlinks {
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}
.content-container .content {
	width: 60%;
	margin-right: 0;
}
.content-container h1, .content-container-full h1 {
    padding: 0 3.25em;
    margin-bottom:0.333em;
}
#content_page .content {
    float: left;
    width: 60%;
}

aside {
	float: right;
	margin: 2% 3%;
	width: 28%;
}


/* service title */

.service-title {
	font-size: 2.375em;
}

.service-title a {
	text-shadow: 0 1px #fff, 0 -1px #555;
}


/* service navigation */

#menu-dropdown {
    max-width: 1024px;
}

#menu-dropdown ul {
	font-size: 1em;
}

#menu-category {
    float: left;
    width: 33.333%;
}
#menu-service-area {
    float: left;
    width: 33.333%;
}
#menu-content {
    float: left;
    width: 33.333%;
}
#menu-dropdown ul li a {
	position: relative;
	padding: 0.5em 1em 0.5em 2.5em;
}

#menu-dropdown ul li.active a {
    background-color: #555;
}
#menu-category li.active a::before, #menu-service-area li.active a::before {
    content: '\00BB';
}
#menu-dropdown ul li a.cta-contact {
    background-position:3% 50%;
}
#menu-category li.active a::before, #menu-service-area li.active a::before {
	background-image: none;
}
#menu-service-area li, #menu-content li {
    background-color: inherit; 
}
#menu-also-in li {
	width:33.33%;
}
a.menu-homepage {
	background-color:#2A79AB;
}



/* call to action */

.cta a.fat-button {
	font-size: 1.5em;
}

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


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

 .home {
	 float:left;
	 width:100%;
 }

/* key services */

.forcebannerheight {
        height: 8em;
	}

.key-services.two a, 
.key-services.three a {
	border-width: 1px;
	border-style: solid;
	border-color: #ebebeb #e9e9e9 #ddd;
	border-radius: 13px;
	margin-bottom: 0;
	box-shadow: 0 -3px 2px rgba(0, 0, 0, 0.05) inset;
}

.key-services.two a h2, 
.key-services.three a h2 {
	font-size: 1.25em;
	text-align: center;
	padding-left: 0;
	margin-bottom: 0.5em;
}

.key-services.more a h2 {
	font-size: 1.125em;
}

.key-services.two a span, 
.key-services.three a span {
	position: static;
	margin: 0 auto;
}

.key-services.two div {
	width: 48%;
	margin-right: 4%;
}

.key-services.three div {
	width: 30.666667%;
	margin-right: 4%;
}

.key-services.more div {
	clear: both;
	width: 60%;
}

.key-services.two div:nth-child(2n), 
.key-services.three div:nth-child(3n) {
	margin-right: 0;
}

.key-services.more a {
	background-color: #fff;
}

/* key services background */

.key-services-background.alt {
	margin-top: 0;
}


/* looking for */

.looking-for  {
	margin-bottom: 2.5em;
}


/* featured links */

.featured-links.two div, 
.featured-links.three div, 
.featured-links.four div {
	width: 48%;
	margin-right: 4%;
}

.featured-links.two div:nth-child(2n), 
.featured-links.three div:nth-child(2n), 
.featured-links.four div:nth-child(2n) {
	margin-right: 0;
}


/* featured news */

.featured-news h2 {
	font-size: 1.125em;
}

/* standard news */

.standard-news .news {
  width: 33.33%;
}

.more-news-link {
	clear:both;
}

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

/* ********************************************************************************************
 * TEMPLATE : HOMEPAGE
 */
 .top-tasks {
	width: 50%;
	margin-right: 5%;
}
.service-buttons {
    width: 45%;
}

.mini-feature {
    width: 50%;
}
.mini-feature:nth-child(4n-1) {
    clear: both;
}
aside.also-in-this-category {
    width: 94%;
}

.pay-for-left, .pay-for-right {
	width:50%;
	padding:1em 1.7em;
}

#pay-for-dropdown {
    padding: 2.5em 10%;
}
#pay-for-dropdown .button.primary {
    margin-top: 0;
    width: 20%;
}
.homepage-area  {
	padding-bottom:0;
}
.homepage-area .cta-more {
    top: 0;
	bottom:auto;
	padding: 0.6em 0.75em;
}

span.meta.date {
    width: 100%;
}
.feature-text {
    width: 46%;
}
.homepage-area a {
    width: 33.333%;
}
.homepage-area .news {
    width: 50%;
}
/* ****************************************************************************************** */




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


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

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


/* ********************************************************************************************
 * TEMPLATE : FIND MY NEAREST & VENUE
 */
/* ****************************************************************************************** */
.venuesocialmedia {
    float:left;
}

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

/* event dates */

.page-event aside {
	margin-bottom: 2em;
}

.page-event .event-dates {
	border-top: none;
	background-color: #fafafa;
}

.page-event .event-dates h2 {
	font-size: 1.125em;
	font-weight: normal;
}

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


/* ********************************************************************************************
 * TEMPLATE : MEET THE TEAM HOME & MEET THE TEAM
 */

/* navigation */

.page-team-home ul.scroll-to li {
	display: inline-block;
	padding: 0 16px 0 24px;
}


/* team list */

.page-team-home .sub-team .member {
	width: 33%;
	background-color: transparent;
	/*margin-right: 1%;*/
}

.page-team-home .sub-team .member a:hover, 
.page-team-home .sub-team .member a:focus, 
.page-team-home .sub-team .member a:active {
	background-color: rgba(0, 0, 0, 0.05);
}
/*.page-team-home .sub-team .member {
    border-bottom: solid 1px #555;
}*/

.page-team-home .sub-team .member h3,
.page-team-home .sub-team .member p {
    width: 100%;
    text-align: center;
}
.page-team-home .sub-team .member h3 {
	display: table-cell;
	font-size: 1.125em;
	vertical-align: bottom;
    margin: 0 0 0.5em;
}
.page-team-home .sub-team .member p {
    margin: 0;
}

.page-team-home .sub-team .member div {
    position: relative;
    float: none;
    width: auto;
	/*width: 60%;*/
	/*text-align: center;*/
	/*margin: 0 3.5em;*/
}
    .page-team-home .sub-team .member div img {
        margin: 0 auto;
    }
/* ****************************************************************************************** */


/* ********************************************************************************************
 * TEMPLATE : CONSULTATION HOME & CONSULTATION
 */

/* result */

.page-consultations-home .result h2, 
.page-consultations-home .result .description {
	margin-left: 96px;
}

.page-consultations-home .result .date p.day {
	font-size: 2em;
}

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

/* apply for report it pages */
    .sectionlist {
        width: 45%;
	}