.node__content img {
  width: 100%;
}

.path-frontpage .custom .mdc-card__content {
  padding: 0;
}
.path-frontpage .custom .mdc-card__content .headline,
.path-frontpage .custom .mdc-card__content .teaser,
.path-frontpage .custom .mdc-card__content .button {
  padding: 0 0.75rem;
}

.node--view-mode-teaser,
.node--view-mode-search-result {
  position: relative;
  height: 100%;
}
.node--view-mode-teaser.node--type-stories-watching,
.node--view-mode-search-result.node--type-stories-watching {
  background-color: transparent;
  border-width: 0px;
}

.node--view-mode-image-only .mdc-card__primary-action {
  background-size: cover;
  background-position: center;
}
.node--view-mode-image-only .mdc-card__primary-action img {
  visibility: hidden;
}

.node__meta .node__submitted {
  margin: 1.5em 0px;
  padding-bottom: 1.5em;
  border-bottom: 1px solid #c1c1c1;
  opacity: 0.6;
  font-size: 0.8888888889em;
}
.node__meta .node__submitted .author {
  display: -ms-flexbox;
  display: flex;
}
.node__meta .node__submitted .author .field {
  margin-left: 0.375em;
  font-weight: 600;
}
.node__meta .node__submitted .author .field a {
  text-decoration: none;
}
.node__meta .node__submitted .author .field a:hover {
  text-decoration: underline;
}

.field--name-field-featured-image img {
  max-width: 100%;
  height: auto;
}

.field--name-field-author {
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0.75em;
}

.field--name-field-section {
  font-size: 1.2777777778em;
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: -0.75em;
  padding: 0px 1.5rem;
}
@media (min-width: 1260px) {
  .field--name-field-section {
    padding: 0px;
  }
}
.field--name-field-section a {
  color: #000000;
  text-decoration: none;
}
.field--name-field-section a:hover {
  text-decoration: underline;
}

.field--name-body figure {
  margin: 1.5em 0px;
}
.field--name-body figure img {
  max-width: 100%;
  height: auto;
}

.field--name-field-featured-image img {
  width: 100%;
  height: auto;
}

.mdc-card .mdc-card__primary-action .field--name-field-author-image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 19em;
  background-color: rgba(15, 19, 65, 0.1);
}
.mdc-card .mdc-card__primary-action .field--name-field-author-image img {
  width: auto;
  height: auto;
  border-radius: 50%;
  border: 2px solid #ffffff;
}

.field--name-field-media-oembed-video {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
.field--name-field-media-oembed-video embed,
.field--name-field-media-oembed-video object,
.field--name-field-media-oembed-video iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-width: 0px;
}

.video-thumbnail {
  position: relative;
}
.video-thumbnail .play-icon {
  position: absolute;
  padding: 0.75rem;
  z-index: 1;
  top: 0px;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  cursor: pointer;
}
.video-thumbnail .play-icon span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  font-size: 1.2777777778em;
  color: #ffffff;
  border-radius: 50%;
  width: 2.25em;
  height: 2.25em;
}
.video-thumbnail .play-icon span:before {
  margin-right: -0.1em;
}
.video-thumbnail .play-icon:hover span {
  background-color: #cc0000;
}
.video-thumbnail .spin-icon {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
}
.video-thumbnail .spin-icon .fa-spinner {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  height: 100%;
  color: #ffffff;
  font-size: 2.3333333333em;
}
.video-thumbnail .video-thumbnail--container {
  background-color: #0f1341;
}

.summary {
  background-color: #f0f2f5;
  padding: 1.5em;
}
.summary > .field--name-field-title {
  font-size: 1.4444444444em;
  font-weight: 600;
  text-transform: uppercase;
}
.summary > .field--name-field-title::after {
  content: "//";
  color: #cc0000;
  margin-left: 0.375em;
}
.summary > .field--name-field-body {
  font-size: 0.8888888889em;
}
.summary > .field--name-field-body > *:last-child {
  margin-bottom: 0px;
}

