#topNav, .jumbotron, footer.brand-info, .highcharts-title, .btn-link, .donate-mobile {
  display: none;
}
body {
	background: #ffffff;
	font-family: "HarmoniaSansPro-Regular"; 
}
body.home {
	background: #ffffff;
}
a {
	color: #51abab;
}
.mobile {
	display: none;
}

.page-bankingonclimatechaos2023 #opening-panel {
		/* background: url('../images/bocc2023/BOCC_23_bg-alternative-2.jpg') top center / 100% no-repeat;*/
	background: url('../images/bocc2023/BOCC-2023-header.jpg') top center / 100% no-repeat; 
	width: 100%;
	padding-top: 140px;
}
.page-bankingonclimatechaos2023 #opening-panel #bocc-logo {
	margin-left: 10px;
}
.page-bankingonclimatechaos2023 #opening-panel .content {
	position: relative;
}
.page-bankingonclimatechaos2023 #opening-panel #menu-panel {
	position: absolute;
	z-index: 200;
	background-color: rgb(229,224,188, 1);
	padding: 20px;
	margin-left: 10px;
	width: 350px;
	top: 150px;
}
#opening-panel #menu-panel .cover img {
	width: 100%;
	box-shadow: 0 2.8px 2.2px rgb(0 0 0 / 10%), 0 6.7px 5.3px rgb(0 0 0 / 30%), 0 12.5px 10px rgb(0 0 0 / 16%), 0 22.3px 17.9px rgb(0 0 0 / 12%), 0 41.8px 33.4px rgb(0 0 0 / 9%), 0 100px 80px rgb(0 0 0 / 12%);
	border: 2px solid #ffffff;
}
#opening-panel .menu.menu-download {
	margin: 45px 0 20px;
}
#opening-panel .menu.menu-download a {
	color: #ffffff;
	font-size: 30px;
	font-family: "HarmoniaSansPro-Black";
}
#opening-panel #bocc-menu {
	margin: 20px 0 30px;
}
#opening-panel .menu a {
	color: #000000;
	font-size: 24px;
	font-family: "HarmoniaSansPro-Black";
}
#opening-panel .lang-menu a {
	color: #000000;
	font-family: "HarmoniaSansPro-Regular";
	font-size: 16px;
	display: block;
}
#opening-panel #additional-downloads a {
	color: #000000; 
	text-transform: uppercase;
	font-size: 16px;
}
#overlay {
	background: #000000;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	text-align: left;
	z-index: 1001;
	padding-top: 140px;
}
#overlay img {
	margin-left: 10px;
}
#overlay-wrapper {
	background: url(../images/bocc2023/BOCC-2023-header.jpg) top center / 100% no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	text-align: left;
	z-index: 1002;
	padding-top: 140px;
	display: none;
}
#content.site-content {
	overflow: hidden;
}

.logo-stack {
	background: #ffffff;
	text-align: center;	
	padding: 20px 0 30px 0;
}

.header {
	max-width: 100%;
	margin: 0 auto;
	margin: 85px 20px 20px;
}
.sidebar {
	width: 30%;
	float: left;
	background-color: #4787bc;
	padding: 0 20px;
}
.sidebar-header {
	background-color: #f57e20;;
	clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%);
}
.sidebar-content {
	padding: 15px 0 25px 0;
}

.sidebar-header h2 {
	font-size: 36px;
	padding: 60px 10px 42px 10px;
	color: #ffffff;
}
.small-sidebar {
	background-color: #ffffff;;
	padding: 15px 30px 9px;
	text-align: center;
	width: 300px;
	color: #000000;
	margin-top: 65px;
}
.download-data a {
	color: #000000;
	font-size: 22px;
	background-color: #ffffff;
	display: block;
	padding: 10px 30px 5px;
	margin: 15px 20px;
	float: right;
	font-family: "HarmoniaSansPro-Black";
}
#overview-data {
	width: 65%;
	float: left;
	background-color: #ffffff;	
	clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
	margin-bottom: -2px;
}
#overview-data .header {
	background: none;
	color: #000000;
	margin: 85px 20px 20px;
}
#overview-data-wrapper {
	width: 75%;
	float: left;
	margin-top: 100px;
	margin-left: 205px;
	margin-bottom: 40px;
}
.content {
	max-width: 1270px;
	width: 100%;
	margin: 0 auto;
}

