/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 07 November 2018 15:53:57
*/


/* version 4: 9 Oct 2018 11:08 */

body {
  font: 14px 'Roboto', 'sans-serif';
  -webkit-font-smoothing: antialiased; }
  
#page p {line-height:1.3em;}
#page ul li {line-height:1.3em; margin-bottom:0.6em;}

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

#footer .pageWidth ul.inlineList{margin:0 -20px 0 0;}

@media screen and (max-width: 800px) {
  body {
    background: url("/__data/assets/image/0006/617073/bkgmobile2.jpg") 0 190px scroll no-repeat #cccccc;
    background-size: 100% auto;
    margin: 0;
  }
.pageWidth{
padding:0 1px;
max-width:100%;
}
#header .logo{margin:0 10px; top:0;}
    
.group {margin: 0 -1px;}
#hero{margin-top:-36px;}
.heroIntro{margin:0;}
#hero .heroIntro .group {margin:0 0 !important;}
#hero .heroIntro .column {padding:20px 20px 20px 20px;}    
.home #hero .heroLinks ul{margin:20px 0 0;}
#footer{margin-bottom:0;}    
#footer .noprint .one_quarter{padding:0 0 !important;}
#footer .one_third{display:inline;margin-left:0;margin-right:0;padding-left:0;}
  .touch .heroLinks .one_quarter{margin:0 0 -20px -25%;} 
}

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

body.home {
  background: url("/__data/assets/image/0004/1390189/hd-cat-bells.jpg") no-repeat fixed 0 0/cover #cccccc; }

body.visiting, body.blog {
  background: url("/__data/assets/image/0004/1390189/hd-cat-bells.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; }
}

@media screen and (min-width: 601px) and (max-width: 800px) {
  body.touch {
    background-image: url("/__data/assets/image/0004/1390189/hd-cat-bells.jpg");
    background-size: auto 800px;
    background-attachment: scroll;
    background-position: 50% 0;
  }
}
@media screen and (min-width: 801px) {
  body.touch {
    background-image: url("/__data/assets/image/0004/1390189/hd-cat-bells.jpg");
    background-size: auto 650px;
    background-attachment: scroll;
    background-position: 50% 0;
  }
}



#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 #social {
text-align:right;
padding-bottom:10px;
 }
 
 #page {
  margin: 130px 0 1px; }
  
  }
  
}


#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; }



.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); clear:both;}

#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); }

#page .subNav{border-top:0;}
#page .subNav li {border-bottom:0;}
#page .subNav li.toplev {display:none}
#page .subNav li.toplev.open,  #page .subNav li.toplev.current {display:block;margin-left:-20px;}
#page .subNav li.open li, #page .subNav li.current li{display:block; border-bottom:1px solid #ccc;line-height:1em;}
#page .subNav ul:last-child li:last-child{border-bottom:none;}
#page .subNav li.open li a, #page .subNav li.current li a {padding:8px 0;}
#page .subNav li.toplev > a {display:none;}
.home #secnav {display:none;}

@media screen and (max-width: 600px) {
#page {margin:0 0 0}
#page .subNav li.toplev {display:block;} 
#page .subNav li.toplev.open, #page .subNav li.toplev.current {display:block;margin-left:0px;}
#page .subNav li.open {border-bottom:none;}
#page .subNav li.open > a {display:block;}
.pageWidth ul.subNav {margin-left:0;border:0;}
.pageWidth ul.subNav ul {margin-left:10px;}
ul.breadcrumb, .subNavTitle{display:none;}   
#page .subNav li.toplev>a{display:block;font-family:BrownStd-Bold;}
#header nav.nav ul{display:none;}
#header nav.nav form{margin-right:14px}
 .heroLinks{display:none;}
.home #secnav {display:block;} 
}


@media screen and (max-width: 600px) {
   
    
#hero .heroLinks ul{
 position:relative;
 top:15px;
}    
    
    
#hero .heroLinks li:nth-child(1) a, #hero .heroLinks li:nth-child(2) a, #hero .heroLinks li:nth-child(3) a, #hero .heroLinks li:nth-child(4) a, #hero .heroLinks li:nth-child(1) a:hover,#hero .heroLinks li:nth-child(2) a:hover, #hero .heroLinks li:nth-child(3) a:hover, #hero .heroLinks li:nth-child(4) a:hover, #header li:nth-child(1).current a, #header li:nth-child(2).current a, #header li:nth-child(3).current a, #header li:nth-child(4).current a, #header li:nth-child(1) a:hover, #header li:nth-child(2) a:hover, #header li:nth-child(3) a:hover, #header li:nth-child(4) a:hover{
    transform: none;
     -webkit-transform:none;
    }


body .heading{border:none;}
}
        
}


.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: 1px 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: 3em;
  font-weight: normal;
  margin-bottom: 1em; }

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; }


#page fieldset .pair3070 li {list-style:none;}

/**
 * Tabs navigation
 */
.c-tabs-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.c-tabs-nav__link {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 4px;
  padding: 12px;
  color: #fff;
  background-color: #b3b3b3;
  text-align: center;
  -webkit-transition: color 0.3s;
          transition: color 0.3s;
}

.c-tabs-nav__link:last-child {
  margin-right: 0;
}

.c-tabs-nav__link:hover {
  color: #6d6d6d;
}

.c-tabs-nav__link.is-active {
  color: #dc446e;
  background-color: #e7e7e7;
}

.c-tabs-nav__link i,
.c-tabs-nav__link span {
  margin: 0;
  padding: 0;
  line-height: 1;
}

.c-tabs-nav__link i {
  font-size: 18px;
}

.c-tabs-nav__link span {
  display: none;
  font-size: 18px;
}

@media all and (min-width: 720px) {
  .c-tabs-nav__link i {
    margin-bottom: 12px;
    font-size: 22px;
  }
  .c-tabs-nav__link span {
    display: block;
  }
}

/**
 * Tab
 */
.c-tab {
  display: none;
  background-color: #e7e7e7;
}

.c-tab.is-active {
  display: block;
}

.c-tab__content {
  padding: 1.5rem;
}

/**
 * Tabs no-js fallback
 */
.c-tabs.no-js .c-tabs-nav {
  display: none;
}

.c-tabs.no-js .c-tab {
  display: block;
  margin-bottom: 1.5rem;
}

.c-tabs.no-js .c-tab:last-child {
  margin-bottom: 0;
}


.pageWidth ul{
padding-left: 0;
list-style-position: outside;
margin-left: 14px;
}

p.blogdate{position:relative;top:-1em;}
p.blogtype{border-bottom:1px solid #616365;margin-bottom:2em;text-transform: uppercase;font-family: BrownStd-Bold;}


@media screen and (min-width: 720px) { 
p.blogger {margin-top:0em;}
.biog{margin-top:3em;}
.blogauthor img {margin-bottom:2em;}
}
#mobileMenuLink {margin-bottom:1em;}
#mobileMenuLink img{position:relative;top:4px;}