﻿[class^="icon-"]::before, [class*="icon-"]::before {
  float: right!important;
  width: 0!important;
}


h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

.localoffer-hdr h1 {
  text-indent: -99999px;
  height: 0px;
}


.localoffer-container {
  background: #ffffff;
  padding-top: 30px;
  margin: 0;
  float: left;
  width: 100%;
}

.localoffer-hdr {
  width:90%;
  float: left;
  background:#d9d9d9;  
  margin:0 5%;
}

.nav-trigger {
  color: #333!important;
  font-weight: bold;
  display: block;
  float: left;
  margin: 20px 2%;
  width: 96%;
  padding: 5px 0;
  font-size: 1.7em;
  text-align: center;
  text-decoration: none!important;
}

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

nav {
  display: none;
  clear: both;
  float: left;
  width: 100%;
  padding-bottom: 20px;
}

.localoffer-hdr nav ul li a {
  color: #434343;
  display: block;
  font-size: 1.8em;
  text-decoration: none;
  border-bottom: 3px solid #d9d9d9;
  transition: all 0.2s ease;
  padding: 10px 20px;
  font-weight: bold;
}

.localoffer-hdr nav ul li a:hover {
  color: #fff;
  background-color: #616161;
}

.localoffer-hdr nav ul {
    list-style: none;
  	padding: 0;
  	margin: 0;
}

.feedback-nav a {
	color: #ffffff!important;
	background-color: #225e6f;
	}

.feedback-nav a:hover {
	color: #225e6f!important;
	background-color: #ffffff!important;
	}

.feedback-nav a::after {
	font-family: "icomoon";
	content: "\e79c";
	font-size: 17px;
	padding: 0 0 0 16px;
	text-decoration: none;
   margin: 0;
}	

.searchbar {
  	background: #9FCDDB;
	padding: 12px 2%;
  	width: 96%;
    float: left;
}

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

.searchbar input[type="text"] {
    text-decoration: none;
    border: 0;
    color: #434343;
  	font-family: "proxima-nova", sans-serif;
    font-size: 1.6em;
    float: left;
    width: 70%;
	padding: 10px 2px 10px 14px;
    font-weight: bold;
  	border-radius: 0!important;
}

.searchbar input[type="submit"] {
  	font-family: "proxima-nova", sans-serif;
    font-size: 1.6em;
    float: right;
    color: #434343;
    background: #d9d9d9;
    width: 23%;
    text-align: center;
    border: 0;
    cursor: pointer;
    font-weight: bold;
  	padding: 10px 0px;
    -webkit-appearance: none;
    border-radius:0;
}

.searchbar input[type="submit"]:hover {
 	background: #616161;
  	color: #fff;
   	transition: background-color .25s linear;
}

.lo-breadcrumb .breadcrumb {
  float: left;
  width: 90%;
  margin: 0 5%;
	background-color: #9FCDDB;
	border-radius: 0px 0px 8px 8px;
}

.lo-breadcrumb .breadcrumb div {
	/* background-color: #9FCDDB; */
	padding: 10px 2%;
	/* border-radius: 0px 0px 8px 8px; */
	margin: 0;
	/* width: 96%; */
}	

.lo-breadcrumb .breadcrumb div a.withlink {
  color: #0c252c;
}

.lo-home-wrapper .banner-localoffer, .lo-home-wrapper .subbanner-localoffer {
  width: 90%;
  margin: 0 5%;
  float: left;
}

.banner-localoffer img {
    display: block;
    height: auto;
    margin-top: 20px;
		border-radius: 8px;
  	width: 100%;
}

.infoWrap {
	background: #9AD5E6;
}

div.royalSlider .infoWrap h2 {
	color: #000 !important;
}


.banner-localoffer .infoWrap h3 a{
	display: block;
	font-size: 0.9em;
		background: #4EBBDB;
		color: #000;
}

.subbanner-localoffer img {
    display: block;
    height: auto;
    margin-top: 0;
		border-radius: 8px;
  	width: 100%;
}

.subbanner-localoffer .infoWrap h3 a {
	display: block;
	margin-top: -26px;
	font-size: 0.9em;
		background: #9AD5E6;
		color: #000;
}

.subbanner-localoffer .infoWrap p {
	display: none;
}

