﻿@import "http://fast.fonts.net/t/1.css?apiType=css&projectid=daefbcaa-6dcd-48ac-abb0-acecd59644f4";
@font-face {
  font-family: "Proxima N W01 Light";
  font-display: swap;
  src: url("../fonts/93cc6d34-798e-42c8-87d2-fd6391801b63.eot?#iefix");
  src: url("../fonts/93cc6d34-798e-42c8-87d2-fd6391801b63.eot?#iefix") format("eot"), url("../fonts/2fa30669-9bbd-4ced-912f-db94a367ed6c.woff") format("woff"), url("../fonts/c12b3ebb-3771-483f-a84a-ac63d615c28e.ttf") format("truetype"), url("../fonts/2a961063-ea56-4a4b-8cea-bdae32edb0e2.svg#2a961063-ea56-4a4b-8cea-bdae32edb0e2") format("svg");
}
@font-face {
  font-family: "Proxima Nova W08 Reg";
  font-display: swap;
  src: url("../fonts/0020eb30-c98c-4a76-aaa5-c39374f14534.eot?#iefix");
  src: url("../fonts/0020eb30-c98c-4a76-aaa5-c39374f14534.eot?#iefix") format("eot"), url("../fonts/510df0e5-5b9f-4a1c-b46a-bcf1739bda43.woff") format("woff"), url("../fonts/47e08118-5050-469b-a40c-dc3b2307e87e.ttf") format("truetype"), url("../fonts/d93bd409-7380-4bb8-9d9f-d8035b5e0387.svg#d93bd409-7380-4bb8-9d9f-d8035b5e0387") format("svg");
}
@font-face {
  font-family: "Proxima N W01 Smbd";
  font-display: swap;
  src: url("../fonts/87e4b4fc-cdf1-450a-8bed-dd818cba908d.eot?#iefix");
  src: url("../fonts/87e4b4fc-cdf1-450a-8bed-dd818cba908d.eot?#iefix") format("eot"), url("../fonts/70ae52ec-d89b-4c6a-9402-854ebe423c54.woff") format("woff"), url("../fonts/6a35571c-ea14-4dac-9ae1-0e7af0abeec8.ttf") format("truetype"), url("../fonts/ac2bdafc-d4a8-49d0-8a10-4e2f16bf7e3c.svg#ac2bdafc-d4a8-49d0-8a10-4e2f16bf7e3c") format("svg");
}
@font-face {
  font-family: "Proxima N W01 Bold";
  font-display: swap;
  src: url("../fonts/fbc6b03a-b3a1-427c-a884-053deca3a53c.eot?#iefix");
  src: url("../fonts/fbc6b03a-b3a1-427c-a884-053deca3a53c.eot?#iefix") format("eot"), url("../fonts/d999c07b-a049-4eb5-b8a6-4f36ae25e67e.woff") format("woff"), url("../fonts/4d4a75f5-d32a-4a09-8665-133afd39cc37.ttf") format("truetype"), url("../fonts/8152bc4e-d700-4c78-b6be-326893e6f53f.svg#8152bc4e-d700-4c78-b6be-326893e6f53f") format("svg");
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

a {
  background-color: transparent;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, th, var {
  font-style: normal;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: "";
}

abbr, acronym {
  border: 0;
}

@media print {
  *, *:before, *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a, a:visited {
    text-decoration: underline;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after, a[href^="javascript:"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
}
html {
  font-size: 62.5%;
  font-size: 68.5%;
  height: 100%;
  -webkit-font-smoothing: antialiased;
}

html, button, input, select, textarea {
  color: #fff;
  font-weight: 400;
  border-radius: 0;
  background: #1f2028;
  font-family: "Proxima Nova W08 Reg", sans-serif;
}

body {
  -webkit-transition: padding-top 200ms linear;
  -moz-transition: padding-top 200ms linear;
  -o-transition: padding-top 200ms linear;
  transition: padding-top 200ms linear;
  background: #1f2028;
}

button:focus, input:focus, textarea:focus {
  outline: 0;
  border-color: none !important;
}

::-webkit-input-placeholder {
  color: #000;
  font-size: 1.4rem;
}

:-moz-placeholder {
  color: #000;
  font-size: 1.4rem;
}

::-moz-placeholder {
  color: #000;
  font-size: 1.4rem;
}

:-ms-input-placeholder {
  color: #000;
  font-size: 1.4rem;
}

.wrap {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #000;
  margin: 2em 0;
  padding: 0;
}

audio, canvas, iframe, img, svg, video {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.video-wrapper, .iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  float: left;
  width: 100%;
  font-size: 1.6rem;
}

.video-wrapper object, .video-wrapper embed, .video-wrapper iframe, .iframe-wrapper object, .iframe-wrapper embed, .iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.desktop, .mobile {
  display: none;
}

@media only screen and (min-width: 601px) {
  .desktop {
    display: block;
  }
}
@media only screen and (max-width: 600px) {
  .mobile {
    display: block;
  }
}
strong {
  font-weight: 400;
  font-family: "Proxima N W01 Smbd", sans-serif;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

img {
  -webkit-backface-visibility: hidden;
}

a {
  transition: color 200ms linear;
}

.esg-post .post-heading .title a, .staff dd a, .esg-request-access .box p a, .esg-request-access .box .logo .strapline a {
  transition: all 250ms linear;
}

a {
  text-decoration: none;
}

.esg-header #menu span:after, .esg-header #menu span:before {
  position: absolute;
  top: 50%;
  left: auto;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.btn {
  padding: 0 !important;
}

.btn a, .btn em, .btn button, .btn span, .btn input {
  display: inline-block;
  transition: background 0.3s linear !important;
  padding: 9px 25px 8px 25px;
  font-size: 1.4rem;
  text-decoration: none !important;
  color: #fff !important;
  border: 1px solid #85c335 !important;
  background: #85c335;
  text-transform: uppercase;
  min-width: 140px;
  text-align: center;
  font-weight: 400;
  font-family: "Proxima N W01 Smbd", sans-serif;
  letter-spacing: 0.2em;
}

.btn a:hover, .btn em:hover, .btn button:hover, .btn span:hover, .btn input:hover {
  background: #9de147;
  border-color: #9de147 !important;
}

.select {
  display: block;
  width: 100%;
  max-width: 340px;
  height: 36px;
  overflow: hidden;
  background: #ccc;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  position: relative;
}

.select:after {
  content: "";
  position: absolute;
  top: 0;
  right: 10px;
  width: 24px;
  height: 100%;
  background-image: url("../img/up-down.svg");
  background-repeat: no-repeat;
  background-position: 9px 50%;
  background-size: 14px auto;
  border-left: 1px solid #1f2028;
}

.select select {
  background: transparent;
  width: 100%;
  max-width: 340px;
  padding: 0 0 0 10px;
  font-size: 1.4rem;
  line-height: 36px;
  border: 0;
  border-radius: 0;
  height: 36px;
  -webkit-appearance: none;
  cursor: pointer;
  position: relative;
  z-index: 10;
  color: #000;
}

.row {
  float: left;
  width: 100%;
  padding: 0;
  position: relative;
  z-index: 100;
  background: #1f2028;
}

.row .inner {
  max-width: 1500px;
  padding: 0 30px;
  margin: 0 auto;
  position: relative;
}

@media only screen and (max-width: 580px) {
  .row .inner {
    padding: 0 20px;
  }
}
.hidden {
  display: none !important;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before, .clearfix:after, .row:before, .row:after, .row .inner:before, .row .inner:after {
  content: " ";
  display: table;
}

.clearfix:after, .row:after, .row .inner:after {
  clear: both;
}

.esg-header {
  background: #000;
  z-index: 1000;
  overflow-x: clip;
}

.esg-header .block {
  display: block;
  position: absolute;
  top: 0;
  right: -50px;
  height: 100%;
  width: 50%;
  transform: skew(-20deg);
  background: #29595c;
  z-index: -3;
}

.esg-header .block.block2 {
  background: #21474a;
  right: -180px;
  z-index: -2;
}

.esg-header .block.block3 {
  background: #183637;
  right: -340px;
  z-index: -1 !important;
}

.esg-header .inner {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.esg-header .inner > * {
  flex: 1 100%;
}

.esg-header .logo {
  width: auto;
  margin: 20px auto 0 0;
  flex: none;
  opacity: 1;
  transition: opacity 0.3s linear;
}

.esg-header .logo .ishka {
  height: 76px;
}

.esg-header .logo .savi {
  width: 62px;
  position: relative;
  bottom: 4px;
  margin: 0 0 0 10px;
}

.esg-header .logo .strapline {
  font-size: 1.3rem;
  font-family: "Proxima N W01 Smbd", sans-serif;
  margin: 10px 0 0 0;
  color: #85c335;
}

.esg-header .logo:hover {
  opacity: 0.8;
}

.esg-header .tools {
  display: flex;
  flex-flow: row wrap;
  flex: none;
  margin: 0;
  width: 500px;
}

.esg-header .tools .tools-menu {
  flex: 1 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.tools-menu .language-dropdown {
  margin-top: 1px;
  margin-left: 50px;
  padding-top: 12px;
}
.tools-menu .language-dropdown .nav-item {
  margin-right: 0;
  padding-right: 0;
}
.tools-menu .language-dropdown .nav-item .goog-te-combo {
  width: 180px;
}
.tools-menu .language-dropdown .nav-item .goog-te-gadget {
  color: transparent;
}
.tools-menu .language-dropdown .nav-item .goog-te-gadget > span {
  display: none;
}

.tools-menu .language-selection {
  padding-right: 0;
  margin-right: 0;
}
.tools-menu .language-selection .nav-link {
  padding: 0;
}
.tools-menu .language-selection .nav-link .goog-te-combo {
  width: 180px;
}

.esg-header .tools .tools-menu a {
  color: #aaa;
  font-size: 1.2rem;
}

.esg-header .tools .tools-menu a:hover {
  color: #fff;
}

.esg-header .tools .title {
  text-align: right;
  font-size: 1.3rem;
  color: #85c335;
  font-family: "Proxima N W01 Smbd", sans-serif;
  flex: 1 100%;
  margin: 4px 0 0 0;
}

.esg-header .tools .dropdown {
  position: relative;
  padding: 20px 0 20px 50px;
}

.esg-header .tools .dropdown .menu {
  position: absolute;
  left: -9999px;
  top: 40px;
  border: 1px solid #000;
  background: #e5e5e5;
  padding: 35px;
  font-size: 1.4rem;
  width: 240px;
  z-index: 1001;
}

.esg-header .tools .dropdown .menu dt {
  color: #000;
}

.esg-header .tools .dropdown .menu dd {
  padding: 20px 0 0 0;
}

.esg-header .tools .dropdown .menu dd a {
  font-size: 1.4rem;
  color: #000;
  font-family: "Proxima N W01 Smbd", sans-serif;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  transition: all 0.3s linear;
}

.esg-header .tools .dropdown .menu dd a:hover {
  color: #32a1de;
  border-color: #32a1de;
}

.esg-header .tools .dropdown .menu dd.global {
  border-top: 1px solid #000;
  margin: 20px 0 0 0;
  color: #000;
}

.esg-header .tools .dropdown .menu dd.close {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  text-indent: -9999px;
  cursor: pointer;
}

.esg-header .tools .dropdown .menu dd.close:before, .esg-header .tools .dropdown .menu dd.close:after {
  content: "";
  display: block;
  width: 2px;
  height: 20px;
  background: #666;
  position: absolute;
  top: 16px;
  right: 24px;
  transition: background 0.3s linear;
}

.esg-header .tools .dropdown .menu dd.close:after {
  transform: rotate(45deg);
}

.esg-header .tools .dropdown .menu dd.close:before {
  transform: rotate(-45deg);
}

.esg-header .tools .dropdown .menu dd.close:hover:before, .esg-header .tools .dropdown .menu dd.close:hover:after {
  background: #000;
}

.esg-header .tools .dropdown.open .menu {
  left: auto;
  right: 0;
}

.esg-header .tools .dropdown.account svg {
  width: 24px;
  height: 24px;
  fill: #aaa;
  cursor: pointer;
  transition: fill 250ms linear;
}

.esg-header .tools .dropdown.account:hover svg {
  fill: #fff;
}

.esg-header .tools .dropdown.access svg {
  cursor: pointer;
}

.esg-header .tools .dropdown.access svg rect {
  fill: #aaa;
  transition: fill 250ms linear;
}

.esg-header .tools .dropdown.access:hover svg rect {
  fill: #fff;
}

.esg-header .tools .dropdown .guides {
  position: relative;
}

.esg-header .savi-nav {
  margin: 25px -20px 0 -20px;
}

.esg-header .savi-nav ul {
  display: flex;
  justify-content: space-between;
}

.esg-header .savi-nav ul li {
  flex-grow: 1;
  display: flex;
}

.esg-header .savi-nav ul li a {
  font-size: 1.3rem;
  text-transform: uppercase;
  font-family: "Proxima N W01 Smbd", sans-serif;
  flex-grow: 1;
  padding: 20px;
  color: #fff;
  text-align: center;
  position: relative;
}

.esg-header .savi-nav ul li a span {
  display: inline-block;
  padding-bottom: 4px;
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  transition: border 0.3s linear;
}

.esg-header .savi-nav ul li a:hover span {
  border-color: #fff;
}

.esg-header .savi-nav ul li.here a {
  background: #1f2028;
}

.esg-header .savi-nav ul li.here a span {
  border-color: #85c335;
}

.esg-header #menu {
  position: absolute;
  left: -9999px;
  margin: 15px 0 15px 30px;
  flex: 1 100%;
  display: flex;
  align-items: center;
  font-family: "Proxima N W01 Smbd", sans-serif;
  font-size: 1.2rem;
  cursor: pointer;
}

.esg-header #menu span {
  margin: 0 10px 0 0;
  width: 24px;
  height: 22px;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  position: relative;
}

.esg-header #menu span:after, .esg-header #menu span:before {
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  background: #fff;
}

.esg-header #menu span:before {
  display: none;
}

.esg-header #menu.open span {
  border-top: none;
  border-bottom: none;
}

.esg-header #menu.open span:after {
  transform: rotate(45deg);
  margin-top: -2px;
}

.esg-header #menu.open span:before {
  transform: rotate(-45deg);
  display: block;
  margin-top: -2px;
}

@media only screen and (max-width: 1500px) {
  .esg-header .savi-nav {
    margin: 25px 0px 0 0px;
  }
}
@media only screen and (max-width: 1280px) {
  .esg-header .logo {
    margin-left: 0;
  }
  .esg-header .tools {
    margin: 0 0 0 0;
  }
}
@media only screen and (max-width: 1040px) {
  .esg-header .savi-nav ul li a {
    font-size: 1.1rem;
  }
}
@media only screen and (min-width: 921px) {
  .esg-header .savi-nav {
    display: block !important;
  }
}
@media only screen and (max-width: 920px) {
  .esg-header .logo {
    margin-left: 30px;
  }
  .esg-header .tools {
    margin-right: 30px;
  }
  .esg-header .inner {
    padding: 0;
  }
  .esg-header #menu {
    position: relative;
    left: auto;
  }
  .esg-header .savi-nav {
    display: none;
    margin: 0 0 0 0;
  }
  .esg-header .savi-nav ul {
    flex-flow: row wrap;
  }
  .esg-header .savi-nav ul li {
    width: 100%;
    border-bottom: 2px solid #1f2028;
  }
  .esg-header .savi-nav ul li a {
    padding: 20px 30px 14px 30px;
    text-align: left;
    background: #000;
  }
}
@media only screen and (max-width: 780px) {
  .esg-header .tools {
    width: auto;
  }
  .esg-header .tools .title {
    display: none;
  }
  .esg-header .tools .tools-menu .guides {
    display: none;
  }
}
@media only screen and (max-width: 580px) {
  .esg-header .logo {
    margin-left: 20px;
  }
  .esg-header .tools {
    margin-right: 20px;
  }
  .esg-header .block {
    right: -75px;
    width: 170px;
    height: 137px;
  }
  .esg-header .block.block2 {
    width: 70px;
    right: -70px;
  }
  .esg-header #menu {
    margin-left: 20px;
  }
  .esg-header .savi-nav ul li a {
    padding: 20px 20px 14px 20px;
  }
}
@media only screen and (max-width: 480px) {
  .esg-header .tools {
    position: absolute;
    top: 11px;
    right: 0;
  }
  .esg-header .tools .dropdown .menu {
    position: fixed;
    top: 0;
    border: none;
    background: #e5e5e5;
    padding: 35px 20px;
    width: 100%;
  }
}
.esg-reports.black {
  background: #000;
}

