/* New branding colours */
body.is-reveal-open {
  overflow: hidden; }

html.is-reveal-open,
html.is-reveal-open body {
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.abb-reveal-overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1005;
  background-color: rgba(10, 10, 10, 0.45);
  overflow-y: scroll; }

.abb-reveal {
  display: none;
  z-index: 1006;
  padding: 2rem;
  border: 1px solid #cacaca;
  background-color: #fefefe;
  border-radius: 0;
  position: relative;
  top: 65px;
  margin-left: auto;
  margin-right: auto;
  overflow-y: auto; }
  [data-whatinput='mouse'] .abb-reveal {
    outline: 0; }
  @media screen and (min-width: 48em) {
    .abb-reveal {
      min-height: 0; } }
  .abb-reveal .column,
  .abb-reveal .columns {
    min-width: 0; }
  .abb-reveal > :last-child {
    margin-bottom: 0; }
  @media screen and (min-width: 48em) {
    .abb-reveal {
      width: 600px;
      max-width: 120rem; } }
  .abb-reveal__close {
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 50px;
    right: 0;
    top: 0;
    color: #868686;
    font-size: 1.5rem; }
  @media screen and (min-width: 48em) {
    .abb-reveal .abb-reveal, .abb-reveal .abb-reveal--tiny, .abb-reveal .abb-reveal--small, .abb-reveal .abb-reveal--large {
      left: auto;
      right: auto;
      margin: 0 auto; } }
  .abb-reveal--collapse {
    padding: 0; }
  @media screen and (min-width: 48em) {
    .abb-reveal--tiny {
      width: 30%;
      max-width: 120rem; } }
  @media screen and (min-width: 48em) {
    .abb-reveal--small {
      width: 50%;
      max-width: 120rem; } }
  @media screen and (min-width: 48em) {
    .abb-reveal--large {
      width: 90%;
      max-width: 120rem; } }
  .abb-reveal--full {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    max-width: none;
    margin-left: 0;
    border: 0;
    border-radius: 0; }
  @media screen and (min-width: 0em) and (max-width: 29.9375em) {
    .abb-reveal {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      height: 100vh;
      min-height: 100vh;
      max-width: none;
      margin-left: 0;
      border: 0;
      border-radius: 0; } }
  .abb-reveal--without-overlay {
    position: fixed; }