#g-vis h1 {
  font-weight: bold;
}

#g-vis .lead {
  font-weight: normal;
}

.no-padding-only {
	padding: 0;
}

#g-vis-container {
  max-width: 850px;
  margin: 1% auto;
  font-family: "Lato";
}

.g-graphic {
  width: 100%;
  margin: 0;
  padding: 0;
}

.g-legend {
  display: flex;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
  margin-top: 8px;
}

.g-legend div {
  margin: 2px 8px;
}

.g-tip {
  position: absolute;
  width: 275px;
  border: 1px solid #eee;
  /*border-radius: 3px;*/
  background: #fff;
  z-index: 100;
  background: #fff;
  z-index: 100;
  box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
  padding: 12px;
  font-size: 15px;
  line-height: 1.7;
}

.g-legend div {
  font-size: 14px;
  display: flex;
  align-items: center;
}

.g-legend > div > span.key-block {
  border-radius: 0px;
  width: 15px;
  height: 10px;
}

.g-legend > div > span.key-block.new {
  background-color: #71b778;
}

.g-legend > div > span.key-block.returning {
  background-color: #fc9956;
}

.g-legend > div > span.key-block.new.shaded {
  background-image: linear-gradient(135deg, #71b778 41.67%, #ffffff 41.67%, #ffffff 50%, #71b778 50%, #71b778 91.67%, #ffffff 91.67%, #ffffff 100%);
  background-size: 33.94px 33.94px;
}

.axis path {
  display: none;
}

.axis text {
  font-size: 12px;
}

.g-tip-mobile {
  left: 0;
  position: fixed;
  width: 100%;
  bottom: 0;
  border: none;
  border-radius: 0;
  box-shadow: 0 0 2px rgba(0,0,0,0.5);
}

.btn-wrapper {
  display: block;
  text-align: center;
}

.note {
  font-size: 14px;
}

.rect:hover {
  fill-opacity: .25;
}

.rect.returning {
  fill: #fc9956;
}

.rect.new {
  fill: #71b778;
}

.btn-custom.btn-light {
  margin: 4px 4px;
  font-size: 14px;
  border-radius: 0px;
}

.btn-light {
  background-color: #eee;
  margin: 4px 2px;
}

.btn-custom {
  border: 1px solid #fff;
  text-transform: capitalize;
}

.btn-custom:hover,
.btn-custom.active {
  /*opacity: .65;*/
  color: #fff;
}

.btn-custom.btn-light.btn-active {
  background-color: #58595b;
  color: #fff;
  box-shadow: 0 0 0 0.15rem rgba(88,89,91,.5);
}

.tip-title {
  font-size: 16px;
  display: flex;
  align-items: center;
}

.key-block {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: goldenrod;
  margin-right: 4px;
}

.key-block.democrat {
  background-color: rgb(132, 185, 216);
}

.key-block.republican {
  background-color: rgb(233, 74, 66);
}

.tip-district {
  color: #777;
  /*margin: 0px 0px 6px;*/
  /*line-height: 1;*/
}

.tip-sentence span {
  /*font-weight: bold;*/
  color: #fff;
  padding: 1px 4px;
  border-radius: 2px;
  background-color: #71b778;
}

.tip-sentence span.returning {
  background-color: #fc9956;
}