.esg-reports.posts-page .filters-intro {
  border: none;
}

.esg-reports .intro {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 30px 0 0px 0;
  align-items: center;
}

.esg-reports .intro .title {
  font-size: 2.4rem;
  font-family: "Proxima N W01 Light", sans-serif;
  padding-right: 30px;
  padding: 0 0 20px 0;
}

.esg-reports .intro .links {
  display: flex;
  padding: 0 0 20px 0;
}

.esg-reports .intro .links li {
  margin-right: 60px;
}

.esg-reports .intro .links li:last-of-type {
  margin-right: 0;
}

.esg-reports .intro .links li a {
  font-size: 1.4rem;
  color: #fff;
}

.esg-reports .intro .links li a:hover {
  color: #85c335;
}

.esg-reports .intro .links li.here a {
  color: #85c335;
}

.esg-reports .two-column {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 30px 0;
}

.esg-reports .two-column .text {
  width: 45%;
}

.esg-reports .filters-intro {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 30px 0 5px 0;
  align-items: center;
  border-bottom: 1px solid #52858a;
}

.esg-reports .filters-intro .title {
  font-size: 2.4rem;
  font-family: "Proxima N W01 Light", sans-serif;
  padding: 0 20px 20px 0;
}

.esg-reports .filters-intro .filters {
  padding: 0 0 0px 0;
  display: flex;
  flex-flow: row wrap;
}