.node--type-live-programme.node--view-mode-teaser {
  background: rgba(15, 19, 65, 0.1);
  box-shadow: none;
}
@media (min-width: 768px) {
  .node--type-live-programme.node--view-mode-teaser {
    margin: 1.5em 0px 0px 0px;
  }
}
.node--type-live-programme.node--view-mode-teaser.is-live {
  background-color: #cc0000;
  color: #ffffff;
  cursor: pointer;
}
.node--type-live-programme.node--view-mode-teaser .node__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 0.75em 1.5em;
}
@media (min-width: 768px) {
  .node--type-live-programme.node--view-mode-teaser .node__header {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
.node--type-live-programme.node--view-mode-teaser .node__header .node__intro {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  font-size: 0.7777777778em;
  text-align: center;
  line-height: normal;
  margin-top: 0.75em;
}
.node--type-live-programme.node--view-mode-teaser .node__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.node--type-live-programme.node--view-mode-teaser .node__content .livestream {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  display: none;
}
.node--type-live-programme.node--view-mode-teaser .node__content .livestream embed,
.node--type-live-programme.node--view-mode-teaser .node__content .livestream object,
.node--type-live-programme.node--view-mode-teaser .node__content .livestream iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-width: 0px;
}
.node--type-live-programme.node--view-mode-teaser .node__content .starts .datetime:before {
  content: "-";
  padding: 0px 0.375em;
}
.node--type-live-programme.node--view-mode-teaser .node__content .play-container {
  font-size: 0.8888888889em;
  background-color: #ffffff;
  padding: 0.375em 0.75em;
  border-radius: 0.2222222222em;
  margin-left: 1.5em;
  color: #cc0000;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 0.75em;
}
@media (min-width: 768px) {
  .node--type-live-programme.node--view-mode-teaser .node__content .play-container {
    margin-top: 0px;
  }
}
.block-ukc-live-stream-block .node--type-live-programme.node--view-mode-teaser .field--name-field-body {
  background-color: #0f1341;
  color: #ffffff;
  padding: 1.5em;
  text-align: center;
}
.block-ukc-live-stream-block .node--type-live-programme.node--view-mode-teaser .field--name-field-body > *:first-child {
  margin-top: 0px;
}
.block-ukc-live-stream-block .node--type-live-programme.node--view-mode-teaser .field--name-field-body > *:last-child {
  margin-bottom: 0px;
}
.block-ukc-live-stream-block .node--type-live-programme.node--view-mode-teaser .field--name-field-body a {
  color: #ffffff;
}
.node--type-live-programme.node--view-mode-teaser.show-player .livestream {
  display: block;
}
.node--type-live-programme.node--view-mode-teaser.show-player .node__header {
  display: none;
}

.node--type-author .author-image {
  border-radius: 50%;
  border: 2px solid #eaeaea;
  margin-right: 1.5em;
  background-color: #ffffff;
  padding: 5px;
}
.node--type-author .author-image img {
  border-radius: 50%;
  vertical-align: top;
}
.node--type-author .node__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  background-color: #f0f0f0;
  padding: 1.5em;
  margin-bottom: 1.5em;
}
.node--type-author .node__content .author-bio {
  -ms-flex: 1;
      flex: 1;
}
@media (min-width: 768px) {
  .node--type-author .node__content {
    margin-bottom: 3em;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: start;
        align-items: flex-start;
  }
}
.node--type-author.node--view-mode-teaser .author-image {
  margin: 0.75em 0px 0.75em 0.75em;
  padding: 3px;
  -ms-flex: 0 0 30%;
      flex: 0 0 30%;
}
.node--type-author.node--view-mode-teaser .mdc-card__primary-action {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}
.node--type-author.node--view-mode-teaser .read-more {
  text-decoration: underline;
  color: #cc0000;
}

.entity-moderation-form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin: 0px;
}
.entity-moderation-form .entity-moderation-form__item {
  margin-right: 0.75em;
}
.entity-moderation-form .entity-moderation-form__item:first-child {
  width: 100%;
}
.entity-moderation-form .entity-moderation-form__item:first-child > .form-item {
  margin-bottom: 0px;
}
.entity-moderation-form .entity-moderation-form__item:first-child > .form-item > div {
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
}
.entity-moderation-form .entity-moderation-form__item:first-child > .form-item > div label {
  font-weight: 400;
  margin-right: 0.375em;
}
.entity-moderation-form .entity-moderation-form__item:last-child {
  -ms-flex-item-align: unset;
      -ms-grid-row-align: unset;
      align-self: unset;
}
.entity-moderation-form .entity-moderation-form__item .mdc-button {
  height: 56px;
}

.node--type-series img.image-style-featured-image {
  width: 100%;
  margin-top: 1.5em;
}

.field--name-field-caption {
  font-size: 0.7777777778em;
  font-style: italic;
  font-weight: 700;
  color: #888888;
}

table {
  width: 100%;
}
table td.contact-form {
  vertical-align: top;
}

.pswp {
  display: none;
}

.field--name-field-caption,
.field--name-field-caption-html {
  line-height: normal;
  background-color: #f0f2f5;
  padding: 0.75em;
  font-size: 0.8888888889em;
  font-weight: normal;
  font-style: normal;
  color: #5c5c5c;
}
.field--name-field-caption > *:first-child,
.field--name-field-caption-html > *:first-child {
  margin-top: 0px;
}
.field--name-field-caption > *:last-child,
.field--name-field-caption-html > *:last-child {
  margin-bottom: 0px;
}

.paywall-container {
  background-color: #f0f2f5;
  padding: 1.5em;
  margin: 1.5em 0px;
  text-align: center;
}
.paywall-container > *:first-child {
  margin-top: 0px;
}
.paywall-container > *:last-child {
  margin-bottom: 0px;
}
.paywall-container .title {
  font-family: "Roboto Slab", sans-serif;
  font-size: 1.4444444444em;
}

.related-content {
  font-size: 0.85em;
}
.related-content .summary {
  margin-bottom: 1.5em;
}
.related-content .mdc-layout-grid:not(.layout-50-50) .mdc-card .mdc-card__content-title {
  font-size: 1.2777777778em;
}

.paragraph--type--advert {
  position: relative;
  margin: 3em 0px;
}
.paragraph--type--advert h3 {
  text-align: center;
}
.paragraph--type--advert .link {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-indent: -1000px;
  overflow: hidden;
}

.featured-image {
  height: 220px;
  overflow: hidden;
  margin-bottom: 1.5em;
}
@media (min-width: 768px) {
  .featured-image {
    height: 320px;
  }
}
@media (min-width: 1024px) {
  .featured-image {
    height: 420px;
  }
}
@media (min-width: 1260px) {
  .featured-image {
    height: 520px;
  }
}
.featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}