/*===== skip to main =====*/
.sktmain.visible{position: absolute;left: 0px; top: 0px;width: auto; height: auto; overflow: hidden; visibility: visible !important; z-index: 110; background-color: var(--base-1); padding: var(--xs-1); color: var(--base-5);}
.sktmain.visible .skip-to-main {color: var(--base-5); text-decoration: none; box-shadow: 0 0 0 1px inset var(--base-5); padding: var(--xs-2);}

.search-landing-main-wrapper span {color: var(--header-main-search-panel-input-field-default-text);}
.search-landing-main-wrapper span b {color: var(--header-main-search-panel-input-field-active-text); font-weight: 500;}

/*===== Custom Override CSS Styles =====*/

.contact-template .dropdown.company {max-width: initial;}

@media all and (max-width:767.98px) {
  .contact-template .form-check .form-check-input {margin-left:0px;}
}

.sitemap-content-wrapper ul li {list-style-type: inherit !important;}
#sitemap-MetaFields-level1, #sitemap-preview-protection-level1, #sitemap-disclaimer-level1, #sitemap-disclaimer-country-level1, #sitemap-disclaimer-denied-level1, #sitemap-Stylesheets-level1, #sitemap-Javascripts-level1, #sitemap-error-page-level1, #sitemap-robots-level1 {display: none;}

.news-story-card__image {
  min-height: 26.6rem;
  transition: transform .3s ease;
}

.skill-table-wrapper tbody tr td span.skills-table-bg{
  padding: 1rem;
  background: var(--primary-1-500);
  font-weight: 700;
  color: var(--base-10);
  display: flex;
  width: 28px;
  height: 28px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 0 auto;
}
.skill-table-wrapper tbody tr td span.skills-table-bg-2{
  padding: 1rem;
  background: var(--primary-1-100);
  font-weight: 700;
  color: var(--base-1);
  display: flex;
  width: 28px;
  height: 28px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 0 auto;
}
.skills-table-bg{
  padding: 1rem;
  background: var(--primary-1-500);
  font-weight: 700;
  color: var(--base-10);
  display: inline-flex;
  width: 2.8rem;
  height: 2.8rem;
  text-align: center;
  font-size: var(--body-xs-font-size);
  line-height: var(--body-xs-line-height);
  padding: 0.8rem;
  align-items: center;
  justify-content: center;

}
.skills-table-bg-2{
  padding: 1rem;
  background: var(--primary-1-100);
  font-weight: 700;
  color: var(--base-1);
  gap: 1rem;
  display: inline-flex;
  width: 2.8rem;
  height: 2.8rem;
  text-align: center;
  font-size: var(--body-xs-font-size);
  line-height: var(--body-xs-line-height);
  padding: 0.8rem;
  align-items: center;
  justify-content: center;
}


.financial-calendar .tabs__link#upcoming-events-tab.active {
  background: unset;
  color: var(--ui-tabs-item-active-text);
  border-bottom: calc(var(--ui-tabs-item-border-weight) * 2px) solid var(--ui-tabs-item-active-border);
}

.financial-calendar .tabs__link#past-events-tab.active {
  background: unset;
  color: var(--ui-tabs-item-active-text);
  border-bottom: calc(var(--ui-tabs-item-border-weight) * 2px) solid var(--ui-tabs-item-active-border);
}

/* .financial-calendar .tabs__link#past-events-tab{
background : var(--base-10);
}

.financial-calendar .tabs__link#upcoming-events-tab{
background : var(--base-10);
} */

.news-listing .custom-surface-panel{
  background: var(--base-9);
}


@media (min-width: 768px) and (max-width: 1199px) {
  .news-story-card__image {
    min-width: 208px;
    min-height: 180px;
  }

}

@media (max-width: 767.98px) {
  .news-story-card__image {
    min-width: 240px;
    min-height: 152px;
  }
}

.financial-calendar .custom-financial-card{background-color: var(--primary-2-500);}
.financial-calendar .custom-financial-card:hover, .financial-calendar .custom-financial-card:focus-within {
  background-color: var(--primary-2-500);
  border-color: var(--card-hover-border);
}

