/*
  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: 09 May 2024 05:37:39
*/


/* version 5: 25 Jan 2022 12:13 */



body {
 font:16px 'Museo', 'sans-serif';font-weight: normal; font-style: normal; line-height:1.5em;
  -webkit-font-smoothing: antialiased;
  background: url("https://www.lakedistrict.gov.uk/__data/assets/image/0020/356411/bg_Ullswater-Misty-Morn-MBlenkey.jpg") no-repeat fixed 0 0/cover #cccccc; }

ul.subNav {font-family:"Brown-Reg";}
#page h1, h1, h2, h3, h4, h5, h6, legend.sq-form-section-title {margin-top:1.1em; margin-bottom:0.3em; font-family: "Brown-Reg"}

h1.heading {margin-top:0em; margin-bottom:0.2em; padding-top:15px; color:#532E60 !important;}
#page p {margin:0.1em 0; line-height:1.5em; margin:0.1em 0 1em 0; color:#555;}
#page a, #page a:visited{color:#555;}
#page a:hover{color: #222;}
#page .pagecontent a, #page .pagecontent a:visited { text-decoration: underline;} 
#page h1 {font-size: 2.7em;font-weight: normal; margin-bottom: 1em; }
#page h2, legend.sq-form-section-title {font-size:2.2em; margin-bottom:0.7em}
#page h3{font-size:1.6em; margin-bottom:0.7em;}
#page h4{font-size:1.26em; margin-bottom:0.7em;}  
#page h5{font-size:1.1em; margin-bottom: 0.8em;}  



#page ul li, #page ol li {line-height:1.3em; margin-bottom:0.6em;color:#555;list-style-position: inside;}

#page ol li ol{padding-left: 20px;list-style-type: lower-latin;}





#header li{padding:0 0 0 0 ;margin:0 0 0 0;
}

#header li a{font-family: "Brown-Reg" !important; font-weight:normal !important; font-size:1.6em; transform:none !important; text-shadow: none; background:none !important; color:#555;
padding-left:0.7em;
padding-right:0.7em;
border-top:4px solid #fff;
margin-left:0;
margin-right:0;
border-left:1px solid #ADAFAF;}

#header li:nth-child(1) a {border-left:none;padding-left:0;}

#header li.current a, #header li.current a:hover{ color:#532E60 !important; border-top:4px solid #532E60;}

#header li a:hover {text-shadow:none !important; color:#532E60;border-top:4px solid #ADAFAF;}
#header li{transform:none !important; background:none;}

blockquote{color: #555;padding: 0 0 0 0;margin: 0px 0px 0px 40px;font-size: 115%;}




select, textarea, input.sq-form-field[type="text"], .textField {
  }

#footer .pageWidth ul.inlineList{margin:0 -20px 0 0; font-family:"Brown-Reg";}
iframe {margin-bottom:20px}


div.image-center{text-align:center;margin:40px 0px 20px 0;}
.caption{border-bottom:none; margin-bottom: -5px; text-align: left;}
.caption p{font-size:85%;}

p.caption{border-bottom:1px solid #ADAFAF; font-size:85%;padding-bottom:10px;}


.hidden{visibility:hidden;}


#header .logo{margin:0 10px 0 5px; 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) and (max-width: 800px) {
  body.touch {
    background-image: url("https://www.lakedistrict.gov.uk/__data/assets/image/0020/356411/bg_Ullswater-Misty-Morn-MBlenkey.jpg");
    background-size: auto 800px;
    background-attachment: scroll;
    background-position: 50% 0;
  }
}
@media screen and (min-width: 801px) {
  body.touch {
    background-image: url("https://www.lakedistrict.gov.uk/__data/assets/image/0020/356411/bg_Ullswater-Misty-Morn-MBlenkey.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;} 


#page h1{font-size:1.9em}
#page h2{font-size:1.7em; margin-bottom:0.5em;}
#page h3{font-size:1.4em; margin-bottom:0.5em;}
#page h4{font-size:1.26em; margin-bottom:0.5em;}  



}




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

@media screen and (min-width: 600px) {
  #hero .heroIntro .column > * { } }
#hero .heroLinks li a {
  position: relative;
  border: none;
  background: rgba(255, 255, 255, 0.75);
  margin: 0 3% 5px 0;
  font-size: 150%;
}

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

 #hero .heroLinks li a:hover {
  color: #fff; }



#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 #ADAFAF;line-height:1em;margin-left:10px;}



#page .subNav ul:last-child li:last-child{border-bottom:none;}
#page .subNav li.open li a, #page .subNav li.current li a {}
#page .subNav li.toplev > a {display:none;}

.home #secnav {display:none;}

#page .pagecontent a.button:hover {
    border: none;
    color: #fff !important;
    text-decoration: underline !important;}

#page a.button{color:#fff;text-shadow: 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:"Brown-Reg";}
#header nav ul{display:none;}
#header nav form{margin-right:0}
.home #secnav {display:block;} 



}

@media screen and (max-width: 800px) {
  body {
    background: url("/__data/assets/image/0030/157863/bg-Grasmere.jpg") 0 190px scroll no-repeat #cccccc;
    background-size: 100% auto;
    margin: 0;
  }
.pageWidth{
padding:0 1px;
max-width:100%;
}

#header .nav {width:65%;}
#hero {margin-top:0;}
#hero .heroLinks ul {top:0; margin-top:10px;}


#page .pageWidth {padding-top:0;}

}


@media screen and (max-width: 600px) {
   
  #hero .heroLinks li a {
  position: relative;
  border: none;
  background: rgba(255, 255, 255, 0.75);
  margin: 0 3% 5px 0;
  font-size: 95%;
 width:43%;
 float:left;
 padding:5px;
 border:1px solid #ADAFAF;
}
#hero .heroLinks li a:hover{
 border: 1px solid #532E60;    
}
}

