/* Text */

/*
body {
    font-family: "Arial Narrow";
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    color: black !important;
}


h1, h2, h3, h4, h5, h6 {
     font-family: "Arial Narrow";
}

h2{
    font-size: 32px;
}

h4{
    font-size: 18px;
}*/

.bp-text{
  font-family: "Arial Narrow", Arial, sans-serif;
  color: black;
}



.bp-title{
    font-size: 1.36em;
    text-transform: capitalize;
    margin-bottom: 0px !important;
    margin-top:auto;
}

.bp-subtitle {
    font-size: 1em;
    font-weight: bold;
}

.bp-category {
    background-color: black;
    color: white;
    height:30px;
    font-size: 0.82em;
    text-transform: uppercase;
}

.bp-category .fl-module-content {
    margin-bottom: auto;
    margin-top: 3px;
    margin-left: 20px;
}

.bp-source {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 0.82em;
    color: #606060;
    font-style: italic;
}

.bp-ul-2col{
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    list-style-position: inside !important;
}
.bp-largenumber{
    font-size:1.82em;
    color: #9F171E;
    text-decoration: none;
    line-height: 35px;
}

.bp-bright-blue{
  color: #0D77B9
}

.bp-section-title{
    font-family: "Arial Narrow", Arial, sans-serif;
    font-weight:bold;
    font-size: 1.36em;
    margin-bottom:10px;
    color: black;
}

.bp-paragraph-title{
  font-size: 1.36em;
}

.bp-paragraph-text{
  font-size: 1em;
}

.bp-chart-title{
  font-family: "Arial Narrow", Arial, sans-serif;
   font-size: 1em;
   font-weight: 700;
   color: black;
}

.bp-center{
  text-align:center;
  margin-left: auto;
  margin-right: auto;
}

.bp-ml-text{
    font-size:24px;
    color: #9F171E;
}

.bp-small{
  font-size: 0.82em;
}

.map-note{
    font-size: 16px;
    color: #606060;
    font-style: italic;
}

.bp-bp-link::before{
    content:">> ";
}

.bp-bp-link, .bp-bp-link:visited{
    color: #094677;
    font-style: inherit;
    font-weight: inherit;
    white-space: nowrap;
}
.bp-exclamation::before{
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NS4yOSA2NS4yOSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwZTIwMzI7fS5jbHMtMntmaWxsOm5vbmU7c3Ryb2tlOiMwZTIwMzI7c3Ryb2tlLXdpZHRoOjIuNzhweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmV4LWN3ci1ibGFjazwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yOC43NCw0Ny44M2g3LjgxdjcuMzFIMjguNzRabS4zOC0yNS44OVYxMC4xNWg3LjA1VjIxLjkzbC0xLjcsMjEuMzVIMzAuODJaIi8+PGNpcmNsZSBjbGFzcz0iY2xzLTIiIGN4PSIzMi42NCIgY3k9IjMyLjY0IiByPSIzMS4yNSIvPjwvZz48L2c+PC9zdmc+");
    position:absolute;
    top: 5px;
    width: 20px;
    height: 20px;
    margin: 0px;
    left: 0px;
}

.bp-exclamation-w-largenumber::before{
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NS4yOSA2NS4yOSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwZTIwMzI7fS5jbHMtMntmaWxsOm5vbmU7c3Ryb2tlOiMwZTIwMzI7c3Ryb2tlLXdpZHRoOjIuNzhweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmV4LWN3ci1ibGFjazwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yOC43NCw0Ny44M2g3LjgxdjcuMzFIMjguNzRabS4zOC0yNS44OVYxMC4xNWg3LjA1VjIxLjkzbC0xLjcsMjEuMzVIMzAuODJaIi8+PGNpcmNsZSBjbGFzcz0iY2xzLTIiIGN4PSIzMi42NCIgY3k9IjMyLjY0IiByPSIzMS4yNSIvPjwvZz48L2c+PC9zdmc+");
  position:absolute;
  top: 17px;
  width: 20px;
  height: 20px;
  margin: 0px;
  left: 0px;
}

.bp-exclamation-w-largenumber,
.bp-exclamation{
    padding-left: 30px;
    padding-top: 5px;
    text-indent: -0px;
    position: relative;
    margin-bottom: 20px;
}



