:root {
  --ephmra-green-2: #5cbc6a;
}

div.paragraph--type-nb-full-width-banner {
  --block-bg: var(--ephmra-navy-faint);
  --subheading-bg: #50bfa2;
  --subheading-color: #000;
  --heading-color: #000;
  --text-color: #000;
  --button-bg: #50bfa2;
  --button-color: #000;
  --accent-color: var(--ephmra-navy);
  --img-opacity: 0.08;
  --border-rad: 400px;
  background-color: var(--block-bg);
  color: var(--text-color);
  display: grid;
  overflow: hidden;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "text img";
  min-height: var(--banner-height, 400px);
}
@media (max-width: 899px) {
  div.paragraph--type-nb-full-width-banner {
    display: block;
  }
}
div.paragraph--type-nb-full-width-banner.image-left {
  grid-template-columns: 4fr 8fr;
  grid-template-areas: "img text";
}
@media (min-width: 900px) {
  div.paragraph--type-nb-full-width-banner.image-left .banner-clip img {
    border-radius: 0px 0px var(--border-rad) 0px;
  }
}
div.paragraph--type-nb-full-width-banner.image-left .full-banner-text {
  padding-left: 15px;
}
@media (min-width: 1280px) {
  div.paragraph--type-nb-full-width-banner {
    grid-template-columns: 5fr 1fr 6fr;
    grid-template-areas: "text spacer img";
  }
  div.paragraph--type-nb-full-width-banner.image-left {
    grid-template-columns: 4fr 1fr 7fr;
    grid-template-areas: "img spacer text";
  }
}
@media (max-width: 1020px) {
  div.paragraph--type-nb-full-width-banner {
    min-height: auto;
  }
}
div.paragraph--type-nb-full-width-banner h1,
div.paragraph--type-nb-full-width-banner .h1,
div.paragraph--type-nb-full-width-banner h2,
div.paragraph--type-nb-full-width-banner .h2,
div.paragraph--type-nb-full-width-banner h3,
div.paragraph--type-nb-full-width-banner .h3,
div.paragraph--type-nb-full-width-banner h4,
div.paragraph--type-nb-full-width-banner .h4,
div.paragraph--type-nb-full-width-banner h5,
div.paragraph--type-nb-full-width-banner .h5,
div.paragraph--type-nb-full-width-banner h6,
div.paragraph--type-nb-full-width-banner .h6 {
  color: var(--heading-color);
}
div.paragraph--type-nb-full-width-banner .banner-clip {
  z-index: 2;
  grid-area: img;
  overflow: hidden;
}
@media (max-width: 899px) {
  div.paragraph--type-nb-full-width-banner .banner-clip {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    opacity: var(--img-opacity);
    filter: saturate(0.5);
  }
}
div.paragraph--type-nb-full-width-banner .banner-clip img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
  filter: none;
}
@media (min-width: 900px) {
  div.paragraph--type-nb-full-width-banner .banner-clip img {
    transition: border-radius 0.45s ease;
    border-radius: 0px 0px 0px var(--border-rad);
    max-height: var(--banner-height, 400px);
  }
}
div.paragraph--type-nb-full-width-banner .subheading {
  background-color: var(--subheading-bg);
  color: var(--subheading-color);
  border-bottom-right-radius: 16px;
  padding: 12px 24px;
  margin-right: 24px;
}
div.paragraph--type-nb-full-width-banner.style-pattern {
  --block-bg: #000;
  --subheading-bg: #000;
  --subheading-color: #fff;
  --heading-color: #fff;
  --text-color: #fff;
  --button-bg: #fff;
  --button-color: var(--ephmra-navy);
  --accent-color: var(--ephmra-yellow);
  --img-opacity: 0.15;
  background: linear-gradient(to right, var(--ephmra-navy) 0%, #000000 80%);
}
div.paragraph--type-nb-full-width-banner.style-pattern::before, div.paragraph--type-nb-full-width-banner.style-pattern::after {
  user-select: none;
  pointer-events: none;
  --star-size: calc(var(--banner-height) * 1);
  content: "";
  position: absolute;
  display: block;
  background-image: url("../images/ephmra-star.svg");
  background-repeat: no-repeat;
  opacity: 0.4;
  mix-blend-mode: overlay;
  width: var(--star-size);
  height: var(--star-size);
  z-index: 1;
}
div.paragraph--type-nb-full-width-banner.style-pattern::before {
  bottom: calc(var(--banner-height) * -0.25);
  right: calc(var(--banner-height) * -0.35);
}
@media (min-width: 900px) {
  div.paragraph--type-nb-full-width-banner.style-pattern::before {
    top: calc(var(--banner-height) * -0.15);
    left: calc(var(--banner-height) * -0.15);
    bottom: auto;
    right: auto;
  }
}
div.paragraph--type-nb-full-width-banner.style-pattern::after {
  left: calc(50vw - var(--banner-height) * 0.2);
  bottom: calc(var(--banner-height) * -0.45);
}
@media (max-width: 1100px) {
  div.paragraph--type-nb-full-width-banner.style-pattern::after {
    display: none;
  }
}
@media (min-width: 1280px) {
  div.paragraph--type-nb-full-width-banner.style-pattern::after {
    left: calc(50vw - var(--banner-height) * 0.35);
    bottom: calc(var(--banner-height) * -0.35);
  }
}
@media (min-width: 1380px) {
  div.paragraph--type-nb-full-width-banner.style-pattern::after {
    left: calc(50vw - var(--banner-height) * 0.4);
  }
}
@media (min-width: 1500px) {
  div.paragraph--type-nb-full-width-banner.style-pattern::after {
    left: calc(50vw - var(--banner-height) * 0.5);
    bottom: calc(var(--banner-height) * -0.25);
  }
}
div.paragraph--type-nb-full-width-banner.style-black {
  --block-bg: #000;
  --heading-color: #50bfa2;
  --text-color: #fff;
  --button-bg: #50bfa2;
  --button-color: #000;
  --accent-color: var(--ephmra-yellow);
  --img-opacity: 0.2;
}
@media (min-width: 900px) {
  div.paragraph--type-nb-full-width-banner:has(a:hover) .banner-clip img, div.paragraph--type-nb-full-width-banner:has(a:focus) .banner-clip img {
    --border-rad: calc(var(--banner-height) * 0.25);
  }
}

.full-banner-text {
  background: none;
  grid-area: text;
  padding-right: 0;
  z-index: 2;
}
.full-banner-text ul ::marker {
  color: var(--accent-color);
}
.full-banner-text ul strong {
  color: var(--accent-color);
}
.full-banner-text .field--name-field-short-text {
  color: var(--text-color);
}
.full-banner-text .h2 {
  font-weight: 600;
  font-size: 30px;
}
@media (min-width: 768px) {
  .full-banner-text .h2 {
    font-size: 40px;
  }
}
.full-banner-text .field--name-field-short-text {
  font-size: 20px;
}
.full-banner-text .field--name-field-short-text p {
  width: auto;
}
.full-banner-text .button {
  background: var(--button-bg);
  padding: 8px 20px;
  font-size: 20px;
}
.full-banner-text .button a {
  color: var(--button-color);
  font-weight: 600;
}

.field--name-field-page-sections > *:first-child .paragraph--type-nb-full-width-banner {
  grid-template-columns: 5fr 7fr;
  grid-template-areas: "text img";
}
@media (min-width: 768px) {
  .field--name-field-page-sections > *:first-child .paragraph--type-nb-full-width-banner .subheading {
    margin-bottom: 4rem;
  }
}

.event-banner-text,
.full-banner-text {
  height: auto;
  position: relative;
  padding-bottom: 3rem;
  padding-right: 15px;
}

.path-frontpage .full-banner-text p,
.path-frontpage .full-banner-text p a,
.path-frontpage .full-banner-text ul {
  color: var(--text-color);
}

.field--name-field-page-sections div.paragraph--type--strapline {
  background: none;
  text-align: center;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}
.field--name-field-page-sections div.paragraph--type--strapline .field--name-field-text {
  color: var(--ephmra-navy) !important;
}
@media (min-width: 1024px) {
  .field--name-field-page-sections div.paragraph--type--strapline {
    width: 80vw;
  }
  .field--name-field-page-sections div.paragraph--type--strapline .h2 {
    font-size: 30px;
    line-height: 1.3;
  }
}
.field--name-field-page-sections div.paragraph--type--strapline .field--name-field-link {
  margin-top: 24px;
}
.field--name-field-page-sections div.paragraph--type--strapline .field--name-field-link a {
  background: #50bfa2;
  color: #000;
  padding: 0.8em 1.2em;
  line-height: 1;
  font-weight: 600;
  display: inline-flex;
}
.field--name-field-page-sections div.paragraph--type--strapline .field--name-field-link a::after {
  display: none;
}

div.paragraph--type--view-reference .viewsreference--view-title {
  font-weight: 600;
  text-transform: uppercase;
}
div.paragraph--type--view-reference a.btn.btn--icon-pink::after,
div.paragraph--type--view-reference a.btn.btn-primary::after {
  border-color: var(--ephmra-navy);
  width: 1.75em;
  height: 1.75em;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: 60% center;
}

.field--item:has(.paragraph--type--view-reference) {
  overflow: visible;
}

body.path-frontpage .view-news .views-row {
  background: linear-gradient(to bottom, var(--ephmra-navy) 30%, #000000 100%);
}
body.path-frontpage .view-news .views-row,
body.path-frontpage .view-news .views-row h3 {
  color: #fff;
}
body.path-frontpage .view-news .views-row .views-field-created {
  margin-bottom: 20px;
}
body.path-frontpage .view-news .views-row .views-field-title {
  margin-bottom: 32px;
  max-width: 90ch;
}
body.path-frontpage .view-news .views-row .views-field-body {
  font-style: italic;
  font-weight: 400;
  line-height: 1.45;
  max-width: 90ch;
  font-size: 16px;
}
.view-news.view-display-id-block_3 .view-content .views-row .views-field-view-node a {
  float: none;
  margin-top: 24px;
  padding: 0 !important;
  background: none !important;
  line-height: 1;
  color: transparent;
  transition: color 0.15s ease-in-out;
}
.view-news.view-display-id-block_3 .view-content .views-row .views-field-view-node a:hover, .view-news.view-display-id-block_3 .view-content .views-row .views-field-view-node a:focus {
  color: #50bfa2;
}
.view-news.view-display-id-block_3 .view-content .views-row .views-field-view-node a::before {
  font-size: 1rem;
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  background-image: url("../images/link-icon-teal.svg");
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: 60% center;
  margin: 0;
  top: 0;
  border: 2px solid #50bfa2;
  border-radius: 50%;
  margin-right: 0.5em;
  top: 0.4em;
  position: relative;
}
.view-news.view-display-id-block_3 .view-content .views-row .views-field-view-node a:hover::after, .view-news.view-display-id-block_3 .view-content .views-row .views-field-view-node a:focus::after {
  background-image: url("../images/link-icon-white.svg");
  border-color: #fff;
}

body.path-frontpage .view-news .view-content {
  row-gap: 0px;
  column-gap: 1.5rem;
}

.view-news.view-display-id-block_3 .view-content .views-row {
  flex: 1 100%;
  margin-bottom: 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .view-news.view-display-id-block_3 .view-content .views-row {
    flex: 1 0 calc(50% - 0.75rem);
  }
}
@media (min-width: 1024px) {
  .view-news.view-display-id-block_3 .view-content .views-row {
    flex: 0 0 calc(33.333% - 1rem);
  }
}

.field--name-field-page-sections div.paragraph--type--signposts {
  padding: 0;
  background: none;
}
@media (min-width: 1024px) {
  .field--name-field-page-sections div.paragraph--type--signposts {
    padding: 1.5rem 0;
  }
}
.field--name-field-page-sections div.paragraph--type--signposts > .field > .field--item {
  --accent-color: var(--ephmra-green-2);
  --link-icon: url("../images/link-icon-green.svg");
  --decal-icon: url("../images/star-cut-green.svg");
  margin-top: 16px;
  position: relative;
  border: none !important;
  margin-left: 0;
  padding-left: 2.5rem;
  padding-top: 0;
}
.field--name-field-page-sections div.paragraph--type--signposts > .field > .field--item::before, .field--name-field-page-sections div.paragraph--type--signposts > .field > .field--item::after {
  --decal-height: 30px;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: var(--decal-height);
}
@media (min-width: 1280px) {
  .field--name-field-page-sections div.paragraph--type--signposts > .field > .field--item::before, .field--name-field-page-sections div.paragraph--type--signposts > .field > .field--item::after {
    --decal-height: 40px;
  }
}
.field--name-field-page-sections div.paragraph--type--signposts > .field > .field--item::after {
  width: 100px;
  top: 4px;
  background: var(--decal-icon) no-repeat center left;
  z-index: 1;
}
@media (min-width: 1280px) {
  .field--name-field-page-sections div.paragraph--type--signposts > .field > .field--item::after {
    top: 9px;
  }
}
.field--name-field-page-sections div.paragraph--type--signposts > .field > .field--item::before {
  width: 3px;
  background: var(--accent-color);
  height: calc(100% - (var(--decal-height) + 32px));
  top: calc(var(--decal-height) + 16px);
}
.field--name-field-page-sections div.paragraph--type--signposts .field--name-field-signpost-items > .field--item .paragraph--type--signpost-item h2 {
  margin-top: 0;
  font-weight: bold !important;
  color: var(--accent-color);
}
@media (min-width: 1280px) {
  .field--name-field-page-sections div.paragraph--type--signposts .field--name-field-signpost-items > .field--item .paragraph--type--signpost-item h2 {
    font-size: 40px;
  }
}
.field--name-field-page-sections div.paragraph--type--signposts .field--name-field-signpost-items > .field--item .paragraph--type--signpost-item .field--name-field-links .field--item a {
  color: var(--ephmra-navy);
}
.field--name-field-page-sections div.paragraph--type--signposts .field--name-field-signpost-items > .field--item .paragraph--type--signpost-item .field--name-field-links .field--item a::after {
  margin-left: 0.5em;
  border-color: var(--accent-color);
  width: 1.5em;
  height: 1.5em;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: 60% center;
  position: relative;
  top: 0.1em;
  background-image: var(--link-icon);
}
.field--name-field-page-sections div.paragraph--type--signposts .field--name-field-signpost-items > .field--item .paragraph--type--signpost-item .field--name-field-links .field--item a:hover, .field--name-field-page-sections div.paragraph--type--signposts .field--name-field-signpost-items > .field--item .paragraph--type--signpost-item .field--name-field-links .field--item a:focus {
  color: var(--accent-color) !important;
}
.field--name-field-page-sections div.paragraph--type--signposts .field.field--name-field-text.field--type-string-long.field--label-hidden.field--item {
  color: #000;
  padding: 0;
}

.field--name-field-page-sections > :nth-child(3n+1 of .field--item:has(.paragraph--type--signposts)) .field--name-field-signpost-items > .field--item:nth-child(2) {
  --accent-color: var(--ephmra-pink);
  --link-icon: url("../images/link-icon-pink.svg");
  --decal-icon: url("../images/star-cut-pink.svg");
}
.field--name-field-page-sections > :nth-child(3n+2 of .field--item:has(.paragraph--type--signposts)) .field--name-field-signpost-items > .field--item:first-child {
  --accent-color: #50bfa2;
  --link-icon: url("../images/link-icon-teal.svg");
  --decal-icon: url("../images/star-cut-teal.svg");
}
.field--name-field-page-sections > :nth-child(3n of .field--item:has(.paragraph--type--signposts)) .field--name-field-signpost-items > .field--item:first-child {
  --accent-color: var(--ephmra-pink);
  --link-icon: url("../images/link-icon-pink.svg");
  --decal-icon: url("../images/star-cut-pink.svg");
}
.field--name-field-page-sections > :nth-child(3n of .field--item:has(.paragraph--type--signposts)) .field--name-field-signpost-items > .field--item:nth-child(2) {
  --accent-color: var(--ephmra-navy);
  --link-icon: url("../images/link-icon.svg");
  --decal-icon: url("../images/star-cut-navy.svg");
}
/*# sourceMappingURL=style-extra.css.map */