.esg-reports .filters-intro .filters p {
  font-size: 1.4rem;
  position: relative;
  top: -6px;
}

.esg-reports .filters-intro .filters .cat {
  display: flex;
  align-items: center;
  padding: 0 0 20px 0;
  margin: 0 20px 0 0;
}

.esg-reports .filters-intro .filters .cat label {
  font-size: 1.4rem;
  width: 150px;
}

.esg-reports .filters-intro .filters .cat .select {
  width: 400px;
}

.esg-reports .filters-intro .filters .search {
  display: flex;
  padding: 0 0 20px 0;
}

.esg-reports .filters-intro .filters .search #search {
  width: 400px;
  border: 1px solid #ccc;
  background: #ccc;
  padding: 5px 10px;
  font-size: 1.4rem;
  color: #000;
}

.esg-reports .filters-intro .filters .search .submit {
  border: 1px solid #85c335;
  background: #85c335;
  font-size: 1.4rem;
  font-family: "Proxima N W01 Smbd", sans-serif;
  padding: 5px 20px;
  color: #fff;
  text-transform: uppercase;
  margin: 0 0 0 5px;
  transition: all 0.3s linear;
}

.esg-reports .filters-intro .filters .search .submit:hover {
  border: 1px solid #9de147;
  background: #9de147;
}