@media (max-width: 767.98px) {
  .breadcrumb .breadcrumb__inner{
    scrollbar-width: auto;
  }}  

.signpost-carousel .carousel-pagination{
  right: 17%;
  position: relative;
} 

@media (min-width: 768px) and (max-width: 991.98px) {
  .signpost-carousel .carousel-pagination {
    position: relative;
    right: 0%;
  }
}

.breadcrumb__list li:last-child .breadcrumb-text {
  text-decoration-thickness: auto;
  text-decoration-line: underline;
  text-decoration-color: var(--secondary-3-500);
}

.breadcrumb__list li:first-child .breadcrumb-link,
.breadcrumb__list li:first-child .breadcrumb-text {
  text-decoration: none !important;
}

/* Default (page load / at the top): transparent so the banner shows through */
.menu--overlap .menu__header {
  background-color: transparent;
}

/* Solid background ONLY when the sticky header re-appears on scroll up */
body.page-up .menu--overlap .menu__header {
  background-color: #212B3B; /* or your theme-2 background token */
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
  transition: background-color 0.25s ease;
}

/* Keep the search overlay consistent in that state */
body.page-up .menu--overlap .menu__search-panel {
  background-color: #212B3B;
}


.theme-4 {
  background-color: var(--secondary-2-500); /* or the hex value if you don't use CSS variables */
  color: var(--base-1);
}


@media (max-width: 991.98px) {
  .results-presentation .grid-table__cell {
    padding: 0; 
  }
  .icon-signpost-card__image svg {
    height: 4.4rem;
    width: auto;
    max-width: 26.4rem;
  }
}

/*To resolve the opacity issue in rich text module */
.hasjs .rte-module[data-animate] {
  opacity: 1 !important;
}
.rte ul, .rte ol{
  padding-left: 3rem;
}

.rte .document-table tbody td a .cta__icon {
  font-size: var(--icon-m);
}
.rte .document-table tbody td a{
  text-decoration: none!important;
}
.rte ol ul li{
  list-style: disc;
}
.rte ol ul {
  margin-top: var(--sm-3);
}

.menu__nav-list-link::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 20px;
  left: 0;
}

.overflow-x-auto.skills__wrapper .overflow-x-auto{
  margin-top: var(--sm-1);
}

@media (max-width: 450px) {
  .icon-signpost-card__image svg{max-width: 21.4rem}
}


.news-stories-wrapper .share__link {background: var(--primary-2-500); color: var(--general-display);}
.share.open .share__wrapper {background: var(--primary-2-500); }
.share .share__wrapper {background: var(--primary-2-500); }

@media (min-width: 1200px) {
  .grid-table__header, .grid-table__row{
    grid-template-columns: minmax(200px, 35%) 1fr auto;
  }
  /*   .results-presentation__wrapper .grid-table__header, .results-presentation__wrapper .grid-table__row{
  grid-template-columns: minmax(200px, 27%) 0fr auto;
} */
}

@media (min-width: 1024px) and (max-width: 1200px) {
  .grid-table__header, .grid-table__row{
    grid-template-columns: minmax(201px, 46rem) 1fr 1fr;
  }
  .results-presentation__wrapper .grid-table ,.results-presentation__wrapper .grid-table__row{
    width: 100vw;
  }
}
#footnote .rte {
  @media (min-width: 1200px) {
    .col-xl-8 {
      width: 69.5% !important;
    }
  }
}


.theme-3 .cta--text-link:focus-visible {
  color: var(--base-9);
  outline: 1px solid var(--base-9);
}

.theme-3 .cta--text-link:focus-visible .cta__icon {
  color: var(--base-9);
}



.standard-footer .quick-links__headline {font-size: 15px !important;}



