.c-fix:after{
  content: "";
  display: table;
  clear: both;
 }

.gmm-disclaimer{
  font-style:italic;
  color:#555555;
  padding:0.5rem 1rem;
  border:1px solid rgba(13,115,214,.35);
  margin-top:2rem;clear:both;
}

 .beeswarm-section-title{
  font-size:1.2rem;
  font-weight:bold;
  margin:1rem 1rem 5px 1rem;
  line-height:1.5em;
  text-align:center;
  text-transform:uppercase;
 }

 .beeswarm-section-title span{
    border-top:1px solid #aaaaaa;
    display:inline-block;
    padding:5px 10px;
 }

 .beeswarm-image{
  margin:0rem auto;
 	border:0px solid #dddddd;
 	border-radius:5px;
 	padding:0px 0px 0px 15px;
  float:right;
  width:260px;
 }
  .beeswarm-image p{
    text-align:right;
    font-style:italic;
    margin:0rem 0rem 5px 0rem;
    padding-bottom:5px;
    border-bottom:1px solid #aaaaaa;
  }

  .beeswarm-image p:first-child{
  	border-bottom:0px solid #aaaaaa;
  }

 .beeswarm-image img{
 	display:block;
 	width:100%;
 	height:auto;
  float:left;
  margin:0rem;
 }


.metro-interactive .tooltip-wrapper{
  position: absolute;
  pointer-events: none;
}

.metro-interactive .tooltip-wrapper > div{
  padding: 5px 12px;
  background-color: rgba(255,255,255,0.9);
  border: 1px solid #dddddd;
  border-radius: 5px;
  pointer-events:none;
  display:inline-block;
  float:left;
}

/*structure of toggle buttons: {.toggle-buttons} > {toggle-buttons-inner} > [div:toggle button] > [p:text label];*/

.metro-interactive p, .metro-interactive li{
  line-height:1.7em;
}

.metro-interactive .toggle-buttons{
  text-align:center;
  position:relative;
  z-index:10;
}

.metro-interactive .toggle-buttons div{
  display:inline-block;
}

.metro-interactive .toggle-buttons p{
  line-height:1em;
  margin:5px;
  padding:5px 7px;
  cursor:pointer;
}

/*the actual button shapes*/
.metro-interactive .toggle-buttons > div > div > *{
  cursor:pointer;
  border:1px solid #bbbbbb;
  border-radius:5px;
  box-shadow: 1px 3px 5px rgba(0,0,0,.25);
}

.metro-interactive .toggle-buttons > div > div.toggle-selected > *{
  background-color: #dddddd;
}

.metro-interactive .toggle-buttons > div > div:hover > *{
  transform: translateY(-2px);
  box-shadow: 1px 5px 7px rgba(0,0,0,.25);  
}

.metro-interactive .toggle-buttons > div > div:active > *{
  transform: translateY(0px);
  box-shadow: 1px 2px 8px rgba(0,0,0,.25);
}

.metro-interactive .toggle-buttons p{
  user-select:none;
}

.metro-interactive .tooltip-wrapper.tip-left > div{
  float:right;
}

.metro-interactive .show-hide-table p{
  text-align:center;
  font-style:italic;
}

.metro-interactive .table-wrap{
  position:absolute;
  height:100%;
  height:calc(100% - 20px);
  width:100%;
  max-width:700px;
  overflow:auto;
  left:50%;
  top:0px;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  padding:0.5rem 1rem;
  border:1px solid #aaaaaa;
  border-width:0px 1px 0px 1px;
  background-color:#eeeeee;
  z-index:20;
}

.metro-interactive .beeswarm-wrapper .table-wrap table{
  border-collapse: collapse;
}

.metro-interactive .beeswarm-wrapper .table-wrap table tr td{
  font-weight:normal;
  border:none;
  border-bottom:1px dotted #aaaaaa;
  vertical-align: bottom;
  line-height:1.35em;
  background:none;
  background-color:transparent;
  font-size:16px;
}

.metro-interactive .beeswarm-wrapper .table-wrap table tr:first-child td{
  font-weight:bold;
  border-bottom:1px solid #aaaaaa;
  line-height:1.35em;
  font-size:16px;
}

 .metro-interactive div{
 	box-sizing: border-box;
 }

 .metro-interactive .swarm-region-title{
  margin:5px 0px 0rem 0px;
  line-height:1.25em;
 }

 .metro-interactive input,  .metro-interactive .close-data-table{
  font-family:"PT Serif", Times, serif;
  font-size:15px;
  padding: 2px 5px;
  line-height:1.4em;
  height:1.6em;
  font-style:normal;
  font-weight:normal;
  border:1px solid #aaaaaa;
  border-width:0px 0px 1px 0px;
  border-radius:0px;
  background-color:transparent;
  color:#555555;
 }

 .metro-interactive .outliers{
  margin:0rem 12px;
  padding:0.75rem 0rem;
  text-align:center;
 }