.esg-reports .filter-title {
  font-size: 1.8rem;
  font-family: "Proxima N W01 Smbd", sans-serif;
  padding: 30px 0 20px 0;
}

.esg-reports .filter-title em {
  font-style: normal;
  font-family: "Proxima Nova W08 Reg", sans-serif;
}

.esg-reports .reports {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -10px;
  padding-bottom: 30px;
}

.esg-reports .reports .report {
  width: 25%;
  padding: 10px 10px 30px 10px;
}

.esg-reports .reports .report a {
  display: flex;
  flex-direction: column;
  color: #fff;
}

.esg-reports .reports .report a:hover .image img {
  opacity: 1;
}

.esg-reports .reports .report a:hover .title {
  color: #9de147;
}

.esg-reports .reports .report a .image {
  margin: 0 0 20px 0;
  background: #000;
  position: relative;
  padding-bottom: 66.323%;
}

.esg-reports .reports .report a .image img {
  width: 100%;
  height: 100%;
  opacity: 0.9;
  transition: opacity 0.3s linear;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  object-fit: cover;
}

.esg-reports .reports .report a .image.notice {
  position: relative;
}

.esg-reports .reports .report a .image.notice:after {
  content: "Notice";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  text-transform: uppercase;
  font-family: "Proxima N W01 Smbd", sans-serif;
  letter-spacing: 0.2em;
  padding: 5px 15px;
  z-index: 10;
}

.esg-reports .reports .report a .image.extra:after {
  content: "Extra";
  background: #85c335;
}

.esg-reports .reports .report a .image.video:after {
  content: "Video";
  background: #52858a;
}

.esg-reports .reports .report a .title {
  font-size: 1.8rem;
  color: #85c335;
  font-family: "Proxima N W01 Smbd", sans-serif;
  padding: 15px 0;
  transition: color 0.3s linear;
}

.esg-reports .reports .report a p {
  font-size: 1.4rem;
  line-height: 1.5em;
}

.esg-reports .reports .report a p.date {
  text-transform: uppercase;
  font-size: 1.2rem;
}

.esg-reports .report-pagination {
  padding: 0 0 30px 0;
}

.esg-reports .report-pagination .pagination {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  font-size: 1.4rem;
}

.esg-reports .report-pagination .pagination a {
  color: #fff;
  padding: 0 5px;
}

.esg-reports .report-pagination .pagination a.pagination-disabled {
  color: #aaa !important;
}

.esg-reports .report-pagination .pagination a:hover {
  color: #9de147;
}

.esg-reports .report-pagination .pagination li.active a {
  color: #85c335;
}

@media only screen and (max-width: 980px) {
  .esg-reports .reports .report {
    width: 50%;
  }
}
@media only screen and (max-width: 600px) {
  .esg-reports .two-column .text {
    width: 100%;
  }
  .esg-reports .filters-intro .filters {
    flex: 1 0 100%;
  }
  .esg-reports .filters-intro .filters .cat {
    flex: 1 0 100%;
    flex-direction: column;
  }
  .esg-reports .filters-intro .filters .cat label {
    width: 100%;
    margin: 0 0 5px 0;
  }
  .esg-reports .filters-intro .filters .cat .select {
    width: 100%;
    max-width: 100%;
  }
  .esg-reports .filters-intro .filters .search {
    display: flex;
    width: 100%;
    padding: 0 0 20px 0;
  }
  .esg-reports .filters-intro .filters .search #search {
    width: 100%;
    flex: 1 0 0;
  }
}
@media only screen and (max-width: 460px) {
  .esg-reports .intro .links {
    display: none;
  }
  .esg-reports .reports .report {
    width: 100%;
  }
}
.esg-resource-list {
  padding: 0 0 30px 0;
}

.esg-resource-list .intro {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 30px 0;
}

.esg-resource-list .intro p {
  font-size: 1.4rem;
  color: #fff;
}

.esg-resource-list .intro p a {
  color: #85c335;
  font-family: "Proxima N W01 Smbd", sans-serif;
}

.esg-resource-list .table {
  padding-top: 40px;
}

.esg-user-guides {
  background: #000;
  color: #fff;
  padding: 40px 0;
}

.esg-user-guides .guides {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 0 -10px;
}

.esg-user-guides .guides .guide {
  flex: 1 50%;
  padding: 0 10px 50px 10px;
}

.esg-user-guides .guides .guide .title {
  font-size: 1.8rem;
  font-family: "Proxima N W01 Smbd", sans-serif;
  padding: 0 0 30px 0;
}

@media only screen and (max-width: 740px) {
  .esg-user-guides .guides {
    margin: 0 -10px;
  }
  .esg-user-guides .guides .guide {
    flex: 1 100%;
  }
}
.esg-power-bi {
  background-color: #fff;
  color: #000;
  border-top: 30px solid #fff;
  border-bottom: 30px solid #fff;
}

.esg-power-bi .placeholder {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 600px;
}

.esg-power-bi .placeholder span {
  flex: 1 0 100%;
  text-align: center;
  color: #ff28c3;
  font-size: 1.4rem;
}