.infoWrap p{
	display: block;
	margin: -5px 15px 15px 15px;
	font-size: 1.4em;
	color: #004052;
	font-weight: bold;
	padding: 23px 0 20px 0;
}

h2.lo-homepage-title {
  color: #313131!important;
  margin: 9px 0 0 0!important;
  text-align: center;
}

.boxes-localoffer {
	float: left;
	width: 70%;
  	margin: 0 15%;
  	padding-bottom: 40px;
  
}

.boxes-localoffer ul {
	list-style: none;
  	margin: 0;
  	padding: 0;
}	

.boxes-localoffer a {
	text-decoration: none;
	transition: all .3s ease;
	border: none;
}	

.lo_box {
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	color: #313131;
	margin-top: 30px;
	border-radius: 5px;
}	

.boxes-localoffer a:hover.lo_box.parent {
	background: #fbbb19!important;
}

.boxes-localoffer a:hover.lo_box.youngp {
	background: #5f9ed5!important;
}

.boxes-localoffer a:hover.lo_box.prof {
	background: #59bc8a!important;
}

.box_img {
	display: block;
	padding: 4px 0px;
	height: 97px;
	width: 105px;
	margin: 24px auto!important;
}

.lo_box.parent {
	background: #fac94c;
}

.lo_box.youngp {
	background: #89b5db;
}

.lo_box.prof {
	background: #90cbad;
}

.parent .box_img {
	background: url("../../SiteElements/Images/Local-Offer/parent-icon.png") no-repeat;
}

.youngp .box_img {
	background: url("../../SiteElements/Images/Local-Offer/youngp-icon.png") no-repeat;
}

.prof .box_img {
	background: url("../../SiteElements/Images/Local-Offer/prof-icon.png") no-repeat;
}

.lo_box.parent a{
	text-decoration: none;
}

.box_title {
	font-size: 2.2em;
	display: block;
	margin: 20px 28px;
	color: #313131;
	letter-spacing: 0.5px;
	line-height: 25px;
	font-weight: bold;
}


.homepage-footer-localoffer {
  float: left;
  width: 90%;
  margin: 0 5%;
}

.lo-footer-header {
	background-color: #9AD5E6;
	width: 100%;
	padding: 12px 0px;
	margin: 0px;
	border-radius: 8px 8px 0px 0px;
}

.lo-footer-header h2 {
	color: #004052!important;
	padding-left: 20px;
	font-weight: 500;
  	margin: 0!important;
	font-size: 1.6em!important;
}

.lo-footer-panels {
	width:100%;
	padding: 0 0 15px 0;
	margin-bottom: 25px;
	background-color: #d9d9d9;
}

.lo-footer-panels p {
	color: #434343!important;
	font-size: 1.5em!important;
}

.twitter-panel {
	background: #efefef;
	width: 90%;
	margin: 0 5% 25px 5%;
}

.lo-footer-panels .twitter-panel p {
	padding-top: 23px;
	margin: 0px 15px 20px 15px
}

.lo-footer-panels .twitter-panel a {
	font-weight: bold;
  	color: #313131;
  	text-decoration: none;
}

.lo-twitterfeed {
	height: 400px;
	margin: 0 5px;
}

.lo-footer-panels .involve-panel {
	padding: 0px 5%;
}

.lo-footer-panels .involve-panel ul{
	margin: 0;
	padding: 9px 0 15px 10px;
}


.pcf-btn {
	margin: 0px auto;
	text-align: center;
  	width: 94%;
}

.pcf-btn a:hover {
	transition: all .2s ease;
	color: #fff;
}

.pcf-btn ul{
	list-style:none;
	margin: 0;
  	padding: 0;
}

.pcf-btn ul li {
	margin: 12px 0px;
}

.pcf-btn a {
	color: #212121;
	border: none;
	font-weight: bold;
	padding: 11px 0px;
	display: block;
	border-radius: 3px;
  	font-size: 1.5em;
    text-decoration: none;
}

.footer-contactus {
	background: #C5ADDF;
  	border-bottom: 5px solid #9775BB!important;
}

a:hover.footer-contactus {
	background-color: #9775BB;
}

.footer-feedback {
	background: #FD938B;
  	border-bottom: 5px solid #d44242!important;
}

