/* Start: SUSTAINABILITY */

.sustainability .banner {
    height: calc(101vh - 122px);
}


.sustainability .banner-title {
    margin-top: 12%;
}

.sustainability a {
    text-decoration: none !important;
}

.sustainability .framework-title h5 {
    margin: 0;
}

.sustainability .framework-title h5:after {
    content: "";
    display: block;
    width: 15%;
    padding-top: 15px;
    border-bottom: 5px solid #13a0f0;
}

.sustainability #mini-accordion {
    margin: 0;
    max-width: 100%;
}

.sustainability #mini-accordion .accordion-button {
    margin-bottom: 10px;
}

.sustainability .accordion,
.sustainability .accordion-item,
.sustainability .accordion-header,
.sustainability .accordion-button {
    background-color: transparent;
}

.sustainability .accordion-header .container {
    padding: 0;
}

.sustainability .accordion-body {
    color: #414d6a;
    padding: 0 8% 1% 8% !important;
}

.sustainability .accordion-button {
    color: #13a0f0;
}

.sustainability .accordion-item:last-of-type {
    border: none;
    border-bottom: 1px solid #d5d5d5;
}


.sustainability #sdgAlignment img {
    height: 200px;
    width: 195px;
}

.sustainability .custom-table tr td {
    color: #414d6a;
    font-weight: 700;
    border: 0;
    text-align: center;
    vertical-align: middle;
    padding: 35px 15px;
}
    

/* End: SUSTAINABILITY */

/* Start: CORPORATE SOCIAL RESPONSIBILITY */

.corporate-social-responsibility .banner {
    height: calc(100vh - 122px);
}

.corporate-social-responsibility .banner-content {
    align-items: center !important;
    display: flex !important;
    justify-content: space-between !important;
}

.corporate-social-responsibility .banner-title {
    max-width: 695px;
    margin-top: 8%;
}

@media (min-width: 992px) {
    .corporate-social-responsibility .foundations-articles .article-image-wrap {
        height: 55%;
    }
    .pe-lg-6 {
        padding-right: 110px;
    } 
}

@media (max-width: 991px) {
    .corporate-social-responsibility .foundations-articles .article-image-wrap {
        height: 48%;
    }
    
    .corporate-social-responsibility .banner {
        height: unset;
    }


}

/* End: CORPORATE SOCIAL RESPONSIBILITY */

.environmental-initiatives a:not(.button--primary, .dropdown-item, .banner-breadcrumbs *),
.governance-initiatives a:not(.button--primary, .dropdown-item, .banner-breadcrumbs *){
    color: #13a0f0;
    cursor: pointer;
    font-weight: bold;
    outline: none;
    text-decoration: none;
}

.sustainability a:not(.button--primary, .dropdown-item, .banner-breadcrumbs *):hover,
.environmental-initiatives a:not(.button--primary, .dropdown-item, .banner-breadcrumbs *):hover,
.governance-initiatives a:not(.button--primary, .dropdown-item, .banner-breadcrumbs *):hover {
    text-decoration: underline !important;
}

.sustainability .article-card a,
.environmental-initiatives .article-card a,
.governance-initiatives .article-card a {
    font-weight: normal;
}

.sustainability .article-card a:hover,
.environmental-initiatives .article-card a:hover,
.governance-initiatives .article-card a:hover {
    text-decoration: none !important;
}

.environmental-initiatives .infogram-embed.energy-mix {
    max-width: 800px;
    max-height: 720px;
    overflow: hidden;
    margin: 0 auto;
}

.environmental-initiatives .infogram-embed {
    position: relative;
}

.environmental-initiatives iframe {
    height: 720px;
    width: 810px;
}

.environmental-initiatives table {
    width: 100%;
    margin-bottom: 1.25rem;
    border-collapse: collapse;
    border-spacing: 0;
}

.sustainability .custom-table tr:hover,
.environmental-initiatives .custom-table tr:hover {
    background-color: transparent !important;
}

.sustainability .custom-table,
.environmental-initiatives .custom-table,
.governance-initiatives .custom-table {
    margin: 30px 0;
    overflow-x: auto;
}

.environmental-initiatives .custom-table tr,
.environmental-initiatives .custom-table tr th,
.environmental-initiatives .custom-table tr td {
    background-color: transparent !important;
}

