:root {
  /* Main colours */
  --primary-colour: #a1c854; /* Lime green */
  --primary-colour-faded: rgba(161, 200, 84, 0.3); /* Lime green */

  --secondary-colour: #3192d0; /* Ocean blue */
  --secondary-colour-faded: rgba(49, 146, 208, 0.3); /* Ocean blue */

  --tertiary-colour: #024e43; /* Forest green */
  --tertiary-colour-faded: rgba(53, 76, 54, 0.3); /* Forest green */

  --quaternary-colour: #49bed8; /* Sky blue */
  --quaternary-colour-faded: rgba(73, 190, 216, 0.3); /* Sky blue */

  /* Addirional colours */
  --quinary-colour: #1e192f; /* Plum purple */
  --quinary-colour-faded: rgb(30, 25, 47, 0.3); /* Plum purple */

  --senary-colour: #EDEDE3; /* Slate grey */
  --senary-colour-faded: rgba(57, 52, 52, 0.3); /* Slate grey */

  --septenary-colour: #f6f6f6; /* Grey */
  --septenary-colour-faded: rgb(246, 246, 246, 0.3); /* Grey */

  /* Basic colours */
  --basic-black: #000;
  --basic-black-faded: rgb(0, 0, 0, 0.3);

  --basic-white: #ffffff;
  --basic-white-faded: rgb(255, 255, 255, 0.3);

  --basic-gray: #F0F0F0;
  --basic-medium-grey: #575756;
  --basic-slate: #EDEDE3;
  --basic-light-medium-grey: #DADADA;

  /* layout borders */
  --layout-border: #d7d6d6;
}



.umb-block-grid__area[data-area-col-span="12"] .umb-block-grid__layout-item[data-col-span="6"]{margin-bottom: 30px; height: 100%;}
.umb-block-grid__area[data-area-col-span="12"] .umb-block-grid__layout-item[data-col-span="3"]{margin-bottom: 30px; height: 100%;}
.Culture .umb-block-grid__area[data-area-col-span="12"] .umb-block-grid__layout-item[data-col-span="6"]{margin-bottom: 0px;}


html,
body {
  width: 100%;
  position: relative;
  background: #fff;
  margin: 0;
  font-family: "Figtree", sans-serif, arial;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.75;
}
#body-wrapper {
  overflow-x: hidden;
}

iframe {
  width: 100%;
}

 /* CSS for making the container responsive */
.iframe-container {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 aspect ratio for responsive design */
}

/* CSS for styling the iframe */
.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}




/* Hidden elements */
.hidden-phone {
  display: none;
}

/* Style for the accordions  */
.accordions-wrapper {
  width: 100%;
}
.accordion-item {
  border: 1px solid #ccc;
  margin-bottom: 10px;
  cursor: pointer;
  font-size: 30px;
}
.accordion-item.active {
  background-color: #f0f0f0;
}
.accordion-trigger {
  padding: 10px;
  background-color: #ddd;
}
.accordion-content {
  display: none;
}
.accordion-item.active .accordion-content {
  display: block;
  padding: 10px;
}
.accordion-item.active .accordion-content ul li {
  list-style: circle;
  margin-left: 30px;
  font-size: 18px;
}
.accordion-header {
  background-color: #575756;
  padding: 0.5em 3em 0.5em 1em;
  color: #FFFFFF;
  font-weight: 800;
  font-size: 20px;
  line-height: 1.2;
  position: relative;
  min-height: 70px;
  display: flex;
  align-items: center;
}
.accordion-header:hover {
  background-color: #878787;
}
.accordion-header:after {
  content: '';
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 18px;
    top: 28%;
    background: transparent url(/assets/svg/grey-button-plus.svg) no-repeat center center;
    background-size: 30px 30px;
    transition: transform 0.35s ease;
}