a:hover.footer-feedback {
	background-color: #d44242;
}

.footer-champion {
	background: #c3dba0;
  	border-bottom: 5px solid #515b43!important;
}

a:hover.footer-champion {
	background-color: #515b43;
}

.pcf-website {
  	background: #F399C0;
  	border-bottom: 5px solid #e45a97!important;
}

a:hover.pcf-website {
	background-color: #e45a97;
}

.pcf-facebook {
  	background: #8FC9F8;
	border-bottom: 5px solid #3B5998!important;
}

a:hover.pcf-facebook {
	background-color: #3B5998;
}

/*
.pcf-btn a::after {
	float: right;
	font-family: "icomoon";
	content: "\e9c3";
	font-size: 20px;
	margin-right: 10px;
	text-decoration: none;
}

*/

.involve-panel img{
	margin: 7px auto;
  	display: block;
}

.directory-panel {
	background: #efefef;
	width: 90%;
	margin: 0 5% 25px 5%;
}


.directory-panel p {
	padding: 0 5%;
}

.directory-panel a {
	border: 0;
	font-size: 1.5em;
	display: block;
	padding: 17px 0 10px 0;
	color: #212121;
	text-align: center;
    text-decoration: none;
  	border-radius: 3px;
  	font-weight: bold;
}

.directory-panel a:hover {
	transition: all .2s ease;
	color: #fff;
}

.family-dir, .comms-book, .LINC2-yp  {
	margin: 0 0 15px 0;
	padding: 6px 15px;
  	border-radius: 3px;
}

.family-dir {
	padding-top: 23px;
}

.family-dir a:hover {
	background-color: #e39e7e!important;
}

.family-btn {
	background: #f5dbcf;
	border-bottom: 5px solid #e39e7e!important;
}

.linc2-btn {
	background: #d7ece1;
	border-bottom: 5px solid #90cbad!important;
}

.LINC2-yp a:hover {
	background-color: #90cbad!important;
}


/* LANDING PAGE */


.lo-section-title h1{
	text-align: center;
	font-size: 2.3em!important;
	color: #403737!important;
  	padding: 12px 0;
  	border-radius: 0px 0px 8px 8px;
}

.lo-section-title .wrapper{
    float: left;
	width: 84%;
    margin: 0 8%;
}

.lo-parent-bar {
   	background: #fac94c; 
} 

.lo-youngp-bar {
   	background: #89b5db; 
} 

.lo-professional-bar {
   	background: #90cbad; 
} 

  .lo-section-title span.header_img {
    display: none;
  }

.lo-page-title {
  	float: left;
	margin: 0px auto;
	width: 100%;
    text-align: center;
}

.lo-page-title h2{
  	margin: 50px 0 0 0!important;
 	display: inline-block;
    text-decoration: none;
    border-bottom: 5px solid #d9d9d9;
  	color: #616161!important;
}

.LO-landing-items {
  float: left;
  width: 80%;
}

ul.LO-landing-items {
	margin: 30px 10%;
	padding: 0;
	list-style: none;
}

ul.LO-landing-items li {
	float: left;
	width:92%;
	margin: 10px 4%;
}

.LO-landing-items li a {
  display: block;
  width: 100%;
  padding: 0px;
  text-decoration: none;
  border: 0;
  min-height: 100px;
  float: left;
}

.LO-landing-items .landingbox :before {
    float: right!important;
    font-size: 1.7em!important;
   	font-weight: 500!important;
    margin: 7px auto!important;
    color: #fff!important;
	display: block!important;
	padding: 0 0 0 12%!important;
	width: 17%!important;
}

.LO-landing-items li a span{
  display: block;
}

.LO-landing-items .landingtitle {
	float: left;
  	width: 90%;
  	color: #171717;
    font-size: 1.8em;
  	font-weight: 600!important;
    line-height: 1.2em;
	display:block;
 	margin: 18px 5% 0 5%;
  	padding: 0;
}

.LO-landing-items .landingbox {
	border-radius: 5px; 
}

.LO-landing-items .landingbox:hover a {
	border-radius: 5px;
}

