/* CSS Document */

.map_pin{
	width: 2%;
    height: 3%;
    position: absolute;
}
.map {
 	position:relative;
}
.map>img {
	width:100%;
	height:100%;
}

.pagination > li > a.current,
.pagination > li > span.current
{
	color:#C51F20;
}

.sidebar .articles-heading,
.articles .articles-heading {
	margin-top:0px;
}

/*********************************************************/
/* Slider Controls Styling */
/* Slider Dots Outline */
.slick-dots li {
	display: inline-block;
	border: 1px solid #64708a;
	border-radius: 100px;
	height: 16px;
	width: 16px;
	background: #fff;
    margin: 0 5px;
}

/* Slider Dots Button */
.slick-dots li button {
	border-radius: 100px;
	text-indent: -9999px;
	height: 12px;
	width: 12px;
	margin-left: 1px;
    margin-top: 1px;
	display: block;
	background-color: white;
	border: hidden;
	padding:0px;
	outline:none;
}

/* Slider Dots Button When Active */
.slick-dots .slick-active button {
	border-radius: 100px;
	text-indent: -9999px;
	height: 12px;
	width: 12px;
	margin-left: 1px;
    margin-top: 1px;
	display: block;
	background-color: #64708a;
	border: hidden;
}

/* Slider Dots Container */
.slick-dots {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 95%
}
@media (max-width: 500px) {
	.slick-dots {
		position: relative;
		top: 20px;
	}
}

/* Slider Previous Button*/
header .slider .slick-prev {
	position: absolute;
	z-index: 999;
	top: 50%;
	text-indent: -9999px;
	background-color: transparent;
	background-image: url('../images/left-nav3.png');
	background-repeat: no-repeat;
	border: none;
	outline: none;
	height: 80px;
    width: 60px;
	opacity:0.0;
    filter:alpha(opacity=0);
}

/* Slider Next Button*/
header .slider .slick-next {
	position: absolute;
	z-index: 999;
	right: 0%;
	top: 50%;
	text-indent: -9999px;
	background-color: transparent;
	background-image: url('../images/right-nav3.png');
	background-repeat: no-repeat;
	border: none;
	outline: none;
	height: 80px;
    width: 60px;
	opacity:0.0;
    filter:alpha(opacity=0);
}

/* Slider Previous Button on hover*/
header .slider .slick-prev:hover {
	position: absolute;
	z-index: 999;
	top: 50%;
	text-indent: -9999px;
	background-color: transparent;
	background-image: url('../images/left-nav3.png');
	background-repeat: no-repeat;
	border: none;
	outline: none;
	height: 80px;
    width: 60px;
	opacity:1.0;
    filter:alpha(opacity=100);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* Slider Next Button on hover*/
header .slider .slick-next:hover {
	position: absolute;
	z-index: 999;
	right: 0%;
	top: 50%;
	text-indent: -9999px;
	background-color: transparent;
	background-image: url('../images/right-nav3.png');
	background-repeat: no-repeat;
	border: none;
	outline: none;
	height: 80px;
    width: 60px;
	opacity:1.0;
    filter:alpha(opacity=100);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.section-bg-image .slick-slider 
{
	width:50%;
	height:100%;
}
.section-bg-image .slick-list
{
	width:100%;
	height:100%;
}
.section-bg-image .slick-track
{
	height:100%;
}
/*********************************************************/
/* 404 page styling */
/* Removes header banner for 404 page */
.page-404 .header{
	display:none;
}

/* Removes accreditations footer for 404 page */
.page-404 .section-accreditation{
	display:none;
}

/* Styles return to homepage button */
.container-404 .btn {
	background-color: #64708a;
}

/* Styles return to homepage button on hover */
.container-404 .btn:hover {
	background-color: #939DB1;
}

.page-404 {
	background-color: #1f345c;
}

.space-404 {
	height: 2px;
	background-color: #64708a;
}

.container-404 h1, .container-404 h2, .container-404 p {
	text-align: center;
}

.container-404 {
	background-color: white;
    padding-top: 20px;
}

/*********************************************************/
/* Service Details Template - Local Authority Logos Section Styling  */

.local-authority {
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 30px;
}

.council-layout {
	text-align: center;
}

.logos-title {
	padding-bottom: 25px;
}

.section-services-council {
	padding-bottom: 25px;
	padding-top: 10px;
}

.section-services-council h2 {
	text-align: center;
}

/*********************************************************/
/* Service Details Template - Intro styling fixes */

.section-services-logo {
	padding: 20px 0;
}

.section-services-logo p {
	margin: 6px 0;
}

.section-services-logo h2 {
	margin-bottom: 0;
}

/*********************************************************/
/* Accessibility Fixes */
/* Will not be read by screenreaders */
.accessibility-none {
	display: none;
}

/*Will be hidden but still readable for screenreaders */
.accessibility-hidden {
  position: absolute; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height: 1px; width: 1px; 
  margin: -1px; padding: 0; border: 0; 
}

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

@media (max-width: 767px) {
	.map_pin{
		width: 2%;
		height: 3%;
		position: absolute;
		margin-top:-5px;
	}
}

/*********************************************************/
/* Careers page */
.mmd-button {
	color: #fff;
    background-color: #4497ce;
    padding: 7px 20px;
    border-radius: 25px;
	border: 0px solid #fff;
}

.mmd-button:hover, 
.mmd-button:active, 
.mmd-button:focus {
	background-color: #f5a71e;
	color: #fff;
}

.col-lg-offset-mmd {
	margin-left: 12.5%;
}

.items .item .item-body.body-mmd {
	padding: 30px 25px;
}


/*********************************************************/
/* Emergency Message Marquee Styling */
.mmd-sliding-message {
	background-color: #0c3054;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	display: flex;
}

.mmd-sliding-message marquee {
	margin: 5px 15px;
	color: #fff;
	font-family: 'montserratlight', arial, sans-serif;
	font-size: 18px;
	line-height: 1.5;
	font-weight: normal;
	width: 100%;
}

.mmd-sliding-message marquee p {
	margin: 0;
	color: #fff;
	display: inline;
}

.mmd-sliding-message marquee a {
	margin: 0;
	color: #fff;
}

/* Homepage awards section */
.section-awards {
	text-align: center;
}
.award-image-container {
	margin-bottom:20px;
}
.btn-awards {
	margin-top:40px;
}
.awards-title {
	margin-bottom: 40px;
}