.section {
	float: left;
	max-width: 70%;
    padding-left: 76px;
}
.headline {
	font-size: 30px;
}
#mobile-menu {
	display: none;
}

label {
  font-weight: 400;
  font-size: 26px;
  font-weight: bold;
}
h2 {
  font-size: 62px;
  text-align: center;
  font-weight: bold;
  line-height: 1.4em;
  padding: 0;
  margin: 0;
  color: #000000;
  font-family: "HarmoniaSansPro-Black";
}
h3 {
  font-size: 48px;
  font-weight: bold;
  line-height: 1.4em;
  padding: 0;
  margin: 0;
  font-family: "HarmoniaSansPro-Black";
}
h4 {
  font-weight: 100;
  font-size: 29px;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  font-family: "HarmoniaSansPro-Black";
}
.media {
  color: #ffffff;
}

.strikes  {
  line-height: 0.5;
  text-align: center;
  font-weight: 100;
  margin-top: -10px;
}

.strikes span {
  display: inline-block;
  position: relative;  
  padding: 12px 60px 13px;
  color: #ffffff;
  -webkit-transition: all ease 0.8s;
  -moz-transition: all ease 0.8s;
  transition: all ease 0.8s;
  font-size: 36px;
}

#casestudies-panel {
	background: #237164; 
	z-index: 300;
	color: #ffffff;

}
#casestudies-panel h2 {
	color: #ffffff;
	text-align: left;
	font-size: 48px;
}
#casestudies-details {
	padding: 40px;
	max-width: 1270px;
	margin: 0 auto;
}
#map { 
    height: 85vh; 
	min-height: 800px;
    width: 100%;
    margin: 0 auto;
}
#map-wrapper {
    width: 100%;
	margin: 0 auto;
    display: block;
	position: relative;
}
.map-info {
	position: absolute;
	left: 10px;
	z-index: 900;
	height: 85vh;
	min-height: 800px;
	width: 350px;
	background: #e5e0bc;
	padding: 10px;
	color: #000000;
	font-size: 14px;
	padding: 20px 24px;
	overflow: auto;
}
.map-info a {
	color: #237164;
}
.map-info h4 {
	font-size: 22px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.map-info-wrapper {
	position: relative;
	width: 1270px;
	overflow: visible;
	margin: 0 auto;
} 
.map-info-wrapper img {
	margin: 10px 0 15px;
	border: 1px solid #000000;
	display: block;
    height: auto;
	width: 100%;
    max-width: 100%;
}
.map-info-wrapper.mobile .map-info{
	position: relative;
	width: 100%;
}
.map-instructions {
	position: absolute;
	right: 100px;
	top: 60px;
	z-index: 900;
	width: 250px;
	background: #237164;
	padding: 10px;
	color: #ffffff;
	font-size: 14px;
	padding: 13px 24px 8px 24px;
	overflow: auto;
	clip-path: polygon(16% 0, 100% 0, 84% 100%, 0% 100%);
	text-transform: uppercase;
	font-family: "HarmoniaSansPro-Black";
	opacity: 0;
}
.map-instructions span {
	width: 80%;
	display: block;
	margin: 0 auto;
	text-align: center;
}

.map-case-link {
	position: absolute;
	left: 340px;
    top: 650px;
	z-index: 900;
	width: 250px;
	background: #000000;
	padding: 10px;
	color: #ffffff;
	font-size: 14px;
	padding: 15px 10px 10px 10px;
	overflow: auto;
	clip-path: polygon(95% 0, 100% 50%, 95% 100%, 0 100%, 0 50%, 0 0);
	text-transform: uppercase;
	font-family: "HarmoniaSansPro-Black";
}
.map-case-link span {
	width: 80%;
	display: block;
	margin: 0 auto;
	text-align: center;
}
.map-case-link  a {
	color: #ffffff;
}
.map-case-link:hover {
	background: #b00010;
}
.marker-cluster-small div, .marker-cluster-small, .marker-cluster-medium, .marker-cluster-medium div {
    background-color: rgba(128, 130, 132, 0.6) !important;
} 
.leaflet-info-pane {
	width: 300px;
    height: 200px;
}

.leaflet-container {
	background: #d0d0d4 !important;
}
.youtube-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	padding-top: 30px; 
	height: 0; 
	overflow: hidden; 
	border-bottom: 1px solid #ffffff;
}
.youtube-container iframe, .youtube-container object, .youtube-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

