/*  16 May 2017 */

body {
  font: 14px 'Roboto', 'sans-serif';
  -webkit-font-smoothing: antialiased; }

select, textarea, input.sq-form-field[type="text"], .textField {
  font: 13px 'Roboto', 'sans-serif'; }

body.home {
  background: url("/__data/assets/image/0003/301917/bg-home-windermere.jpg") no-repeat fixed 0 0/cover #cccccc; }

body.visiting, body.blog {
  background: url("/__data/assets/image/0011/302798/View-from-Gowbarrow-VC5.jpg") no-repeat fixed 0 0/cover #cccccc; }

body.learning {
  background: url("/__data/assets/image/0006/302685/bg-learning-elterwater.jpg") no-repeat fixed 0 0/cover #cccccc; }

body.caringfor {
  background: url("/__data/assets/image/0005/302684/bg-caringfor-langdale.jpg") no-repeat fixed 0 0/cover #cccccc; }

body.planning {
  background: url("/__data/assets/image/0005/302684/bg-caringfor-langdale.jpg") no-repeat fixed 0 0/cover #cccccc; }

body.aboutus{
  background: url("/__data/assets/image/0004/302683/bg-aboutus-wastwater.jpg") no-repeat fixed 0 0/cover #cccccc; }

#header {
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(0, 0, 0, 0.1);
  margin-top: -23px;
  padding-top: 30px; }



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

#header #social {
text-align:right;
padding-bottom:10px;
 }
}


#header #social iframe{
 position:relative;
      top:-4px;
    }
  
@media screen and (max-width: 508px) {  
  #header #social{
text-align:centre;
padding-left:20px;
padding-right:20px;} 
  }

#header form {
  background: #62456F; }

.heroCTA {
  border-radius: 3px; }

#page {
  margin: 130px 0 1px; }

.home #page, .visiting #page {
  margin-top: 0; }

#page .pageWidth, #footer .pageWidth {
  background: #fff;
  border-bottom: 1px solid #eee;
  box-shadow: 1px 0 0 rgba(0, 0, 0, 0.2), -1px 0 0 rgba(0, 0, 0, 0.2), 10px 0 0 rgba(0, 0, 0, 0.02), -10px 0 0 rgba(0, 0, 0, 0.02);
  position: relative; }

#hero .heroIntro {
  background: none;
  font-size: 125%;
  bottom: -36px; }

#hero .heroIntro .group {
  margin: 0 -36px; }

#hero .heroIntro .column {
  padding: 30px 36px;
  background: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.5);
  border-radius: 1px 1px 0 0; }

@media screen and (min-width: 600px) {
  #hero .heroIntro .column > * {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg); } }
#hero .heroLinks li a {
  position: relative;
  border: none;
  background: rgba(255, 255, 255, 0.75);
  margin: 0 0 3px;
  font-size: 145%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 15px 15px -10px rgba(0, 0, 0, 0.4); }

#hero .heroLinks li a:hover {
  background: #f0703a; }

#header li a, #hero .heroLinks li a {
  transition: transform 0.2s, background 0.2s;
  -webkit-transition: transform 0.2s, background 0.2s; }

#header li a, #hero .heroLinks li a:hover {
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); }

#header li:nth-child(1) a {
  background: #00C6D7; }

#header li:nth-child(2) a {
  background: #f0703a; }

#header li:nth-child(3) a {
  background: #74812d; }

#header li:nth-child(4) a {
  background: #e57caf; }

#header li:nth-child(5) a {
  background: #3f9bc2; }

#header li.current a {
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); }

#hero .heroLinks li:nth-child(1) a {
  -webkit-transform: rotate(1deg);
  z-index: 4;
  transform: rotate(1deg); }

#hero .heroLinks li:nth-child(2) a {
  -webkit-transform: rotate(-1deg);
  z-index: 3;
  transform: rotate(-1deg); }

#hero .heroLinks li:nth-child(3) a {
  -webkit-transform: rotate(1deg);
  z-index: 2;
  transform: rotate(1deg); }