.LO-landing-items .landingdesc {
	display: block;
  	float: left;
  	font-size: 1.4em;
  	margin: 5px 5%;
  	color: #383636;
  	letter-spacing: 0.02em;
}

.landingbox:first-child, .landingbox:nth-child(11) {
	background: #f4858e;
} 

.landingbox:first-child a:hover, .landingbox:nth-child(11):hover a{
	background: #f66974!important;
} 

.landingbox:nth-child(2), .landingbox:nth-child(12) {
	background: #a4d2df;
} 

.landingbox:nth-child(2):hover a, .landingbox:nth-child(12):hover a{
	background: #86c9dd!important;
} 

.landingbox:nth-child(3){
	background: #f3da64;
} 

.landingbox:nth-child(3):hover a{
	background: #f3d443!important;
} 

.landingbox:nth-child(4){
	background: #e7bfd8;
} 

.landingbox:nth-child(4):hover a{
	background: #e6aed1!important;
}

.landingbox:nth-child(5) {
	background: #8fdea8;
} 

.landingbox:nth-child(5):hover a{
	background: #7cd197!important;
}

.landingbox:nth-child(6) {
	background: #b6a9dd;
} 

.landingbox:nth-child(6):hover a{
	background: #a28de0!important;
}

.landingbox:nth-child(7){
	background: #f6c66b;
} 

.landingbox:nth-child(7):hover a{
	background: #f3b641!important;
}

.landingbox:nth-child(8){
	background: #d7c39e;
} 

.landingbox:nth-child(8):hover a{
	background: #cbb284!important;
}

.landingbox .icon-eye ::before {
  color: #d7c39e!important;
  background: #fff!important;
}

.landingbox:nth-child(9){
	background: #7ddbd4;
} 

.landingbox:nth-child(9):hover a{
	background: #5ed1c8!important;
}

.landingbox:nth-child(10){
	background: #c1c1bf;
} 

.landingbox:nth-child(10):hover a{
	background: #adada9!important;
}

.sublanding .landingtitle {
	width: 90%;
	margin: 18px 5% 0 5%;
	float: left;
}

.sublanding .landingdesc {
    font-size: 1.4em;
  	margin: 5px 5%;
  	color: #383636;
  	letter-spacing: 0.02em;
  	float: left;
	clear: both;
}

.sublanding.thingsdo .landingbox {
    background: #f4858e;
}

.sublanding.thingsdo .landingbox a:hover{
    background: #f66974!important;
}

li.landingbox.thingstodo {
	background: #f4858e;
}

li.landingbox.thingstodo a:hover {
	background: #f66974!important;
}

.sublanding.skills .landingbox {
    background: #a4d2df;
}

.sublanding.skills .landingbox a:hover{
    background: #86c9dd!important;
}

li.landingbox.skills {
	background: #a4d2df;
}

li.landingbox.skills a:hover {
	background: #86c9dd!important;
}

.sublanding.post16 .landingbox {
    background: #f3da64;
}

.sublanding.post16 .landingbox a:hover{
    background: #f3d443!important;
}

li.landingbox.post16 {
	background: #f3da64;
}

li.landingbox.post16 a:hover {
	background: #f3d443!important;
}

.sublanding.healthy .landingbox {
    background: #e7bfd8;
}

.sublanding.healthy .landingbox a:hover{
    background: #e6aed1!important;
}

li.landingbox.healthy {
	background: #e7bfd8;
}

li.landingbox.healthy a:hover {
	background: #e6aed1!important;
}

.sublanding.friendships .landingbox {
    background: #8fdea8;
}

.sublanding.friendships .landingbox a:hover{
    background: #7cd197!important;
}

li.landingbox.friendships {
	background: #8fdea8;
}

li.landingbox.friendships a:hover {
	background: #7cd197!important;
}

.sublanding.keepsafe .landingbox {
    background: #b6a9dd;
}

.sublanding.keepsafe .landingbox a:hover{
    background: #a28de0!important;
}

li.landingbox.keepsafe {
	background: #b6a9dd;
}

li.landingbox.keepsafe a:hover {
	background: #a28de0!important;
}

/**************** SUB LANDING PAGE ****************/

.lo-sublanding-items {
  float: left;
  width: 100%;
}