.details {
  font-size: 24px;
  max-width: 1170px;
  margin-top: 15px;
}
.clear {
  clear: both;
}
#middle, .container {
  padding: 0;
  margin: 0;
  width: 100%;
}

#facts-details {
	width: 100%;
	min-height: 800px;
	margin: 0 auto;
	padding: 110px 30px 30px;
	text-align: center;
	font-size: 48px;
	font-family: "HarmoniaSansPro-Bold";
	color: #000000;
	background: #ffffff;
	clip-path: polygon(0 0, 100% 29%, 100% 100%, 0% 100%);
	margin-top: 200px;
}
#grey-arrow {
	position: absolute;
	top: 665px;
	left: 240px;
	z-index: 900;
}
#facts-details .row {
	justify-content: flex-end;
	z-index: 900;
}
#big-fact {
	text-align: right;
	max-width: 800px;
	margin-top: 182px;
	font-family: "HarmoniaSansPro-Black";
}
#facts-details span {
	color: #f57e20;
	font-size: 84px;
}
#facts-details img {
	margin: 20px 0;
}
#score-panel-data {
	max-width: 1270px;
	margin: 0 auto;
	float: none;
	position: relative;
}
#score-panel-data iframe {
	height: 98vh;
	background: #ffffff;
	border: 0;
	border-bottom: 1px solid #e8e8e8;
}
#generalshare {
	display: none;
}
#data-panel {
  background: url('../images/bocc2023/BOCC-2023-data-background.gif') top center repeat-y;
}
#data-panel .header {
	width: 100%;
	margin: 0;
}
#data-panel .sidebar h2 {
	text-align: left;
	font-size: 48px;
	font-weight: normal;
	padding: 60px 10px 0px 0px;
	color: #ffffff;
	width: 71%
}
#data-panel .sidebar-content {
	color: #ffffff;
}
#data-jump {
	width: 55%;
	float: left;
	padding-top: 30px;
	font-size: 24px;
	color: #ffffff;
	font-family: "HarmoniaSansPro-Bold";
}
#data-jump a {
	color: #000000;
	display: inline-block;
    padding: 4px 10px 0 10px;
	margin: 6px 0px;
	background: #ffffff;
}
#data-jump a:hover {
	background-color: #d2e7ef;
	color: #314c87;
}
#dirty-dozen, #all-funding {
	width: 100%;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
}
#totals-panel {
	background-color: #314c87;
}
#totals-panel .header .details { 
	color: #ffffff;
}
#totals-panel .content {
	padding: 0;
}
#totals-panel .section {
	padding-bottom: 25px;
}

#funding-panel {
	background: url(../images/bocc2023/BOCC-2023-data-background.gif) top center repeat-y;
}
#funding-panel .section {
	max-width: 100%;
	margin: 0 auto;
	float: none;
	padding-left: 0;
	position: relative;
	background: #ffffff;
	border-radius: 20px 0 0 20px;
	padding: 10px 45px 50px;
}
#funding-panel .download-data a {
	border: 1px solid #cdcdcd;
}
#funding-companies {
	height: 1200px;
	width: 1170px;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 40px;
	margin-top: 30px;
}

