﻿/* -----------------------------------------------------------------------
 ** Created by Adam Stanley - CEC Web Team
 ** Main font colour #525455
 ** Default link colour #000000
----------------------------------------------------------------------- */

.mb-0 {
  margin-bottom: 0!important;
}


body {
font-family: 'roboto_slabregular', serif;
letter-spacing: 1px;
color: #525455;
font-size: 15px;
}

strong {
font-family: 'roboto_slabbold';
}

ol, ul {
margin: 15px 0px 15px 0px;
}

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

/* RESPONSIVE IMAGES */
img {
height: auto;
max-width: 100%;
}

/* BROWSER UPDATE MESSAGE */
.updatebrowser {
background-color: #fff;
text-align: center;
padding: 10px;
border-bottom: 2px solid #cacaca;
margin-bottom: 15px;
}

/* HEADINGS */
h1 {color:#333;}
h2 {color:#333;}
h3 {color:#333;}
h4 {color:#333;}
h5 {color:#333;}


/* LOGO */
.lscblogo {
margin-top:10px;
float: left;	
}
.lscblogomobile {
display: none;
}

/* STRAPLINE */
.straplinestrong {
margin-top: 25px;
font-size: 24px;
color: #731472;
font-family: 'roboto_slabbold';
}
.strapline {
font-size: 23px;
color: #731472;
}
.straplinecentre {
font-size: 24px;
color: #731472;
text-align: center;
}

/* TOP NAVIGATION */
.lscbnav {
background-color: #56585a;
margin-top: 10px;
}
.glyphicon {
padding-right: 7px;
}

/* LINKS */
/* a, a:link, a:visited, a:hover, a:active, a:focus */
a, a:link, a:visited {
color: #000;
text-decoration: underline;
}
a:hover {
color: #dd7720;
}
a:focus {
outline: 2px solid #dd7720;
}
.navbar-default .navbar-nav > li > a {
color: #fff;
text-decoration: none;
}
.navbar-default .navbar-nav > li > a:hover {
color: #fff;
text-decoration: underline;
}
.navbar-default .navbar-nav > li > a:focus {
color: #fff;
text-decoration: underline;
}
.navbar-nav li {
border-right: 1px solid #4f4f4f;
font-size: 16px;
min-height: 70px;
}
a.carousel-control, a:link.carousel-control, a:visited.carousel-control {
color: #fff!important;
}
.carousel-caption a {
color: #fff;
text-decoration: none;
border-bottom: 1px solid #fff;
}
.topquicklink {
margin-top: 105px;
}
.quicklinkbutton {
float: left;
width: 100%;
background-color: #731472;
border: 1px #000 solid;
padding: 18px 5px;
text-align: center;
margin-bottom: 45px;
}
a.quicklinkbutton {
font-size: 17px;
font-family: 'roboto_slabbold';
color: #fff;
text-decoration: none;
}
footer a, footer a:link, footer a:visited {color:#fff}

/* TASK BOXES */
a.taskheader {
color: #fff;
text-decoration: none;
}
.orangebox {
min-height: 205px;
}
.greenbox {
min-height: 205px;
}
.pinkbox {
min-height: 205px;
}
.taskbox {
display: block;
margin-bottom: 20px;
}
.taskboxheaderorange {
background-color: #f47822;
padding: 10px 3px 3px 3px;
text-align: center;
color: #fff;
}
.taskboxheadergreen {
background-color: #1a9090;
padding: 10px 3px 3px 3px;
text-align: center;
color: #fff;
}
.taskboxheaderpink {
background-color: #ee2686;
padding: 10px 3px 3px 3px;
text-align: center;
color: #fff;
}
.taskbox img {
max-width: 100%;
}
.taskbox img {
width: 100%;
max-width: 100%;
height: auto;
}

/* IMAGE NAV ON STAY SAFE ONLINE PAGE */
div.row.image-nav {
margin-top: 15px;
text-align:center;
}
div.row.image-nav a img {
margin-bottom: 20px;
transition: all 0.3s ease 0s;
}
div.row.image-nav a img:hover {
transform: scale(1.1);
}
div.row.image-nav a {
overflow: hidden;
}
div.row.image-nav .col-xs-12, div.row.image-nav .col-sm-6, div.row.image-nav .col-md-6, div.row.image-nav .col-lg-6 {
margin-bottom: 20px;
min-height:315px;
}

/* RIGHT NAV */
#submenu ul {
padding-left:0px;
margin-top: 0px;
}
#submenu li {
border-bottom: 1px solid #b989b8;
padding: 6px 13px;
list-style: none outside none;
}
#submenu li.currentMenuItem {
background-color: #e6d5e6;
color: #731472;
}
#submenu a {
text-decoration: none;
background-color: #fff;
}
#submenu a:hover {
background-color: #fff;
}
.sys_currentitem {
font-weight: bold;
}
.parentMenuItem {
display: none;
}

/* CAROUSEL */
/* Carousel base class */
.carousel {
  height: 300px;
  margin-bottom: 30px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
z-index: 10;
background-color: rgba(0, 0, 0, 0.7);
padding-top: 10px;
}
/* Declare heights because of positioning of img element */
.carousel .item {
  height: 300px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 300px;
}
.carousel-caption h3{color:#fff;}

/* TABLES */
th, td, tr {
border: 1px solid #525455;
border-collapse: collapse;
padding: 5px;
}
th {
font-weight: bold;
text-align: center;
}
caption {
text-align: center;
}
td {
  vertical-align: top;
}

/* SEARCH */
.sys_search-label, .sys_search-type-label {
position: absolute;
left: -9999em;
}
.sys_search-operator-label{
display: block;
}
#SearchResultsExtended_AdvancedSearchControl_SearchButton{
margin: 5px 0px;
}
.sys_searchbutton {
margin-left: 15px;
}
.sys_subitem-heading {
font-size: 17px;
}
dt.sys_search-description {
position: absolute;
left: -9999em;
}
.sys_search-url {
position: absolute;
left: -9999em;
}
#SearchResultsExtended_SearchResults_List {
margin-top: 30px;
border-top: 1px solid #eee;
}
.sys_searchmode {
margin-bottom: 13px;
}
.sys_searchbox {
margin: 10px 0px 10px 0px;
}