.sustainability .custom-table tr th,
.environmental-initiatives .custom-table tr th {
    border: 0;
    text-align: center;
    vertical-align: middle;
    padding: 15px 20px;
}

.sustainability .custom-table thead tr th,
.environmental-initiatives .custom-table thead tr th {
    font-weight: 800;
}

.sustainability .custom-table tbody,
.environmental-initiatives .custom-table tbody {
    border-top: 3px solid transparent;
    border-bottom: 1px solid transparent;
}

.environmental-initiatives .custom-table tr td {
    color: #414d6a;
    font-weight: 700;
    border: 0;
    text-align: center;
    vertical-align: middle;
    padding: 15px 20px;
}

.environmental-initiatives .custom-table tr td.text--left {
    text-align: left;
}

.governance-initiatives #policyInfluence ol {
    list-style-type: decimal;
    padding-left: 2.7rem;
    padding-bottom: 0.5rem;
    display: block;
    line-height: 1.7;
}

/* START green theme table */

.sustainability .custom-table--green thead th,
.environmental-initiatives .custom-table--green thead th {
    color: #0c6e30;
}

.sustainability .custom-table--green tbody,
.environmental-initiatives .custom-table--green tbody {
    border-top-color: #bcd341;
    border-bottom-color: #bcd341;
}

/* END green theme table */

/* START blue theme table */

.environmental-initiatives .custom-table--blue thead th {
    color: #2e3092;
}

.environmental-initiatives .custom-table--blue tbody {
    border-top-color: #06adef;
    border-bottom-color: #06adef;
}

/* END blue theme table */

/* START certifications table */

.governance-initiatives .certification-table,
.governance-initiatives .operational-performance-table {
    overflow-x: auto;
}

.governance-initiatives .certification-table .table>:not(caption)>*>* {
    color: #414d6a !important;
}

.governance-initiatives .certification-table tr:nth-child(odd) {
    background: #f0f0f0 !important;
}

.governance-initiatives .certification-table table {
    min-width: 1800px;
}

.governance-initiatives .certification-table table tr th,
.governance-initiatives .operational-performance-table table tr th {
    font-weight: bold;
    text-align: left;
    background: #13a0f0;
    color: #ffffff;
    padding: 6px 15px;
    border: 1px solid #ccc;
}

.governance-initiatives .certification-table table tr td,
.governance-initiatives .operational-performance-table table tr td {
    padding: 6px 15px;
    border: 1px solid #ccc;
}

.governance-initiatives .certification-table table thead tr th {
    text-align: center;
    background-color: #ffffff;
    color: #414141 !important;
}

.governance-initiatives .certification-table tbody tr.percentage td {
    background-color: #13a0f0;
    color: #ffffff !important;
    text-align: center;
    font-weight: 800;
    vertical-align: middle;
}

/* END certifications table */

/* START mobile view */

@media (max-width: 360px) {
    
    .environmental-initiatives iframe {
        height: 280px;
        width: 325px;
    }
    
    .corporate-governance-scorecards .accordion-body {
        padding-bottom: 35px;
    }
}

@media only screen and (min-width: 361px) and (max-width: 428px) {
    
    .sustainability #sdgAlignment table {
        width: 650px;
    }
    
    .sustainability #sdgAlignment img {
        padding: 0;
        height: 90px !important;
        width: 85px !important;
    }
    
    .environmental-initiatives iframe {
        height: 285px;
        width: 360px;
    }
    
    .corporate-governance-scorecards .accordion-body {
        padding-bottom: 35px;
    }
    
}

/* END mobile view */

/* START tablet view */

@media only screen and (min-width: 429px) and (max-width: 768px) {
    
    .environmental-initiatives iframe {
        height: 555px;
        width: 700px;
    }
    
    #aseanCorporateGovernanceScorecard img,
    #secAnnualCorporateGovernanceReport img {
        width: 40% !important;
        margin-left: 28%;
    }
    
    .education-and-sustainability-centers .contact-section {
        justify-content: left !important;
        padding-top: 80px !important;
        padding-bottom: 70px !important;
    }
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
    
    .sustainability #sdgAlignment img {
        padding: 0;
        height: 150px;
        width: 145px;
    }
    
    .environmental-initiatives iframe {
        height: 640px;
        width: 730px;
    }
    
    #aseanCorporateGovernanceScorecard img,
    #secAnnualCorporateGovernanceReport img {
        width: 40% !important;
        margin-left: 28%;
    }
    
    .education-and-sustainability-centers .contact-section {
        justify-content: left !important;
        padding-top: 80px !important;
        padding-bottom: 70px !important;
    }
    
}

