/**
 * Theme Name: Petrosea
 * Version: 1.0.0
 * Author: Stucel
 * Description: PT. Stucel Media Kreatif | Jakarta 14250, Indonesia | Phone: +62-21-4522158, Monday-Friday, 9am to 5pm
 */
 #stcl-searchform { display: flex; }
 .page-template-pt-core-values .detail__list > .detail__item { width: 25%; padding: 0 25px; margin-left: 0; margin-right: 0; }
 
 /*AAT code Menu dan megamenu*/
 .dropdown-menu.header__dropdown-menu .header__dropdown-sub { right: auto; left: 100%; top: 0; margin-top: -1px; }
 .header__menu .dropdown-menu .header__item { margin-left: 0; }
 
 /*Ada di style replace aja*/
 .navbar-nav.header__list .dropdown-menu { background-color: #2c382d; border: none; margin-top: 4px; }
 @media screen and (min-width:62em) {
     .navbar-nav.header__list .dropdown-menu { min-width: 12rem; }
 }
 
 /*Ada di style replace aja*/
 .header__dropdown-menu .header__dropdown-item.active,
 .header__dropdown-menu .header__submenu .header__dropdown-sub .dropdown-item.active { background: transparent ; color: #d0d1d0; }
 
 /*Ada di style replace aja*/
 .navbar-nav.header__list .dropdown-item { color: #d0d1d0; }
 .dropdown-menu.header__dropdown-sub { padding: 0; border-radius: 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); z-index: 999; }
 .dropdown-menu.header__dropdown-menu:before { position: absolute; z-index: -1; top: -9px; left: 0; right: 0; margin: auto; width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 13px solid #2c382d; display: none; }
 @media screen and (min-width:62em) {
     .dropdown-menu.header__dropdown-menu:before { content: ''; display: none; }
     .navbar-nav .dropdown-menu.header__dropdown-menu { left: 50%; right: auto; margin-left: -150px; padding: 10px 5px;}
     .navbar-nav .dropdown-menu.header__dropdown-menu.has-megamenu { right: 15px; left: auto; margin:0; padding: 0;-webkit-box-shadow: 4px 4px 17px -2px rgba(0,0,0,0.65);-moz-box-shadow: 4px 4px 17px -2px rgba(0,0,0,0.65);box-shadow: 4px 4px 17px -2px rgba(0,0,0,0.65); overflow: hidden; margin-top: 4px; }
 }
 .footer::after { z-index: -1; }
 
 /*Megamenu*/
 @media screen and (min-width:62em) {
     .megamenux { min-width: 930px; }
 }
 .megamenux__list li { list-style: none; margin: 0; padding: 0; }
 .megamenux__list { padding: 1.5rem; flex-wrap: wrap; column-count: 2 }
 @media screen and (min-width:62em) {
     .megamenux__list li { flex: 0 0 50%; }
     .reverse .megamenux__list li { flex: 0 0 33%; }
 }
 @media screen and (min-width:1200px) {
     .megamenux__list { column-count: 3 }
     .navbar-nav .dropdown-menu.header__dropdown-menu.has-megamenu { min-width: 1200px; }
 }
 /* .megamenux__list li { flex: 0 0 100%; } */
 .megamenux__list li a { display: block; padding: 0.5rem; color: #c7c9c8; font-size: 14px }
 .megamenux__img { background-size: cover; background-position: center; background-repeat: no-repeat; }
 .dropdown-menu.header__dropdown-menu.has-megamenu:before { right: 65px; left: auto; }
 .ninja_table_wrapper { margin-bottom: 30px; height: 150px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
 .ninja_table_wrapper::after { content: ""; position: absolute; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 48%, rgba(255, 255, 255, 0.98) 99%, rgba(255, 255, 255, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 48%, rgba(255, 255, 255, 0.98) 99%, rgba(255, 255, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 48%, rgba(255, 255, 255, 0.98) 99%, rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */ width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; }
 .ninja_table_wrapper.content-show { height: 100%; margin-bottom: 20px; }
 .ninja_table_wrapper.content-show::after { display: none; }
 .ninja_table_wrapper thead th { background-color: #0B654E !important; border-radius: 0 !important; color: #fff !important; text-transform: uppercase !important; letter-spacing: 1px; border-bottom: 0; }
 .ninja_table_wrapper table { border: 0 !important; }
 .map__point{position: absolute;}
 /* .single-stcl_service .project__item::after {
     background: none !important
 } */
 
 /* Mobile Navigation*/
 @media screen and (max-width: 62em) {
     .header__menu .header__item {
         position: relative !important;
     }
     .dropdown-toggle::after {
         content: none;
     }
     footer.footer {
        padding: 0;
     }
     .navbar-nav .nav-iconz {
         display: inline-block;
     }
 
     .mengamenu-parent a.nav-link:before {
         content: none;
     }
     .navbar-nav.header__list .dropdown-item {
         color: #777;
     }
 
     .header__dropdown-menu .header__dropdown-item {
         border :none;
     }
     
     .dropdown-menu.header__dropdown-sub {
         box-shadow: none;
     }
     
     .navbar-nav.header__list .dropdown-menu {
         background: transparent !important;
     }
 }
 
 .slider__thumb .slick-track {
     margin-left: 0;
 }
 
 @media screen and (min-width: 1200px) {
     .slider__thumb .slider__item {
         width: 280px !important;
     }
 }
 
 /*@media screen and (min-width: 1300px) {
     .slider__thumb .slider__item {
         width: 355px !important;
     }
 }*/
 
 @media screen and (min-width: 1600px) {
     .slider__thumb .slider__item {
         width: 375px !important;
     }
 }
 
 /*@media screen and (min-width: 1600px) {
     .slider__thumb .slider__item {
         width: 495px !important;
     }
 }*/
 
 .tab__map > .active > i {
     background: url("../images/icon-map.png") no-repeat 0 0 transparent !important;
 }
 
 /*Nonactive submenu  # on mobile*/
 @media screen and (max-width: 62em) {
     .header__list a[href*="#"] {
         color: #777 !important;
     }
 
     .header__dropdown-menu a.header__dropdown-item--active[href*="#"] {
         color: #777 !important;
     }
 }
 
 /*Tabs CSR*/
 .program__nav.dropdown-menu {
     position: relative;
     padding: 0;
     border: none;
     border-radius: 0;
     float: none;
     width: 100%;
 }
 @media screen and (max-width: 48em) {
     .program__nav .program__item {
         float: none;
         width: 100%;
     }
 
     .program__nav .program__item .program__box span {
         display: block !important;
         text-decoration: none;
     }
     
     .program__nav .program__item .program__box {
 
         border-radius: 0 !important;
         padding-top: 10px;
         padding-bottom: 10px;
         font-weight: bold;
         display: flex;
         align-items: center;
         padding: 0; 
         width: 100%;
         position: relative;
     }
 
     .program__nav .program__item {
         height: auto;
         padding-left: 31px;
     }
 
     .program__list {
         position: relative;
     }
 
     .program__nav {
         position: absolute;
         left: 0;
         padding:0;
         border: none;
         top: 94px;
         bottom: auto;
         z-index: 100 !important;
         width: 100%;
     }
 
     .program__nav .program__item .program__box img {
         max-width: 24px;
         margin: 0;
     }
 
     .program__nav .program__item .program__box span {
         font-size: 14px;
     }
 
     .program__nav.show {
         top: 94px !important;
         transform: translate3d(0, 0, 0px) !important;
     }
 
     .program__nav .program__item .program__box.active::after {
         display: none;
     }
 
     .program__nav-dropdown:after {
         display: none;
     }
 
     .program__nav-dropdown .btn > span:before {
         content: '';
         border-top: 7px solid;
         border-right: 7px solid transparent;
         border-bottom: 0;
         border-left: 7px solid transparent;
         right: 30px;
         position: absolute;
         top: 46%;
     }
 }
 
 .pagenumber__list > li {
     display: initial;
     padding-left: 0;
 }
 
 /* Overflow */
 .overflow {
     width: 100%;
     overflow-x: hidden;
 }
 .overflow img.full {
     width: 100%;
     height: auto;
 }
 @media screen AND (min-width: 1200px) {
     .overflow {
         width: 100%;
         overflow-x: scroll;
     }
     .overflow img.full {
         width: 1800px;
         max-width: 1800px;
     }
     .megamenux.reverse .row {
         flex-direction: row-reverse;
     }
 }
 
 section#sustainabilityHome {
     min-height: 420px;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0 25vw;
     background-size: cover;
 }
 section#sustainabilityHome .subtitle, section#sustainabilityHome a {
     text-transform: uppercase;
 }
 section#sustainabilityHome a {
     color: white;
     border: 1px solid white;
     padding: 10px 15px;
     font-size: 10px;
     letter-spacing: 1px;
     font-weight: bold;
 }
 section#sustainabilityHome .text-white.subtitle {
     letter-spacing: 3px;
     font-weight: 600;
 }
 section#sustainabilityHome h2.text-white {
     margin: 12px 0;
     font-weight: 600;
     font-size: 1.8rem;
 }
 section#sustainabilityHome p.text-white {
     margin-bottom: 30px;
 }
 
 #target-zero .committed {
     background: #B2AA7C;
     display: flex;
     padding-right: 5%;
 }
 #target-zero .reports {
     background: #E0DDCC;
     padding: 15px 5%;
 }
 #target-zero .target-zero__detail {
     display: flex;
     align-items: center;
     flex-direction: row;
 }
 
 #certification-home, #awards-home {
     margin: 20px 0;
 }
 #certification-home a, #awards-home a, #certification-about a, #awards-about a {
     color: #0f6a51;
     font-size: 9px;
     letter-spacing: 1px;
 }
 #awards-home .col-md-8.d-flex {
     gap: 5px;
 }
 #awards-home .awards-card .year {
     margin-top: 10px;
 }
 .awards-card .image {
     box-shadow: 4px 3px 10px #00000010;
 }
 
 #landing-about #our-resources {
     margin: 30px 0;
     padding: 45px 35px;
 }
 #landing-about #our-resources a {
     color: white;
     border: 1px solid white;
     padding: 10px 15px;
     font-size: 0.7rem;
 }
 
 #certification-about img, #awards-about .col-12 {
     margin-top: 20px;
 }
 @media screen and (min-width: 1200px) {
     #certification-about img {
         width: 90%;
     }
 }
 .about__item {
    position: relative;
    overflow: hidden; /* Ensure the overlay stays within the element */
}