ul.lo-sublanding-items {
	margin: 30px 0;
	padding: 0;
	list-style: none;
}
ul.lo-sublanding-items li {
	display: block;
	width:92%;
	margin: 10px 4%;
  float: left;
}
ul.lo-sublanding-items li a {
  display: block;
  float: left;
  width: 100%;
  padding: 0px;
  text-decoration: none;
  border: 0;
  min-height: 100px;
}

.lo-sublanding-items li a span{
  display: block;
}

.lo-sublanding-items .landingtitle {
  	width: 90%;
  	color: #171717;
    font-size: 1.7em;
  	font-weight: 600!important;
	display:block;
 	margin: 0;
  	padding: 10px 5%;
}

.lo-sublanding-items .landingtitle.employment {
    background: #f8db91;
  	border-bottom: 5px solid #fac94c;
}

.lo-sublanding-items .landingbox a span.landingtitle.employment:hover {
    background: #fac94c;
}

.lo-sublanding-items .landingtitle.advice {
    background: #e7bfd8;
  	border-bottom: 5px solid #e6aed1;
}

.lo-sublanding-items .landingbox a span.landingtitle.advice:hover {
    background: #e6aed1;
}

.lo-sublanding-items .landingtitle.earlyyears {
    background: #f4858e;
  	border-bottom: 5px solid #f66974;
}

.lo-sublanding-items .landingbox a span.landingtitle.earlyyears:hover {
    background: #f66974;
}

.lo-sublanding-items .landingtitle.health {
    background: #b6a9dd;
  	border-bottom: 5px solid #a28de0;
}

.lo-sublanding-items .landingbox a span.landingtitle.health:hover {
    background: #a28de0;
}

.lo-sublanding-items .landingtitle.safe {
    background: #d7c39e;
  	border-bottom: 5px solid #cbb284;
}

.lo-sublanding-items .landingbox a span.landingtitle.safe:hover {
    background: #cbb284;
}

.lo-sublanding-items .landingtitle.money {
    background: #c1c1bf;
  	border-bottom: 5px solid #adada9;
}

.lo-sublanding-items .landingbox a span.landingtitle.money:hover {
    background: #adada9;
}

.lo-sublanding-items .landingtitle.post16 {
    background: #f3da64;
  	border-bottom: 5px solid #f3d443;
}

.lo-sublanding-items .landingbox a span.landingtitle.post16:hover {
    background: #f3d443;
}

.lo-sublanding-items .landingtitle.preteen {
    background: #a4d2df;
  	border-bottom: 5px solid #86c9dd;
}

.lo-sublanding-items .landingbox a span.landingtitle.preteen:hover {
    background: #86c9dd;
}

.lo-sublanding-items .landingtitle.activities {
    background: #8fdea8;
  	border-bottom: 5px solid #7cd197;
}

.lo-sublanding-items .landingbox a span.landingtitle.activities:hover {
    background: #7cd197;
}

.lo-sublanding-items .landingtitle.shortbrks {
    background: #f6c66b;
  	border-bottom: 5px solid #f3b641;
}

.lo-sublanding-items .landingbox a span.landingtitle.shortbrks:hover {
    background: #f3b641;
}

.lo-sublanding-items .landingtitle.transport {
    background: #7ddbd4;
  	border-bottom: 5px solid #5ed1c8;
}

.lo-sublanding-items .landingbox a span.landingtitle.transport:hover {
    background: #5ed1c8;
}

.lo-sublanding-items .landingdesc {
  margin: 15px 4%;
  color: #616161;
  line-height: 1.5em;
}

.lo-sublanding-items .landingbox a{
    background: #f3f3f3;
}

.lo-sublanding-items .landingbox a:hover {
  	background: #e3dddd!important;
}


/************** LANDING FOOTER PAGE *********************/


.lo-landing-footer {
	float: left;
 	width: 90%;
	margin: 0 5%;
}


.lo-landing-footer .lo-footer-header {
  	float: left;
}

.lo-landing-footer .lo-footer-header h3 {
	padding-left: 28px;
}

.lo-landing-footer .lo-footer-panels {
	float: left;
}

.getinvolve-panel a{
	color: #434343!important;
	font-size: 1.5em!important;
  	text-decoration: none;
}