/* END tablet view */

.sec-pad {
    padding: 100px 0;
    position: relative;
    z-index: 2;
}

.social .content--body {
    margin: 15px 0;
}

.social .custom-table thead tr th {
    font-weight: 500;
}

body .social  {
    font-size: 0.874rem;
    line-height: 1.63;
}

.social .content--body .custom-table tr th, .social .content--body .custom-table tr td {
    color: #414d6a;
    font-weight: 600;
    border: 0;
    text-align: center;
    vertical-align: middle;
    padding: 15px 20px;
}

.social .content--body .custom-table--blue thead th {
    color: #2e3092;
}

.social table {
    margin-bottom: unset;
}

.social .custom-table {
    margin: unset;
}

.social .content--body h3 {
    color: var(--dark-gunmetal);
}

.social .content--body ul {
    line-height: 2.2;
    
}

.social iframe {
    width: 100%;
    height: 650px;
}

.social .sec-header h2 {
    margin-bottom: 1.5rem;
    color: var(--blue-pigment);
    padding-bottom: 0;
}

.social .content--body h4, .social .content--body .h4 {
    font-size: 1.125rem;
    font-family: "Rubik", sans-serif;
    font-weight: normal;
}

.social .content--body p {
    padding-bottom: 1.25rem;
    margin-bottom: 0;
}

.scoial .content--body table {
    width: 100%;
    margin-bottom: 1.25rem;
}

.social .content--body .custom-table {
    margin: 30px 0;
}

.social .content--body img {
    width: auto;
    height: auto;
    display: block;
    max-width: 100%;
    margin: 20px auto;
}

.card-item--icons {
    padding: 0px 20px;
    margin: 0px -20px;
}

.column--3 > ul.flex > li {
    width: calc(33.333333% - 40px);
    margin: 0px 20px 50px;
    position: relative;
    list-style-type: none;
}

.card-item h3, .card-item h4, .card-item h2 {
    margin-bottom: 15px;
    color: #2e3092;
    margin-top: 0 !important;
}

.line-bar {
    width: 50px;
    height: 5px;
    background: #13a0f0;
    display: block;
    margin-bottom: 15px;
}

.social h3, .social .h3 {
    font-size: 1.375rem;
    font-family: "Rubik", sans-serif;
    font-weight: normal;
    line-height: 1.14;
}

.social .card-item--icons h3 {
    font-size: 1.5rem;
}

.social .sec-header {
    margin-bottom: 40px;
}

.sec-header.sec-header-0 {
    margin-bottom: 0;
}

.column--3 > ul.flex {
    margin: 0px -20px;
    padding-left: 0 !important;
}

.column--3 {
    position: relative;
    overflow: hidden;
    margin-bottom: -50px;
}

.social .sec-header p:first-child {
    padding-bottom: 2rem;
}

.social a {
    font-weight: 600 !important;
}

.social .article-content h3 a, .social .article-card h5 a{
    font-size: 1.5625rem;
    font-weight: 400 !important;
    margin-bottom: 20px;
    margin-top: 15px;
    color: #2e3092;
}

/* START education and sustainability centers */

.education-and-sustainability-centers table td {
    align-content: center;
    vertical-align: middle;
}


/* END education and sustainability centers */

/* START ER 1-94 */

.er-1-94-projects #apEr194Desk p {
    font-weight: 350;
}

@media (max-width: 991px) {
    
    .er-contact-details {
        padding: 90px 60px !important;
        padding-bottom: 40px !important;
        justify-content: left !important;
    }
    
    .er-contact-details h5{
        font-size: 22px;
        margin-bottom: 1.5rem;
    }
    
    .er-contact-details div div div{
        max-width:unset !important;
    }
    
    .er-contact-details p{
        font-size: 16px;
    }
    
    .er-1-94-projects #apEr194Desk p {
        font-size: 16px;
        font-weight: 400;
    }
    
    .er-1-94-projects #apEr194Desk p img{
        max-width: 20px;
    }
    
    .er-1-94-projects #apEr194Desk .contact a{
        font-weight: 600 !important;
    }
}

/* END ER 1-94 */