body.touch {background:none;}



    
    
#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 .heading {
  border-color: #ADAFAF;
  }



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: "Brown-Reg" }

#header li a {
  font-family: "Brown-Reg" }

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

@media screen and (min-width: 600px) {
  #header li a {
    padding-left: 10px;
    padding-right: 10px; } }

@media screen and (min-width: 800px) {
  #header li a {
    padding-left: 20px;
    padding-right: 20px; } }
#header li a, .heroCTA a, .feature .button, .heading a {
  font-size: 140%;
  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; }



body.visiting .subNavTitle {
  display: none;
  left: 0;
  position: absolute;
  top: -63px;
  width: 100%; }
  body.visiting #page .subNavTitle a, body.visiting #page .subNavTitle a:hover {
    border-radius: 0 0 0 0 !important;
    color: #FFFFFF;
    display: inline;
    padding: 28px 40px 22px;
    background:#532E60;
border:none;}

 
  

@media screen and (min-width: 600px) {
  body.visiting .subNavTitle {
    display: block;
    width:20%;} }
.subNav .current > a, .subNav .current a:hover{
  border-left: 4px solid #ccc !important ; }
  .subNav .current > a:hover{
padding-left:10px;
}

.subNav .current ul a:hover{
border-left:none !important;
}

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

p.blogdate{position:relative;top:-1em;}
p.blogtype{border-bottom:1px solid #616365;margin-bottom:2em;text-transform: uppercase;font-family: "Brown-Reg";}
#page p.blogtype > a , #page p.blogtype > a:hover {border-bottom:none;text-decoration: none;}

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


#page .pageWidth .group .three_quarters  img {max-width:100%; height:auto;}  
 span.date select{width:auto;}
 
 
.photogallery .news-details{margin-top:0;}
.photogallery .image-overlay{background:#62456f;}



.pageWidth ul.gallery {
  float: left;
  width: 100%;
  clear: both;
  margin: 1em 0 1.8em 0;
  margin-left:0;
  
}
#page ul.gallery li {
  list-style: none;
  display: block;
  float: left;
  overflow: hidden;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 0 0 0 0;
  vertical-align: middle;
   width:29%;
margin:0 2% 4% 2%;
line-height:0;
}
@media screen and (min-width: 601px) {
#page ul.gallery li {
width: 29%;
margin: 0 2% 4% 2%;
  }
}


.pageWidth .gallery li a {
  padding:0 0 0 0;
}

.pageWidth .gallery li a img{
  padding:0 0 0 0;
  margin:0 0 0 0;
  width:100%;
transition: all .3s ease-in-out;
}

.pageWidth .gallery li a img:hover {
  transform: scale(1.2); 
}

#q1652809_q18_0, #q1667215_q1_0, label[for=q1652809_q18_0], label[for=q1667215_q1_0]{display:none;}
.news-block img{ opacity: 0.8;transition: 0.5s ease;
}

.news-block:hover img, .news-block:focus img {opacity:1} 



#hero .heroLinks li a{ transform:none !important; width:170px; font-family: "Brown-Reg" !important;}

#hero .heroLinks li a:hover{ background:#fff; color:#532E60;}


@media screen and (max-width: 600px){
   #hero .heroLinks li a{  width:42%; }
}
div.heroCTA {display:none;}

@media screen and (max-width: 600px){
   #hero .heroIntro {display:none;} 
  body, body.home{background:none;}

  
}

form .headsearch {
  background:none;
}


form .headsearch #queries_term_query{
   border: none;
    border-bottom:1px solid #555;

}
 .headsearch input.sq-form-field[type="text"] {width:auto; border:none;border-bottom:#555 solid 1px; }




.social {display:inline-block; width:30px; height:30px; background: url(https://www.lakedistrict.gov.uk/__data/assets/image/0007/1778812/social-sprite.png);
    opacity: 0.8;
   margin:10px 16px 0 0; 
 }
.social.facebook{background-position:-43px 0;}
.social.insta{background-position:-86px 0;}
.social:hover{opacity: 1.0;}
#footer .bottom{border-top: 1px solid #999;padding-top: 1.6em;margin-top: 1.6em;}
.feature h2{margin-top:0em;margin-bottom:0.6em;line-height:1em;}
#sitemap ul{margin-left:25px;}
#sitemap li a{display:inline-block; margin-bottom:1em !important;}

/* Fancy Lists */

#page ul.list-blocks li {list-style-image:none;list-style-type: none;}
#page ul.list-blocks li:nth-child(even) .boxed{background:#fff}
#page ul.list-blocks li:nth-child(even) .feature dt {float:right; margin-left:10px;}


#page form{margin-bottom:20px;}
#page form .buttonxx {padding:7px 12px; background:#3f9bc2; border:none; font-size:100%; font-family:"Brown-Reg"; color:#fff; }

#page form .buttonxx:hover {text-decoration:underline;}

#page span.status{display:inline-block; width:28px; height:28px;
  background:url("https://www.lakedistrict.gov.uk/visiting/car-park-status/status.png"); position:relative; top:8px; margin-right:10px;}
  
#page span.amber {background-position-x:-34px}
#page span.green {background-position-x:-68px}
#page span.closed {background-position-x:-102px}
#page span.prebook {background-position-x:-136px}
#page span.full {background-position-x:-168px}


#page span.organisation{display:inline-block; width:28px; height:28px;
  background:url("https://www.lakedistrict.gov.uk/visiting/car-park-status/organisation.png"); position:relative; top:8px; margin-right:10px;}
 

 
