﻿/* DEFINE ICOMOON FONT FAMILY */

@font-face {
  font-family: 'icomoon';
  src: url('/SiteElements/font/icomoon.eot');
  src: url('/SiteElements/font/icomoon.eot?#iefix') format('embedded-opentype'), 
	   url('/SiteElements/font/icomoon.woff') format('woff'), 
	   url('/SiteElements/font/icomoon.ttf') format('truetype'), 
	   url('/SiteElements/font/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before,
[class*="icon-"]:before {
  font-family: 'icomoon'!important;
  float: left!important;
  width: 100%!important;
}

@font-face {
  font-family: 'Rubik';
  src: url('/SiteElements/font/Rubik-Regular.ttf');
}

body {
	margin:0;
	padding:0;
	font-family: "Rubik", "sans-serif";
}

/* HEADERS */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
	color:#000;
}

.content h2 {
  font-size: 1.5em;
}

.content h3 {
  font-size: 1.3em;
}

.content h4 {
  font-size: 1.1em;
}

.content h5 {
  font-size: 1.1em;
  font-weight: normal;
}

.content h6 {
  font-size: 1.1em;
  font-weight: normal;
}

/* GLOBAL LISTS */
ul {
	margin:0;
	padding:0;
	list-style:none;
}

.show {
  display: block!important;
}

/* BUTTON */
.btn {
}

/* DOCUMENT ICONS */
a[href$='.doc'],
a[href$='.docx'] ,
a[href$='.pdf'],
a[href$='.xls'],
a[href$='.xlsx'],
a[href ^="mailto:"] {
  	padding: 0 22px 0 0;
}

a[href$='.doc']:after,
a[href$='.docx']:after ,
a[href$='.pdf']:after,
a[href$='.xls']:after,
a[href$='.xlsx']:after,
a[href ^="mailto:"]:after {
	font-family:"icomoon";
}
a[href$='.doc']:after {
	content:"";
}
a[href$='.docx']:after {	
	content:"";
}

a[href ^="mailto:"]:after {
	content:"";
}

/* STARTER CSS FOR IMAGE ALT CAPTION */
.imagealtcaption {
  margin: 0 -20px;
}

.imagealtcaption span {
  margin: 20px 0;
  width: 80%;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  padding: 30px 10%;
  color: #585858;
  font-size: 1em;
  display: block;
  clear: both;
  font-weight: bold;
  letter-spacing: 0.2px;
}

.imagealtcaption img {
  width: 100%;
  margin: 0!important;
  height: auto;
}

/* .wrapper {
	width:90%;
	margin:0 5%;
}
*/


#L1_WSABMainBase {
  float: left; 
  width: 100%;
}

.sys_paginginfo {
    display: none;
}


.show {
	display: block!important;
}

.access {
	background: #ededed;
	float: left;
	width: 100%;
}

.access ul {
	margin: 5px 0;
	float: left;
	width: 100%;
}

.access ul li {
	float: left;
	width: 50%;
}

.access ul li a {
	color: #454545;
	text-decoration: none;
	font-size: 0.9em;
	text-align: center;
	display: block;
}

.access ul li a:hover{
	color: #313131;
	text-decoration: underline;
}

.header-wrap {
	float: left;
	width: 100%;
}

.topnav-buttons {
	width: 100%;
	font-size: 0.8em;
	text-transform:uppercase;
	transition: all .3s ease;
	font-weight: 500;
	letter-spacing: 0.5px;
}

.topnav-buttons a:after {
    font-family: "icomoon";
  	font-size: 1.3em;
  	float: right;
}

  
.topnav-buttons ul {
	margin: 0;
}

.topnav-buttons  ul li{
	margin: 2px 0;
}

.topnav-buttons  ul li a{
	margin: 2px 0;
	display: block;
}

li.button-report a {
	background: #F3A4BE;
	color: #1A1A14;
}


.button-report a:after{
  	content: "\e7e9";
}


.button-report a:hover:after {
  	transition: all .3s ease;
    content: "\e97a";
}

.topnav-buttons ul a {
	text-decoration: none;
    padding: 17px 30px 17px 15px;
}

header {
	background: #ffffff;
	float: left;
	width: 100%;
	position: relative;
}

.logo {
	background: url("/SiteElements/images/logo-wsab.jpg") no-repeat;
	width: 170px;
	height: 90px;
	background-size: 49%;
	text-indent: -99999px;
	margin: 10px auto 0px auto;
}

.logo a {
	display:block; 
  	height: 100%;
}

.searchbar label {
    display: block;
    line-height: 0;
    text-indent: -9999px;
}


.searchbar {
  	background: #dfdfdf;
	display: none;
	line-height: 60px;
	padding: 6px 2%;
  	width: 96%;
    float: left;
}

.searchbar input[type="text"] {
  	text-decoration: none;
    border: 0;
  	color: #454545;
  	font-family: "Rubik";
    font-size: 0.9em;
  	float: left;
  	line-height: 60px;
  	width: 71%;
  	padding: 0px 2%;
}

.searchbar input[type="submit"]{
	font-family: "Rubik";
    font-size: 0.9em;
  	display: block;
	float: right;
	color: #dfdfdf;
	background: #454545;
	width: 23%;
	text-align: center;
    border: 0;
    cursor: pointer;
    line-height: 60px;
}

.searchbar input[type="submit"]:hover {
 	background: #585858;
  	color: #F3A4BE;
}