.bp-china-flag::before{
  content:"";
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
  background-repeat: no-repeat;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MiIgaGVpZ2h0PSI3OC4zMSIgdmlld0JveD0iMCAwIDkyIDc4LjMxIj48dGl0bGU+Y2hpbmEgZmxhZzwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cGF0aCBkPSJNNzguMTQsMEgxMy44NkM2LjIxLDAsMCw2LjUsMCwxNC41MXYzMUMwLDUzLjUyLDYuMjEsNjAsMTMuODYsNjBIMjQuNDdWNzcuMTRhMS4xNiwxLjE2LDAsMCwwLDIsLjgyTDQxLjYsNjBINzguMTRDODUuNzksNjAsOTIsNTMuNTIsOTIsNDUuNTF2LTMxQzkyLDYuNSw4NS43OSwwLDc4LjE0LDBaIiBzdHlsZT0iZmlsbDojYTUyNDE4Ii8+PHBhdGggZD0iTTI3LjcxLDM3YTEsMSwwLDAsMC0uMTMsMS42NGMxLS42OSwyLjE1LTEuMjMsMi42My0yLjI4bC4zMiwwYzEuMjYtMSwzLTEuNzEsMy44My0zLjA4LDItMS4xNSwzLC40NSw0LjA5LDEuNDQsMS4zNC43NCwyLjI1LDIuMDUsMy44NywyLjQ0LDAsLjEsMCwuMjEsMCwuMzIuNDguNDkuODIsMS4xNywxLjc1LDEuMDcuMTItMS0uNDYtMS4xMi0uNTUtMS44NywwLS4xMSwwLS4yMSwwLS4zMS0uNDYtMS4zOS0uNzEtMy4wNi0xLjQ5LTQuMDUsMC0uMSwwLS4yLDAtLjMyLS4zNS0xLjE0LS42My0yLjM4LTEuMDYtMy40My44NS0uNTksMi4xNC0uODMsMi4zNS0xLjkybC4zMiwwYzEuNTItLjQyLDIuODMtMi4xOCw1LjExLTMuMjQuMzMtMS0uODEtMS44NS0xLjA4LS44NC0xLjc4LS4xOC0yLjkxLjQ2LTQuMTkuMi0xLjQxLS43OS00Ljc2LjkzLTUtMS4zMi0xLTIuMTMtLjk1LTQuNDgtMi4xNS02Ljg3LjQtLjA4LS4yMy0xLjkxLTEuMTctMS40OGE1LjIzLDUuMjMsMCwwLDAtLjM1LDIuMzJjLS43NCwxLjE2LS4yOCwzLjI1LTEuNDUsNC4wOC0uNzMsMS4yNCwwLDMuNjItMi44MywzLjI3YTEuODcsMS44NywwLDAsMC0uMzIsMGMtMS4xNi0uMzgtMi44LS4xMS00LjIzLS4xMi0xLjEzLjA2LTQuMTMtMS0zLjE2LjcxYTIwLjU3LDIwLjU3LDAsMCwwLDQuNTgsM2MuODUsMSwyLjE4LDEuNDIsMy4yLDIuMmEzMCwzMCwwLDAsMS0xLjM5LDQuMzljLTEuMi43MS0uNjksMi43My0xLjQ3LDMuNzVDMjcuNjgsMzYuNzcsMjcuNywzNi44NywyNy43MSwzN1oiIHN0eWxlPSJmaWxsOiNkOWI3M2I7ZmlsbC1ydWxlOmV2ZW5vZGQiLz48cGF0aCBkPSJNNTkuNzMsMTAuMjZjMCwuMSwwLC4yMS4wNS4zMS0xLDAtLjc0LDEtMS40OCwxLjE3LS44Ny0uMzgtMS4yMy0xLjQtMi43Mi0xLC4yOCwxLjM4LDEuMjIsMS45LDEuNjgsMy0uOC42MS0xLjkyLDEtMS42MywyLjQ3LDEtLjE0LDEuNTItLjc0LDIuODMtLjY4LjcyLjMzLDEuMzEsMi43MywyLjE1LDEuNjlhMywzLDAsMCwwLDAtLjMzYy0uMDgtMS43MS40My0yLjk0LDIuOTItMi42NC4zNi0yLjQzLTIuNjgtLjUtMi42LTIuNTksMC0uMTEsMC0uMjEsMC0uMzMuNzEtLjEyLDAtMS4zNy4wOC0xLjk1QzYwLjM4LDkuNiw1OS4zLDkuMzMsNTkuNzMsMTAuMjZaIiBzdHlsZT0iZmlsbDojZDliNzNiO2ZpbGwtcnVsZTpldmVub2RkIi8+PHBhdGggZD0iTTY3LjM3LDE5LjM3Yy0xLjA5LjUyLS4wNSwxLjY0LDAsMi45LS43Ny4zMS0yLjcyLDEuMTUtMS43MiwxLjg1bC4zMiwwYy4zOS40OCwxLjQuMTgsMiwuMzlhMS40OCwxLjQ4LDAsMCwwLC40My45MmMtLjY3LjQzLDAsMi4xOC44OCwxLjg1LjUtLjY3LjUtMS43NCwxLTIuNDFsMS0uMTJhMi4xNywyLjE3LDAsMCwxLDEuNjQuMTJsLjMyLDBjLjY5LTEuMjQtMS42Ny0xLjE0LTEuOTItMi4zNmExNS4zOSwxNS4zOSwwLDAsMCwxLTIuN2wtLjY0LjA4Yy0uMTksMC0uMzcuMDgtLjI4LjM2LS43Ni4zNi0xLjE1LDEtMi4xMiwxLjIzQzY4LjY2LDIwLjY2LDY4LjIyLDE5Ljc0LDY3LjM3LDE5LjM3WiIgc3R5bGU9ImZpbGw6I2Q5YjczYjtmaWxsLXJ1bGU6ZXZlbm9kZCIvPjxwYXRoIGQ9Ik02OC4xNywzMy41NWMtLjEyLDEuMTUtMS41NywxLjI5LTIuNzIsMS42My0uNjMsMSwxLjgsMS4xMywyLjE5LDItLjI4Ljc0LS4xMiwxLjg0LS42OCwyLjM2LS4xNywwLS4zMi4zMSwwLC4zMiwxLjQ4LS4xLDEuMTUtMS42LDIuNzItMS42NC44Mi4xLDIsMS43OSwyLjMyLjM2YTMsMywwLDAsMS0xLjI0LTIuMTFjMS4xNC0uMzUsMS40NS0xLjM4LDItMi4xOWE1Ljg1LDUuODUsMCwwLDAtMi41Mi42NGMtLjA3LS40Mi0uNDctLjQtLjQzLS45Mi0uMS0uNzYtLjY3LS44OC0uNTctMS44OS0uODQsMC0xLjYxLjEtMS4xNiwxLjEzQzY4LjE0LDMzLjMzLDY4LjE1LDMzLjQ0LDY4LjE3LDMzLjU1WiIgc3R5bGU9ImZpbGw6I2Q5YjczYjtmaWxsLXJ1bGU6ZXZlbm9kZCIvPjxwYXRoIGQ9Ik01OC43OSw0NC4xMmMtMS4xNCwwLTEuMzctMS4yMS0yLjQ1LTEuMy4wOSwxLjQyLjksMS40MSwxLjM2LDMuMDdhMi45LDIuOSwwLDAsMC0yLDEuODhsMy4yLS40MWMtLjA3LDEuMi44NCwxLjE1LjkyLDIuMTctLjI0LjA5LS4zNS4zMS0uMjQuNjhsMS0uMTNjMC0xLjM0LDAtMi42Ny44Ny0zLjM2LjQ0LS4xOC41LS40NSwxLS4xMiwwLC4xMSwwLC4yMiwwLC4zMiwxLDAsMS4zOS0uNDUsMS4xMS0xLjQzLTEuMjMuNDctMS4wNy0uODMtMi4zMS0uMzYsMC0uMTEsMC0uMjEsMC0uMzMtLjQ5LTEuNTIuODctMS42My4yNS0zLjI3LTEuMjYtLjExLTEuMTYuODQtMS40NCwxLjQ4QzU5LjMsNDMuMTgsNTkuNDEsNDQsNTguNzksNDQuMTJaIiBzdHlsZT0iZmlsbDojZDliNzNiO2ZpbGwtcnVsZTpldmVub2RkIi8+PC9nPjwvZz48L3N2Zz4=");
  position:absolute;
  top: 5px;

  margin: 0px;
  left: 0px;
}