#totals-panel .header {
	margin: 60px 20px 20px;
}
#sector-panel {
	position: relative;
	background: url(../images/bocc2023/BOCC-2023-data-background.gif) top center repeat-y;
}
#sector-panel h3 {
	color: #ffffff;
}
#sector-panel .section {
	max-width: 1270px;
	margin: 0 auto;
	padding: 0;
	width: 1270px;
	background: #4787bc;
	border-radius: 0 20px 20px 0;
	padding: 10px 30px 30px 10px;
}
#sector-panel .header {
	max-width: 700px;
	float: left;
	margin-left: 60px;
}
.sector-sidebar {
	width: 400px;
	float: left;
}
#sector-panel .header .details {
	color: #ffffff;
	padding-top: 10px;
}
#sector-panel .explore label {
	color: #000000;
    display: block;
    padding: 10px 30px 5px;
    margin: 10px 0px;
	width: 400px;
    font-family: "HarmoniaSansPro-Black";
	background: #ffffff;
}
.sector-details {
	font-size: 14px;
	border-left: 3px solid #ffffff;
	padding: 10px 20px 4px;
	margin-top: 60px;
	color: #ffffff;
	display: none;
}
.sector-details  h4 {
	color: #ffffff;
	font-size: 20px;
}
.sector-details a {
	color: #ffffff;
	font-weight: bold;
}
.sector-details#totals {
	display: block;
}
#fulldata-panel {
	position: relative;
	padding-bottom: 150px;
}
#fulldata-panel .download-data a {
	border: 1px solid #cdcdcd;
}
#fulldata-panel .header {
	padding: 30px 0;
}
#fulldata-panel h3 {
	font-family: "HarmoniaSansPro-Black";
}
#fulldata-panel .explore select {
	height: 39px;
	padding-left: 25px;
}
#fulldata-panel .explore-header {
	background-color: #dad5b0;
}
#fulldata-panel .explore-header .total {
	background-color: #ffffff;
	display: inline;
	clear: both;
	padding: 10px 20px 7px;
	font-size: 24px;
}
#fulldata-panel .explore {
	text-align: left;
}

#output .explore-header p.small {
	position: absolute;
	bottom: 26px;
	right: 100px;
	font-size: 16px;
	font-style: italic;
}
.explore-header .details {
	max-width: 1270px;
	margin: 0 auto;
	padding: 60px 20px 20px 0px;
	position: relative;
}
.explore-header .details h3 {
	background-color: #ffffff;
	display: inline;
	clear: both;
	padding: 10px 20px 7px;
	margin-bottom: 10px;
}
.explore-header .details .clear {
	padding-bottom: 17px;
}
#data-panel select {
  color: #000;
}
.explore select {
  background: #ffffff url('../images/bocc2023/bocc2023-select-arrow.png') no-repeat right 35px center; 
  border: 0;
  font-size: 18px;
  height: 52px;
  max-width:420px;
  width: 100%;
  border-radius: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0px;
  color: #ffffff;
}
.content.deeper-data {
	position: relative;
	width: 100%;
	max-width: 100%;
}

#sector-panel .explore select {
	background: #ffffff url('../images/bocc2023/bocc2023-select-arrow.png') center right no-repeat;
	background-position: right 20px center;
	color: #000000;
	text-transform: capitalize;
	padding: 10px 30px 5px;
    margin: 10px 0px;
}
#score-panel {
	position: relative;
	padding-bottom: 100px;
}
#score-panel .section {
	max-width: 100%;
	padding-left: 0;
	width: 1270px;
}
#score-panel .header {
	margin: 35px 20px 50px 0;
	max-width: 800px;
}
#score-panel h4 {
	margin-bottom: 15px;
	margin-top: 20px;
}
.flag-icon {
	padding: 0 20px;
	float: right;
	z-index: -1;
}
#data-panel select::-ms-expand {
  display: none;
}
#data-panel label {
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 15px;
  padding-right: 30px;
}
.explore {
  text-align: center;
  max-width: 1170px;
  min-height: 100px;
}
.explore-wrapper {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  margin-top: 80px;
}
#data-panel .shadows {
  float: left;
}
.data-buttons  {
	text-align: center;
	margin-bottom: 40px;
	margin-top: 20px;
    width: 100%;
    float: left;
}
.data-buttons a {
	padding: 10px 45px;
	text-transform: uppercase;
	margin: 0 auto;
	border: 1px solid #78bfbf;
	background: #ffffff;
	color: #000000;
	
}
.data-buttons a:hover {
	background: #51abab;
}
#data-container {
  max-width: 1135px;
  height: 1800px;
  margin: 0px auto 60px;
  padding: 10px 0px 10px 0;
}

