/* **************************************** */
/*              DIALOGUE ICON               */
/* **************************************** */

div.dialogue img {
  /* Inherited from Public */
  min-width: 180px;
  width: calc(100% - 635px);
  max-width: 230px;
}

/* ******************************** */
/*      WHAT'S ON THIS SITE         */
/* ******************************** */

section.content ul.whats-on-list li {
  text-indent: 0;
  height: 60px;
  margin: 10px 0 20px 0;
  padding: 10px 236px 10px 20px;

  display: flex;
  /* justify-content: center; */
  align-items: center;

  background-image: url(https://cms03-uk.s3.eu-west-2.amazonaws.com/azg-ux-06-on-this-site-tablet-20220819.jpg);
}
section.content ul.whats-on-list li:nth-child(1) {  background-position: 110% -100px;  }
section.content ul.whats-on-list li:nth-child(2) {  background-position: 110% -215px;  }
section.content ul.whats-on-list li:nth-child(3) {  background-position: 110% -330px;  }
section.content ul.whats-on-list li:nth-child(4) {  background-position: 110% -445px;  }
section.content ul.whats-on-list li:nth-child(5) {  background-position: 110% -560px;  }

section.content ul.whats-on-list li a {
  display: contents;        /* This is needed because of horrible implementation of flex */
}