.search404.searchbox input[type="text"] {
    font-size: 1.2em;
    font-style: normal;
    width: 90%;
}

.nav-trigger {
  color: #000000;
  display: block;
  text-indent: -9999px;
  width: 20px;
  position: absolute;
  top: 50px;
  right: 30px;
}

.nav-trigger span:before {
  content: "\e7db";
  font-family: "icomoon";
  font-size: 1.5em;
  float: left;
  text-indent: 0px;
}

.nav-trigger span:hover:before {
	color: #F3A4BE;
	transition: all .3s ease;
}


.search-trigger{
  display: block;
  width: 30px;
  height: 30px;
  text-decoration: none;
  font-size: 1.5em;
  position: absolute;
  top: 50px;
  left: 30px;
}

.search-trigger span {
  display: block;
  text-indent: -9999px;
  }
  
  
.search-trigger:before{
  content: "\e7af";
  font-family: "icomoon";
  color: #000000;
}

.search-trigger:hover:before {
	color: #F3A4BE;
	transition: all .3s ease;
}

nav {
	background: #dfdfdf;
	float: left;
	width: 100%;
	display: none;
	padding: 20px 0;
}


nav ul li a{
	display: block;
	padding: 8px 0 8px 15px;
	text-transform: uppercase;
	color: #454545;
	text-decoration: none;
	border-left: 5px solid #dfdfdf;
	font-size: 1em
	}	
	
nav ul li a:hover, .activenav{
	background: #d9d9d9;
	transition: all .3s ease;
	color: #333333;
	border-left: 5px solid #f3a4be;
}	

.breadcrumb {
	background: #d0cece;
    float: left;
    padding: 9px 0;
    width: 100%;
}

.breadcrumb div a, .breadcrumb div span {
    color: #212121;
    font-size: 0.8em;
    padding: 0 13px;
    text-decoration: underline;
}
.breadcrumb div a::after {
    margin-left: 22px;
}
.breadcrumb div a:first-child {
    padding-left: 15px;
}
.breadcrumb div a:hover {
    color: #000;
		text-decoration: underline;
}
.breadcrumb div a:hover::after {
    color: #ccc;
}

.banner-homepage {
	float: left;
	width: 100%;
}

.banner-homepage img {
	display: block;
	height: auto;
	width: 100%;
    margin-top: 20px;
}


.strapline-homepage {
	background: #f3a4be;
    float: left;
 	padding-bottom: 20px;
  	margin-bottom: 10px;
  	width: 100%;
}


.strapline-homepage a, .strapline-landing a {
  	float: right;
    margin: 0;
    padding: 15px 0;
}

.strapline-homepage h1{
	font-size: 2.1em;
	font-weight: 400;
  	margin: 22px 5% 10px 5%;
  	width: 90%;
}

.homepage-aboutus p {
	color: #1A1A14;
	font-size: 1em;
	line-height: 1.6em;
  	margin: 22px 5% 15px 5%;
  	width: 90%;
}

.homepage-aboutus a {
	text-transform: uppercase;
	color: #1A1A14;
	font-weight: 600;
	font-size: 0.9em;
	margin: 0 0 0 5%;
	float: left;
	text-decoration: none !important;
}

.homepage-aboutus a:hover {
	color: #000000;
	text-decoration: underline!important;
}

.homepage-arrow-blk a:after, .landing-arrow-blk a:after, .homepage-aboutus a::after {
    font-family: "icomoon";
  	content: "\e7f4";
    font-size: 16px;
    padding: 0 0 0 6px;
  	margin: 0 7px 0 2px;
  	text-decoration: none!important;
}

.wsab_boxes {
	float: left;
}


.wsab_box {
	display: block;
	float: left;
	width: 100%;
	color: #313131;
	margin-top: 10px;
  	text-decoration: none;
	transition: all .3s ease;
  	padding-bottom: 20px;
}


.wsab_box:hover{
	background-color: #343226!important;
}

.wsab_box:hover .box_hdr {
	color: #f3a4be;
}

.wsab_box:hover .box_desc {
  	color: #ffffff;
}

.wsab_box.public {
	background: #9eeabe;
}

.wsab_box.professionals {
	background: #a6daef;
}

.wsab_box.policyguidance {
	background: #a6daef;
}

.wsab_box.board {
	background: #d8cef1;
}

.wsab_box.safeguarding-awards {
	background: #f8db77;
}

.wsab_box.groups {
	background: #f8db77;
}

.wsab_box img{
  margin-left: 20px;  
}


span.box_hdr {
	font-size: 1.9em;
	display: block;
	margin: 10px 5% 20px 5%;
	padding: 10px 0 0 0;
	line-height: 35px;
}

span.box_desc {
	font-size: 0.9em;
	display: block;
	margin: 10px 5% 20px 5%;
	line-height: 20px;
	width: 90%;
}

span.box_desc:after {
    font-family: "icomoon";
    font-size: 22px;
    content: "\e7f4";
  	float: left;
    margin-top: 25px;
  	color: #313131;
  	width: 100%;
}

.wsab_box:hover span.box_desc:after {
	color: #FFF;
}

.section-name{
  font-size: 0.7em;
  float: left;
  margin-top: 20px;
  color: #1C1C1C;
  letter-spacing: 0.4px;
}

.onecolumn .section-name{
  margin: 0;
}

.section-name h1 {
  padding: 10px 5%;
  float: left;
  width: 96%;
}