.getinvolve-panel{
	background: #efefef;
	width: 90%;
	margin: 0 5% 0px 5%;
	float: left;
}

.getinvolve-panel ul {
	list-style-type: none;
}


.getinvolve-panel a:before {
 	margin-right: 15px;
    font-family: "icomoon";
  	font-size: 1em;
}

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

.lo-news a:before {
    content: "\e622";
}


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

.lo-twitter a:before {
    content: "\e9e7";
}

.lo-pcf-website a:before {
    content: "\e7de";
}


.services-panel{
	width: 90%;
	margin: 0 5% 60px 5%;
}

.services-panel a{
	color: #616161!important;
  	text-decoration: none;
}

.getinvolve-panel ul {
	margin: 10px 0 4px 15px;
	padding: 0;
}

.services-panel ul li {
	line-height: 29px;
}

.getinvolve-panel ul li {
  	line-height: 25px;
}

.services-panel ul {
  	list-style: disc;
  	margin: 12px 0 10px 25px;
	padding: 0;
}

.services-panel ul li {
  font-size: 1.5em
}

.services-panel ul li:first-child{
	color: #e39e73;
}

.services-panel ul li:nth-child(2){
	color: #90cbad;
}

.services-panel ul li:nth-child(3){
	color: #bcb160;
}

.services-panel ul li a{
	color: #434343!important;
	border: 0;
}

/******************************************************************************
CONTENT PAGE
*****************************************************************************/

.lo-content-wrapper {
  padding: 0 5% 40px 5%;
}

.lo-content-wrapper a {
  	color: #454545!important;
  	text-decoration: none! important;
  	border-bottom: 1px dotted #454545;
}

.lo-content-wrapper a:hover {
  	color: #225e6f!important;
  	text-decoration: none! important;
  	border-bottom: 1px solid #225e6f;
}

.lo-content-wrapper ul {
    list-style: square;
    margin: 25px 0 25px 25px;
    padding: 0;
}

.lo-content-wrapper ul li {
	font-size: 1.6em;
	color: #444;
	margin-bottom: 7px;
	line-height: 1.6em;
}

.lo-content-wrapper ul li ul {
    list-style: circle;
  	margin: 7px 0 7px 25px;
}
.lo-content-wrapper ul li ul li {
	font-size: 1em;
	color: #444;
	margin-bottom: 7px;
	line-height: 1.5em;
}

.lo-content-wrapper ul li a {
	color: #454545!important;
  	text-decoration: none! important;
  	border-bottom: 1px dotted #454545;
}

.lo-content-wrapper ul li a:hover {
	color: #225e6f!important;
  	text-decoration: none! important;
  	border-bottom: 1px solid #225e6f;
}

.lo-pagetitle-content {
    float: left;
    margin-top: 30px;
  	width: 100%;
}


.lo-pagetitle-content h1 {
  padding-bottom: 10px;
  margin: 0 0 20px;
  clear: both;
  border-bottom: 5px solid #d9d9d9;;
  line-height: 1em;
  width: 100%;
  color: #313131;
}

.lo-content-wrapper h2 {
  color: #313131;
}

.lo-content-wrapper h3 {
	margin: 25px 0 0 !important;
}

.localoffer-sidebar {
  border-top: 5px solid #d9d9d9;
  padding: 20px 5% 40px 5%;
}

.localoffer-sidebar h2 {
  background: #d9d9d9!important;
  padding: 8px 0px 8px 15px!important;
  margin: 0!important;
  color: #616161;
  font-size: 1.8em!important;
}

.inthissection-localoffer, .relatedpdf-localoffer, .relatedlinks-localoffer, .relatedpages-localoffer, .realtedcontact-localoffer {
 	margin-bottom: 20px;
}

.localoffer-sidebar ul {
  border: 1px solid #ddd;
	padding: 14px 0 14px 20px;
	margin: 0;
}

.localoffer-sidebar ul li a {
  color: #545454;
  font-size: 1.6em;
  padding: 2px 13px 2px 1px;
  line-height: 1.6em;
  text-decoration: none;
  display:block;
}

.localoffer-sidebar ul li a:hover {
  color: #225e6f;
  text-decoration: underline;
}