.about__item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(41 115 82 / 65%); /* Green with 40% opacity */
    opacity: 0;
    transition: opacity 0.3s ease; /* Smooth transition */
    z-index: 1;
}

.about__item:hover::before {
    opacity: 1;
}

/* Ensure content stays above overlay */
.about__item a {
    position: relative;
    z-index: 2;
}
.modal__desc { max-height: 50vh; overflow-y: auto; }
 div#awards-about {
     padding-top: 20px;
 }
 .about__nav .about__list .about__item {
    background-size: cover;
 }
 .about__nav .about__list .about__item.white h5 {
    color: white;
 }
 .awards-card.d-flex.flex-column.text-center {
     padding: 0;
     width: 25%;
     padding: 0 10px;
     margin-top: 10px;
 }
 .awards-card.d-flex.flex-column.text-center img {
     width: 100%;
 }
 .awards-card.d-flex.flex-column.text-center .name {
     width: 70%;
     margin: auto;
     font-size: 12px;
     margin-top: 10px;
 }
 .modal-awards img {
    max-width: 400px;
    height: auto;
 }
 .landing__bg.landing--bg-gradient {
     margin-bottom: 0;
     padding-bottom: 0;
     background: #f5f5f5;
 }
 #certification-about h2, #awards-about h2, #certification-about p, #awards-about p {
     margin-bottom: 5px;
 }
 section#awards-certification-about {
     padding-top: 30px;
 }
 
 #press li.list__item {
     padding-left: 0;
     min-height: 67px;
 }
 
 section#report.governance-report {
     padding: 0;
     background-color: #6F2C3F;
 }
 #report h4 {
     margin-bottom: 20px;
 }
 #report .policies a.grid__link {
     letter-spacing: 0;
 }
 .governance-report .report, .governance-report .policies {
     padding: 50px 20px;
 }
 .governance-report .report {
     margin-top: 0;
 }
 .governance-report .policies {
     background: #E0DDCC;
     margin: 0;
 }
 #links img {
     max-height: 55px;
 }
 #links img.hover, #links a:hover img.non-hover {
     display: none;
 }
 #links a:hover img.hover, #links a img.non-hover {
     display: block;
 }
 #scorecard h3 {
     font-size: 22px;
     font-weight: 600;
     text-transform: initial;
 }
 #scorecard a.report__link.text-white {
     font-size: 9px;
     text-transform: uppercase;
     font-weight: bold;
 }
 .governance-report h3.report__title, .governance-report h3.grid__title {
     margin-bottom: 25px;
     font-weight: 600;
 }
 .governance-report h3.grid__title {
     color: #6E6E6E;
 }
 .governance-report .policies .list.list--download > .list__item > .list__link {
     padding: 10px 0;
 }
 .governance-report .policies .list.list--download > .list__item:first-child > .list__link {
     padding: 0;
     padding-bottom: 10px;
 }
 .governance-report .policies .list.list--download > .list__item {
     border: none;
     padding: 0;
     height: 67px;
     display: flex;
     align-items: center;
 }
 .governance-report .policies .list.list--download > .list__item:not(:last-child) {
     border-bottom: 1px solid #6E6E6E20;
 }
 .governance-report .grid__box {
     margin-bottom: 0;
 }
 
 #scorecard {
     padding: 25px 0;
 }
 #scorecard .container {
     background: #6F2C3F;
 }
 #scorecard .row {
     padding: 0 45px;
 }
 
 #links .container.container--width {
     padding: 0;
 }
 #links, #links2 {
     margin-bottom: 25px;
 }
 #links a {
     background: #E0DDCC;
     padding: 0 20px;
     color: #6E6E6E;
     font-size: 1.25rem;
     font-weight: 600;
     padding: 5px 35px;
 }
 #links a:hover {
     background: #7a7555;
     color: white !important;
 }
 #links a:before {
     content: '';
     position: absolute;
     width: 20px;
     height: 100%;
     background: #7a7555;
     left: 15px;
 }
 
 #links2 h3 {
     font-weight: bold;
     font-size: 1.4rem;
 }
 #links2 .col-12.col-md-6.row {
     background: #E0DDCC;
     padding: 20px;
     align-items: center;
 }
 #links2 a {
     color: #00674E;
     text-transform: uppercase;
     font-weight: bold;
     font-size: 9px;
 }
 #links2 .justify-content-between.row {
    padding: 0 15px;
    margin: 0 -15px;
}
 
 .footer__nav.social {
     margin-top: 35px;
 }
 footer .social li {
     padding-left: 0;
     padding-right: 15px;
 }
 .social ul li:hover svg path {
     fill: #00674E;
     fill-opacity: 1;
 }
 
 #coc {
     margin-bottom: 50px;
 }
 #coc .coc {
     padding-left: 0;
 }
 #coc, #coc .container {
     padding: 0;
 }
 #coc h3.text-white.font-weight-bold {
     font-size: 1.5rem;
 }
 #coc .coc .col-12 {
     padding: 15px 20px;
 }
 #coc .col-12.col-md-4.wbs {
     padding: 30px 40px;
 }
 #coc .coc .col-12 {
     background: #6F2C3F;
 }
 #coc .col-md-4.wbs {
     background: #e0ddcc;
     overflow: hidden;
 }
 
 #scorecard-description h3, #scorecard-description h4 {
     margin-top: 35px;
     font-size: 1.3rem;
 }
 #scorecard-description a.list__link {
     color: #00674E;
     font-size: 9px;
     text-transform: uppercase;
 }
 #scorecard-description h5 {
     padding: 10px 0;
     font-size: 1rem;
     font-weight: 600;
     margin-bottom: 0;
 }
 #scorecard-description img {
     width: 70%;
 }
 
 body.page-template.page-template-pt-awards {
     margin-top: 10%;
 }
 
 .d-grid.awards-list {
     display: grid;
     grid-template-columns: 20% 20% 20% 20% 20%;
     width: 100%;
     margin-bottom: 50px;
 }
 .awards-card {
     text-align: center;
     margin-bottom: 25px;
     cursor: pointer;
 }
 .awards-card .year {
     font-weight: bold;
     margin-top: 12px;
 }
 #awards .award-name {
     width: 80%;
     margin: auto;
 }
 
 div.link {
     height: 100%;
 }
 div.link.row div {
     box-shadow: 1px 4px 10px #00000025;
     display: flex;
     align-items: center;
 }
 div.link a {
     color: #6E6E6E;
     font-weight: bold;
     display: flex;
     align-items: center;
     height: 100%;
     width: 165px;
     justify-content: center;
 }
 /*
 div.link a:before {
     border-bottom: 5px solid #00674E;
 } */
 div.link a:not(:last-child) {
     border-right: 1px solid #6E6E6E20;
 }
 div.link a.active {
     border-bottom: 5px solid #00674E;
 }
 #year-awards {
    appearance: none;
    -webkit-appearance: none;
     padding: 10px;
     padding-right: 200px;
     border: 1px solid #00000020;
     margin: 25px 0;
 }
 
 #awards .col-12.col-md-4 {
     padding-right: 5%;
 }
 section#awards {
     margin-top: 120px;
 }
 #awards h1.font-weight-bold {
     font-size: 30px;
 }
 .upcoming {
     box-shadow: 0 4px 8px #00000020;
     margin-bottom: 35px;
 }
 .upcoming>.title , .past .title {
     background: #F38036;
     padding: 15px;
     color: white;
     text-transform: uppercase;
     letter-spacing: 2px;
     font-weight: bold;
 }
 .past .title {
     padding: 0;
     color: #6E6E6E;
     background: transparent;
 }
 .upcoming .list {
     background: #FBF9ED;
 }
 .upcoming .list .meeting-upcoming-list {
     padding: 20px;
 }
 .upcoming .list .meeting-upcoming-list:not(:last-child) {
     border-bottom: 1px solid #6E6E6E20;
 }
 .meeting-upcoming-list .date {
     font-size: 12px;
 }
 .meeting-upcoming-list .title {
     font-size: 18px;
     font-weight: 600;
     margin: 0;
 }
 .meeting-upcoming-list a.list__link {
     color: #00674E;
     font-weight: bold;
     text-transform: uppercase;
     font-size: 9px;
 }
 .past {
     margin-top: 70px;
 }
 .past select {
     padding: 5px 8px;
     padding-right: 70px;
     border: 1px solid #00000020;
     margin-left: 20px;
 }
 .past .select-year {
     text-transform: uppercase;
     font-size: 9px;
     letter-spacing: 2px;
 }
 .past table {
     width: 100%;
     margin-top: 20px;
 }
 .past table td {
     border: 1px solid #6E6E6E20;
     padding: 15px;
     color: #6E6E6E;
     font-size: 14px;
     vertical-align: text-top;
 }
 .past thead {
     color: white;
     background: #00674E;
 }
 .past thead td {
     color: white;
     letter-spacing: 1px;
     border: 1px solid #ffffff20;
 }
 .past table tr:nth-child(even) td {
     background: #00674E10;
 }
 .past table a.list__link {
     color: #00674E;
     text-transform: uppercase;
     font-size: 9px;
     font-weight: bold;
     cursor: pointer;
 }
 #gms-table ul {
     margin: 0;
     list-style: none;
     padding-left: 0;
 }
 #gms-table ul li {
     padding-left: 0;
 }
 .noupcoming {
    padding: 25px 0;
    background-color: #FBF9ED;
    display: flex;
    justify-content: center;
    font-family: 'Nunito';
    font-size: 20px;
    font-weight: bold;
    color: #d1cfc7;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    text-align: center;
 }
 body {
     overflow-x: hidden;
 }
 .slider-homepage .slick-slide {
     height: 100vh;
     padding-top: 35vh;
     background-size: cover;
 }
 .slick-slide .container.header-container.container--width {
     padding-right: 40%;
 }
 .slider-homepage .slick-slide p {
     width: 70%;
     line-height: 1.7rem;
     padding: 10px 0;
 }
 .slider-homepage .slick-slide a.btn.btn-green {
     background: #00674E;
     color: white;
     padding: 10px 20px;
     text-transform: uppercase;
     letter-spacing: 1px;
     font-size: 0.8rem;
 }
 .slider-homepage ul.slick-dots {
     bottom: 25px;
     z-index: 20;
 }
 .slider-homepage .slick-dots li button:before {
     border-radius: 100%;
     border: 1px solid white;
     content: '' !important;
     opacity: 1 !important;
     background: transparent;
     width: 15px;
     height: 15px;
 }
 .slider-homepage .slick-dots li.slick-active button:before {
     background: white;
 }
 .slider-homepage.slick-initialized.slick-slider.slick-dotted {
     margin-bottom: 0 !important;
 }
 .mengamenu-parent:hover a.nav-link:before {
     display: none;
 }
 
 body.page-template-pt-about main.main, 
 body.error404 main.main, 
 body.single-stcl_service main.main, 
 body.page-template-pt-hse main.main, 
 body.page-template-pt-annual-report main.main, 
 body.page-template-pt-policies main.main, 
 body.page-template-pt-sustainability-report main.main, 
 body.page-template-pt-expose main.main, 
 body.page-template-pt-gms-files main.main, 
 body.page-template-pt-news-release main.main, 
 body.page-template-pt-press-release main.main, 
 body.page-template-pt-company-announcements main.main, 
 body.page-template-pt-company-updates main.main, 
 body.page-template-pt-service main.main,
 body.page-template-pt-ownstructure main.main, 
 body.page-template-pt-orgstructure main.main,
 body.page-template-pt-projects main.main,
 body.page-template-pt-prospectus main.main,
 body.page-template-pt-financial-statements main.main,
 body.page-template-pt-past-projects main.main,
 body.stcl_service-template-default main.main {
     padding-top: 100px;
 }
 body.page-template-pt-gms main.main,
 body.single-stcl_cg main.main,
 body.single-stcl_boc main.main, 
 body.single-stcl_bod main.main {
    padding-top: 70px;
 }
 
 body.page-template-pt-core-values main.main section#detail\ mb-5 {
     padding: 70px;
     background: rgb(229, 229, 229);
 }
 body.page-template-pt-gcg main.main section#detail .detail,
 body.page-template-pt-investor-research main.main,
 body.page-template-pt-investor-firesearch main.main {
     padding-top: 180px;
 }
 .header__menu .header__item.header__item--dropdown .header__link::after {
     border: none;
     border-right: 1px solid red;
     border-bottom: 1px solid red;
     width: 5px;
     height: 5px;
     transform: rotate(45deg);
 }
 
 #awards table .date {width: 15%;}
 #awards table .title-table {}
 #awards table .document {width: 45%;}
 
 #scorecard-description p, #scorecard-description h3, #scorecard-description p, #scorecard-description h4 {
     padding: 0 3rem;
 }
 #scorecard-description ol, #scorecard-description ul {
     padding: 0 4rem;
 }
 
 .target-zero__detail__image {
     width: 100%;
 }
 
 .col-12.col-md-4.wbs:after {
     content: '';
     background-image: url(../images/whistle-white.png);
     background-repeat: no-repeat;
     width: 100%;
     height: 100%;
     position: absolute;
     bottom: -15%;
     opacity: 30%;
     transform: rotate(-11deg);
 }
 div.modal-awards {
     width: 100vw;
     height: 100vh;
     position: fixed;
     top: 0;
     left: 0;
     align-content: center;
     background: #00000080;
     z-index: 99999;
 }
 .page-template-pt-about div.modal-awards {
    align-content: normal;
 }
 div.modal-awards .close {
    font-size: 13px;
 }
 .desktop-only {
     display: block;
 }
 .mobile-only {
     display: none;
 }
 
 @media screen and (max-width: 1200px) {
    .page-template-pt-awards #awards>.container--width>.row>.col-12.row {
        margin-left: 0;
    }
    .page-template-pt-awards #awards>.container--width>.row>.col-12.row>.col-12 {
        padding: 0;
    }
    div.link {
        justify-content: center !important;
    }
    div.link a {
        min-height: 45px;
        width: calc(50vw - 15px);
    }
    body.single-stcl_service main.main {
        padding-top: 0;
    }
    #target-zero .committed {
        padding: 25px;
    }
    body.page-template-pt-gcg main.main section#detail .detail {
        padding-top: 25%;
    }
    html {
        overflow-x: hidden !important;
    }
     body {
         width: 100vw;
         overflow-x: hidden;
     }
     .slider-homepage h1.text-white {
         font-size: 1.8rem;
     }
     .slick-slide .container.header-container.container--width {
         padding-right: 30px;
     }
     .slider-homepage .slick-slide p {
         width: 100%;
     }
     .slider-homepage .slick-slide {
         padding-top: 30vh;
         padding-bottom: 15vh;
         height: auto;
         min-height: 90vh;
     }
     .header__menu .header__item .header__link, .header__top .header__item .header__link {
        padding: 10px 0;
     }
     .slick-next, .slick-prev {
         display: none;
     }
     .awards-slider .slick-prev, .awards-about-slider .slick-prev {
        left: 0;
     } 
     .awards-slider .slick-next, .awards-about-slider .slick-next  {
        right: 7px;
     }
     #latest .slider-prev {
         left: -2%;
         top: 50%;
     }
     #latest .slider-next {
         right: 0%;
         top: 50%;
     }
     #latest .slick-arrow, .project .slick-arrow, .dividend .slick-arrow {
         width: 25px !important;
         height: 25px !important;
         aspect-ratio: 1/1;
         appearance: none;
         -webkit-appearance: none;
     }
     .about__item > a span.about__img img {
         width: 50%;
     }
     section#sustainabilityHome {
         padding: 0 10vw;
     }
     .header.affix {
         max-width: 100vw;
     }
     #latest {
         padding-bottom: 30px;
     }
     .about__nav .about__list .about__item a {
         height: 80px;
         min-height: unset;
         gap: 0;
     }
     .target-zero__detail__image {
         position: absolute;
         bottom: auto;
         top: 0;
         right: 5%;
         width: 30%;
     }
     .report__list {
         display: flex;
     }
     .report__box {
         display: flex;
         flex-direction: column;
     }
     #certification-home img {
         width: 100%;
     }
     .awards-card.d-flex.flex-column.text-center {
         padding: 35px;
         padding-bottom: 0;
     }
     .awards-slider .slick-prev, .awards-slider .slick-next, .latest-box .slick-prev, .latest-box .slick-next {
         background: transparent;
         border-radius: 20px;
         z-index: 9;
     }
     .slick-prev:before, .slick-next:before {
         color: #004534 !important;
         font-size: 30px !important;
     }
     .awards-card.d-flex.flex-column.text-center img {
         width: 100%;
     }
     .detail.detail--investor, .detail.detail--gcg {
         padding-top: 25%;
     }
     #press ul.list.list--download {
         margin-bottom: 0;
     }
     #press .grid__box > .grid__link {
         margin-bottom: 20px;
     }
     #links2 .container>.d-flex, #coc .container>.d-flex {
         flex-wrap: wrap;
     }
     .governance-report .report {
         padding: 50px !important;
     }
     #scorecard {
         width: 100vw;
         padding: 25px;
         padding-bottom: 0;
     }
     .col-12.col-md-4.wbs:after {
         width: 75%;
         height: 75%;
         right: 0;
         overflow: hidden;
         transform: scale(1);
     }
     #coc .coc {
         padding-right: 0;
     }
     #scorecard .container {
         padding: 0;
     }
     #scorecard .container .row .col-12.col-md-8.text-white.d-flex.flex-column.justify-content-center {
         padding-top: 30px;
     }
     #links, #links2 {
         padding: 0 25px;
     }
     #links .row .col-12.col-md-4 {
         margin-top: 15px;
     }
     #coc .container .d-flex .col-12 .col-md-4 {
         position: absolute;
         bottom: 0;
         text-align: right;
         z-index: -1;
         padding: 0;
         width: 99vw;
         display: none;
     }
     #links2 .col-12.col-md-4.text-right {
         text-align: left !important;
         margin-bottom: 10px;
     }
     #links2 .col-12.col-md-6.row {
        max-width: none;
        flex: none;
        width: 86vw;
        flex-wrap: wrap-reverse;
        padding: 30px 0;
    }
     section#links2 {
         max-width: 99vw;
         overflow: hidden;
     }
     #links a:before {
        left: 30px;
     }
     #coc .container {
        padding: 0 25px;
     }
     #coc .container .coc {
        margin-bottom: 20px;
    }
    section#awards {
        margin-top: 20px;
    }
    .d-grid.awards-list {
        grid-template-columns: 50% 50%;
    }
    section#awards .awards-card {
        padding: 0 20px;
    }
    div#awards-about {
        margin-bottom: 50px;
    }
    #certification-home a, #awards-home a, #certification-about a, #awards-about a {
        text-align: center;
    }
    #report .grid__box > .grid__link {
        text-align: left;
    }
    #links2 .col-12.col-md-6.row:first-child {
        margin-bottom: 30px;
    }
    .footer__nav .row .footer__list .footer__item {
        padding-left: 30px;
    }
    #press.financial li.list__item {
        min-height: auto;
    }
    #press .row .col-md-6:not(last-child) {
        margin-bottom: 25px;
    }
    .header__dropdown-menu .header__dropdown-item {text-transform: none;}
    .target-zero__detail .target-zero__title {margin-top: -10px;}
    .noupcoming { padding: 25px 10%; }
    .detail.detail--investor, .detail.detail--governance { padding-top: 20%; }
    #presentation {margin-top: 0;}
    #year-awards { width: 100%; background-color: white; }
    .modal__desc { max-height: none; overflow-y: hidden;}
    .modal__body { max-height: 80vh; overflow-y: auto; }
 }
 
 /* List Style None */
 .list-style-none {
    list-style: none;
 }
 /* Border None */
 .border-none {
    border: none;
 }
 /* Display None */
 .display-none {
    display: none;
 }
 /* Color */
 .npt-text-white {
     color: white;
 }
 .npt-text-green {
     color: #0f6a51;
 }
 .npt-text-black {
     color: #4c4c4c;
 }
 .npt-text-grey {
     color: #6E6E6E;
 }
 /* Font weight */
 .npt-minibold {
     font-weight: 500;
 }
 .npt-semibold {
     font-weight: 600;
 }
 .npt-bold {
     font-weight: bold;
 }
 /* Letter Spacing */
 .npt-lsp-1 {
     letter-spacing: 1px;
 }
 .npt-lsp-2 {
     letter-spacing: 2px;
 }
 .npt-lsp-3 {
     letter-spacing: 3px;
 }
 /* Font size */
 .npt-xs-disclaimer {
    font-size: 0.8rem;
 }
 h2.npt-h2 {
     font-size: 2rem;
 }
 h3.npt-h3 {
     font-size: 1.8rem;
 }
 h4.npt-h4 {
     font-size: 1.25rem;
 }
 h5.npt-h5 {
     font-size: 1rem;
 }
 .npt-btn, .npt-small  {
     font-size: 9px;
 }
 @media screen and (max-width: 1200px) {
     h2.npt-h2, h3.npt-h3, h4.npt-h4, h5.npt-h5 {
         padding: 10px 0;
     }
 }
 /* Transform */
 .npt-uppercase {
     text-transform: uppercase;
 }
 .npt-capitalize {
     text-transform: capitalize;
 }
 /* Button*/
 .npt-btn-white {
     border: 1px solid white;
     padding: 10px 20px;
     text-transform: uppercase;
 }
 .npt-btn-green {
     background: #00674E;
     padding: 10px 20px;
     text-transform: uppercase;
 }
 .npt-btn-olive {
    background: #7a7555;
    color: white;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
 }

 section#sustainabilityHome a:hover, 
 #coc a.btn.btn-white:hover, 
 #landing-about #our-resources a:hover, 
 .slider-homepage .slick-slide a.btn.btn-green:hover {
     border: 1px solid #f38036;
     background: #f38036;
     color: white !important;
 }
 .target-zero__detail .target-zero__link:hover {
     border: 1px solid #00674E;
     background: #00674E;
     color: white !important;
 }

 /* Margin */
 .npt-mt-15 {
     margin-top: 15px;
 }
 .npt-p-15-0 {
    padding: 15px 0;
 }
 .npt-p-40-0 {
    padding: 40px 0;
 }
 .mt--40 {
    margin-top: 40px;
 }
 .mt--80 {
    margin-top: 80px;
 }
 .mb--0 {
    margin-bottom: 0;
 }
 .mb--20 {
    margin-bottom: 20px;
 }

 @media screen and (max-width: 875px) {
     #certification-home img.desktop-only {
         display: none;
     }
     #certification-home img.mobile-only {
         display: block;
     }
     .desktop-only {
         display: none;
     }
     .mobile-only {
         display: block;
     }
     #landing-about #our-resources {
         padding: 25px 5px;
         min-height: 437px;
         background-size: cover !important;
     }
 }
 @media screen and (min-width: 876px) {
     #certification-home img.desktop-only {
         display: block;
     }
     #certification-home img.mobile-only {
         display: none;
     }
     .desktop-only {
         display: block;
     }
     .mobile-only {
         display: none;
     }
    #awards .awards-card img {
        max-width: 12vw;
    }
 }
 #awards .container .row .col-12 p {
    line-height: 1.7rem;
 }
 .detail.detail--values {
    background: #e5e5e5;
 }
 #research table, #firesearch table {
     font-family: 'Nunito';
 }
 #research table tr td,  #firesearch table tr td {
     padding: 15px;
 }
 #research select#selectYear, #firesearch select#fi_selectYear {
     padding: 10px;
     min-width: 200px;
     margin-left: 15px;
 }
 #research .grid__box > .grid__link, #firesearch .grid__box > .grid__link {
    font-size: 13px;
}
 table a {
     color: #00674E;
     text-transform: uppercase;
 }
 table.research-report {
    width: 100%;
 }
 table.research-report a {
     text-transform: none;
 }
 thead tr td {
     background-color: #00674E;
     border: #ffffff20 1px solid;
     color: white;
     font-size: 18px;
 }
 tbody tr td {
     border: #6E6E6E10 1px solid;
 }
 tbody tr:nth-child(even) {
     background-color: #00674E10;
 }
 table .mobile-only {
     display: none;
 }
 @media (max-width: 768px) {
     table tr td {
         display: none;
     }
     table thead .mobile-only {
         display: none;
     }
     table .mobile-only {
         display: table-cell;
     }
 }
.icon-diagram {
	background: url("../images/icon-diagram-wt.png") no-repeat 0 0 transparent;
}
 /* Table Research */
 table.research-report td.company-name {width: 15%;}
 table.research-report td.analyst-name {width: auto;}
 table.research-report td.date-release {width: 15%;}
 table.research-report td.target-price {width: 15%;}
 table.research-report td.research-rep {width: 35%;}

.list.list--download > .list__item > .list__link { text-transform: none; }