.section-name h1.aboutus {
  background: #f3a4be;
}
.section-name h1.public {
  background: #9eeabe;
}
.section-name h1.professionals {
  background: #a6daef;
}
.section-name h1.board {
  background: #d8cef1;
}

.section-name h1.groups {
  background: #f8db77;
}

.section-name h1.info {
  background: #f4dd59;
}

.headerarticle {
  background: #dfdfdf;
  font-size: 1.5em;
  padding: 25px 5%;
  float: left;
  color: #585858;
  width: 90%;
  border-bottom: 6px solid #F3A4BE;
}

.content {
  clear: both;
  padding-bottom: 20px;
  margin: 0 5%;
  width: 90%;
  color: #5b5b5b;
}

.content p:first-child, .content ul:first-child {
    padding-top: 30px;
}

.content h2, .content h3, .content h4 {
	margin: 32px 0 15px 0;
}

.content p, .sys_search-control p {
  	font-family: "Rubik";
    font-size: 1.16em;
    line-height: 1.6em;
    margin: 10px 0;
	letter-spacing: 0.2px;
}

.content a, .sys_itemslist a, .sys_search-control a {
  	color: #585858;
  	border-bottom: 1px dotted #585858;
    text-decoration: none;
}

.content a:hover, .sys_itemslist a:hover, .sys_search-control a:hover {
	color: #c8245a;
   	border-bottom: 1px solid #585858;
    transition: all .3s ease;
}


.content ul, .sys_search-control ul {
    list-style: outside none none;
    margin: 5px;
  	padding: 0 0 0 8px;
}

.content ul li, .sys_search-control ul li {
  	background: url(https://www.wigansafeguardingadults.org/SiteElements/Images/bullet-pointer.png) no-repeat left 15px;
 	background-size: 8px 15px;
    font-size: 1.16em;
    line-height: 1.6em;
    padding: 10px 0 10px 20px;
    letter-spacing: 0.2px;
    font-family: "Rubik";
}

.content ul li ul li {
    line-height: 1.4em;
 	list-style: outside circle;
  	background: none;
    padding: 3px 0 3px;
  	font-size: 1em;
  	margin-left: 30px;
}

.content ol {
    margin: 5px;
  	padding: 0 0 10px 25px;
}

.content ol li {
    font-size: 1.16em;
    line-height: 1.4em;
    padding: 10px 5px;
    letter-spacing: 0.2px;
    font-family: "Rubik";
}

.content ol li ol {
  	padding: 0 0 0 5px;
}

.content ol li ol li {
    line-height: 1.4em;
  	background: none;
   	list-style: outside circle;
    padding: 3px 0 3px;
  	font-size: 1em;
  	margin-left: 30px;
}

.content a[href$=".pdf"], .sys_itemslist a[href$=".pdf"] {
	background: url(../Images/icon-pdf.png) no-repeat right;
    background-size: 16px 16px;
}

.content a[href$=".doc"], .sys_itemslist a[href$=".doc"] {
	background: url(../Images/icon-word.png) no-repeat right;
    background-size: 16px 16px;
}


.content a[href$=".docx"], .sys_itemslist a[href$=".docx"] {
	background: url(../Images/icon-word.png) no-repeat right;
    background-size: 16px 16px;
}

.content a[href$=".xlsx"], .sys_itemslist a[href$=".xlsx"] {
	background: url(../Images/icon-xl.png) no-repeat right;
    background-size: 16px 16px;
}

.content a[href^="mailto:"], .sys_itemslist a[href^="mailto:"] {
	background: url(../Images/icon-mailto.gif) no-repeat right;
    background-size: 16px 16px;
}

.externallinkhide {
    display: block;
    height: 1px;
    position: absolute;
    text-indent: -99999px;
}

.externallink::after {
    content: "\e8f1";
    font-family: "icomoon";
    line-height: 0;
  	padding-left: 4px;
}

.sidebar {
    background: #f2f2f2;
    border-top: 8px solid #F3A4BE;
    clear: both;
    margin: 0 0 30px;
    padding: 20px 8% 40px;
}

.sidebar h2 {
   margin-bottom: 23px;
   color: #585858;
   padding: 5px;
}

.sidebar > ul {
  	margin-bottom:50px;
}

.inthissectionv2, .latestnewsside, .externallinksv2 {
  margin-bottom: 40px;
}

.relatedpdfv2 ul li {
  	padding: 10px 0;
}

.inthissectionv2 ul li a, .externallinksv2 ul li a, .latestnewsside ul li a {
    border-bottom: 1px solid #dfdfdf;
  	color: #454545;
    font-size: 1em;
    display: block;
    line-height: 1.2em;
    padding: 7px 5px;
    text-decoration:none;
}

.inthissectionv2 ul li a:hover, .externallinksv2 ul li a:hover, .latestnewsside ul li a:hover {
  	color: #585858;
  	background: #d9d9d9;
    border-bottom: 1px solid #F3A4BE;
  	transition: all .3s ease;
}

.relatedpdfv2 ul li a {
    border-bottom: 1px solid #ffffff;
  	color: #585858;
    font-size: 1em;
    display: block;
    line-height: 1.4em;
    padding: 7px 0;
    text-decoration:none;
    margin-bottom: 5px;
}

.relatedpdfv2 ul li a:hover{
  	color: #585858;
    border-bottom: 1px solid #F3A4BE;
  	transition: all .3s ease;
  	background-color: #d9d9d9;
}

.relatedpdfv2 ul li a:hover::before {
  	background-color: #fff;
}



.relatedpdfv2 a[href$=".pdf"] {
    background: url("../Images/icon-pdf.png") no-repeat left 3px top 3px;
    padding: 0 0 5px 23px;
    background-size: 16px 16px;
}

.relatedpdfv2 a[href$=".docx"] {
    background: url("../Images/icon-word.png") no-repeat left 3px top 3px;
    padding: 0 0 5px 23px;
    background-size: 16px 16px;
}

.relatedpdfv2 a[href$=".xlsx"] {
    background: url("../Images/icon-xl.png") no-repeat left 3px top 3px;
    padding: 0 0 5px 23px;
    background-size: 16px 16px;
}


.relatedpdfv2 ul li a[href$=".pdf"] + span.sys_Size::before {
    content: "(PDF, ";
 
}

.relatedpdfv2 ul li a[href$=".docx"] + span.sys_Size::before {
    content: "(Word, ";
}

.relatedpdfv2 ul li a[href$=".xlsx"] + span.sys_Size::before {
    content: "(Excel, ";
}


.relatedpdfv2 ul li a[href$=".pdf"] + span.sys_Size::after, .relatedpdfv2 ul li a[href$=".doc"] + span.sys_Size::after, .relatedpdfv2 ul li a[href$=".docx"] + span.sys_Size::after, .relatedpdfv2 ul li a[href$=".xlsx"] + span.sys_Size::after {
    content: ")";
}

.relatedpdfv2 ul li span.sys_Size {
    color: #454545;
    font-size: 0.8em;
    font-style: italic;
    margin-left: 22px;
}



.relatedpdfv2 {
	margin-bottom: 10px;
}

.externallinksv2 .externallinkv2::after {
	padding-left: 10px;
}


table {
    border-collapse: collapse;
    margin-bottom: 40px;
    width: 100%;
}
table caption {
    background: #343226 none repeat scroll 0 0;
    color: #fff;
    font-weight: bold;
    padding: 10px 0;
}
td, th {
    border: 1px solid #dddddd;
    padding: 8px;
    text-align: left;
		color: #454545;
}
th {
    background: #F3A4BE none repeat scroll 0 0;
    color: #1A1A14;
}
tr:nth-child(2n) {
    background-color: #f2f2f2;
}

.footer_boxes {
	float: left;
	width: 100%;
	margin-top: 30px;
	width: 100%;
	background: #ededed;
	padding-bottom: 40px;
}

footer h2{
	color: #333333;
	font-size: 1.3em;
	padding-bottom: 10px;
	font-weight: 400;
}

.footer_box {
	float: left;
	width: 90%;
	line-height: 40px;
	margin: 20px 5% 5px 5%;
	font-size: 1em;
}

.footer_box a{
	text-decoration: none;
	color: #333333;
}

.footer_box a:before {
	padding: 5px;
    font-family: "icomoon";
  	font-size: 1.3em;
}

.footer_box a:hover{
	color: #000000;
}



.footer_contact a:before, .footer_social a:before {
	margin-right: 10px;
}

.footer_contact li, .footer_social li {
	display: block;
	height: 35px;
}

.contact a:before {
	content: "\e8f6";
}

.feedback a:before {
	content: "\e79c";
}

.wigancouncil a:before {
	content: "\e947";
}

.footer_contact li, .footer_social li:first-child a:before {
	content: "\e9e6";
}

.footer_contact li, .footer_social li:nth-child(2) a:before {
	content: "\e778";
	}

.footer_contact li, .footer_social li:nth-child(3) a:before {
	content: "\e9fe";
	}

.footer_contact li, .footer_social li:nth-child(4) a:before {
	content: "\e778";
	}


.footer_sites {
	line-height: 30px;
}


#FooterCopy span {
	margin: 40px 5% 0 5%;
	font-size: 0.8em;
    clear: both;
	color: #333333;
  	float: left;
}


