:root{--font-base: "Nunito Sans", sans-serif;--font-title: "Sacramento", cursive;--font-heading: "Montserrat", sans-serif;--font-quote: "Montserrat", sans-serif;--font-caption: "Sacramento", cursive;--base-font-size: 6px;--black: #000;--white: #FFF;--sky-blue: #c3d9e7;--light-blue: #eaf3f8;--light-grey: rgb(220,220,220);--dark-grey: rgb(100,100,100);--darker-grey: rgb(50,50,50);--pale-yellow-green: #F2F8EA;--text-primary: var(--black)}@media(min-width: 576px){:root{--base-font-size: 6px}}@media(min-width: 768px){:root{--base-font-size: 6.5px}}@media(min-width: 1024px){:root{--base-font-size: 7px}}html,body,div,header,footer,nav,main,section,article,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0;box-sizing:border-box;vertical-align:top}html,body{min-width:308px;font-family:var(--font-base);font-optical-sizing:auto;font-weight:400;font-variation-settings:"wdth" 100,"YTLC" 500;font-size:var(--base-font-size);color:var(--text-primary);background:var(--white)}body *{font-size:2.5rem}h1,h2,h3{font-family:var(--font-heading);font-weight:600;font-size:10rem;color:var(--dark-grey);margin:2rem 0;text-transform:capitalize}h1 .subhead,h2 .subhead,h3 .subhead{text-transform:none;font-size:3rem}h1{font-family:var(--font-title);font-weight:normal}h2{font-size:5rem;margin-top:0}h3{font-size:3rem}p,li{line-height:4rem}p{margin-bottom:3rem}p.intro,p.em,p.em-more{font-weight:800}p.intro{font-family:var(--font-heading);font-size:3rem}p.em-more{text-align:center}a{color:var(--text-primary);font-style:italic;font-weight:var(--weight-bolder)}img{max-width:100%}blockquote{font-family:var(--font-quote);font-size:2.5rem;color:var(--dark-grey);font-weight:600;margin:5rem 0 5rem 50%}blockquote p:before{content:open-quote}blockquote p:after{content:close-quote}.button-holder{text-align:center;margin-top:2rem}.button{display:inline-block;border:2px solid var(--dark-grey);padding:.5em;text-decoration:none;font-style:normal;transition:.5s}.button.extra{font-size:4rem}.button:hover{background-color:var(--light-blue)}body>header{min-width:308px;position:fixed;top:0;width:100%;z-index:10;background:#fff;display:grid;grid-template-columns:20rem auto auto;grid-gap:2rem}body>header,body>header *{transition:all .5s ease}body>header img.logo{width:18rem;padding:2rem 0 2rem 2rem}body>header .tagline{align-self:center;margin:0;font-size:2.5rem}body>header .contact{text-align:right;padding:12rem 2rem 0 0}body>header .contact a{font-family:var(--font-heading);font-size:2.5rem;text-transform:uppercase;text-decoration:none}@media(min-width: 576px){body>header .tagline{font-size:4rem}body>header .contact{padding:3.5rem 12rem 0 0}body>header .contact a{font-size:4rem}}@media(min-width: 768px){body>header{grid-template-columns:28rem auto auto}body>header img.logo{width:18rem;padding:2rem 0 2rem 10rem}body>header .tagline{padding:2rem}}body>header.shrunk{grid-template-columns:13rem auto auto}@media(min-width: 768px){body>header.shrunk{grid-template-columns:21rem auto auto}}body>header.shrunk img.logo{width:11rem}body>header.shrunk .tagline{padding:1rem 2rem 1rem 2rem}body>header .hamburger{display:inline;position:absolute;top:2rem;right:2rem;width:8rem}body>header .hamburger.open{opacity:0}body>header .hamburger *{stroke:var(--darker-grey)}body>header .hamburger:hover *{stroke:var(--dark-grey)}body>nav{position:fixed;z-index:20;top:0;bottom:0;right:0;margin:0;padding:0;width:0;overflow:hidden;opacity:0%;background-color:var(--dark-grey);transition:all .5s ease}body>nav .hamburger-x{display:none;position:absolute;top:2rem;right:2rem;width:8rem}body>nav.open{width:40rem;opacity:90%;overflow:scroll;scrollbar-color:var(--sky-blue) var(--black);scrollbar-width:thin}body>nav.open .hamburger-x{display:inline}body>nav ul{padding:0;list-style:none}body>nav ul li{margin:0;padding:0}body>nav ul li a{display:block;text-align:center;color:#fff;text-decoration:none;font-size:3.5rem;letter-spacing:.4rem}body>nav ul li a:hover{color:var(--sky-blue)}body>nav>ul{margin:12rem 3rem}body>nav>ul>li{margin-bottom:3rem}body>nav>ul>li ul li a{font-size:2rem;letter-spacing:.2rem}body>main,body>footer{margin:0 3rem}@media(min-width: 576px){body>main,body>footer{margin:0 5rem}}@media(min-width: 768px){body>main,body>footer{margin:0 10rem}}body>main{position:relative;margin-top:25rem}body>main>section{position:relative;padding:0 0 10rem;scroll-margin-top:20rem;clear:both;display:flow-root}@media(min-width: 1024px){body>main>section{padding:0 0 15rem}}body>main>section .heading-banner{margin-bottom:5rem;padding:20rem 10rem;background:url(/img/Blue-Sea-tint.jpg) no-repeat center center/cover fixed}body>main>section .heading-banner.banner-pier{background-image:url(/img/Brighton-Pier-tint-1-1277x2048.jpg)}@supports(-webkit-touch-callout: none){body>main>section .heading-banner{background-attachment:initial}}body>main>section .heading-banner h2,body>main>section .heading-banner h2 a{text-align:center;color:var(--white)}body>main>section .heading-banner h2 a.button{font-size:5rem;border:2px solid var(--white)}body>main>section .heading-banner h2 a.button:hover{background-color:var(--black);opacity:.4}body>main>section#sec-intro>div.content{background:rgba(255,255,255,.6) url(/img/Blue-Sea-tint.jpg) no-repeat top center/cover;background-blend-mode:lighten;padding:3rem;margin-bottom:7rem}body>main>section#sec-intro>div.content h2{margin:5rem 0}@media(max-width: 768px){body>main>section#sec-intro>div.content h2{font-size:4rem}body>main>section#sec-intro>div.content blockquote{margin-left:0;text-align:center}}body>main>section#sec-meetlulu>img,body>main>section#sec-meetlulu>figure{position:relative;clear:left;float:left;width:30%;margin:0 10% 3rem 0}body>main>section#sec-meetlulu figure figcaption{position:absolute;width:100%;top:3rem;text-align:center;font-family:var(--font-caption);font-size:5rem}@media(max-width: 576px){body>main>section#sec-meetlulu figure figcaption{font-size:3rem}}@media(min-width: 768px){body>main>section#sec-meetlulu .content{margin:0 10% 0 40%}}body>main>section#sec-approach img{position:relative;float:right;width:50%;margin:0 0 2rem 2rem}@media(min-width: 768px){body>main>section#sec-work-together .panels{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:4rem}}body>main>section#sec-work-together .panels section{margin-bottom:3rem;padding:4rem;background-color:var(--sky-blue)}body>main>section#sec-work-together .panels section:nth-child(2){background-color:var(--light-blue)}body>main>section#sec-work-together .panels section h3,body>main>section#sec-work-together .panels section .tagline,body>main>section#sec-work-together .panels section .description{text-align:center}body>main>section#sec-work-together .panels section h3{margin-top:0}body>main>section#sec-work-together .panels section .tagline{font-weight:600}body>main>section#sec-work-together .panels section .description{padding-bottom:2rem;border-bottom:1px solid var(--dark-grey);font-weight:600}body>main>section.counselling-type{width:70%;margin:0 auto}body>main>section.counselling-type p{text-align:justify}body>main>section.counselling-type h2{font-size:3rem;margin-top:0;border-bottom:1px dashed var(--dark-grey)}body>main>section.counselling-type h2,body>main>section.counselling-type h3{scroll-margin-top:18rem}body>main>section.counselling-type:first-of-type h2{scroll-margin-top:40rem}@media(min-width: 768px){body>main>section.counselling-type{width:90%;display:grid;grid-template-columns:2fr 7fr;grid-gap:4rem}body>main>section.counselling-type h2{margin:0;padding-right:2rem;text-align:right;border-right:1px dashed var(--dark-grey);border-bottom:none}}body>main>section.counselling-type ul.prices{font-weight:600}body>main>section#about-page img{width:40%;float:right;margin:0 0 5rem 10%}body>main>section#contact-page>div{margin-bottom:8rem}body>main>section#contact-page>div.practice{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:2rem;justify-items:center;align-items:center}body>main>section#contact-page>div.practice img{max-height:25rem}body>main>section#contact-page>div.location #map{width:50%;height:50rem;float:left;margin-right:5rem;margin-bottom:5rem}body>main>section#contact-page>div.location #map .ol-attribution *{font-size:2rem;line-height:2rem}body>main>section#contact-page img.bacp{display:block;clear:both;margin:5rem auto 0;max-width:40%}body>footer{border-top:2px solid var(--dark-grey);text-align:right;padding:2rem 0}/*# sourceMappingURL=main.css.map */
