.font-italic {
    font-style: italic !important;
}



.text__text-black, .text-black {
    color: var(--black);
}
.text__dark-blue {
    color: var(--dark-blue) !important;
}
.text-dark-gray {
    color: var(--dark-gray);
}
.text__darker-aqua, .darker-aqua {
    color: var(--darker-aqua) !important;
}
.text__dark-aqua {
    color: var(--dark-aqua) !important;
}
.text__aqua {
    color: var(--aqua) !important;
}
.text__light-green {
    color: var(--light-green) !important;
}
.text__home-green {
    color: var(--home-green) !important;
}
.text__white {
  color: #ffffff !important;
}
.text__rich-black {
  color: var(--rich-black) !important;
}
.text__midnight-blue {
  color: var(--midnight-blue) !important;
}

.bg__dark-blue {
  background-color: var(--dark-blue);
}
.bg__light-green {
  background-color: var(--light-green);
}
.bg__moss-green {
  background-color: var(--moss-green);
}
.bg__light-moss-green {
  background-color: var(--light-moss-green);
}

.default-text {
    font-family: "sans-serif";
    font-size: 14px;
}

.text-justify {
    text-align: justify;
}

.text-name-1, .text-position-1 {
    color: var(--home-green);
    line-height: 1.6;
    margin-bottom: 0px !important;
    text-align: center;
}

.text-name-1, .text-name-2 {
    font-family: var(--font-heading);
    font-weight: 500;
    font-size: 1.2rem;
    line-height: normal;
    color: var(--dark-cyan);
}

.text-name-1 {
    font-size: 22px;
    max-width: 18rem;
}

.text-name-2 {
    font-size: 1.4rem !important;
    margin: 0;
    color: var(--home-green);
}

.text-position-1 {
    font-size: 18px;
    font-style: italic;
    max-width: 18rem;
}

.floated {
    float: right;
    width: 35%;
    margin: 0 0 1.5rem 1.5rem;
}

.mb-10 {
    margin-bottom: 6rem !important;
}

.page-header h1,
.page-header p,
.page-header-our-business h1,
.page-header-we-do h1,
.page-header-org-structure h1,
.page-header-president-message h1,
.page-header-chairmans-message h1,
.page-header-our-business p,
.page-header-we-do p,
.page-header-org-structure p,
.page-header-president-message p,
.page-header-chairmans-message p{
    color: var(--darker-aqua);
}

.page-header h1,
.page-header-our-business h1,
.page-header-org-structure h1,
.page-header-president-message h1,
.page-header-chairmans-message h1 {
    font-family: var(--georgia);
    font-weight: bold;
    min-width: 510px;
}

.acting-major-disruptions .page-header {
    background-image: url("/static-assets/images/acting-major-disruptions/05-4-1HeaderBG-min.png");
}

.awards .page-header,
.third-party .page-header,
.content-index .page-header {
    background-image: url("/static-assets/images/2022-awards/09-1-1HeaderBG-cut.png");
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 180px;
    max-height: max-content;
    padding: 80px 90px;
    border-bottom-right-radius: 80px;
}

.banner-about-the-report {
    background-image: url(/static-assets/images/about-the-report/bg-test.png);
}
 
.banner-cert {
    background-image: url(/static-assets/images/common/banner-certification-mobile.png);
    padding-bottom: 7rem !important;
}

.banner-disclaimer {
    background-image: url(/static-assets/images/common/banner-mobile-disclaimer.png);
}

.banner-high {
    background-image: url(/static-assets/images/common/banner-highlights-mobile.png);
    padding-bottom: 7rem !important;
}

.banner-key {
    background-image: url(/static-assets/images/common/banner-milestones-mobile.png);
}

.banner-who {
    background-image: url(/static-assets/images/common/banner-who-we-are-mobile.png);
}

.banner-what {
    background-image: url(/static-assets/images/common/banner-what-we-do-mobile.png);
}

.banner-org {
    background-image: url(/static-assets/images/common/banner-org-structure-mobile.png);
    padding-bottom: 7rem !important;
}

.banner-chairman {
    background-image: url(/static-assets/images/common/banner-chaimans-message-mobile.png);
}

.banner-president {
    background-image: url(/static-assets/images/common/banner-presidents-message-mobile.png);
}

.banner-mgt-framework {
    background-image: url(/static-assets/images/common/banner-mgt-framework-mobile.png);
}

.banner-ext-env {
    background-image: url(/static-assets/images/common/banner-ext-env-mobile.png);
}

.banner-resilience {
    background-image: url(/static-assets/images/common/banner-resilience-mobile.png);
}

.banner-material-issues {
    background-image: url(/static-assets/images/common/banner-materiality-determination-mobile.png);
}

.banner-material {
    background-image: url(/static-assets/images/common/banner-managing-material-mobile.png);
    padding-bottom: 7rem !important;
}

.banner-governance {
    background-image: url(/static-assets/images/common/banner-corporate-governance-mobile.png);
    padding-bottom: 7rem !important;
}

.banner-strategic-positioning {
    background-image: url(/static-assets/images/common/banner-strategic-positioning-mobile.png);
}

.banner-senior-mgt {
    background-image: url(/static-assets/images/common/banner-senior-mgt.png);
}

.banner-board {
    background-image: url(/static-assets/images/common/banner-board.png);
}

.banner-perf {
    background-image: url(/static-assets/images/financial-capital/3-1_banner-bg.png);
    padding-bottom: 7rem !important;
}