#page .carparkstatus h4{margin-bottom: 0;margin-top: 2em;}
#page .carparkstatus h5{margin-top: 0em;}
#page .carparkstatus hr {margin-top:4em}
#page ul.carparkstatus li {list-style: none;}

#page span.ntrust {background-position-x:-34px}
#page span.forestry {background-position-x:-68px}
#page span.sldc {background-position-x:-104px; width:48px;}
#page span.lowther {background-position-x:-152px}
#page span.uu {background-position-x:-190px}
#page span.cwt {background-position-x:-226px}
#page span.allerdale {background-position-x:-262px}
#page span.other {background:none;}

div.center {text-align:center !important;} 

#page form {color: #555;}
.sq-form-required-field, #page p.sq-form-error {color:#cc0000;}


#page ul.pagelinks > li {
  position: relative;
  list-style: none;
  padding-left:20px;
}
#page ul li::before {
  content: '';
  position: absolute;
  left: 0;
}

#page ul.pagelinks li::before {
  content: '▼';
  position: absolute;
  left: 0;
}

#page ul.pagelinks li.newpage::before {
  content: '►';
  position: absolute;
  left: 0;
}


#page .pagecontent a.top{
font-size:90%;
}
#page .pagecontent a.top:before{
  content: '▲';
}

#page .pagecontent a.pagelink:before{
  content: '▼';
}

#page .pagecontent a.pagelink:visited{text-decoration:none;}


#page ul.socialicons li{
  display:inline-block;
}
body.partnership h1, body.partnership #page h2, body.partnership #page h2 a, body.partnership h3, body.partnership #page h4 {color:#363f44;}
body.partnership a.button {background-color: #7D7B36;}
body.partnership a.button:hover{color:#fff !important;}

body.partnership .lSSlideOuter .lSPager.lSpg > li:hover a, body.partnership .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #4a5e24;
}

body.partnership #page a:hover {
    color: #7D7B36;}
    
  body.partnership #page a.button:hover {
    color: #fff;
    border-bottom: none;}  
    body.partnership #page .feature a.button{background-image: none;}
    
em.sq-form-question-note{font-style: normal;display: block;font-size: 90%; margin: 10px auto;}
form fieldset{margin:0;padding:0;}

div.clear{ clear:both;}
div.goright{float:right;clear:right; }