.relatedpdf-localoffer ul li span.sys_Size {
    font-size: 1em;
    font-style: italic;
    margin-left: 2px;
    border: 0.5px solid #dcdcdc;
    border-radius: 5px;
    padding: 0px 4px;
}

.lo-content-wrapper #SearchResultsLocalOffer_wrapper {
  	clear: both;
}

.lo-content-wrapper a[href$='.pdf'] {
 	padding: 0 24px 0 0;
	background: url('../../SiteElements/Images/icon-pdf.gif') no-repeat right 0;        
}

.lo-content-wrapper a[href$='.docx'] {
 	padding: 0 24px 0 0;
	background: url('../../SiteElements/Images/icon-doc.gif') no-repeat right 0;        
}

.lo-content-wrapper a[href ^="mailto:"] {
    background: url("../../SiteElements/Images/icon-mailto.gif") no-repeat 2px 2px;
    padding: 0 0 0 25px;
}

.LO-landing-items .icon-list::before {
  	font-size: 0.7em!important;
	margin: 0px 6px 0 0!important;
	padding: 0 0 0 12px!important;
	width: 8% !important;
	color: #225e6f!important;
}

table {
    border-collapse: collapse;
    margin-bottom: 40px;
    width: 100%;
  	font-size: 1.5em;
}
table caption {
    background: #545454;
    color: #fff;
    font-weight: bold;
    padding: 10px 0;
}
td, th {
    border: 1px solid #dddddd;
    padding: 8px;
    text-align: left;
}
th {
    background: #9AD5E6;
    color: #004052;
}
tr:nth-child(2n) {
    background-color: #F6F6F6;
}


.sys_navigation {
    font-size: 1.5em;
}

/******************************************************************************
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: "proxima-nova", 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: "proxima-nova";
    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: "proxima-nova";
}

.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: "proxima-nova"!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;
  	font-size: 1.3em;
}


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

.lo-content-wrapper .sys_form-submit {
    background: #8fc6d6;
    border: medium none;
    color: white;
    cursor: pointer;
    font-size: 1.3em;
    padding: 10px 25px 10px 20px;
		color: #0c252c;
  	margin: 10px 0;
  	font-family: "proxima-nova";
}

.lo-content-wrapper .sys_form-submit:hover {
  background-color: #0c252c;
  color: #8fc6d6;
}

.lo-content-wrapper .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: "proxima-nova";
}

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

/******************************************************************************
SEARCH PAGES
*****************************************************************************/

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

.lo-content-wrapper .sys_search-control-error.sys_control-error {
	font-size: 1.5em;
	color: #434343;
}

.lo-content-wrapper .sys_search-control dd.sys_search-description {
  margin: 0 0 30px 0;
	font-size: 1.6em;
	color: #434343;
	line-height: 26px;
}

.lo-content-wrapper .sys_subitem sys_first {
	padding: 10px 1%;
	border: 1px solid #000;
}