/* HOMEPAGE ADVERT */
.privatefostering {
border:10px solid #8dd9f7;
border-radius: 8px;
padding: 10px;
}

/* FOOTER */
footer {
background-color: #56585a;
padding: 10px 0px 15px 0px;
}
footer h2, footer p {
color: #fff;
}
ul.footer-list {
margin: 0;
padding: 0;
}
.footer-list li {
margin-top: 20px;
}

/* USER SELECTABLE STYLES IN CONTENSIS CMS EDITOR */
.usr_ImageRight {float: right; margin: 0 0 20px 20px;}
.usr_ImageLeft {float: left; margin: 0 20px 20px 0;}
.usr_LSCBTable {
border: 1px solid #525455;
border-collapse: collapse;
}
.usr_CaptionHide {display:none; visibility:hidden;}

/* MEDIA QUERIES */
@media all and (max-width: 991px) {
.topquicklink {
margin-top: 10px;
}
.quicklinkbutton {
margin-bottom: 30px;
}
.navbar-right {
margin-right: -35px;
}
.glyphicon {
display: none;
}
nav#submenu{
border-top: 1px solid #eee;
margin-top: 22px;
}
}

@media all and (max-width: 768px) {
.navbar-nav li {
text-align: center;
border-right: none;
}
.navbar-right {
margin-right: -15px;
}
}

@media all and (max-width: 480px) {
.lscblogomobile {
display: block;
text-align: center;
margin-top: 7px;
}
.lscblogo {
display: none;
}
.straplinestrong {
display: none;	
}
.strapline {
display: none;
}
}

/* WEB FONTS */
/* Regular text */
@font-face {
font-family: 'roboto_slabregular';
src: url('/siteelements/fonts/RobotoSlab-Regular-webfont.eot');
src: url('/siteelements/fonts/RobotoSlab-Regular-webfont.eot?#iefix') format('embedded-opentype'),
 url('/siteelements/fonts/RobotoSlab-Regular-webfont.woff') format('woff'),
 url('/siteelements/fonts/RobotoSlab-Regular-webfont.ttf') format('truetype'),
 url('/siteelements/fonts/RobotoSlab-Regular-webfont.svg#roboto_slabregular') format('svg');
font-weight: normal;
font-style: normal;
}
/* Strong/Bold text */
@font-face {
font-family: 'roboto_slabbold';
src: url('/siteelements/fonts/RobotoSlab-Bold-webfont.eot');
src: url('/siteelements/fonts/RobotoSlab-Bold-webfont.eot?#iefix') format('embedded-opentype'),
 url('/siteelements/fonts/RobotoSlab-Bold-webfont.woff') format('woff'),
 url('/siteelements/fonts/RobotoSlab-Bold-webfont.ttf') format('truetype'),
 url('/siteelements/fonts/RobotoSlab-Bold-webfont.svg#roboto_slabregular') format('svg');
font-weight: normal;
font-style: normal;
}
/* Cookie control */
#ccc-icon.ccc-icon--dark {
    fill: rgb(0 0 37 / 46%) !important;
}

 .side-panel li {
	padding: .2rem 0;
}



.banner {
  width: 100%!;
  display: flex;
}

.banner img {
  width: 100%;
}
.navbar {
  margin-bottom: .5rem;
}