/* Prosper global width fix
   Purpose: remove theme-wide Bootstrap container boxing from _content.html
   while keeping readable inner shells on standard pages.
*/

.site-content,
.site-content--full,
.site-content-frame {
  width: 100%;
  max-width: none;
}

.site-content {
  margin: 0;
}

.site-content--full {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}

.site-shell {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 48px;
  padding-right: 48px;
}

@media (max-width: 991.98px) {
  .site-shell {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media (max-width: 767.98px) {
  .site-shell {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* Global content frame: stop the main area from feeling boxed */
#content.site-content-frame,
.homepage #content,
.page-pages-show-signup #content,
.page-pages-show-signup-wide #content,
.page-pages-show-basic #content,
.page-pages-show-blog #content,
.page-pages-show-blog-post #content,
.page-pages-show-blog-post-wide #content,
.page-pages-show-calendar #content,
.page-pages-show-calendar-wide #content,
.page-pages-show-event #content,
.page-pages-show-petition #content,
.page-pages-show-volunteer-signup #content {
  width: 100%;
  max-width: none !important;
  margin-left: 0;
  margin-right: 0;
}

/* Defensive reset in case legacy container markup still slips through */
.site-content--full > .container,
.site-content--full > .container-fluid,
body.homepage #content > .container,
body.homepage #content > .container-fluid {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Keep standard page body copy readable */
.page-pages-show-basic #basic-page-content,
.page-pages-show-blog-post #blog-post-page,
.page-pages-show-press-release #press-release-page,
.page-pages-show-question #question-page {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

/* Signup home is already custom full-bleed; keep its section shells in control */
.homepage .prosper-section-full {
  width: 100%;
  max-width: none;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}

.homepage .prosper-content-shell {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 48px;
  padding-right: 48px;
}

@media (max-width: 991.98px) {
  .homepage .prosper-content-shell {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media (max-width: 767.98px) {
  .homepage .prosper-content-shell {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* Prosper basic pages full-width
   Basic pages now provide their own section padding/max-width inside page content.
   This makes pages like Meet the Team render edge-to-edge like editorial/event pages.
*/
body.page-pages-show-basic #content,
body.page-pages-show-basic-wide #content,
body.page-basic #content,
body.page-basic-wide #content,
.content-pages-show-basic,
.content-pages-show-basic-wide,
.basic-fullwidth-page,
.basic-fullwidth-page-wide,
.basic-page-content-fullwidth,
.page-pages-show-basic .basic-page-content,
.page-pages-show-basic-wide .basic-page-content,
.page-pages-show-basic #basic-page-content,
.page-pages-show-basic-wide #basic-page-content {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.basic-fullwidth-page,
.basic-fullwidth-page-wide {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.basic-page-content-fullwidth,
.page-pages-show-basic .basic-page-content,
.page-pages-show-basic-wide .basic-page-content,
.page-pages-show-basic #basic-page-content,
.page-pages-show-basic-wide #basic-page-content {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.basic-page-header {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 48px;
  padding-right: 48px;
}

.basic-fullwidth-features {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 48px;
  padding-right: 48px;
}

@media (max-width: 991.98px) {
  .basic-page-header,
  .basic-fullwidth-features {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media (max-width: 767.98px) {
  .basic-page-header,
  .basic-fullwidth-features {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* Prosper readable inner page padding
   Restores left/right breathing room on article/basic/event pages such as
   /prosper_uk_is_coming_to_liverpool and /events, while leaving the custom
   homepage and full-bleed Meet the Team content in control of its own layout. */
.prosper-readable-page,
.prosper-calendar-page,
.prosper-event-page,
.prosper-news-page {
  width: 100%;
  box-sizing: border-box;
  padding-left: 48px;
  padding-right: 48px;
}

.prosper-readable-page-shell,
.prosper-calendar-page-shell,
.prosper-event-page-shell {
  width: 100%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.prosper-calendar-page-shell,
.prosper-event-page-shell {
  max-width: 1100px;
}

/* Individual event pages: legacy main pull-up overlaps the hero headline on mobile */
@media (max-width: 991.98px) {
  body.page-type-event main {
    top: 0 !important;
    margin-bottom: 0 !important;
  }
}

.prosper-readable-page .intro,
.prosper-calendar-page .intro,
.prosper-event-page .intro {
  width: 100%;
  box-sizing: border-box;
}

/* Undo the earlier full-width basic reset for normal basic pages only. */
body.page-pages-show-basic .prosper-readable-page #basic-page-content,
body.page-pages-show-basic-wide .prosper-readable-page #basic-page-content,
body.page-pages-show-basic .prosper-readable-page .basic-page-content,
body.page-pages-show-basic-wide .prosper-readable-page .basic-page-content {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 991.98px) {
  .prosper-readable-page,
  .prosper-calendar-page,
  .prosper-event-page,
  .prosper-news-page {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media (max-width: 767.98px) {
  .prosper-readable-page,
  .prosper-calendar-page,
  .prosper-event-page,
  .prosper-news-page {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* Hide public page tag lists site-wide (loaded via layout.html) */
#page-tags,
.page-tags {
  display: none !important;
}

/* Tick list — use <ul class="tick"> in page content */
ul.tick {
  list-style: none;
  padding-left: 0;
  margin-bottom: 1rem;
}

ul.tick > li {
  position: relative;
  padding-left: 1.75em;
  margin-bottom: 0.65em;
}

ul.tick > li::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free", "FontAwesome";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0.2em;
  color: #1b8098;
  font-size: 0.95em;
  line-height: 1;
}

ul.tick > li:last-child {
  margin-bottom: 0;
}

.prosper-modular-section--has-hero ul.tick > li::before {
  color: #fff;
}

.prosper-modular-section--has-hero .intro .card ul.tick > li::before {
  color: #1b8098;
}