.esg-power-bi .power-bi-embed {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.esg-power-bi .power-bi-embed iframe {
  border: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.esg-dashboards-block {
  background-color: #000;
  padding: 70px 0;
}

.esg-dashboards-block .intro {
  display: flex;
  flex-flow: row wrap;
  padding: 0px 0 20px 0;
  align-items: center;
}

.esg-dashboards-block .intro .title {
  flex: 1 0 0;
  font-size: 2.4rem;
  font-family: "Proxima N W01 Light", sans-serif;
}

.esg-dashboards-block .intro p {
  flex: 1 0 0;
  text-align: right;
  font-size: 1.4rem;
}

.esg-dashboards-block .dashboards {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -10px;
}

.esg-dashboards-block .dashboards .db {
  width: 50%;
  padding: 10px;
  display: flex;
  flex-direction: column;
}

.esg-dashboards-block .dashboards .db.db1 a:before {
  background: #57a997;
}

.esg-dashboards-block .dashboards .db.db2 a:before {
  background: #357579;
}

.esg-dashboards-block .dashboards .db.db3 a:before {
  background: #52858a;
}

.esg-dashboards-block .dashboards .db.db4 a:before {
  background: #21474a;
}

.esg-dashboards-block .dashboards .db a {
  padding: 45px 40px 45px 35px;
  height: 100%;
  background: #fff;
  position: relative;
  overflow: hidden;
}

.esg-dashboards-block .dashboards .db a:hover .title {
  border-color: #85c335;
}

.esg-dashboards-block .dashboards .db a .image {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 40%;
  z-index: 0;
}

.esg-dashboards-block .dashboards .db a .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.esg-dashboards-block .dashboards .db a .image:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  margin-right: -50px;
  height: 100%;
  width: 100px;
  transform: skew(-20deg);
  background: #fff;
  z-index: 1;
}

.esg-dashboards-block .dashboards .db a .title {
  display: inline-block;
  font-size: 2rem;
  font-family: "Proxima N W01 Smbd", sans-serif;
  color: #85c335;
  padding: 0 0 0 0;
  margin: 0 0 1em 0;
  max-width: 65%;
  z-index: 2;
  transition: border 0.3s linear;
  border-bottom: 2px solid rgba(0, 0, 0, 0);
}

.esg-dashboards-block .dashboards .db a p {
  position: relative;
  font-size: 1.4rem;
  font-family: "Proxima N W01 Smbd", sans-serif;
  color: #000;
  max-width: 65%;
  z-index: 2;
}

.esg-dashboards-block .dashboards .db a svg {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 2;
}

@media only screen and (max-width: 740px) {
  .esg-dashboards-block .dashboards {
    flex-flow: column wrap;
  }
  .esg-dashboards-block .dashboards .db {
    width: 100%;
  }
}
@media only screen and (max-width: 460px) {
  .esg-dashboards-block .intro p {
    display: none;
  }
}
.esg-resource-library-promo {
  padding: 60px 0;
}

.esg-resource-library-promo .inner {
  display: flex;
  flex-flow: row wrap;
}

.esg-resource-library-promo .inner > * {
  flex: 1 50%;
}

.esg-resource-library-promo .intro {
  padding: 0 20px 0 0;
}

.esg-resource-library-promo .intro .title {
  font-size: 2.4rem;
  font-family: "Proxima N W01 Light", sans-serif;
  padding: 0 0 1em 0;
}

.esg-resource-library-promo .intro p {
  font-size: 1.4rem;
  line-height: 1.5em;
}

.esg-resource-library-promo .intro p a {
  font-family: "Proxima N W01 Smbd", sans-serif;
  color: #85c335;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  transition: border 0.3s linear;
}

.esg-resource-library-promo .intro p a:hover {
  color: #9de147;
  border-color: #9de147;
}

.esg-resource-library-promo .stats {
  display: flex;
  padding: 0 0 0 20px;
}

.esg-resource-library-promo .stats dl {
  width: 50%;
  text-align: center;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
}

.esg-resource-library-promo .stats dl:nth-of-type(2) dt {
  background: #357579;
}

.esg-resource-library-promo .stats dl dt {
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 120px;
  background: #57a997;
  font-size: 3.6rem;
  font-family: "Proxima N W01 Smbd", sans-serif;
  margin: 0 0 15px 0;
}

.esg-resource-library-promo .stats dl dd {
  font-size: 1.4rem;
  font-family: "Proxima N W01 Smbd", sans-serif;
}

@media only screen and (max-width: 740px) {
  .esg-resource-library-promo .inner > * {
    flex: 1 100%;
  }
  .esg-resource-library-promo .stats {
    padding: 30px 0 0 0;
  }
}
.esg-notice-block {
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.esg-notice-block .title {
  font-family: "Proxima N W01 Light", sans-serif;
  font-size: 3.6rem;
  text-align: center;
}

.esg-notice-block:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.25);
  z-index: -1;
}

.esg-notice-block .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  object-fit: cover;
  z-index: -2;
}

@media only screen and (max-width: 600px) {
  .esg-notice-block {
    height: auto;
    padding: 80px 0;
  }
  .esg-notice-block .title {
    font-size: 2.6rem;
  }
}
.esg-post {
  background: #fff;
  color: #000;
}

.esg-post.continue-reading {
  padding-bottom: 0;
}

.esg-post.continue-reading .inner {
  height: 600px;
  overflow: hidden;
}

.esg-request-access {
  z-index: 10000;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  padding: 30px;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}

.esg-request-access.continue-reading {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  background: #fff;
  padding: 0;
}

.esg-request-access.continue-reading .box {
  padding: 60px 30px 60px 30px;
  background: #1f2028;
  z-index: 2;
  max-width: 100%;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0);
  text-align: center;
  color: #fff;
}

.esg-request-access.continue-reading .box .logo .strapline {
  color: #fff;
}

