.version {
  color: #730000;
  font-family: ReithSansNewsRegular, Helvetica, Arial, sans-serif;
  font-size: 4em;
  line-height: 3rem;
  font-weight: 700;
  position: absolute;
  top: .9rem;
  right: 1rem;
}

.hidden {
  display: none;
  visibility: hidden;
}

/*@supports not (display:grid) {
  .aJDbs {
    display: block;
    width: 60%;
    margin: auto;
  }
}*/

.topic-tag {
  display: block;
  margin-top: 1rem;
}

.topic-tag-link {
  color: #B80000;
  font-family: ReithSerifNewsMedium,Helvetica,Arial,sans-serif;
  font-weight: 700;
  font-size: 1em;
  line-height: 1.375rem;
  text-decoration: none;
}

.topic-tag-link:hover,
.topic-tag-link:focus {
  text-decoration: none;
  border-bottom: 1px solid #B80000;
}

.topic-tag + .jTwLPs {
  display: block;
  padding-top: 1rem;
}

.h1-with-nested-topic-tag {
  font-size: inherit;
  margin: 0;
}

/* Aside
+++++++++++++++++++++++++++++++++*/
.more-on-this {
  display: inline-block;
  margin: 0 0 1rem 1rem;
  padding: 1rem;
  position: relative;
}

@media (min-width: 37.5em) {
  .more-on-this {
    margin: 0 0 1rem 3rem;
  }
}

.more-on-this strong {
  color: #404040;
  display: block;
  font-family: ReithSansNewsRegular, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.25em;
  line-height: 1.5rem;
  margin: 0 0 1rem;
  padding: 0;
}

.more-on-this ul {
  border-left: 2px solid #B80000;
  padding-left: 1em;
  margin: 0;
  list-style-type: none;
}

.more-on-this li {
  margin: 0;
  margin-bottom: .75em;
  padding: 0;
}

.more-on-this li:last-child {
  margin-bottom: 0;
}

.more-on-this li a {
  /*display: block;*/
  color: #222222;
  font-family: ReithSerifNewsMedium,Helvetica,Arial,sans-serif;
  font-weight: 700;
  font-size: 1em;
  line-height: 1.375rem;
  text-decoration: none;
}

.more-on-this li a:hover,
.more-on-this li a:focus {
  text-decoration: none;
  border-bottom: 1px solid #222222;
}

.more-on-this:focus-within {
  outline: 0.2rem solid #404040;
}

.skip-link:focus {
  -webkit-clip-path: unset;
  clip-path: unset;
  -webkit-clip: auto;
  clip: auto;
  height: auto;
  overflow: auto;
  width: auto;
  top: 0.2rem;
  right: 0.2rem;
  margin: 0;
  /*padding: 4px 6px 6px;*/
  padding: 2px;
  /*background-color: #0F556C;*/
  background-color: #F5F3F1;
  /*color: #ffffff;*/
  color: #222222;
  font-family: ReithSerifNewsMedium,Helvetica,Arial,sans-serif;
  font-weight: 700;
  /*text-decoration: underline;*/
  text-decoration: none;
  border-bottom: 1px solid #222222;
}

/* More from the BBC - h2
+++++++++++++++++++++++++++++++++*/
.more-from-the-bbc h2 {
    color: #404040;
    font-family: ReithSansNewsRegular, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1.25em;
    line-height: 1.5rem;
    margin: 0 0 0 1rem;
    padding: 1rem 0;
}

@media (max-width: 37.4375em) and (min-width: 20em) {
  .more-from-the-bbc h2 {
    font-size: 1.5em;
    line-height: 1.75rem;
  }
}
 
@media (min-width: 37.5em) {
  .more-from-the-bbc h2 {
    font-size: 2em;
    line-height: 2.25rem;
  }
}

/* Tabs
+++++++++++++++++++++++++++++++++*/
.tabs {
  margin: 0 1rem;
}

@media (max-width: 37.4375em) {
  .tabs {
    margin: 0;
  }
}

.tabs-list {
  margin: 0;
  padding: 1rem 0 0 0;
  list-style: none;
  background-color: #d5d0cd;
  line-height: 0;
}

@media (max-width: 37.4375em) {
  .tabs-list {
    padding: .4rem 1rem 0 .5rem;
  }
}

.tabs-list>li {
  display: inline-block;
  margin: 0 0 0 1rem;
}

/* Adjusting space due to white space coming from HTML */
.tabs-list>li.two,
.tabs-list>li.three {
  margin: 0 0 0 .7rem;
}

@media (max-width: 37.4375em) {
  .tabs-list>li {
    margin: 0 0 0 .5rem;
  }

  .tabs-list>li.two,
  .tabs-list>li.three {
    margin: 0 0 0 .25rem;
  }
}

.tabs-list a {
  display: inline-block;
  padding: .6rem 1rem;
  text-decoration: none;
  color: #222222;
  background-color: #f5f3f1;
  font-family: ReithSansNewsRegular, Helvetica, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.375rem;
}

@media (max-width: 37.4375em) {
  .tabs-list a {
    padding: .6rem .5rem;
  }
}