.bp-china-flag{
    padding-top: 5px;
    padding-left: 50px;
    text-indent: -0px;
    position: relative;
    margin-bottom: 20px;
}

/* Maps elements */


	.legend {
		font-family: "Arial Narrow", Arial, sans-serif;
	}

	.legend-bubbled .legend-bubble {
		fill: none;
		stroke: black;
	}

	.legend-bubbled .legend-label {
		font-size:0.5em;
		font-family:Arial;
	}

	.legend-header{
		font-weight:500;
		font-size:0.9em;
		fill: #505050;
	}

	.legend-unit{
		font-size:0.9em;
		fill: #505050;
	}

	.legend-label{
		font-size:0.8em;
		fill: #505050;
	}


/* Maps forms: select basemap, layers */

.province-name-g{
   font-family: "Arial Narrow", Arial, sans-serif;
   font-size: '12px';
   text-anchor: middle;
}

.map-forms{
    z-index:1000;
    position: relative;
}

.map-forms form,
.map-forms form div{
    display:  inline-block;
    vertical-align: top;
    margin-right: 10px;
    position: relative;
    z-index:1000;
    width: 100%;
}

.map-forms-indicator{
    color: lightgray;
    font-weight: 300;
}

.map-forms-inline{

    display: inline-flex;
}