#downloads-panel {
  color: #ffffff;
  background: #366c63;
}
#downloads-header h4 {
	font-size: 36px;
	padding: 0;
	display: inline;
	color: #000000
}

#downloads-panel .row {
  padding: 0 0 60px 0;
  width: 100%;
}
#downloads-header {
	width: 100%;
	display: flex;
}
#downloads-panel .credits {
  text-align: center;
  font-size: 14px;
}
#downloads-panel .col-md-12 .content {
  padding: 10px;
}
#downloads-panel a {
	color: #ffffff;
}
#downloads-panel strong {
	font-family: "HarmoniaSansPro-Bold";
}
#downloads-panel #appendices {
  padding-top: 10px;
}
#downloads-panel #appendices a:hover {
	text-decoration: underline;
}
#downloads-panel #appendices p {
  padding: 4px 0 0;
    margin-bottom: 0px;
}
#downloads-panel .byline .media-left .profile_image {
  width: 140px;
  height: auto;
}
#downloads-panel .media-body {
  padding: 0px 115px 20px 20px;
  font-size: 22px;
  color: #ffffff;
}
#downloads-panel .media-body p {
	margin-bottom: 0px;
}

#footer-panel .content {
	max-width: 1206px;
	padding: 20px 10px;
}

#footer-panel #sponsors {
	padding-top: 30px;
}
#footer-panel #sponsors .col-sm-3 {
  text-align: center;
}
#footer-panel span.sponsors {
	display: block;
	line-height: 1.3em;
	padding-bottom: 9px;
	font-size: 14px;
}
#sponsors .logo-stack a {
	max-width: 200px;
	height: auto;
}
.sponsor-names .row {
	padding-top: 30px;
}
#footer-panel #sponsors-logo {
  margin-left: 69px;
  padding-top: 40px;
}
#footer-panel .row.sponsor-names {
  text-align: center;
  padding: 40px 35px;
  line-height: 1.6em;
  color: #222;
  display: block;
}
#footer-panel .row.sponsor-names a {
  color: #222;
}
#footer-panel .row.sponsor-names a:hover {
  text-decoration: underline;
}
.contact-us {
	padding-top: 30px;
	font-weight: bold;
	display: block;
}
.swp_social_panelSide.swp_float_right {
	opacity: 0;
}
.score {
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	text-align: center;
}
.score-0 {
	background: #99cc33;
}
.score-1 {
	background: #b0b0b0;
}	
.score-2 {
	background: #b0b0b0;
}
.score-3 {
	background: #7b7676;
}
.score {
	position: relative;
}

.scorebar-totals .score-1 {
	background: #669933;
}

.score .tooltiptext, .score-total-fincancing .tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: #fefefe;
  color: #333333;
  text-align: center;
  border-radius: 4px;
  font-size: 11px;
  padding: 5px 10px;
  box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.15);

  /* Position the tooltip */
  position: absolute;
  top: 5px;
  z-index: 1;
}

.score-total-fincancing .tooltiptext  {
	width: 100px;
	padding: 7px 10px 3px;
}

.score:hover .tooltiptext, .score-total-fincancing :hover .tooltiptext  {
  visibility: visible;
}

#policy-score .header-row {
	font-size: 15px;
	color: #777777;
}
#score-guide {
	min-width: 65%;
}
.fullscore {
	width: 10%;
}
.bank-name {
	width: 30%;
}
#guide .twenty-five {
	display: block;
	float: left;
	width: 25%;
	text-align: right;
	font-size: 12px;
	color: #999999;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px dashed #cdcdcd;
}