.tabs-list a:hover,
.tabs-list a:focus {
    border-top: 4px solid #b80000;
    text-decoration: underline;
}

/*.tabs>ul a:focus-visible {
    outline: inherit;
}*/

/*.tabs>ul a:focus:not(:focus-visible) {
    outline: none;
}*/

.tabs [aria-selected=true],
.tabs .selected-tab {
    border-top: 4px solid #b80000;
    background-color: #ffffff;
}

@media screen and (-ms-high-contrast:active) {
  .tabs [aria-selected=true],
  .tabs .selected-tab {
    outline: 4px solid;
  }
}

.tabs [aria-selected=true]:hover,
.tabs [aria-selected=true]:focus,
.tabs .selected-tab:hover,
.tabs .selected-tab:focus {
  text-decoration: underline;
}

.gs-u-vh-heydon {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

.panel-in-focus-order {
  display: inline-block;
  height: auto;
}

.panel-in-focus-order.hidden {
  display: none;
}

.panel-in-focus-order:focus {
  outline: 0.2rem solid #404040;
}

/* Tab panels
+++++++++++++++++++++++++++++++++*/
.tabs .panel {
  padding: 0 0 1rem;
}

/*.tabs > section:focus-within {
  outline: 2px solid;
  outline-offset: -2px; 
  outline-color: rgb(64, 64, 64);
}*/

/* Promos 
+++++++++++++++++++++++++++++++++*/
.gel-promos {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

@supports (display: grid) { 
  .gel-promos {
    display: grid;
    /*grid-auto-flow: row;*/
    grid-column-gap: 1rem;
  }

  @media (max-width: 37.4375em) {
    .gel-promos {
      grid-template-columns: repeat(2,1fr);
    }
  }
}

@supports (display: grid) { 
  @media (min-width: 37.5em) {
    .gel-promos {
      grid-template-columns: repeat(3,1fr);
    }

    .gel-promos li:last-child {
      display: none;
      visibility: hidden;
    }
  }
}

@supports (display: grid) { 
  @media (min-width: 63em) {
    .gel-promos { 
      grid-template-columns: repeat(4,1fr);
    }

    .gel-promos li:last-child {
      display: flex;
      visibility: visible;
    }
  }
}

.gel-promo {
  display: inline-block;
  margin-top: 1rem;
  background-color: #f5f3f1;
  float: left;
  margin-right: 1rem;
  box-sizing:content-box;
}

@media (min-width: 37.5em) {
  .gel-promo {
    width: 30%;
  }
}

@media (min-width: 63em) {
  .gel-promo {
    width: 23%;
  }
}

@supports (display: grid) {
  .gel-promo {
    display: flex;
    flex-direction: column;
    float: none;
    margin-right: 0;
    width: auto;
  }
}

.gel-promo-image {
  line-height: 0;
}

.gel-promo-image img {
  width: 100%;
}

.gel-promo-content {
  padding: 1rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.gel-promo-headline {
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 1em;
  line-height: 1.375rem;
}

.gel-promo-headline-link {
  /*display: inline-block;*/
  display: inline;
  color: #222222;
  font-family: ReithSerifNewsMedium,Helvetica,Arial,sans-serif;
  font-weight: 700;
  font-size: 1em;
  line-height: 1.375rem;
  text-decoration: none;
}

.gel-promo-headline-link:hover,
.gel-promo-headline-link:focus {
  text-decoration: none;
  border-bottom: 1px solid #222222;
}

.gel-promo-timestamp {
  display: inline-block;
  padding-top: 1rem;
  margin-top: auto;
  color: #5A5A5A;
  font-family: ReithSansNewsRegular, Helvetica, Arial, sans-serif;
  font-size: 0.8125em;
  line-height: 1rem;
}

.gel-promo:focus-within {
  outline: 0.2rem solid #404040;
}

/* Promos - Faux block link - Copied from https://github.com/bbc/grandstand/blob/master/lib/objects/_faux-block-link.scss
+++++++++++++++++++++++++++++++++*/
.gs-o-faux-block-link {
  position: relative;
}

.gs-o-faux-block-link a {
  position: relative;
  z-index: 2;
}

.gs-o-faux-block-link .gs-o-faux-block-link__overlay-link {
  position: static;
}

.gs-o-faux-block-link .gs-o-faux-block-link__overlay-link:before {
  bottom: 0;
  content: "";
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  white-space: nowrap;
  z-index: 1;
}

/* only applies to IE 9 */
.ie9 .gs-o-faux-block-link .gs-o-faux-block-link__overlay-link:before {
  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) repeat 0 0;
}

/* only applies to IE 10 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .gs-o-faux-block-link .gs-o-faux-block-link__overlay-link:before {
      background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) repeat 0 0;
  }
}

/* IE9 footer - clear
+++++++++++++++++++++++++++++++++*/
.gODSLQ {
  clear: both;
  content: '';
  display: block;
  height: 0;
  overflow: hidden;
}

/* Brand banner */

  .gODSLQ {
    border-bottom: 1px solid transparent;
  }

  footer > .gODSLQ {
    border-top: 1px solid transparent;
  }