.esg-request-access .box {
  width: 100%;
  max-width: 600px;
  background: #1f2028;
  display: flex;
  flex-flow: column wrap;
  margin: 0 auto;
  text-align: center;
  padding: 40px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

.esg-request-access .box .logo .ishka {
  width: 90px;
}

.esg-request-access .box .logo .savi {
  width: 62px;
  position: relative;
  bottom: 4px;
  margin: 0 0 0 10px;
}

.esg-request-access .box .logo .strapline {
  font-size: 2.8rem;
  font-family: "Proxima N W01 Light", sans-serif;
  color: #85c335;
  margin: 5px 0 0 0;
}

.esg-request-access .box .logo .strapline a {
  color: #85c335;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.esg-request-access .box .logo .strapline a:hover {
  color: #9de147;
  border-color: #9de147;
}

.esg-request-access .box p {
  padding: 25px 0 0 0;
  font-size: 1.4rem;
}

.esg-request-access .box p a {
  color: #85c335;
  font-family: "Proxima N W01 Bold", sans-serif;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.esg-request-access .box p a:hover {
  color: #9de147;
  border-color: #9de147;
}

.esg-request-access .box .btn {
  margin: 25px 0 0 0;
}

.esg-request-access .box .btn a {
  background: #fff;
  border: 1px solid #fff !important;
  color: #000 !important;
}

.esg-request-access .box .btn a:hover {
  background: #9de147;
  border: 1px solid #9de147 !important;
}

.esg-video-contact-block {
  padding: 60px 0;
  background: #000;
  z-index: auto;
}

.esg-video-contact-block .inner {
  display: flex;
  flex-flow: row wrap;
}

.esg-video-contact-block .inner > * {
  flex: 1 100%;
}

.esg-video-contact-block .video {
  flex: 1 0 0;
  width: 50%;
}

.esg-video-contact-block .video .intro {
  display: flex;
  align-items: flex-end;
  padding: 0 0 25px 0;
}

.esg-video-contact-block .video .intro .title {
  width: 100%;
  font-size: 1.8rem;
  font-family: "Proxima N W01 Smbd", sans-serif;
}

.esg-video-contact-block .video .intro .all {
  text-align: right;
  width: 150px;
  padding: 0 0 3px 0;
}

.esg-video-contact-block .video .intro .all a {
  color: #fff;
  font-size: 1.4rem;
}

.esg-video-contact-block .video .intro .all a:hover {
  color: #85c335;
}

.esg-video-contact-block .contact {
  flex: 1 0 0;
  padding-left: 20px;
}

.esg-video-contact-block .contact .inside {
  max-width: 375px;
  margin: 0 auto;
  height: 100%;
  border-bottom: 1px solid #52858a;
}

.esg-video-contact-block .contact .title {
  width: 100%;
  font-size: 1.8rem;
  padding-bottom: 22px;
  margin-bottom: 22px;
  font-family: "Proxima N W01 Smbd", sans-serif;
  border-bottom: 1px solid #52858a;
}

.esg-video-contact-block .contact p {
  font-size: 1.4rem;
  padding: 0 0 1.5em 0;
}

.esg-video-contact-block .contact p a {
  font-family: "Proxima N W01 Smbd", sans-serif;
  color: #85c335;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  transition: border 0.3s linear;
}

.esg-video-contact-block .contact p a:hover {
  color: #9de147;
  border-color: #9de147;
}

.esg-video-contact-block .contact .staff {
  padding: 20px 0 20px 0;
}

@media only screen and (max-width: 740px) {
  .esg-video-contact-block .inner {
    flex-flow: column wrap;
  }
  .esg-video-contact-block .video {
    flex: 1 0 0;
    width: 100%;
  }
  .esg-video-contact-block .contact {
    margin-top: 30px;
  }
  .esg-video-contact-block .contact .inside {
    max-width: 100%;
  }
}
.staff {
  display: flex;
  align-items: center;
}

.staff dt {
  width: 80px;
}

.staff dt img {
  border-radius: 60px;
  width: 60px;
  height: 60px;
  object-fit: cover;
}

.staff dd {
  font-size: 1.4rem;
  line-height: 1.4em;
}

.staff dd strong {
  font-family: "Proxima N W01 Smbd", sans-serif;
}

.staff dd a {
  color: #85c335;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.staff dd a:hover {
  color: #9de147;
  border-bottom: 1px solid #9de147;
}

.esg-text-image-block {
  padding: 60px 0;
  background: #1f2028;
}

.esg-text-image-block .inner {
  display: flex;
  flex-flow: row wrap;
}

.esg-text-image-block .image {
  width: 50%;
  padding: 0 55px;
  order: 2;
  align-items: center;
  display: flex;
  flex-flow: column wrap;
}

.esg-text-image-block .image img {
  width: 100%;
  height: auto;
  margin: auto 0;
}

.esg-text-image-block .text {
  width: 50%;
  padding: 0 55px;
  order: 1;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
}

.esg-text-image-block .text .title {
  font-family: "Proxima N W01 Light", sans-serif;
  color: #fff;
}

.esg-text-image-block .text .title a {
  font-family: "Proxima N W01 Smbd", sans-serif;
  color: #85c335;
}

.esg-text-image-block .text .middle {
  margin: auto 0;
}

.esg-text-image-block.alt {
  background: #000;
}

.esg-text-image-block.alt .image {
  order: 1;
}

.esg-text-image-block.alt .text {
  order: 2;
}

@media only screen and (max-width: 980px) {
  .esg-text-image-block .image {
    padding: 0 40px;
  }
  .esg-text-image-block .text {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 840px) {
  .esg-text-image-block .inner {
    margin: 0 -10px;
  }
  .esg-text-image-block .image {
    padding: 0 10px;
  }
  .esg-text-image-block .text {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 740px) {
  .esg-text-image-block .inner {
    margin: 0;
    flex-flow: column wrap;
  }
  .esg-text-image-block .image {
    padding: 0;
    width: 100%;
    order: 1 !important;
  }
  .esg-text-image-block .text {
    width: 100%;
    order: 2 !important;
    padding: 30px 0 0 0;
  }
}
.esg-post {
  padding: 0 0 60px 0;
}

.esg-post .inner {
  max-width: 1040px;
}

.esg-post .post-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 0;
  border-bottom: 1px solid #52858a;
}

.esg-post .post-heading .title {
  font-size: 1.4rem;
  color: #aaa;
}

.esg-post .post-heading .title strong {
  color: #000;
}

.esg-post .post-heading .title a {
  color: #85c335;
  font-family: "Proxima N W01 Smbd", sans-serif;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.esg-post .post-heading .title a:hover {
  color: #9de147;
  border-bottom: 1px solid #9de147;
}

.esg-post .post-heading .share {
  display: flex;
  flex-flow: row wrap;
  width: 210px;
}

.esg-post .post-heading .share dt {
  font-size: 1.4rem;
  text-transform: uppercase;
  font-family: "Proxima N W01 Smbd", sans-serif;
  color: #aaa;
}

.esg-post .post-heading .share dd {
  margin: 0 0 0 25px;
}

.esg-post .post-heading .share dd a svg {
  width: 18px;
  height: 18px;
  transition: fill 0.3s linear;
}

.esg-post .post-heading .share dd a:hover svg {
  fill: #9de147;
}

.esg-post .post-intro {
  display: flex;
  padding: 30px 0;
}

.esg-post .post-intro .details {
  flex: 1 0 0;
  margin: 0 40px 0 0;
}

.esg-post .post-intro .details .title {
  font-size: 2.4rem;
  line-height: 1.4em;
  font-family: "Proxima N W01 Smbd", sans-serif;
  padding: 0 0 35px 0;
}

.esg-post .post-intro .details .author {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 0 0 20px 0;
}

.esg-post .post-intro .details .author .staff {
  padding: 0 0 15px 0;
}

.esg-post .post-intro .details .summary {
  font-size: 1.4rem;
  line-height: 1.5em;
  font-family: "Proxima N W01 Smbd", sans-serif;
}

.esg-post .post-intro .details .audio-player-holder .row {
  background: rgba(0, 0, 0, 0);
}

.esg-post .post-intro .details .audio-player-holder .row h5 {
  font-size: 1.4rem;
  padding: 0 0 0.5em 0;
}

.esg-post .post-intro .details .audio-player-holder .row audio {
  max-width: 100%;
}

.esg-post .post-intro .about-video {
  display: flex;
  align-items: flex-start;
}

.esg-post .post-intro .about-video .staff {
  width: 350px;
  margin-top: 2px;
  padding-right: 30px;
}

.esg-post .post-intro .image {
  width: 375px;
}

.esg-post .post-intro .image .img {
  display: flex;
  position: relative;
  padding-bottom: 66.323%;
}

.esg-post .post-intro .image .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  left: 0;
  object-fit: cover;
}

.esg-post .video-wrapper {
  margin: 0 0 40px 0;
}

.esg-post .text .btn.large {
  margin: 20px 0 40px 0 !important;
  text-align: center;
}

.esg-post .text .btn.large a {
  border-radius: 50px;
}

.esg-post .find-out-more {
  display: flex;
  justify-content: space-between;
  padding: 30px 0;
  margin: 20px 0 0 0;
  border-top: 1px solid #52858a;
  border-bottom: 1px solid #52858a;
}

.esg-post .find-out-more .title {
  text-transform: uppercase;
  color: #aaa;
  font-family: "Proxima N W01 Smbd", sans-serif;
  font-size: 1.4rem;
  padding: 0 0 1em 0;
}

.esg-post .find-out-more .btn a {
  font-size: 1.1rem;
  letter-spacing: 0.2em;
}

.esg-post .find-out-more .rate-report [class^=svg-hovered-] {
  fill: #85c335 !important;
}

@media only screen and (max-width: 840px) {
  .esg-post .post-intro {
    flex-flow: column wrap;
  }
  .esg-post .post-intro .image {
    width: 100%;
    padding-top: 30px;
  }
}
@media only screen and (max-width: 740px) {
  .esg-post .post-heading {
    flex-flow: column;
  }
  .esg-post .post-heading .title {
    width: 100%;
    padding: 0 0 20px 0;
  }
  .esg-post .post-heading .share {
    width: 100%;
  }
  .esg-post .post-intro {
    flex-flow: column;
  }
  .esg-post .post-intro .details {
    margin: 0 0 0 0;
  }
  .esg-post .post-intro .details .summary {
    font-size: 1.4rem;
    line-height: 1.5em;
    font-family: "Proxima N W01 Smbd", sans-serif;
  }
  .esg-post .post-intro .about-video {
    flex-flow: column;
  }
  .esg-post .post-intro .about-video .staff {
    width: 100%;
    margin-top: 0px;
    padding-right: 0px;
  }
  .esg-post .post-intro .about-video .text {
    margin: 20px 0 0 0;
  }
}
@media only screen and (max-width: 500px) {
  .esg-post .find-out-more {
    flex-flow: column;
  }
  .esg-post .find-out-more .analyst {
    margin-bottom: 30px;
  }
}
.text .main-title {
  font-size: 2.4rem;
  font-family: "Proxima N W01 Light", sans-serif;
  padding: 0 0 1em 0;
}

.text img {
  max-width: 100%;
  height: auto;
}

.text .title {
  font-size: 2rem;
  font-family: "Proxima N W01 Smbd", sans-serif;
  color: #85c335;
  padding: 0 0 1em 0;
}

.text .title a {
  color: #85c335;
  text-decoration: none;
}

.text .title a:hover {
  color: #9de147;
}

.text h2, .text h3, .text h4, .text h5, .text h6 {
  font-size: 1.8rem;
  font-family: "Proxima N W01 Smbd", sans-serif;
  padding: 0 0 1em 0;
}

.text h3 {
  font-size: 2rem;
  font-family: "Proxima Nova W08 Reg", sans-serif;
}

.text h4 {
  font-size: 1.8rem;
  font-family: "Proxima Nova W08 Reg", sans-serif;
}

.text h5 {
  font-size: 1.6rem;
}

.text h6 {
  font-size: 1.4rem;
}

.text p {
  font-size: 1.4rem;
  line-height: 1.5em;
  padding: 0 0 1.5em 0;
}

.text p.date {
  text-transform: uppercase;
  font-family: "Proxima N W01 Smbd", sans-serif;
}

.text p.blur {
  color: transparent;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.text ol {
  font-size: 1.4rem;
  line-height: 1.5em;
}

.text ol li {
  position: relative;
  padding: 0 0 1.5em 5px;
  margin: 0 0 0 20px;
  list-style: decimal;
}

.text ul {
  font-size: 1.4rem;
  line-height: 1.5em;
}

.text ul li {
  position: relative;
  padding: 0 0 1.5em 20px;
}

.text ul li:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background-color: #666;
  position: absolute;
  top: 10px;
  left: 5px;
}

.text a {
  font-family: "Proxima N W01 Smbd", sans-serif;
  color: #85c335;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  transition: all 0.3s linear;
}

.text a:hover {
  color: #9de147;
  border-color: #9de147;
}

.text .image img {
  max-width: 100%;
  height: auto;
}

.text .image p {
  font-style: italic;
  padding-top: 1em;
}

.text .tags {
  color: #aaa;
}

.footer {
  padding: 45px 0;
  background: #000;
}

.footer .inner {
  display: flex;
  flex-flow: row wrap;
}

.footer .inner > * {
  flex: 1 100%;
}

.footer .linking {
  flex: 1 0 0;
}

.footer .linking .links ul {
  display: flex;
}

.footer .linking .links ul li {
  padding: 0 20px 0 0;
}

.footer .linking .links a {
  font-size: 1.6rem;
  font-family: "Proxima N W01 Smbd", sans-serif;
  color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  transition: border-color 0.3s linear;
}

.footer .linking .links a:hover {
  border-color: #fff;
}

.footer .linking .social-links {
  padding: 20px 0;
}

.footer .linking .social-links a {
  font-size: 25px;
  margin: 0 20px 0 0;
  color: #fff;
}

.footer .linking .social-links a svg {
  fill: #fff;
  transition: fill 0.3s linear;
}

.footer .linking .social-links a:hover svg {
  fill: #aaa;
}

.footer .logo {
  flex: none;
  text-align: right;
  margin: 0 0 50px 0;
}

.footer .logo img {
  opacity: 1;
  transition: opacity 0.3s linear;
}

.footer .logo img:hover {
  opacity: 0.8;
}

.footer .legal {
  display: flex;
  align-items: flex-end;
}

.footer .terms {
  flex: 1 0 0;
}

.footer .terms ul {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.4rem;
}

.footer .terms ul li {
  margin: 0 20px 0 0;
}

.footer .terms ul li a {
  color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  transition: border-color 0.3s linear;
}

.footer .terms ul li a:hover {
  border-color: #fff;
}

.footer .copyright {
  flex: 1 0 0;
  text-align: right;
  font-size: 1.2rem;
  align-content: flex-end;
}

@media only screen and (max-width: 600px) {
  .footer .linking, .footer .logo {
    flex: 1 100%;
    justify-content: center;
    text-align: center;
  }
  .footer .linking .links ul {
    justify-content: center;
  }
  .footer .linking .links ul li {
    padding: 0 10px;
  }
  .footer .logo {
    margin: 20px 0 40px 0;
  }
  .footer .legal {
    flex: 1 100%;
    flex-flow: row wrap;
  }
  .footer .legal .terms {
    flex: 1 100%;
    margin: 0 0 20px 0;
  }
  .footer .legal .terms ul {
    justify-content: center;
  }
  .footer .legal .copyright {
    flex: 1 100%;
    text-align: center;
  }
}
#resourceGrid {
  font-size: 1.4rem;
}

#resourceGrid .k-icon {
  background-image: none !important;
}

#resourceGrid .k-i-filter:before {
  color: #85c335;
  background: #000;
}