.splash {
    height: 100vh;
    margin: 0 auto;
    width: 100%;
    min-height: 800px;
    position: relative;
    overflow: hidden;
}
.splash .content {
	max-width: 67%;
	margin: initial;
	position: relative;
}
.fixed-width-content {
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 20px;
}
.wrapper {
    height: 105%;
    width: 105%;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: -1;
    overflow: hidden;
}
#masthead nav {
	display: none;
}
.splash .container {
	position: relative;
	max-width: 100%;
	margin: 0 auto;
	height: 100%;
}
#resize-fix {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* Dig Deeper Page */

#dig-deeper-intro {
	width: 100%;
	min-height: 760px;
	margin-top: -75px;
}
.false-top {
	width: 100%;
	height: auto;
}
#full-data table {
	position: relative;
}
#full-data {
	font-family: interstate-mono, monospace;
}
table#full-data th {
	position: sticky;
    top: 0;
}
table#full-data th.tablesorter-headerAsc, table#full-data th.tablesorter-headerDesc, table#full-data th {
	background: #555555;
	text-align: left;
}
.tablesorter-headerAsc .tablesorter-header-inner:after {
	content: "\25BC";
	font-size: 16px;
	padding-left: 10px;
}
.tablesorter-headerDesc .tablesorter-header-inner:after {
	content: "\25B2";
	font-size: 16px;
	padding-left: 10px;
}



/* Data Explorer */

#table-wrapper {
	max-width: 1270px;
	overflow: scroll;
	max-height: 80vh;
	margin: 0 auto;
	margin-bottom: 50px;
	margin-top: 50px;
}

table#full-data td {
	padding: 2px 8px; 
	border-bottom: 1px solid #efefef;
	font-size: 14px;
}

table#full-data td.number, table#full-data th.number  {
	text-align: right;
}

table#full-data td.name {
	min-width: 200px;
}

table#full-data th {
	padding: 10px 15px 6px 15px; 
	font-weight: normal;
	background: #000000;
	color: #ffffff;
	font-weight: bold;
	font-family: "HarmoniaSansPro-Regular";
}

#view-bank, #view-company {
	width: 30%;
	float: left;
}

#view-bank label, #view-company label {
	color: #000000;
    padding: 10px 30px 6px;
    margin: 10px 20px 10px 0;
    font-family: "HarmoniaSansPro-Black";
	background: #dcd7b4;
}
#view-or {
	margin: 45px 20px 0;
	padding: 0px 20px;
	float: left;
	text-align: center;
	font-weight: 100;
    font-size: 24px;
    height: 39px;
    width: 160px;
	color: #000000;
	font-family: "HarmoniaSansPro-Bold";
}
#data-panel .explore  #view-company select,#data-panel .explore #view-bank  select, #data-panel #view-bank .explore-wrapper {
	width: 100%;
	max-width: 100%;
	min-height: auto;
} 
#data-panel .explore  #view-company select,#data-panel .explore #view-bank  select, .select2-container .select2-selection--single .select2-selection__rendered {
	padding: 10px 20px;
	height: auto;
	color: #000000;
}
.page-bcc-2020-data-explorer .deeper-data .explore, .page-bcc-2020-data-explorer .deeper-data .explore-wrapper {
	padding: 0;
}
#output {
	margin-bottom: 50px;
}

#output .data-buttons {
	width: 100%;
}

#intro-text {
	width: 65%;
	float: left;
	padding: 100px 20px 20px 100px;
}
#intro-text h1 {
	  font-family: plume-advertising, serif;
	  text-transform: uppercase;
	  font-size: 55px;
}

.toben-gradient {
	background: rgb(204,51,51);
	background: linear-gradient(90deg, rgba(204,51,51,1) 0%, rgba(247,114,45,1) 32%, rgba(115,105,96,1) 66%, rgba(95,94,94,1) 100%);
	height: 16px;
	width: 100%;
	border-top: 1px solid #000000;
	position: relative;
    box-shadow: inset 0px 7px 6px -3px rgb(50 50 50 / 90%);
}

.select2-container--default .select2-results>.select2-results__options {
	max-height: 800px;
}