#hero .heroLinks li:nth-child(4) a {
  -webkit-transform: rotate(-1deg);
  z-index: 1;
  transform: rotate(-1deg); }

#header li:nth-child(1) a:hover, #header li:nth-child(1).current a {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg); }

#header li:nth-child(2) a:hover, #header li:nth-child(2).current a {
  -webkit-transform: rotate(2deg);
  transform: rotate(2deg); }

#header li:nth-child(3) a:hover, #header li:nth-child(3).current a {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg); }

#header li:nth-child(4) a:hover, #header li:nth-child(4).current a {
  -webkit-transform: rotate(2deg);
  transform: rotate(2deg); }

#hero .heroLinks li:nth-child(1) a:hover {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg); }

#hero .heroLinks li:nth-child(2) a:hover {
  -webkit-transform: rotate(2deg);
  transform: rotate(2deg); }

#hero .heroLinks li:nth-child(3) a:hover {
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg); }

#hero .heroLinks li:nth-child(4) a:hover {
  -webkit-transform: rotate(2deg);
  transform: rotate(2deg); }

.heroCTA a {
  -webkit-transition: transform 0.2s;
  transition: transform 0.2s;
  color:#fff;
    
}

.heroCTA a:hover {
  color: #fff;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg); }
  
  .heroCTA a:visited {
  color: #fff;
  }


.heading {
  border-top: 3px solid #3f9bc2;
  color: #3f9bc2; }

body.visiting .heading {
  border-color: #f0703a;
  color: #f0703a; }

body.learning .heading {
  border-color: #74812d;
  color: #74812d; }

body.caringfor .heading {
  border-color: #e57caf;
  color: #e57caf; }

#thingstodo .heading {
  border-color: #f0703a; }

#whatsnew .heading {
  border-color: #74812d; }

#map .heading {
  border-color: #e57caf; }

a, a:visited {
  color: #62456f; }

a:hover {
  border-color: #3f9bc2;
  color: #f0703a; }

#page ul.subNav li:before, #page ul.inlineList li:before {
  display: none; }

.home #hero .heroLinks li a, .home .heroCTA a, .home .feature .button, .home .heading, .home .subNavTitle, .home .heroIntro, .home .strapline, .visiting #hero .heroLinks li a, .visiting .heroCTA a, .visiting .feature .button, .visiting .heading, .visiting .subNavTitle, .visiting .heroIntro, .visiting .strapline {
  font-family: BrownStd-Bold; }

#header li a {
  font-family: BrownStd-Bold; }

#header li a, .heroCTA a {
  font-size: 1.15em; }

@media screen and (min-width: 600px) {
  #header li a {
    padding-left: 22px;
    padding-right: 22px; } }
#header li a, .heroCTA a, .feature .button, .heading a {
  font-size: 130%;
  font-weight: normal !important; }

#footer .logo img {
  background: none;
  border: none; }

.heading {
  background: none; }

.strapline {
  display: none;
  position: absolute;
  top: 10px;
  left: 40px;
  color: #fff;
  transform: rotate(-2deg);
  font-size: 40px;
  line-height: 40px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
  .strapline span {
    display: block; }
  .strapline .s_02 {
    margin-left: 0.4em; }
  .strapline .s_03 {
    margin-left: 0.2em; }

#page h1 {
  font-size: 3.2em;
  font-weight: normal;
  margin-bottom: 1.3em; }

body.visiting .subNavTitle {
  display: none;
  left: 0;
  position: absolute;
  top: -75px;
  width: 100%; }
  body.visiting .subNavTitle a {
    border-radius: 5px 5px 0 0;
    color: #FFFFFF;
    display: inline;
    padding: 28px 40px 22px; }

body.visiting .subNavTitle a {
  background: #f0703a; }

@media screen and (min-width: 600px) {
  body.visiting .subNavTitle {
    display: block;
    width:20%;} }
.subNav .current > a {
  color: #3f9bc2; }

.subBoxHeading a, .subBoxHeading a:visited {
  color: #fff; }

#header form .searchReveal {
  margin: 5px 7px 4px 0; }