/******************************************************************************
LANDING PAGES
*****************************************************************************/

.banner-landing {
	float: left;
	width: 100%;
 	margin-top: 20px;
}

.banner-landing img {
	display: block;
	height: auto;
	width: 100%;
}

.strapline-landing {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.strapline-landing .public {
	background: #9eeabe;
	padding-bottom: 20px;
	float: left;
	width: 100%;
}

.strapline-landing .professionals {
	background: #a6daef;
	padding-bottom: 20px;
	float: left;
	width: 100%;
}

.strapline-landing .board {
	background: #d8cef1;
	padding-bottom: 20px;
	float: left;
	width: 100%;
}

.strapline-landing .safeguarding-awards {
	background: #f8db77;
	padding-bottom: 20px;
	float: left;
	width: 100%;
}

.strapline-landing .groups {
	background: #f8db77;
	padding-bottom: 20px;
	float: left;
	width: 100%;
}

.strapline-landing .aboutus {
	background: #f3a4be;
	padding-bottom: 20px;
	float: left;
	width: 100%;
}

.strapline-landing h1{
	font-size: 2.1em;
	font-weight: 400;
	margin: 22px 0 10px 20px;
	width: 95%;
}

.landing-aboutus {
margin: 10px 0 15px 20px;
}

.landing-aboutus p {
	color: #3D3D3D;
	line-height: 1.6em;
    padding: 0;
}

.landing-aboutus a {
	text-transform: uppercase;
	color: #434343;
	font-weight: 600;
	font-size: 0.9em;
	text-decoration: underline;
}

.landing-aboutus a:hover {
	color: #343226;
	text-decoration: underline;
}

.landingitems li {
  float: left;
  margin-bottom: 10px;
  width: 100%;
  list-style: none;
}

.landingitems li a {
  background: #ededed;
  display: block;
  width: 90%;
  padding: 9px 5%;
  text-decoration: none;
  color: #313131;
  min-height: 160px
}

.landingitems li a span{
  display: block;
}

span.landingtitle {
   font-size: 1.7em;
  margin: 20px 0;
}

span.landingdesc {
  margin: 30px 0;
 font-size: 1em;
  line-height: 20px;
}

.landingitems-public li a {
  	border-top: 7px solid #9eeabe;
}

.landingitems-public li a:hover {
  	background: #9eeabe;
}

.landingitems-professionals li a {
  	border-top: 7px solid #a6daef;
}

.landingitems-professionals li a:hover {
  	background: #a6daef;
}

.landingitems-board li a {
  	border-top: 7px solid #d8cef1;
}

.landingitems-board li a:hover {
  	background: #d8cef1;
}

.landingitems-groups li a {
  	border-top: 7px solid #f8db77;
}

.landingitems-groups li a:hover {
  	background: #f8db77;
}

.landingitems-aboutus li a {
  	border-top: 7px solid #f3a4be;
}

.landingitems-aboutus li a:hover {
  	background: #f3a4be;
}

.landingitems ul li a[href$=".pdf"] .landingtitle::after {
  	background: url(../Images/icon-pdf.png) no-repeat right;
    background-size: 16px 16px;
  	padding: 0 22px 0 0;
}

.landingitems ul li a span.externallink::after {
    display: inline!important;
    margin-left: 10px;
}

.landingitems section.content {
	width: 100%;
	background: none;
	margin: 0;
	padding: 0 10px;
	box-sizing: border-box;
}

.more-wrapper {
  	float: left;
   margin: 10px 0;
  width: 100%;
}

.more-wrapper h2 {
  border-top: 5px solid #f3a4be;
  font-size: 1.5em;
  padding-top: 30px;
  margin: 30px 20px;
}

.more-wrapper ul {
  list-style: none;
  margin: 0 23px;
}

.more-wrapper ul li {
  background: url("../Images/bullet-pointer.png") no-repeat scroll left 13px / 8px 15px;
  padding: 7px 0;
}

.more-wrapper a {
  color: #585858;
  border-bottom: 1px dotted #585858;
  text-decoration: none;
}


.more-wrapper ul li a {
  line-height: 1.7em;
  margin-left: 22px;
}


.onecolumn .breadcrumb {
  margin-bottom: 20px;
}

.sublanding .headerarticle {
  margin-bottom: 20px;
}


/********************************************
SEARCH
********************************************/

.sys_search-control {
  padding: 0;
  margin: 30px 5%;
  width: 90%;
  color: #5b5b5b;
}

.sys_search-control .sys_subitem {
    border-top: 1px solid #f2f2f2;
}

.sys_search-control .sys_search-control {
  margin: 5px 0;
}

.sys_search-title {
	display:block;
}

.sys_search-control dt.sys_search-description, .sys_search-control dt.sys_search-url, .sys_search-control dd.sys_search-url {
  display: none;
}

.sys_search-control dd.sys_search-description {
  margin: 0;
}

.sys_itemslist h3 {
  font-size: 1.2em;
  padding-top: 0px;
  font-weight: 400;
  color: #272727;
}

.sys_search-options {
  margin: 0;
}


.sys_subitem.sys_last {
  margin-bottom: 40px;
}

.sys_search-control .sys_paginginfo {
    float: left;
    padding-top: 20px;
    width: 100%;
}


.sys_search-control .sys_navigation {
    border-top: 1px solid #dfdfdf;
    float: left;
    margin-top: 20px;
    padding-bottom: 40px;
    padding-top: 20px;
    width: 100%;
}

.searchbox label {
    background: black none repeat scroll 0 0;
    color: white;
    float: left;
    font-size: 1.8em;
    font-weight: bold;
    text-indent: -9999px;
}

.searchbox {
	border: 2px solid #f2f2f2;
	line-height: 60px;
	padding: 0 0 0 2%;
  	width: 98%;
  	margin: 30px 0 15px 0;
}

.searchbox input[type="text"] {
  	text-decoration: none;
	font-style: italic;
    border: 0;
  	color: #8f8f8f;
  	font-family: "Rubik";
    font-size: 0.8em;
  	line-height: 50px;
  	width: 62%;
}


.searchbox input[type="submit"]{
	font-family: "Rubik";
    font-size: 0.9em;
  	display: block;
	float: right;
	color: #434343;
	background: #f2f2f2;
	width: auto;
	text-align: center;
  	padding: 21px 13px;
    border: 0;
    cursor: pointer;
}

.searchbox input[type="submit"]:hover {
 	background: #585858;
  	color: #f4dd59;
}

.wsabsearch-results {
  font-size: 1.0em;
  width: 100%;
  margin-top: 36px;
  float: left;
}


/******************************************************************************
FORMS
*****************************************************************************/

.sys_cms-form-body li input, .sys_cms-form-body li select, .sys_cms-form-body li textarea, .sys_cms-form-body li label, .sys_cms-form-body li .sys_legend, .sys_cms-form-body li .sys_fieldlabel {
    font-family: "Rubik", sans-serif;
}


.sys_cms-form-control textarea, .sys_cms-form-control input[type="text"], .sys_cms-form-control textarea, .sys_cms-form-control input[type="text"], .sys_cms-form-body textarea.sys_medium{
    border: 1px solid #ccc;
    font-family: "Rubik";
    font-size: 1.1em;
    padding: 12px 1%;
    width: 98%;
}

.sys_cms-form-body .sys_sectionbreak-header {
  font-size: 1.8em!important;
}

.sys_cms-form-body .sys_sectionbreak-text {
  font-size: 1.2em!important;
  margin: 10px 0!important;
}

.sys_cms-form-body li div label {
  	font-size: 1em!important;
    font-family: "Rubik";
}

.sys_cms-form-body .sys_radio label {
  	font-size: 1.2em!important;
}

.sys_showinstructions .sys_cms-form-body .sys_cms-form-item {
    width: 90%!important;
}

.sys_cms-form-body .error, .sys_cms-form-body .sys_cms-form-error {
  	font-size: 1.5em;
}

.sys_cms-form-body {
    padding: 0;
}

.sys_cms-form-body .sys_fieldcontent {
  	float: none!important;
}


.sys_cms-form-body .sys_legend, .sys_namesubelement {
    font-size: 1.4em!important;
  	padding: 0px 0 10px 0!important;
}



.sys_cms-form-body .sys_fieldlabel, .sys_namesubelement {
  	padding: 0px 0 2px 0!important;
  	font-size: 1.2em!important;
    font-family: "Rubik"!important;
  	color: #585858!important;
  	margin-bottom: 8px !important;
}


.sys_cms-form-body input.sys_medium, .sys_cms-form-body select.sys_medium {
  	width: 99%!important;
}


.sys_cms-form-body input[type="text"], .sys_cms-form-body textarea {
    border: 1px solid #dfdfdf;
}

.content .sys_form-submit {
    background: #585858;
    border: medium none;
    color: white;
    cursor: pointer;
    font-size: 1.3em;
    padding: 10px 25px 10px 20px;
  	margin: 10px 0;
  	font-family: "Rubik";
}

.content .sys_form-submit:hover {
  background-color: #F3A4BE;
  color: #585858;
}

.content .sys_pagebreak div button {
    background: #585858;
    border: medium none;
    color: white;
    cursor: pointer;
    font-size: 1.3em;
    padding: 10px;
	color: #f4dd59;
  	margin: 10px 10px 10px 0;
  	font-family: "Rubik";
}

.content .sys_pagebreak div button:hover {
   background-color: #f4dd59;
  color: #585858;
  
}

/********************************************
NEWS
********************************************/

.news-list-wrap ul.sys_itemslist {
    float: left;
    margin: 30px 2%;
    padding: 0;
    width: 98%;
}

.news-list-wrap ul.sys_itemslist li:nth-child(2n+1) {
    margin-right: 2%;
}

.news-list-wrap ul.sys_itemslist li {
    float: left;
    margin-bottom: 15px;
    padding: 0;
    width: 48%;
}

.news-list-wrap ul.sys_itemslist li a {
  	color: #313131;
    display: block;
    font-size: 0.7em;
    min-height: 140px;
    padding: 15px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
 	border: none;
  	margin: 0;
}

.news-list-wrap ul.sys_itemslist li:nth-child(2n+1) {
 	 background: #9eeabe;
}

.news-list-wrap ul.sys_itemslist li:nth-child(2n+2) {
 	 background: #a6daef;
}

.news-list-wrap ul.sys_itemslist li:nth-child(2n+3) {
 	 background: #d8cef1;
}

.news-list-wrap ul.sys_itemslist li:nth-child(2n+4) {
 	 background: #f8db77;
}


.news-list-wrap ul.sys_itemslist li a:hover {
    background-color: #343226;
    color: #f3a4be;
}
.news-list-wrap .sys_news-summary {
      color: #fff;
      font-size: 0.7em;
}

.news-list-wrap dd.sys_news-datepublished {
    margin: 0;
 	color: #fff;
  	background: #343226;
  	display: block;
	padding: 3px 0 3px 9%;
  	float: left;
  	width: 91%;
}


.news-list-wrap ul.sys_itemslist li dt.sys_news-datepublished {
    display: none;
}


.news-list-wrap .sys_flickrpager {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}

.content .sys_news-posted-date {
	border-top: 2px solid #f2f2f2;
    font-size: 0.9em;
    margin-top: 20px;
    padding: 20px 0;
}

.sys_theme-none .sys_record-control .sys_record-image-control {
    float: none !important;
}

.sys_theme-none .sys_record-control .sys_record-image-control img {
    width: 100%;
    margin-bottom: 0 !important;
    border: none !important;
}

.sys_theme-none .sys_record-control .sys_record-image-control-caption {
    font-size: 0.9em !important;
    width: 96% !important;
    padding: 5px 2% 30px 2% !important;
    background: #f6f6f6;
    margin-top: 0 !important;
}

.section-name h1.newsarticle {
  background: #f3a4be;
}


/******************************************************************************
MEDIA QUERIES
*****************************************************************************/

@media only screen and (min-width: 320px) {

}
@media only screen and (min-width: 480px) {

}
@media only screen and (min-width: 600px) {
}

@media only screen and (min-width: 768px) {


.access ul li {
	width: auto;
  	padding: 0	2%;
}

.access ul li:nth-child(2) {
	border-left: 1px solid #666666;
}

.nav-trigger {
  display: none;
}  

.search-trigger {
  display: none;
} 
  
.logo {
	width: 150px;
	height: 82px;
}  
  

.topnav-buttons {
	float: right;
	width: 68%;
	clear: none;
	padding: 0;
	margin-top: 17px;
}

.topnav-buttons ul li {
	float: right;
	width: 60%;
	margin: 1% 4% 0 0;
}
  
  
.topnav-buttons ul a {  
 	padding: 20px 12px;
}
  
.topnav-buttons ul li a{
	line-height: 20px;
}

.topnav-buttons {
    font-size: 1.2em;
}

nav, .searchbar  {
	display: block;
}

nav {
	width: 69%;
	clear: none;
	padding: 0;
}
.searchbar {
  	width: 29%;
   	padding: 11px 1%;
}
  
.sys_theme-simple .sys_search-query-control label {
  width: auto!important;
}  
  
.sys_theme-simple .sys_search-query-control input.sys_button {
  margin: 1px 3px 0 0!important;
}  
  
.searchbar input[type="text"] {
  	line-height: 20px;
    width: 67%;
 	padding: 10px 2%;
}  

 
.searchbar input[type="submit"] {
  	line-height: 40px;
  	width: 29%;
  padding: 0;
}  

nav ul {
	border: 0;
	margin: 0;
	padding: 0;
}

nav ul li {
	float: left;
	padding: 0;
	}

nav ul li a{
	display: block;
	padding: 0 25px;	
	line-height: 57px;
	font-size: 0.9em;
	font-weight: 500;
	border: none;
	border-top: 5px solid #dfdfdf;
	letter-spacing: 0.7px;
	}	
	
nav ul li a:hover{
	border: 0;
	border-top: 5px solid #f3a4be;
  	background: #d9d9d9;
}
  
nav ul li .activenav{
	background: #d0cece;  
  	border: 0;
	border-top: 5px solid #F3A4BE;
}
  
.breadcrumb div a:first-child {
    padding-left: 15px;
}
  
.logo {
	margin: -69px 0 25px 1px;
	float: left;
}  
  
.strapline-homepage h1{
  	width: 42%;
	float: left;
	margin-top: 28px;
}  

.strapline-homepage a{
	margin: 0 20px 0 0;
}

.homepage-aboutus {
	border-left: 1px solid #d37d99;
    float: left;
    margin-top: 40px;
    padding: 0 4%;
    width: 37%;
}
  
.homepage-aboutus p {
  	margin: 10px 0 20px;
  	padding-top: 0;
}

.wsab_box {
	width: 30%;
	margin-top: 7px;
}

.wsab_boxes{
	float: none;
}

.wsab_box {
	min-height: 180px;
}

.wsab_professionals {
	margin-left: 5%;
	margin-right: 5%;
}

.wsab_box.public {
	margin-right: 1%;
    width: 49%;
}

.wsab_box.professionals {
	width: 49%;
	margin-left: 1%;
	margin-bottom: 1%;
}

.wsab_box.policyguidance {
	width: 49%;
	margin-right: 1%;
	margin-bottom: 1%;
}

.wsab_box.board {
	width: 49%;
	margin-left: 1%;
	margin-bottom: 1%;
}

.wsab_box.safeguarding-awards {
	width: 49%;
	margin-left: 1%;
}

.wsab_box.groups {
	width: 49%;
	margin-left: 1%;
}  
  
.section-name h1{
  padding: 15px 2% 15px 2%;
}

.headerarticle {
  padding: 30px 2%;
  width: 96%;
}  
  
.content {
  float: left;
  width: 68%;
  margin: 0 2%;
  clear: both;
  position: relative;
}  
  
.onecolumn .content {
  width: 90%;
}  
    
  
.sidebar {
  padding: 20px 2% 10px 2%;
  width: 24%;
  clear: none;
  float: right;
  border-top: none;
}    
  
 
  
.footer_boxes {
  margin-top: 50px;
}  
  
.footer_box {
	width: 21%;
	margin: 30px 0 32px 1%;
}  
  
.footer_twitter {
	width: 43%;
}  
  
.footer_box.footer_sites {
  float: none;
  margin: 0 0 20px 2%;
  clear: both;
}  

#FooterCopy span {
    margin: 0 2%;
}  
  
/**************************
LANDING PAGES
**************************/

 .boxa, .boxc, .boxe {
	margin-right: 2%;
}  
  
.landingbox {
   	list-style: none;
 }
  
    
.strapline-landing h1{
  	font-size: 2.7em;
  	width: 43%;
	float: left;
	margin-top: 40px;
	padding: 0 1%;
}  
  
.landing-aboutus {
	border-left: 1px solid #a5a5a5;
    float: left;
    margin-top: 28px;
    padding: 0 4%;
    width: 41%;
}
  

.public .landing-aboutus {
	border-left: 1px solid #5ab781;
}
  
.professionals .landing-aboutus {
	border-left: 1px solid #1291c4;
}
  
.board .landing-aboutus {
	border-left: 1px solid #8e7db8;
}
  
.groups .landing-aboutus {
	border-left: 1px solid #e2b107;
}  
  
  
  
.landing-aboutus p {
  	margin: 10px 0 20px;
  	padding-top: 0;
}    
  
.landingitems li {
  width: 49%;
  margin-bottom: 15px;
}
  
  
.landingitems li a {
  	min-height: 152px;
}  
  
span.landingtitle {
  	margin: 8px 10px;
}  
  
span.landingdesc {
  	margin: 20px 10px 10px 10px;
}      
  

 .sys_search-control {
  margin: 0 2%;
  width: 97%;
} 
  
}  