.select2-container--default .select2-selection--single {
  background: #ffffff url('../images/bocc2023/bocc2023-select-arrow.png') no-repeat right 35px center;
  border: 0;
  font-size: 16px;
  height: 45px;
  width: 100%;
  border-radius: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0px;
  color: #000000;
  text-transform: uppercase;
  text-align: left;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    text-transform: capitalize;
    padding: 10px 30px 5px;
    margin: 10px 20px 10px 0;
	border: 1px solid #cdcdcd;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	right: 26px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: none;
}



@media (max-width: 1170px) {
	.explore {
		padding: 0;
	}
	#score-panel-footer, #sector-panel-footer {
		background: #000000;
	}
	#score-panel-footer {
		height: 130px;
	}
	#data-panel {
		background: #ffffff;
  	}
	#data-panel .mobile img {
		padding: 10px 15px;
	}
	#table-wrapper {
		margin-bottom: 40px;
	}
	.bank-name { 
		width: 250px;
	} 
	#view-bank, #view-company {
		width: 100%;
		float: left;
		margin: 0 auto;
	 }
	 #view-or {
		 margin: 0;
		 width: 100%;
		 float: left;
	 }
	 #view-bank label, #view-company label {
		padding-right: 20px;
	}
	#facts-details {
		font-size: 38px;
	}
	#big-fact {
		max-width: 600px;
	}
	#facts-details span {
		font-size: 60px;
	}
}