.banner-value-diagram {
    background-image: url(/static-assets/images/common/banner-value-diagram.png);
}

.banner-business-model {
    background-image: url(/static-assets/images/common/banner-business-model.png);
}

.banner-progress-mission {
    background-image: url(/static-assets/images/common/banner-progress-mission.png);
    padding-bottom: 7rem !important;
}

.banner-content-index {
    background-image: url(/static-assets/images/common/banner-content-index.png);
    padding-bottom: 7rem !important;
}

.banner-third-party {
    background-image: url(/static-assets/images/common/banner-third-party.png);
    padding-bottom: 7rem !important;
}

.banner-restatements {
    background-image: url(/static-assets/images/common/banner-restatements.png);
}

.banner-awards {
    background-image: url(/static-assets/images/common/banner-awards.png);
}

.banner-outlook {
    background-image: url(/static-assets/images/common/banner-outlook.png);
}

.banner-values-unsdg {
    background-image: url(/static-assets/images/common/banner-values-unsdg.png);
}

.banner-esg-values {
    background-image: url(/static-assets/images/common/banner-esg-values.png);
}

.banner-external-env {
    background-image: url(/static-assets/images/common/banner-external-env.png);
}

.banner-mobile {
    padding-left: 2rem !important;
    padding-top: 3rem !important;
    background-repeat: no-repeat;
    background-size: cover;
    padding-right: 2rem !important;
    background-position: bottom;
}

.container-board p {
    font-size: .9rem;
    line-height: 1.4rem;
}

p.text-comittees {
    line-height: inherit;
}

.legend-web img {
    max-width: -webkit-fill-available;
}

.img-legend-solo {
    width: 12%;
    height: fit-content;
    margin-left: 3px;
    padding-top: .3rem;
}

.footer-1 {
    font-size: .6rem;
    line-height: normal;
}

.with-margin-x {
    padding: 0 90px;
}

.with-margin-right {
    padding-right: 90px;
}

.with-margin-left {
    padding-left: 90px;
}

.page-extra-height {
    height: 360px !important;
}

/* Disable right-click context menu on all images */
img {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version */
  pointer-events: none;
}


/* OVERRIDE */
.fs-3 {
  font-size: 1.6rem !important;
}
.fs-6 {
  font-size: 1.15rem !important;
}
.fs-7 {
  font-size: 1.10rem !important;
}
.fs-8 {
  font-size: .9rem !important;
}

/* ADDITIONALS */
.mb-6 {
  margin-bottom: 4rem !important;
}
.my-6 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}
.px-6 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

/* MEDIA QUERIES */

/*MOBILE ONLY*/
@media (max-width: 575.98px) {
    
    .container-board {
        width: auto;
        max-width: max-content;
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media (max-width: 767.98px) {
    .floated {
        width: 100%;
    }
    
    .page-header h1, 
    .page-header-our-business h1, 
    .page-header-org-structure h1, 
    .page-header-president-message h1, 
    .page-header-chairmans-message h1 {
        min-width: auto;
    }
    .legend {
        min-width: 30%;
    }
}

@media screen and (max-width: 992px) {
    .page-header,
    .page-header-org-structure,
    .page-header-our-business,
    .page-extra-height {
        height: max-content;
        padding: 40px !important;
    }
    .page-header h1 {
        min-width: unset;
    }

    .with-margin-right {
        padding-right: 40px;
        padding-left: 40px;
    }
    .legend {
        min-width: 20%;
    }
}

@media screen and (max-width: 1200px) {
    .page-header,
    .page-header-org-structure,
    .page-header-our-business,
    .page-header-we-do,
    .page-header-president-message,
    .page-header-chairmans-message {
        height: max-content;
        padding: 40px !important;
        border-bottom-right-radius: 50px;
    }
    .page-header h1,
    .page-header-org-structure h1,
    .page-header-our-business h1,
    .page-header-we-do h1,
    .page-header-president-message h1 .page-header-chairmans-message h1 {
        min-width: 300px;
    }

    .with-margin-x {
        padding: 0 40px;
    }

    .with-margin-left {
        padding-right: 40px;
        padding-left: 40px;
    }
    
    .w-lg-100 {
        width: 100% !important;
    }
    
    .container-board {
        width: auto;
    }
}
/* END: MEDIA QUERIES */







h1, .page-header-1, .page-header-h5, .page-sub-header-1 {
    color: var(--dark-cyan);
}

h1, .page-header-1 {
    font-weight: 300;
    font-size: 34px !important;
}

.page-header-2 {
    font-weight: 500;
    font-size: 48px !important;
    color: var(--font-black-1);
}

.page-header-h2-1 {
    font-size: 16px !important;
    font-weight: 500;
    color: var(--font-black-1);
    font-family: var(--font-heading);
    text-transform: uppercase;
}

.page-header-h2-2 {
    font-size: 18px !important;
    color: var(--font-black-1);
}

.page-header-h5 {
    font-size: 20px !important;
}

.page-sub-header-1 {
    color: var(--misc-black-grey);
    font-size: 16px !important;
    font-weight: 300;
}

.reference-1{
    word-break: break-word;
    color: var(--misc-footnote-grey);
    font-family: var(--font-heading);
    font-size: 13px;
    margin-bottom: 1.5rem;
    font-style: italic;
}

.reference-1 a{
    color: var(--misc-footnote-grey);
    font-weight: 300;
}

.reference-1 sup {
    font-size: 0.7em; /* or whatever fits better */
}