section.content { width: 1000px; }
aside           { width: 0;      }

section.content article {           /* Fix the changes made in AZ GMP specific mobile */
  width: auto;
  padding-left: 50px;
  padding-right: 50px;
}

section#main {
  background-color: transparent;    /* Because margins used in place of borders on AZ GMP */
}
section.content article {
  overflow: auto;                   /* To keep article's background colour when contents float */
}


header.banner h1 {
  right: 75px;
}

.slideshow div.slide-panel {
  width: 550px;
}

/* **************************************** */
/*              DIALOGUE ICON               */
/* **************************************** */

div.dialogue {
  margin-right: -20px;          /* Make it go into the right margin */
}

div.dialogue img {
  width: 230px;
  max-width: none;
  margin-left: 30px;            /* To push everything out of its way */
}

/* ******************************** */
/*          DON'T WORRY             */
/* ******************************** */

section.content article.dont-worry {
  padding-left: 50px;
  width: 580px;
  padding-right: 370px;
  border-top: 3px solid white;
  border-bottom: 3px solid white;
  background-repeat: no-repeat;
  background-position: 100% -100px;
  background-image: url(https://cms03-uk.s3.eu-west-2.amazonaws.com/azg-ux-08-dont-worry-tablet-20220316.jpg);
}


/* ******************************** */
/*      WHAT'S ON THIS SITE         */
/* ******************************** */

section.content ul.whats-on-list li {
  width: 400px;
  height: 75px;
  float: left;
}
section.content ul.whats-on-list li:nth-child(2n) {
  margin-left: 30px;
}

section.content ul.whats-on-list li:nth-child(1) {  background-position:  -150px    -0px;  }    /* Adj 150 */
section.content ul.whats-on-list li:nth-child(2) {  background-position:  -740px    -0px;  }    /* Adj 150 */
section.content ul.whats-on-list li:nth-child(3) {  background-position: -1180px    -0px;  }    /* Left as is */
section.content ul.whats-on-list li:nth-child(4) {  background-position: -1920px    -0px;  }    /* Adj 150 */
section.content ul.whats-on-list li:nth-child(5) {  background-position: -2360px    -0px;  }


/* ******************************** */
/*          WHERE NEXT              */
/* ******************************** */

section.content article.where-next {
  padding-left: 525px;
  width: auto;
  padding-right: 50px;
  background-position: 0px -90px;
  background-image: url(https://cms03-uk.s3.eu-west-2.amazonaws.com/azg-ux-12-next-desktop-20220316.jpg);
}

section.content article.where-next.where-next1 { background-position:  0px   -90px; }
section.content article.where-next.where-next2 { background-position:  0px  -330px; }
section.content article.where-next.where-next3 { background-position:  0px  -570px; }
section.content article.where-next.where-next4 { background-position:  0px  -810px; }
section.content article.where-next.where-next5 { background-position:  0px -1050px; }
section.content article.where-next.where-next6 { background-position:  0px -1290px; }
section.content article.where-next.where-next7 { background-position:  0px -1530px; }
section.content article.where-next.where-next8 { background-position:  0px -1770px; }


/* ******************************** */
/*          TIMELINE CONTENT        */
/* ******************************** */

div.wrapper.timeline {      /* Because things start floating */
  overflow: auto;
  background-color: #ededed /* Ghost (10% BLK) */;
}
section.timeline {          /* Because things start floating */
  overflow: auto;
  float: none;              /* No aside, so no need for it to float */
  background-color: white;  /* BEcause child items use margins, so this section's background will be seen */
}

section.content article.timeline-wave-001 {
  float: left;
  width: 400px;
  margin-right: 0;
  min-height: 230px;
}
section.content article.timeline-wave-001 h3 span {
  display: block;
}

section.content article.timeline-wave-001:nth-child(2n+1) {
  margin-left: 30px;
}

section.content article.timeline-wave-002 {
  clear: left;
}
