.blurb-media--custom {
  --blurbmedia-bg: #fff;
  --blurbmedia-txt: #000;
  --blurbmedia-btn-bg: #000;
  --blurbmedia-btn-txt: #fff;
  --blurbmedia-btn-bor: #fff;
  background: var(--blurbmedia-bg);
}
.blurb-media--custom .title > *, .blurb-media--custom .cms, .blurb-media--custom .text-link {
  color: var(--blurbmedia-txt);
}
.blurb-media--custom .button {
  background: var(--blurbmedia-btn-bg);
  border-color: var(--blurbmedia-btn-bor);
}
.blurb-media--custom .button > * {
  color: var(--blurbmedia-btn-txt);
}
.blurb-media--custom .button:hover {
  background: var(--blurbmedia-btn-txt);
  border-color: var(--blurbmedia-btn-txt);
}
.blurb-media--custom .button:hover > * {
  color: var(--blurbmedia-btn-bg);
}
.blurb-media--has-overlay .blurb-media__inner__image:after {
  content: "";
  position: absolute;
  z-index: 10;
  background: var(--bg, #000);
  opacity: var(--opacity, 0.8);
  pointer-events: none;
  top: 0;
  left: 15px;
  right: 15px;
  bottom: 0;
}
.blurb-media__inner__image picture {
  max-height: 450px;
}
.blurb-media__inner__image picture img {
  -o-object-fit: contain;
  object-fit: contain;
}
.blurb-media__inner__image--cover .picture {
  max-height: 298px;
}
.blurb-media__inner__image--cover .picture img {
  -o-object-fit: cover;
  object-fit: cover;
}
.theme--1 .blurb-media .button {
  background: var(--theme-1-bg);
  color: var(--colour-one);
  border-color: var(--colour-one);
}
.theme--1 .blurb-media .button:after {
  background: currentColor;
}
.theme--2 .blurb-media .title__pre, .theme--2 .blurb-media .title__main, .theme--2 .blurb-media .title__sub {
  color: inherit;
}
.theme--2 .blurb-media .text-link {
  color: inherit;
}
.theme--2 .blurb-media .button {
  border-color: var(--theme-2-colour);
}
.theme--2 .blurb-media .button:not(.button--1--alt) {
  color: inherit;
}
.theme--2 .blurb-media .button:after {
  background: var(--theme-2-colour);
}
.theme--2 .blurb-media .button:hover {
  color: var(--theme-2-bg);
  background: var(--theme-2-colour);
}
.blurb-media--light-text .text-content {
  color: var(--colour-neutral);
}
.blurb-media--light-text .text-content .title__pre, .blurb-media--light-text .text-content .title__main {
  color: inherit;
}
.blurb-media--light-text .text-content .text-link {
  color: inherit;
}
.blurb-media--light-text .text-content__button .button {
  background: transparent;
  border-color: inherit;
}
@media (min-width: 768px) {
  .blurb-media__inner__image picture {
    max-height: 600px;
  }
  .blurb-media__inner {
    display: -webkit-flex;
    display: flex;
  }
  .blurb-media__inner__image, .blurb-media__inner__content {
    -webkit-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .blurb-media__inner__image--cover {
    overflow: hidden;
    max-height: none;
  }
  .blurb-media__inner__image--cover .picture {
    height: 100%;
    max-height: none;
  }
  .blurb-media__inner__image--cover .picture img {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .blurb-media--center .blurb-media__inner__image, .blurb-media--center .blurb-media__inner__content {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
  .blurb-media--image-top .blurb-media__inner {
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .blurb-media--flip .blurb-media__inner {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .theme-lower-border .blurb-media {
    margin-bottom: calc(var(--section-spacing) * -1);
  }
  .theme-lower-border .blurb-media .blurb-media__inner__content {
    padding-bottom: var(--section-spacing);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .blurb-media .product-buttons {
    margin-left: -5px;
    margin-right: -5px;
  }
  .blurb-media .product-buttons > .button {
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 22px;
    padding-right: 22px;
  }
}
@media (min-width: 1200px) {
  .blurb-media__inner__image {
    padding-right: calc(var(--gutter-width) * 2) !important;
  }
  .blurb-media__inner__content {
    padding-left: calc(var(--gutter-width) * 2) !important;
  }
  .blurb-media--flip .blurb-media__inner__image {
    padding-right: calc(var(--gutter-width) * 0.5) !important;
    padding-left: calc(var(--gutter-width) * 2) !important;
  }
  .blurb-media--flip .blurb-media__inner__content {
    padding-left: calc(var(--gutter-width) * 0.5) !important;
    padding-right: calc(var(--gutter-width) * 2) !important;
  }
}