.accordion-item.active .accordion-header:after {
  content: '';
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 18px;
    top: 32%;
    background: transparent url(/assets/svg/light-grey-cross.svg) no-repeat center center;
    background-size: 30px 30px;
    transition: transform 0.35s ease;
}
/* Goal and strategy page */
.goal .accordion-header {
  background-color: #B2B2B2;
}
.goal-logo img {
  max-width: 375px;
}
.goal-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* matters reserved for the board page */
.matters-chairman-image { max-width: 400px; }

.fix-to-bottom {
  position: relative;
  width: 100%;
  padding: 20px 0px;
  box-sizing: border-box;
}
.results-presentations-feed .fix-to-bottom {
  padding: 20px 30px;
}
.tile .fix-to-bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  padding: 30px 30px;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  z-index: 1;
}
.tile .fix-to-bottom button:hover {
  opacity: 0.7;
}
.investors .tile .fix-to-bottom,
.governance .tile .fix-to-bottom {
  justify-content: flex-start;
}

/* RNS feed item table styles */
.fr-view-element table tr,
.fr-view-element table td {
  border-width: 1;
}
.fr-view-element table td {
  padding: 10px;
}

@media (min-width: 768px) {
  /* Hidden elements*/
  .hidden-phone {
    display: block;
  }
  .hidden-tablet {
    display: none;
  }
  .accordion-item.active .accordion-content {
    display: block;
    padding: 20px;
  }
}

@media (max-width: 991px) {
	/* RNS annoucement item mobile responsiveness */
  .rns-item-wrapper {overflow-x: scroll; }
	.fr-view-element { width: 100% !important }
	.fr-view-element div { margin: initial !important }
	.fr-view-element img { width: initial !important; height: auto !important; }
	.fr-view-element table { margin-left: initial !important; width: 90vw !important; }
}

@media (min-width: 992px) {
  .umb-block-grid__area[data-area-col-span="12"] .umb-block-grid__layout-item[data-col-span="6"],
  .umb-block-grid__area[data-area-col-span="12"] .umb-block-grid__layout-item[data-col-span="4"],
  .umb-block-grid__area[data-area-col-span="12"] .umb-block-grid__layout-item[data-col-span="3"]{margin-right: 30px; margin-bottom: 0; height: 100%;}

  /* home share, news and reports panels */
  .home-info-boxes .umb-block-grid__area[data-area-col-span="12"] .umb-block-grid__layout-item[data-col-span="6"],
  .home-info-boxes .umb-block-grid__area[data-area-col-span="12"] .umb-block-grid__layout-item[data-col-span="4"],
  .home-info-boxes .umb-block-grid__area[data-area-col-span="12"] .umb-block-grid__layout-item[data-col-span="3"] { margin-right: 15px; }

  /* Culture and purpose page */
  .Culture .umb-block-grid__area[data-area-col-span="12"] .umb-block-grid__layout-item[data-col-span="6"],
  .Culture .umb-block-grid__area[data-area-col-span="12"] .umb-block-grid__layout-item[data-col-span="4"],
  .Culture .umb-block-grid__area[data-area-col-span="12"] .umb-block-grid__layout-item[data-col-span="3"] { margin-right: 0px; }

  .accordion-header {
    background-color: #575756;
      padding: 0.5em 1em;
      color: #FFFFFF;
      font-weight: 800;
      font-size: 25px;
      position: relative;
      display: flex;
      align-items: center;
  }
  .accordion-header:after {
    content: '';
      display: block;
      width: 30px;
      height: 30px;
      position: absolute;
      right: 60px;
      top: 32%;
      background: transparent url(/assets/svg/grey-button-plus.svg) no-repeat center center;
      background-size: 30px 30px;
      transition: transform 0.35s ease;
  }
  .accordion-item.active .accordion-header:after {
    content: '';
      display: block;
      width: 30px;
      height: 30px;
      position: absolute;
      right: 60px;
      top: 32%;
      background: transparent url(/assets/svg/light-grey-cross.svg) no-repeat center center;
      background-size: 30px 30px;
      transition: transform 0.35s ease;
  }
  .fix-to-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 30px;
    box-sizing: border-box;
  }

  /* matters reserved for the board page */
  .matters-chairman-image { max-width: initial; }
  
}