.map-forms form {
		font-family: "Arial Narrow", Arial, sans-serif;
		font-size:12px;
		margin-left:12px;
	}

.map-forms .grid-item{
    cursor: pointer;
    margin-bottom: 15px;
    text-align: center;
}

.grid-container-2cols .grid-item{
   width: calc(50% - 15px);
}

.grid-container-3cols .grid-item{
   width: calc(33% - 15px);
}

.grid-container-4cols .grid-item{
   width: calc(25% - 15px);
}

.map-forms .grid-item input{
    display: none;
}

.map-forms label{
    font-weight: inherit;
    padding-left: 0.5em;
}

.map-forms{
    border: solid 1px lightgray;
    border-radius: 7px;
}

.map-forms button {
    display: inline-block;
    vertical-align: top;
}

.map-tooltip {
    color: #222;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0px 0px 2px 0px #a6a6a6;
    padding: .2em;
    text-shadow: #f5f5f5 0 1px 0;
    opacity: 0.9;
    position: absolute;
    font-family: "Arial Narrow", Arial, sans-serif;
  }

/* Rows */

.mt{
  margin-top: 40px;
}

.row.bp-furtherreading{
  width:100%;
  background: #EFEFEF;
  padding: 20px;
  display: inline-flex;
}

.bp-furtherreading ul{
   margin-top: 10px;
   line-height: 2;
}

.bp-furtherreading h1,
.bp-furtherreading h2,
.bp-furtherreading h3,
.bp-furtherreading h4,
.bp-furtherreading h5{
    color:white;
}

.bp-furtherreading a:visited{
    color:black;
}

.bp-furtherreading{
    background:#EFEFEF;
    color: #020303;
}

.bp-green-bg{
  background-color: #6b8033;
  color:white;
}

.bp-grey-bg{
  background-color: #f5f5f5;
  color: black;
}

.bp-pink-bg{
  background-color: #EFCCCF;
}

.bp-light-blue-bg{
  background-color: #D8E8F6;
}
.blue-bg{
    color: #FFFFFF !important;
    background-color: #0D77B9;
}

.blue-bg a:visited,
.blue-bg a{
    color: #FFFFFF !important;
}


.entry-title,
.entry-meta{
    display:none;
}

.grid-container {
    margin-top: 6px;
    display: grid;
    grid-row-gap: 25px;
}

input[type="radio"]:checked+label,
input[type="checkbox"]:checked+label{
    color: #0D77B9;
    font-weight: bold;
}

.legend-subtitle{
    font-weight: bold;
    padding-top:12px;
    padding-bottom:6px;
    font-size: 12px;
}


.grid-item label{
    display: block;
    color: #555;
    font-weight: 300;
    font-size: 12px;
}

.crop-icon{
    height: 25px;
    padding: 0;
    cursor: pointer;
}


.bp-toprow {

    margin-top: auto;
    position: relative;
}

.bp-toprow:after {
	content: '';
	position: absolute;
	bottom: 0px;
	left: 50%;
	width: 50%;
	border-bottom: 3px solid #020303;
}
.bp-toprow:before {
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0%;
	width: 50%;
	border-bottom: 3px solid #0D77B9;
}

.bp-toprow .fl-row-content-wrap{
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: -8px;
}

.bp-logo .fl-module-content{
    margin-left: 5px;
    margin-top: 7px;
}
.bp-toprow .fl-module{
    margin-top: auto;
    margin-bottom:auto;
}