@media only screen and (min-width: 960px) {
 
.wrapper {
	width:960px!important;
	margin:0 auto;
}
  
.topnav-buttons ul li {
	margin: 1% 1% 0 0;
}
    
.button-report a:after{
  	font-size: 1.5em;
}  
  
.button-report a:hover:after {
	transition: all .3s ease;
  	content: "\e979";
}  
  
nav {
	width: 705px;
}
  
.searchbar {
	padding: 11px 4px 11px 4px;
  width: 247px;
}
  
  
nav ul li a{
	padding: 0;
  	text-align:center;
}  
  
.nav-public {
  	width: 225px;
}
  
.nav-professionals {
  	width: 165px;
}  

.nav-board {
  	width: 165px;
}   


.nav-groups {
  	width: 200px;
}     
  
.strapline-homepage {
	width: 100%;
	padding-bottom: 40px;
}
  
.strapline-homepage h1{
	font-size: 2.3em;
	background: url(../images/bullet-circle.png) no-repeat;
	margin: -52px 25px 0 54px;
	padding: 107px 0px 0 0;
}
  
.strapline-landing .public h1{
	background: url(../images/circle-public.png) no-repeat;
	margin: -50px 7px 0 38px;
	padding: 95px 0 0 1%;
	font-size: 3em;
}

.strapline-landing .professionals h1{
	background: url(../images/circle-prof.png) no-repeat;
	margin: -50px 7px 0 38px;
	padding: 95px 0 0 1%;
	font-size: 3em;
}
  
.strapline-landing .board h1{
	background: url(../images/circle-board.png) no-repeat;
	margin: -50px 7px 0 38px;
	padding: 95px 0 0 1%;
	font-size: 3em;
}

.strapline-landing .safeguarding-awards h1 {
	background: url(../images/circle-group.png) no-repeat;
	margin: -50px 7px 0 38px;
	padding: 95px 0 0 1%;
	font-size: 3em;
}
  
.strapline-landing .groups h1{
	background: url(../images/circle-group.png) no-repeat;
	margin: -50px 7px 0 38px;
	padding: 95px 0 0 1%;
	font-size: 3em;
}  
  
.strapline-landing .aboutus h1{
	background: url(../images/bullet-circle.png) no-repeat;
	margin: -50px 7px 0 38px;
	padding: 95px 0 0 1%;
	font-size: 3em;
}

.landingitems section.content {
	padding: 0;
}

 .landing-aboutus {
	padding: 10px 3%;
}  
  
.homepage-aboutus {
	padding: 3px 4%;
}
  
.strapline-landing {
  	width: 100%;
  	margin-bottom: 20px;
}     
  

.wsab_box {
	margin: 15px 0 0 0;
	width: 57%;
	height: 255px;
	float: left;
  	min-height: 180px;
}

span.box_desc {
	 width: 62%;
}  
  
.wsab_box.public {
	background: #9eeabe url(../images/thumbs/thumbs-champion.png) no-repeat right;
} 
  
.wsab_box.professionals {
	background: #a6daef url(../images/Thumbs/thumbs-prof.png) no-repeat right;
}  

.wsab_box.policyguidance {
	background: #a6daef url(../images/Thumbs/thumbs-prof.png) no-repeat right;
} 

.wsab_box.board {
	background: #d8cef1 url(../images/Thumbs/thumbs-board.png) no-repeat right;
}

.wsab_box.safeguarding-awards {
	background: #f8db77 url(../images/Thumbs/thumbs-safeguarding-awards.png) no-repeat right;
}

.wsab_box.safeguarding-awards span.box_hdr {
	width: 65%;
}

.wsab_box.groups {
	background: #f8db77 url(../images/Thumbs/thumbs-groups.png) no-repeat right;
}    
  

  
.breadcrumb div a:first-child {
    padding-left: 20px;
} 
  
.content {  
  width: 71%;
  background: url(../images/content-pointer.png) no-repeat;
  margin: 0 19px;
  background-size: 20px 20px;
}  
    

.sidebar {
  width: 21%;
}    
  
  
.more-wrapper ul li {
  float: left;
  width: 259px;
  padding: 6px 25px 3px 20px;
}
  
.more-wrapper ul li a{
  margin: 0;
}   
  
  
.news-list-wrap ul.sys_itemslist {
  width: 100%;
  margin: 35px 0;
}  
  
  
.news-list-wrap ul.sys_itemslist li {
    width: 18%;
}  
  
.news-list-wrap ul.sys_itemslist li:nth-child(2n), .news-list-wrap ul.sys_itemslist li:nth-child(2n+1) {
    margin-right: 2.5%;
}  
  
.news-list-wrap ul.sys_itemslist li:nth-child(2n+5) {
  	margin-right: 0;
}  
  
.sys_theme-none .sys_record-control .sys_record-image-control {
    float: right !important;
    margin: 0 0 15px 30px;
    width: 40%;
    height: 50%;
}  
  
.sys_record-control.sys_news-record {
    margin-top: 10px;
}  
  
.footer_twitter {
  width: 49%;
  margin: 30px 5% 25px 0;
}  

.footer_contact {
  margin: 30px 0 32px 0;
}
  
  .footer_social {
    width: 23%;
  }
  
.footer_box.footer_sites {
  margin: 0 0 20px 0%;
}  
  
#FooterCopy span {
  margin: 0;
}
  
}