@media (max-width: 970px) { 
	h3 {
		font-size: 28px;
	}
	h4 {
		font-size: 22px;
	}
	label {
		font-size: 20px;
	}
	.mobile  {
		display: block;
	}
	.mobile-hide {
		display: none;
	}
	.header h4 {
		font-size: 18px;
	}
	.section {
		padding-left: 0;
		max-width: 100%;
	}
	.content {
		max-width: 100%;
	}
	.details {
		font-size: 18px;
	}
	#overlay {
		padding-top: 300px;
	}
	#overlay img {
		width: 90%;
		margin: 0 auto;
		display: block;
	}
	#overlay-wrapper {
		padding-top: 300px;
		background: url(../images/bocc2023/BOCC-2023-header.jpg) top center no-repeat;
	}
	#opening-panel .menu.menu-download a {
		font-size: 25px;
	}
	.page-bankingonclimatechaos2023 #opening-panel {
		padding-top: 300px;
		background: url(../images/bocc2023/BOCC-2023-header.jpg) top center no-repeat;
	}
	.page-bankingonclimatechaos2023 #opening-panel #bocc-logo {
		width: 90%;
		margin: 0 auto;
	}
	.page-bankingonclimatechaos2023 #opening-panel #menu-panel {
		position: relative;
		margin-left: 5%;
		width: 300px;
		height: auto;
		top: 30px;
	}
	#facts-details {
		clip-path: none;
		width: 100%;
		margin: 0;
		min-height: fit-content;
		font-size: 33px;
		padding: 30px 40px 40px 40px;
	}
	#facts-details span {
		font-size: 30px;
	}
	#big-fact {
		margin-top: 50px;
		max-width: 100%;
		text-align: right;
	}
	#facts-details span {
		font-size: 32px;
	}
	.sidebar, #overview-data  {
		width: 100%;
		float: none;
	}
	#overview-data-wrapper {
		margin: 50px 20px 20px;
		width: auto;
	}
	.header .details {
		font-size: 16px;
	}
	#overview-data {
		clip-path: none;
	}
	#sector-panel .explore label {
		width: 100%;
	}
	.download-data a {
		font-size: 18px;
	}
	#casestudies-panel h2, #data-panel .sidebar h2 {
		font-size: 32px;
		line-height: 1.3em;
	}
	#data-panel .sidebar h2 {
		width: 100%;
	}
	#casestudies-details {
		width: 100%;
	}
	#map-wrapper, #map, .map-info {
		height: 300px;
		min-height: auto;
	}
	.map-info-wrapper {
		width: 100%;
	}
	.map-case-link {
		top: auto;
		bottom: 0;
		left: 0;
	}
	.leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-bar {
		display: none;
	}
	.map-info-wrapper.mobile .map-info {
		height: auto;
		left: 0;
		border-bottom: 1px solid black;
		padding-bottom: 55px;
	}
	#funding-panel .section {
		width: 100%;
		max-width: 100%;
		padding: 0;
	}
	#funding-panel .header {
		margin: 20px auto;
	}
	#casestudies-panel .sidebar {
		margin: 0;
	}
	#casestudies-map {
		margin-top: 20px;
		margin-bottom: 10px;
	}
	#output .explore-header p.small {
		position: relative;
		margin: 20px 0;
		top: 0;
		right: 0;
	}
	#sector-panel .sector-sidebar, #sector-panel .section {
		max-width: 100%;
		width: 100%;
	}
    .main-title {
        max-width: 100%;
        padding-left: 0;
    }
	#data-jump {
		width: 100%;
		padding: 10px 25px 35px 25px;
		font-size: 18px;
		text-align: center;
	}
	#view-or {
		margin: 10px auto 5px;
		width: 100%;
		float: left;
		height: 35px;
	}
	#overview-data .header {
		width: 100%;
		margin: 0;
		padding: 25px 0px 10px 0px;
	}
	#totals-panel .header {
		margin: 20px 20px 20px;
	}
	#totals-panel .section {
		padding: 15px;
		margin-top: -200px;
		z-index: 100;
	}
	#totals-panel .header h3, #totals-panel .header h4 {
		color: #ffffff;
		background-color: transparent;
		padding: 0;
	}
	#funding-panel {
		background: #ffffff;
		margin: 0px 20px 40px 20px;
	}
	#funding-companies {
		width: 100%;
	}
	#sector-panel .header {
		margin: 85px 20px 10px;
	}
	.explore select {
		font-size: 16px;
	}
	#score-panel .content {
		padding: 10px;
	}
	#data-container {
		width: 100%;
		height: 1000px;
		padding: 0;
		margin: 0;
		padding-top: 20px;
	}
	.explore-wrapper {
		margin: 0px auto 0px auto;
		padding: 0;
	}
	.select2-container--default .select2-selection--single {
			max-width: 300px;
	}
	#action-panel .submit-button {
		padding: 10px;
	}
	#footer-panel .row.sponsor-names {
		padding: 30px 20px;
	}
	#footer-panel #sponsors-logo {
		margin-left: 0;
	}
	#downloads-panel .col-md-5 {
		padding: 16px 0 16px 0px;
	}
	#downloads-panel h3 {
		padding-bottom: 5px;
	}
	#downloads-panel .media-body {
		padding: 0 10px 10px 0px;
		font-size: 14px;
	}
	#downloads-panel .row {
		padding: 10px 20px 80px;
	}
	#downloads-panel .downloads, #downloads-panel .press {
		font-size: 28px;
		color: #ffffff;
		padding-left: 0;
	}
	#downloads-panel #appendices p {
		padding: 0;
		margin: 0;
		font-size: 16px;
	}
	#downloads-panel .byline .media-left .profile_image {
		width: 130px;
		height: auto;
	}
	#downloads-panel .byline .media-left {
	padding-right: 20px;
	}
	.flag-icon {
		display: none;
	}
	.chip {
		width: 15px;
		height: 15px;
	}
	.key {
		display: block;
	}
	.data-buttons {
		width: 90%;
		float: none;
	}
	.data-buttons a {
		padding: 7px 45px;
		font-size: 12px;
	}
	.data-buttons {
		margin: 10px auto 30px;
	}
	.logo-stack img {
		max-width: 45%;
		}
	#trend-data-container {
		max-width: 100%;
	}
	table#full-data td {
		font-size: 14px;
	}
	#data-panel label {
		padding: 0;
		margin: 3px 0 5px 0;
	}
	.cover-download {
		width: 100%;
		float: left;
		padding: 20px 0px;
	}
}
@media (min-width: 1100px) {
	.container {
	    max-width: 100%;
	}

}