.__cookieNotice::before {
  content: '';
  background: #000000;
  width: 100vw;
  height: 100vh;
  display: block;
  position: fixed;
  opacity: 0.4;
  overflow: hidden;
  z-index: 0;
  left: 0;
  bottom: 0;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .accordion__button > div > div {
    max-width: 550px;
    text-wrap: auto;
  }

}
.hasjs .bod[data-animate]{
  opacity:1 !important;
}

.rte-module a{
  word-wrap: break-word;
}









.results-presentation__wrapper .grid-table__header .grid-table__link-collection > div {
  background: var(--ui-tables-header-bg);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .results-presentation__wrapper .grid-table{
    width: 1180px !important;}

}
/* =====================================================
DESKTOP (>=1200px)
===================================================== */

@media (min-width:1200px){

  .results-presentation__wrapper .overflow-x-auto{
    overflow-x:hidden;
  }

  .results-presentation__wrapper .grid-table{
    width:100%;
  }

  .results-presentation__wrapper .grid-table__header,
  .results-presentation__wrapper .grid-table__row{
    display:grid;
    grid-template-columns:minmax(320px,0fr) auto;
    width:100%;
  }

  .results-presentation__wrapper .grid-table__link-collection{
    display:grid;
    grid-template-columns:repeat(7,minmax(90px,1fr));
    width:100%;
  }
}

/* =====================================================
TABLET (992px - 1199px)
===================================================== */

@media (min-width:992px) and (max-width:1199.98px){

  .results-presentation__wrapper .overflow-x-auto{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  .results-presentation__wrapper .grid-table{
    min-width:1160px;
  }

  .results-presentation__wrapper .grid-table__header,
  .results-presentation__wrapper .grid-table__row{
    display:grid;
    grid-template-columns:320px auto;
    min-width:1160px;
  }

  .results-presentation__wrapper .grid-table__link-collection{
    display:grid;
    grid-template-columns:repeat(7,120px);
    width:840px;
  }
}

/* =====================================================
MOBILE (<992px)
===================================================== */

@media (max-width:991.98px){
  .results-presentation__wrapper .grid-table__cell:empty {
    display: none;
  }
  .results-presentation__wrapper .grid-table__header{
    display:none;
  }

  .results-presentation__wrapper .grid-table__row{
    display:block;
  }

  .results-presentation__wrapper .grid-table__link-collection{
    display:flex;
    flex-wrap:wrap;
    gap:12px 24px;
  }

  .results-presentation__wrapper .grid-table__cell{
    padding:0;
  }
}


.job-search-filter__divider {
  border: 0;
  border-top: 1px solid var(--general-dividers);
  opacity: 1;
}
.job-search-filter .dropdown {
  min-width: 0;
  max-width: none;
}

.job-detail__divider {
  border: 0;
  border-top: 1px solid var(--general-dividers);
  opacity: 1;
}


.filter-button{width : auto ;
  padding: var(--xs-1);}



#app-item-necessaryCookie,
label[for="app-item-necessaryCookie"] {
  cursor: unset !important;
}

#memberships-and-accreditations-banner .tall-banner__content h1{display : flex;}

.stats .stat__suffix sup{
  font-size: 0.45em;
  top: -1em;
}

@media (max-width: 575.98px) {
  #building-a-sustainable-chesnara .text-image__image {
    max-height: 26.2rem;
    width: 100%;
    height: auto !important;
    max-height: none;
    object-fit: contain !important;
    min-height: 0;
  }
}




@media (min-width: 1024px) {
  
    .adm__panel[data-adm-panel-id="investors"] .adm__nav-item:has(> a[href="/investors"]) {
        display: none;
    }
    .adm__panel[data-adm-panel-id="corporate-governance"] .adm__nav-item:has(> a[href="/corporate-governance"]) {
        display: none;
    }
}
@media (max-width: 575.98px) {
  .tall-banner__content h1{
    font-size: 3.2rem;
  }
  .document-table tbody tr td:nth-child(2) {
    display: table-cell !important;
    text-align: center;
    vertical-align: middle;
  }
}



#ip3-regulatory-announcements .rte-module .rte > p > .cta__icon{top: 5px;
  position: relative;}