#resourceGrid tbody tr {
  background: #1f2028 !important;
  color: #fff;
}

#resourceGrid tbody tr td {
  overflow: visible;
}

#resourceGrid tbody tr td a {
  display: block;
  text-align: center;
}

#resourceGrid tbody tr td a img {
  opacity: 1;
  transition: opacity 0.3s linear;
}

#resourceGrid tbody tr td a:hover img {
  opacity: 0.6;
}

#resourceGrid tbody tr .info {
  position: relative;
  padding: 10px;
  background: rgba(0, 0, 0, 0);
  cursor: pointer;
}

#resourceGrid tbody tr .info:hover .popup {
  left: 30px;
  opacity: 1;
}

#resourceGrid tbody tr .info .popup {
  position: absolute;
  top: 0;
  left: -9999px;
  display: block;
  width: 300px;
  padding: 20px;
  background: #d9d9d9;
  font-size: 1.4rem;
  line-height: 1.3em;
  font-family: "Proxima N W01 Smbd", sans-serif;
  z-index: 1000;
  color: #000;
  opacity: 0;
  transition: opacity 0.2s linear;
}

#resourceGrid tbody tr.k-alt {
  background: #000 !important;
}

#resourceGrid .k-block, #resourceGrid .k-header, #resourceGrid .k-grid-header, #resourceGrid .k-toolbar, #resourceGrid .k-grouping-header, #resourceGrid .k-pager-wrap, #resourceGrid .k-button, #resourceGrid .k-draghandle, #resourceGrid .k-treemap-tile, #resourceGrid html .km-pane-wrapper .k-header {
  background: #000 !important;
}

.modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: -9999px;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  padding: 50px 30px;
}

.modal.show {
  right: 0;
  left: 0;
}

.modal .modal-content {
  width: 100%;
  max-width: 400px;
  background: #1f2028;
  padding: 20px;
}

.modal .modal-content .modal-header {
  font-size: 2rem;
  color: #85c335;
  position: relative;
  padding: 0 40px 20px 0;
}

.modal .modal-content .modal-header .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  background: #1f2028;
  border: none;
  width: 30px;
  height: 30px;
}

.modal .modal-content .modal-header .btn-close:before, .modal .modal-content .modal-header .btn-close:after {
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 10px;
  right: 0;
  transform: rotate(-45deg);
}

.modal .modal-content .modal-header .btn-close:after {
  transform: rotate(45deg);
}

.modal .modal-content .formList {
  display: flex;
  flex-direction: column;
}

.modal .modal-content .formList li {
  padding: 0 0 10px 0;
}

.modal .modal-content .formList li input {
  width: 100%;
  padding: 10px;
  border: 1px solid #fff;
  background: #fff;
  font-size: 1.4rem;
  color: #000;
}

.modal .modal-content .modal-footer {
  text-align: center;
  padding: 10px 0 0 0;
}

.modal .modal-content .modal-footer button {
  border: none !important;
  margin: 0 auto;
}

.text .table-head {
  background: #000;
  color: #fff;
  font-size: 18px;
  text-align: center;
  padding: 6px 0;
}
.text .table-footer {
  text-align: right;
  margin-bottom: 30px;
  padding: 10px 16px;
  border: 1px solid #a1a1a1;
}
.text .table-footer img {
  width: 160px;
}
.text .dark-blue-table .table-head {
  background: #000;
  padding: 10px 0;
  font-weight: 700;
}
.text .dark-blue-table table th {
  background: #85c335;
  padding: 3px;
  border-right: 1px solid #85c335;
  line-height: 1.2;
  text-align: center;
}
.text .dark-blue-table table tr {
  border: 1px solid #4a6a7c;
}
.text .dark-blue-table table tr th {
  border: 1px solid #4a6a7c;
}
.text .dark-blue-table table td {
  border-right: 1px solid #4a6a7c;
  background: #f2f2f2;
  line-height: 1.2;
  padding: 3px 3px;
  text-align: center;
  font-size: 12px;
}
.text .dark-blue-table table td:first-child {
  background: #d0cedc;
  width: 15%;
  text-align: left;
}
.text .dark-blue-table table td.wide-col {
  font-size: 10px;
  text-align: left;
}
.text .dark-blue-table table tr.total {
  border: 1px solid #4a6a7c;
}
.text .dark-blue-table table tr.total td {
  background: #b4c6e7;
  border-right: none;
  font-weight: 700;
}
.text .dark-blue-table table tr.total td:last-child {
  border-right: 1px solid #4a6a7c;
}
.text .dark-blue-table .table-footer {
  border: 1px solid #4a6a7c;
}
.text .dark-blue-table table {
  width: 100%;
  border: 1px solid #a1a1a1;
  border-width: 1px 0 1px 1px;
}
.text .dark-blue-table table th {
  background: #85c335;
  padding: 3px;
  border-right: 1px solid #85c335;
}
.text .dark-blue-table table td {
  padding: 3px;
  border-right: 1px solid #4a6a7c;
  text-align: right;
}
.text .dark-blue-table table td:first-child {
  background: #97de3b;
  text-align: left;
}
.text .dark-blue-table table tr.total {
  border: 1px solid #a1a1a1;
}
.text .dark-blue-table table tr.total td {
  background: #85c335;
  border-right: none;
  font-weight: 700;
}
.text .dark-blue-table table tr.total td:first-child {
  border-right: 1px solid #a1a1a1;
}

/*# sourceMappingURL=main.css.map */
