/* @group Greys */
/* @end */
/* @group Corporate colours taken from logo */
/* @end */
/* @group Site Defaults */
/* @end */
/* @group Background colours */
.sectionBG-White {
  background-color: #ffffff; }

.sectionBG-Black {
  background-color: #111; }

.sectionBG-Light-Grey {
  background-color: #f7f7f7; }

.sectionBG-Sky-Blue {
  background-color: #89d6f2; }

.sectionBG-Neon-Pink {
  background-color: #ee0049; }

.sectionBG-Bright-Purple {
  background-color: #bd1a8d; }

.sectionBG-Dark-Purple {
  background-color: #6d216d; }

.sectionBG-Orange {
  background-color: #f6a030; }

.sectionBG-Green {
  background-color: #b5d562; }

.sectionBG-Pink {
  background-color: #daaec8; }

.sectionBG-Brown {
  background-color: #c88c5e; }

.sectionBG-Turquoise {
  background-color: #3cc8b4; }

/* @end */
/* Table of Contents
   - - - - - - - - -
   1.	Body
   2.	Header styles
   3.	Other styles
   - - - - - - - - -
*/
@font-face {
  font-family: 'Conduit';
  src: url("https://www.peoplespromenade.co.uk/themes/peoples/css/fonts/boxpark/conduititcstd-extrabold-webfont.eot");
  src: url("https://www.peoplespromenade.co.uk/themes/peoples/css/fonts/boxpark/conduititcstd-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("https://www.peoplespromenade.co.uk/themes/peoples/css/fonts/boxpark/conduititcstd-extrabold-webfont.woff") format("woff"), url("https://www.peoplespromenade.co.uk/themes/peoples/css/fonts/boxpark/conduititcstd-extrabold-webfont.ttf") format("truetype"), url("https://www.peoplespromenade.co.uk/themes/peoples/css/fonts/boxpark/conduititcstd-extrabold-webfont.svg#Conduit") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Deck Light';
  src: url("https://www.peoplespromenade.co.uk/themes/peoples/css/fonts/boxpark/DeckLight.eot");
  src: url("https://www.peoplespromenade.co.uk/themes/peoples/css/fonts/boxpark/DeckLight.eot?#iefix") format("embedded-opentype"), url("https://www.peoplespromenade.co.uk/themes/peoples/css/fonts/boxpark/DeckLight.woff") format("woff"), url("https://www.peoplespromenade.co.uk/themes/peoples/css/fonts/boxpark/DeckLight.ttf") format("truetype"), url("https://www.peoplespromenade.co.uk/themes/peoples/css/fonts/boxpark/DeckLight.svg#a1e3cbc2c56f9c2890abbe5f90b748a1") format("svg");
  font-style: normal;
  font-weight: 200; }

@font-face {
  font-family: 'Deck Reg';
  src: url("https://www.peoplespromenade.co.uk/themes/peoples/css/fonts/boxpark/DeckReg.eot");
  src: url("https://www.peoplespromenade.co.uk/themes/peoples/css/fonts/boxpark/DeckReg.eot?#iefix") format("embedded-opentype"), url("https://www.peoplespromenade.co.uk/themes/peoples/css/fonts/boxpark/DeckReg.woff") format("woff"), url("https://www.peoplespromenade.co.uk/themes/peoples/css/fonts/boxpark/DeckReg.ttf") format("truetype"), url("https://www.peoplespromenade.co.uk/themes/peoples/css/fonts/boxpark/DeckReg.svg#97073eb8cd68908aa550e05e5dd3c959") format("svg");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: 'Deck Bold';
  src: url("https://www.peoplespromenade.co.uk/themes/peoples/css/fonts/boxpark/DeckBold.eot");
  src: url("https://www.peoplespromenade.co.uk/themes/peoples/css/fonts/boxpark/DeckBold.eot?#iefix") format("embedded-opentype"), url("https://www.peoplespromenade.co.uk/themes/peoples/css/fonts/boxpark/DeckBold.woff") format("woff"), url("https://www.peoplespromenade.co.uk/themes/peoples/css/fonts/boxpark/DeckBold.ttf") format("truetype"), url("https://www.peoplespromenade.co.uk/themes/peoples/css/fonts/boxpark/DeckBold.svg#627a08211e7c680a55e9388d99505af6") format("svg");
  font-style: normal;
  font-weight: 700; }

/*
@font-face {
  font-family: 'Deck Thin';
  src: url('fonts/deck/DeckThin.eot');
  src: url('fonts/deck/DeckThin.eot?#iefix') format('embedded-opentype'),
       url('fonts/deck/DeckThin.woff') format('woff'),
       url('fonts/deck/DeckThin.ttf')  format('truetype'),
       url('fonts/deck/DeckThin.svg#d2409b4108aac26c7def1c9cecf07dd6') format('svg');

  font-style:   normal;
  font-weight:  200;
}
@font-face {
  font-family: 'Deck Black';
  src: url('fonts/deck/DeckBlack.eot');
  src: url('fonts/deck/DeckBlack.eot?#iefix') format('embedded-opentype'),
       url('fonts/deck/DeckBlack.woff') format('woff'),
       url('fonts/deck/DeckBlack.ttf')  format('truetype'),
       url('fonts/deck/DeckBlack.svg#846ff498ef394bf1914022f9c4265094') format('svg');

  font-style:   normal;
  font-weight:  400;
}

*/
/* @group 1. Body */
body {
  font-size: 14px;
  line-height: 21px;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Deck Light';
  font-display: swap;
  background-color: white;
  font-weight: 300;
  font-style: normal;
  font-variant: normal;
  color: #000000;
  overflow-x: hidden !important;
  margin: 0px !important; }

* {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* Smaller type for non desktop  ----------- */
@media only screen and (min-width: 320px) and (max-width: 767px) {
  body {
    font-size: 12px;
    line-height: 18px; }
  h1 {
    font-size: 3em !important;
    margin-bottom: 0.75rem !important; }
  h2, .smlH1 {
    font-size: 2.5em !important; }
  h3 {
    font-size: 1.7em !important; }
  h1::after {
    width: 30px !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    height: 3px !important; }
  h2::after, .smlH1::after {
    width: 30px !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    height: 3px !important; }
  h3::after {
    width: 30px !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    height: 3px !important; } }

/* @end */
/* iPad  ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  body {
    font-size: 11px;
    line-height: 16px; }
  h1 {
    font-size: 4em !important; }
  h2, .smlH1 {
    font-size: 2em !important; }
  h3 {
    font-size: 1.7em !important; } }

.breadcrumb {
  background-color: transparent;
  padding: 0px;
  margin-top: 1rem; }

.morecontent span {
  display: none; }

.morelink {
  display: block; }

.morelink {
  display: inline; }

/* @group 2. Header styles */
h1, h2, h3, h4, h5, h6 {
  color: #000000;
  font-family: 'Conduit';
  font-weight: normal;
  text-transform: uppercase; }

h1 {
  font-size: 5em;
  line-height: .9em;
  margin-top: 3rem;
  margin-bottom: .75rem; }

h2, .smlH1 {
  font-size: 4.5em;
  line-height: .9em;
  margin-top: 2rem;
  margin-bottom: .75rem; }

h1::after, h2::after, .smlH1::after, h3::after {
  content: '';
  display: block;
  background-color: #000000; }

h1::after {
  width: 90px;
  margin-top: 1.8rem;
  margin-bottom: 1.8rem;
  height: 5px; }

h2::after, .smlH1::after {
  width: 90px;
  margin-top: 1.8rem;
  margin-bottom: 1.8rem;
  height: 5px; }

h3::after {
  width: 40px;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  height: 4px; }

.Centered h1::after, .Centered h2::after, .Centered .smlH1::after, .Centered h3::after {
  margin-left: auto;
  margin-right: auto; }

.InvertText h1::after, .InvertText h2::after, .InvertText .smlH1::after, .InvertText h3::after {
  background-color: white; }

h3 {
  font-size: 2.4em;
  line-height: .85em;
  margin-top: 0rem;
  margin-bottom: .1rem; }

.countup h3 {
  font-size: 1.7em;
  line-height: .9em; }

h4 {
  font-size: 1.4em;
  line-height: 1em;
  margin-top: 1.5rem;
  margin-bottom: .3rem; }

h5 {
  font-size: 1.1em;
  line-height: 1.25em;
  margin-top: 2rem;
  margin-bottom: .1rem; }

h6 {
  font-size: .7em;
  line-height: 1.55em;
  margin-top: 2rem;
  margin-bottom: 2rem; }

/* @end */
/* @group Article tints */
.LeftArticle .BlackTintArticle, .LeftArticle .WhiteTintArticle, .LeftArticleWide .BlackTintArticle, .LeftArticleWide .WhiteTintArticle {
  margin-left: -2rem; }

.RightArticle .BlackTintArticle, .RightArticle .WhiteTintArticle, .RightArticleWide .BlackTintArticle, .RightArticleWide .WhiteTintArticle {
  margin-right: -2rem; }

.WhiteTintArticle, .BlackTintArticle {
  padding: 2rem; }

.WhiteTintArticle {
  background: rgba(255, 255, 255, 0.25);
  display: inline-block; }

.BlackTintArticle {
  background: rgba(0, 0, 0, 0.5);
  display: inline-block; }

/* Smaller type for non desktop  ----------- */
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .WhiteTintArticle, .BlackTintArticle {
    padding: 2.5rem; }
  .LeftArticle .BlackTintArticle, .LeftArticle .WhiteTintArticle, .LeftArticleWide .BlackTintArticle, .LeftArticleWide .WhiteTintArticle {
    margin-left: 0rem; }
  .RightArticle .BlackTintArticle, .RightArticle .WhiteTintArticle, .RightArticleWide .BlackTintArticle, .RightArticleWide .WhiteTintArticle {
    margin-right: 0rem; } }

/* @end */
/* @group 3. Other styles */
.SectionSpace h1:first-child, .SectionSpace h2:first-child, .SectionSpace h3:first-child, .SectionSpace h4:first-child, .SectionSpace h4:first-child, .SectionSpace h5:first-child, .row h1:first-child, .row h2:first-child, .row h3:first-child, .row h4:first-child, .row h4:first-child, .row h5:first-child, .projectTabs h1:first-child, .projectTabs h2:first-child, .projectTabs h3:first-child, .projectTabs h4:first-child, .projectTabs h4:first-child, .projectTabs h5:first-child {
  margin-top: 0px; }

.SectionSpace li, .SectionSpace p, .row li, .row p, .projectTabs li, .projectTabs p {
  margin-bottom: .8rem; }

a {
  color: #000000;
  text-decoration: underline !important; }

a:hover, a:active, a:focus {
  color: #059d95; }

p:last-child {
  margin-bottom: 0px; }

.caption {
  font-size: 0.65em !important;
  margin-top: .25rem;
  margin-bottom: 1rem;
  font-weight: 400; }

/* @group Hero text */
.HeroText p, .HeroText li, .HeroText .btn {
  font-size: 1.15em;
  line-height: 1.45em; }

/* @end */
small, .small {
  font-size: .9em;
  line-height: 1.55em;
  font-weight: 300; }

.cite, cite {
  margin-bottom: 0px !important;
  margin-top: 0.2rem;
  display: block;
  font-style: normal !important;
  font-size: 0.85em !important;
  font-weight: 400; }

b, strong {
  font-family: 'Deck Bold';
  font-style: normal; }

a, *:hover, *:focus, *:active {
  outline: none !important; }

/* @end */
::selection {
  background-color: #000000 !important;
  color: white; }

::-moz-selection {
  background-color: #000000 !important;
  color: white; }

@media print {
  *[data-aos*=""] {
    display: inline-block !important; } }

/* Large screens ----------- */
@media only screen and (min-width: 1324px) {
  h1 {
    font-size: 3.6em;
    line-height: .8em;
    margin-bottom: 1rem; } }

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 736px) {
  .HeroText p, .HeroText li {
    font-size: 1.15em;
    line-height: 1.45em; } }