/******************************************************************************
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) {
  
  
  .lo_box {
	width: 30%;
}
  
  .lo-home-wrapper .boxes-localoffer {
	width: 80%;
	margin: 20px 10%;
	}

.lo_box.youngp {
    margin-left: 5%;
    margin-right: 5%;	
}	
  
  
.homepage-footer-localoffer .footer-panels {
	width: 33%;
	float: left;
}	  
 
.lo-footer-header  {
	border-radius: 0px!important;
}  
  
.homepage-footer-localoffer .lo-footer-panels {
  min-height: 657px;
}  
  
ul.LO-landing-items li {
	clear:none;
	width: 46%;
	margin: 10px 2%;
}  
  
ul.lo-sublanding-items li {
	clear:none;
	width: 46%;
	margin: 10px 1%;
}
  
  .lo-sublanding-items li a {
    display: block;
    float: left;
    min-height: 122px;
  } 
  
.lo-section-title h1 {
	font-size: 2.6em!important;
}
 
  
.lo-landing-footer .footer-panels {
	width: 50%;
	float: left;
}	  
 

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

  nav {
  display: block;
  clear: none;
  width: 960px;
  margin: 0;
  padding: 0;
  border: 0;
  }
  
 nav ul li {
	margin-bottom: 0!important;
	} 
  
  .nav-trigger {
    display:none;
  } 
  
  .localoffer-hdr nav ul {
    float: left;
  }
 
  .localoffer-hdr nav ul li {
	float: left;
  }

  
 .localoffer-hdr nav ul li a {
	padding: 15px 10px;
    border-bottom: none;
	}
  
.localoffer-hdr nav ul li a:hover {
   border-bottom: none;
	}
  

  .feedback-nav {
	padding: 0!important;
	margin: 0px!important;
	}
  
  .searchbar {
  	width: 29%;
   	padding: 8px;
}
  
.searchbar input[type="text"] {
    width: 67%;
 	padding: 10px 2%;
}  

 
.searchbar input[type="submit"] {
  	line-height: 36px;
  	width: 29%;
  	padding: 2px 0;
}  
  
   
  .banner-localoffer .infoWrap {
    position: absolute;
    bottom: -3px;
    right: 0px;
    width: 70%;
	}

	  .subbanner-localoffer .infoWrap {
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 100%;
	}

	.banner-localoffer .infoWrap p {
	margin: 10px 20px;
	padding: 0!important;
	}
  
  
  .family-dir, .comms-book, .LINC2-yp {
    margin: 0 0 5px 0;
  }
  
  
.homepage-footer-localoffer .lo-footer-panels {
  min-height: 590px;
} 
  
  
ul.LO-landing-items li {
	width: 29%;
}    
  
ul.lo-sublanding-items li {
	width: 31%;
}    
  
ul.lo-sublanding-items li a {
  min-height: 165px;
   float: left;
}  
  
  
}

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

     
  .localoffer-hdr nav ul li a {
	padding: 15px 14px;
	}
  
  .lo-footer-panels {
    padding: 0;
	}
  
 .lo-footer-panels {
   padding-bottom: 26px;
 }
  
  .lo-footer-panels {
   min-height: 163px; 
  }
  
  ul.LO-landing-items {
    width: 90%;
    margin: 50px 5%;
  }
  
    ul.lo-sublanding-items {
    width: 92%;
    margin: 20px 4%;
  }
  
  .lo-section-title {
    float: left;
    width: 92%;
    margin: 0 4%;
    padding: 0;
}  

  
  .lo-section-title span.header_img {
	display: block;
	position: absolute;
	height: 103px;
	width: 105px;
	margin: 26px 0 26px 100px;
	background-size: 65%;
	z-index: 1;
}
  
    .lo-section-title span.header_img img {
      width: 62%;
      height: auto;
    }
  
    .lo-content-wrapper {
     float: left;
   	 width: 65%;
     margin: 0 auto;
    padding: 0 1% 40px 5%;
   }  
  
  .localoffer-sidebar {
    width: 24%;
    float: right;
    border-top: none;
    padding: 20px 2% 40px 1%;
  }
  
  .lo-content-wrapper {
    width: 65%;
    padding: 0 1% 40px 5%;
  }
 
}
@media only screen and (min-width: 992px) {
  
  .lo-home-wrapper {
    width: 960px;
    margin: 0 auto;
   }
  
  .searchbar {
	padding: 8px;
    width: 275px;
    float:right;
}
  
   .lo-content-wrapper {
     float: left;
     width: 73%;
     margin: 0 auto;
     padding: 0 1% 40px 2%;
   }
  
  .localoffer-sidebar {
    float: right;
    width: 21%;
    margin-top: 55px;
  }

  .localoffer-hdr {
    width: 100%;
    margin: 0;
  }
  
  .lo-breadcrumb .breadcrumb {
    width: 100%;
    margin: 0;
  }
  
  .localoffer-hdr nav ul li a {
    padding: 17px 21px;
	}
  
  
  .banner-localoffer img {
    width: 100%;
  }
  
.lo-section-title .wrapper {
    width: 100%;
    margin: 0%;
  }
  
  .homepage-footer-localoffer .lo-footer-panels {
  min-height: 550px;
} 

  
  .homepage-footer-localoffer {
    width: 100%;
    margin:0;
  }
  
  .lo-content-wrapper #SearchResultsLocalOffer_wrapper {
    width: 910px!important;
}
  
   
}

@media only screen and (min-width: 1312px) {
	nav {
		width: 1280px;
	}

  .lo-section-title {
    width: 100%;
    margin: 0;
	}
}