.metro-interactive .outliers p{
  display:inline-block;
  margin:0px 5px 0px 0px;
}


.metro-interactive .centre-col{
  max-width:780px;
  padding:0rem 30px;
  margin:0rem auto 1rem auto;
}

.metro-interactive .chart-col{
  min-height:350px;
  background-color:#eeeeee;
  padding:2rem 1rem;
  margin:2rem auto 3rem auto;
}

.metro-interactive .chart-col > div{
  max-width:780px;
  padding:0rem 2rem;
  margin:4rem auto 3rem;
}

.metro-interactive .chart-col > div:first-child{
  margin-top:0rem;
}

.metro-interactive .chart-col img{
  display:block;
  width:100%;
  height:auto;
}

.metro-interactive .chart-col > div > p{
  max-width:720px;
  margin:0rem auto;
}

.metro-interactive .chart-col > div p:first-child{
  font-size:1.15rem;
  margin-bottom:5px;
  font-weight:bold;
}

.metro-interactive .chart-col > div > p:last-child{
  color:#555555;
  font-style:italic;
  font-weight:normal;
}

.metro-interactive .chart-col p.source-or-note{
  font-size:0.9em;
  color:#555555;
  font-style:italic;
  position:relative;
  margin-top:0rem;
}

.metro-interactive p.source-or-note:before{
  position:absolute;
  top:-5px;
  left:0px;
  width:100px;
  height:1px;
  border-top:1px solid #aaaaaa;
  content:"";
}

.metro-interactive div.section-title-mpp.image-backed{
  padding:100px 0rem 3rem 0rem;
  margin:6rem 0em 4rem 0em;
  min-height:75vh;
  background-attachment: fixed;
  background-position: 50% 50%;
  background-size:cover;
  border:1px solid rgb(124,206,210);
  border-width:1px 0px;
  position:relative;
}

.metro-interactive div.section-title-mpp p span{
  display:block;
  position:absolute;
  top:-42px;
  left:-42px;
  font-size:24px;
  line-height:24px;
  text-align:center;
  height:42px;
  width:42px;
  padding:8px;
  background-color:rgba(21,58,108,0.85);
  border:1px solid rgba(13,115,214,.35);
  text-shadow:none;
  font-weight:bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.metro-interactive span.nobrk{
  white-space: nowrap;
}

.metro-interactive div.section-title-mpp.image-backed > div{
  max-width:780px;
  margin: 0rem auto;
  padding:30px 30px;
  background-color:rgba(21,58,108,0.85);
  border:1px solid rgba(13,115,214,.35);
  position:relative;
}

.metro-interactive div.section-title-mpp.image-backed > p{
  max-width:780px;
  text-align:right;
  font-size:16px;
  font-weight:bold;
}

.metro-interactive div.section-title-mpp.image-backed > p > a{
  color:#ffffff;
  text-shadow: 1px 1px 3px #333333;
  margin-left:10px;
}


.metro-interactive div.section-title-mpp.image-backed > div > p{
  font-size:1.15rem;
  font-style:italic;
  text-shadow: 1px 1px 3px #333333;
  color:#ffffff;
  margin:0rem 0rem 30px 0rem;
}

.metro-interactive div.section-title-mpp.image-backed > div > p:first-child{
  font-style:normal;
  font-size:2rem;
  line-height:1.4em;
  margin-bottom:30px;
}


@media (min-width:0px){

  .metro-interactive div.section-title-mpp.image-backed{
    padding-top:60px;
  }

  .metro-interactive div.section-title-mpp.image-backed > div{
    padding:50px 40px 20px 40px;
    border-width:1px 0px;
  }  

  .metro-interactive div.section-title-mpp p span{
    top:0px;
    left:0px;
    border-width:0px 1px 1px 1px;
  }

}

@media (min-width:880px){

  .metro-interactive div.section-title-mpp.image-backed{
    padding-top:120px;
  }

  .metro-interactive div.section-title-mpp.image-backed > div{
    border-width:1px;
  }  

  .metro-interactive div.section-title-mpp p span{
    top:-42px;
    left:-42px;
    border-width:1px;
  }
}