@import "https://use.fontawesome.com/releases/v5.15.2/css/all.css";

@media screen {
  html, body {
    background: #ffffff;
    color: #1e2244;
    width: 100%;
    margin: 0;
    padding: 0;
    font: normal normal normal 20px/28px Montserrat;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, .1);
    -webkit-text-shadow: 0px 0px 1px rgba(0, 0, 0, .1);
    -moz-text-shadow: 0px 0px 1px rgba(0, 0, 0, .1);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.625;
  }

  .hide {
    display: none;
  }

  .container {
    width: 1180px;
    max-width: 90%;
    margin: 0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }

  .historical-scores-container.container {
    max-width: 100%;
  }

  .main-content {
    padding-top: 30px;
  }

  .body-content .container {
    margin: 15px auto;
  }

  .clear {
    width: 100%;
    display: block;
    clear: both;
  }

  .divider.clear {
    height: 1px;
    background: #e6e6e6;
    border-bottom: 1px solid #ffffff;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .legislator-profile .divider.clear{
    margin-bottom: 5px;
  }

  h1 {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
  }

  a {
    color: #1e2244;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
  }

  a.btn {
    height: 37px;
    line-height: 37px;
    padding-left: 25px;
    padding-right: 25px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
    background: #1e2243;
  }

  select {
    -webkit-appearance: none;
    outline: 0;
    border: 0;
    height: 45px;
    line-height: 45px;
    width: 250px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    background: url("images/downarrow.png") 225px center no-repeat #ffffff;
    padding-right: 30px;
    text-indent: 15px;
    border: 1px solid #d7d7d7;
    font-size: 17px;
    -webkit-box-shadow: inset 0px 1px 4px 0px #dddddd;
    -moz-box-shadow: inset 0px 1px 4px 0px #dddddd;
    box-shadow: inset 0px 1px 4px 0px #dddddd;
  }

  select:hover {
    cursor: pointer;
  }

  .social-buttons {
    float: right;
    height: 40px;
  }

  .social-buttons .button {
    float: right;
    display: block;
    margin-right: 15px;
  }

  .social-buttons .fb.button {
    margin-top: 10px;
  }

  .social-buttons .tw.button {
    margin-top: 11px;
  }

  /* Header Styles */
  .header {
    background: #FFFFFF;
    width: 100%;
    display: block;
  }

  .header a.logo {
    display: block;
    margin: 5px 0;
  }

  .header a.logo img {
    max-height: 132px;
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }

  .header a.logo .red {
    color: #952017;
  }

  .header a.logo:hover, .header a.logo:hover .red {
    color: #383f77;
  }

  .header .btns {
    display: none;
  }

  .header .btns a.btn {
    float: right;
    margin-left: 15px;
  }

  .header .btns a.btn.donate-btn {
    background: #ae3e25;
  }

  .header .btns a.btn.donate-btn:hover {
    background: #d34e31;
  }

  .header .btns a.btn.subscribe-btn {
    background: #1e2243;
  }

  .header .btns a.btn.subscribe-btn:hover {
    background: #3a417c;
  }

  .header .btns a.btn.share-btn {
    font-weight: normal;
    height: 35px;
    line-height: 35px;
    background: url("images/greybtn.png");
    color: #1e2244;
    border-top: 1px solid #e2e2e2;
    border-bottom: 2px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4);
  }

  .header .btns a.btn.share-btn:hover {
    background: #fafafa;
  }

  /* Navigation Styles */
  .navigation {
    background-color: #14285d;
  }

  .navigation .container {
    max-width: 100%;
    width: 100%;
    padding: 0;
  }

  .navigation .menu-expand {
    width: 1120px;
    max-width: 90%;
    margin: 0 auto;
    display: none;
    padding: 10px 0;
    color: #000;
    outline: 0;
    text-decoration: none;
    text-align: right;
    z-index: 1;
    font-family: Lato, helvetica neue, helvetica, arial;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.625;
  }

  .navigation .menu-expand:hover {
    cursor: pointer;
  }

  .navigation ul {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #14285d;
    min-height: 68px;
    padding: 0;
    margin: 0;
  }

  .navigation ul li {
    font-size: 20px;
    font-family: Montserrat, SemiBold;
    padding: 0 3%;
    position: relative;
    display: inline-block;
  }

  .navigation ul li:last-child {
    margin-right: 0px;
  }

  .navigation ul li a {
    color: #fff;
    font-weight: 400;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: .5px;
    padding: 15px 1rem;
    text-decoration: none;
    font: normal normal 600 20px/24px Montserrat;
    letter-spacing: 0;
  }

  .navigation ul li:first-child a {
    padding-left: 0px;
  }

  .navigation ul li a:hover {
    color: #960200;
  }

  /* Snapshot Styles */
  .snapshot {
    width: 100%;
    min-height: 390px;
    background-position: center -55px;
    background-image: url(images/snapshotbg.jpg);
    background-attachment: fixed;
    background-size: cover;
    border-bottom: 1px #d3d4e3 solid;
  }

  .snapshot .snapshot-inner {
    background: rgba(30, 34, 67, 0.7);
    width: 100%;
    min-height: 390px;
    display: block;
  }

  .snapshot .container {
    padding-top: 60px;
    margin-top: 0
  }

  .snapshot .intro {
    float: left;
    width: 45%;
    color: #ffffff;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6);
  }

  .snapshot .intro h1 {
    text-transform: uppercase;
    font-size: 25px;
    margin: 0;
    margin-bottom: 15px;
  }

  .snapshot .intro .btn {
    float: left;
    margin-right: 20px;
    text-shadow: 0 0 0;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4);
  }

  .snapshot .intro .btn.learn-btn {
    background: url("images/greybtn.png") #fafafa;
    color: #1e2244;
  }

  .snapshot .intro .btn.learn-btn:hover {
    background: #fafafa;
  }

  .snapshot .intro .btn.who-btn {
    background: url("images/search.png") 25px center no-repeat #1e2243;
    padding-left: 55px;
  }

  .snapshot .intro .btn.who-btn:hover {
    background-color: #3a417c;
  }

  .snapshot .averages {
    float: right;
    width: 50%;
    padding-top: 30px;
  }

  .snapshot .averages h3 {
    text-align: center;
    color: white;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6);
    font-size: 20px;
    padding-left: 45px
  }

  .snapshot .averages .chart-container {
    float: right;
    width: 130px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .snapshot .averages .chart-container .chart-title {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    text-align: center;
    color: #ffffff;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6);
    font-size: 15px;
  }

  .snapshot .averages .chart-container .chart {
    width: 130px;
    height: 130px;
  }

  .snapshot .averages .chart-container .chart .chart-summary {
    font-size: 35px;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6);
  }

  .featherlightbox.featherlight-iframe .featherlight-content {
    margin: 0;
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
    border-bottom: 0px;
  }

  .featherlightbox.featherlight-iframe .featherlight-content iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
  }

  /* Select Bar Styles */
  .select-bar .share-btn {
    font-weight: normal;
    height: 32px;
    line-height: 32px;
    background: url("images/greybtn.png");
    color: #1e2244;
    border-top: 1px solid #e2e2e2;
    border-bottom: 2px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4);
    float: right;
    margin-top: 3px;
  }

  .select-bar .share-btn:hover {
    background: #fafafa;
    cursor: pointer;
  }

  .select-bar select {
    float: left;
    margin-right: 20px;
  }

  /* Navigation Styles */
  /* Chart Styles */
  .chart {
    width: 100px;
    height: 100px;
    position: relative;
  }

  .chart-popover {
    display: none !important;
  }

  .chart-summary {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #d5d5d5;
    text-align: center;
    text-shadow: 0 -1px 0 #111;
    cursor: default;
    font-size: 35px;
  }

  .chart-summary p {
    margin: 0;
    padding: 0;
  }

  /* Table Styles */
  table {
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
  }

  table thead {
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
  }

  table thead tr {
    height: 48px;
    background: url("images/chartheader.png");
    text-indent: 15px;
  }

  table thead tr span.sortable {
    padding-right: 15px;
    background: url(images/sortable-down-transparent.png) right center no-repeat;
  }

  table thead tr .sorttable_sorted span.sortable {
    padding-right: 15px;
    background: url(images/sortable-down.png) right center no-repeat;
  }

  table thead tr .sortable:hover {
    cursor: pointer;
    text-decoration: underline;
  }

  table thead tr .sorttable_sorted_reverse span.sortable {
    padding-right: 15px;
    background: url(images/sortable-up.png) right center no-repeat;
  }

  table thead tr th {
    text-align: left;
  }

  table tbody tr {
    text-indent: 15px;
    height: 70px;
    line-height: 70px;
    border-bottom: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    background: #ffffff;
  }

  table.vote-table tbody tr {
    line-height: 44px;
    height: 44px;
  }

  table.legislator-table tbody tr {
    height: 24px;
  }

  table tbody tr td {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  table tbody tr .legislator a {
    text-decoration: none;
  }

  table tbody tr .legislator a:hover {
    text-decoration: underline;
    cursor: pointer;
  }

  table tbody tr .legislator .profile-image {
    width: 72px;
    height: 72px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #f3f3f3;
    display: block;
    float: left;
    margin-left: 15px;
  }

  table.vote-table tbody tr .legislator .profile-image {
    width: 46px;
    height: 46px;
  }

  table tbody tr .legislator .profile-image img {
    width: 72px;
    height: auto;
    display: block;
  }

  table.vote-table tbody tr .legislator .profile-image img {
    width: 46px;
  }

  table tbody tr .score .chart {
    text-indent: 0;
    width: 74px;
    height: 74px;
  }

  table tbody tr .score .chart-summary {
    font-size: 21px;
    color: #8ebd4e;
    text-shadow: 0 0 0;
    line-height: 25px;
    font-weight: bold;
  }

  table .header-fixed {
    position: fixed;
    top: 0;
    z-index: 1020;
    /* 10 less than .navbar-fixed to prevent any overlap */
    border-bottom: 0px solid #d5d5d5;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0, 0, 0, 0.1);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  }

  .chart-score.green-score {
    color: #8ebd4e;
  }

  .chart-score.yellow-score {
    color: #e5c21e;
  }

  .chart-score.red-score {
    color: #ae3e25;
  }

  .chart-score.black-score {
    color: #000000;
  }

  table.vote-table td.vote {
    width: 160px;
  }

  /* Legislator Profile Styles */
  .legislator-content .legislator-profile-section .legislator-profile {
    display: grid;
    grid-template-columns: min-content 1fr max-content;
    grid-template-rows: auto;
    grid-template-areas: "image name social" "image party social" "image divider divider" "image details score" "image buttons score" "image . meta";
  }

  .legislator-content .legislator-profile-section .legislator-profile .image {
    grid-area: image;
  }

  .legislator-content .legislator-profile-section .legislator-profile .name {
    grid-area: name;
  }

  .legislator-content .legislator-profile-section .legislator-profile .party {
    grid-area: party;
  }

  .legislator-content .legislator-profile-section .legislator-profile .divider {
    grid-area: divider;
  }

  .legislator-content .legislator-profile-section .legislator-profile .score {
    grid-area: score;
    justify-self: end
  }

  .legislator-content .legislator-profile-section .legislator-profile .rep-details {
    grid-area: details;
  }

  .legislator-content .legislator-profile-section .legislator-profile .btn-bar {
    grid-area: buttons;
  }

  .legislator-content .legislator-profile-section .legislator-profile .rep-metadata {
    grid-area: meta;
    justify-self: end
  }

  .legislator-content .legislator-profile-section .legislator-profile .social {
    grid-area: social;
    justify-self: end
  }

  .legislator-profile + .legislator-profile {
    margin-top: 50px;
  }

  .legislator-content .legislator-profile-section .legislator-profile .profile-image {
    margin-right: 20px;
    background: #ffffff;
    padding: 5px;
    overflow: hidden;
    width: 160px;
    height: 180px;
    -webkit-box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }

  .legislator-profile .profile-image-inner {
    overflow: hidden;
    width: 100%;
    height: 180px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }

  .legislator-profile .profile-image-inner img {
    width: 100%;
    height: auto;
  }

  .legislator-profile .share-btn {
    float: right;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    background: url("images/greybtn.png");
    color: #1e2244;
    border-top: 1px solid #e2e2e2;
    border-bottom: 2px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4);
    margin-right: 2px;
  }

  .legislator-profile .share-btn:hover {
    background: #fafafa;
  }

  .legislator-profile h1 {
    margin: 0;
    padding: 0;
    font-size: 22px;
    line-height: 34px;
  }

  .legislator-profile .party {
    font-size: 20px;
    font-style: italic;
  }

  .legislator-profile .score {
    width: 115px;
  }

  .legislator-profile .score .legislator-chart {
    width: 115px;
    height: 115px;
    margin-top: -5px;
  }

  .legislator-profile .score .legislator-chart .chart-summary {
    color: #8ebd4e;
    text-shadow: 0 0 0;
    font-weight: bold;
  }

  .legislator-profile .score .chart-title {
    width: 100%;
    margin-bottom: 3px;
    text-align: center;
  }

  .legislator-profile .rep-details {
    overflow: hidden;
    margin-right: 140px;
  }

  .legislator-profile .rep-details .district,
  .legislator-profile .rep-details .first-elected,
  .legislator-profile .rep-details .email {
    display: block;
    line-height: 28px;
  }

  .legislator-profile .rep-details .btn-bar {
    padding-left: 0px;
    background: 0;
    width: 100%;
    margin-top: -30px;
  }

  .legislator-profile .btn-bar a.btn {
    font-size: 0px;
    position: relative;
    display: inline-block;
  }

  .legislator-profile .btn-bar a.btn {
    display: inline-block;
    background: #1e2243;
    color: #FFF;
    font-size: 15px;
    cursor: pointer;
    transition: all .3s ease-in-out;
    margin-right: 10px;
  }

  .legislator-profile .btn-bar a.btn:hover {
    text-decoration: underline;
  }

  .legislator-profile .btn-bar a.btn.global-cta {
    background: #1c2a4c;
    color: #fff;
  }

  .legislator-profile .btn-bar a.global-cta:hover {
    text-decoration: underline;
  }

  .legislator-profile .rep-details div.contact {
    margin-top: 15px;
  }
  .legislator-profile .rep-details span.label.default {
    display: none;
  }
  .legislator-profile .rep-details a {
    text-decoration: none;
    margin-left: 5px;
  }

  .legislator-profile .rep-details .email span.label.custom:before {
    font-family: "Font Awesome 5 Free";
    content: "\f0e0";
    font-weight: 400;
  }

  .legislator-profile .rep-details .facebook span.label.custom:before {
    font-family: "Font Awesome 5 Brands";
    content: "\f39e";
    font-weight: 400;
    color: rgb(59, 89, 152);
  }

  .legislator-profile .rep-details .twitter span.label.custom:before {
    font-family: "Font Awesome 5 Brands";
    content: "\f099";
    font-weight: 400;
    color: rgb(29, 161, 242);
  }

  .legislator-profile .rep-details .learn-more a {
    color: #942017;
    text-decoration: none;
  }

  .legislator-profile .rep-details .learn-more a:hover {
    text-decoration: underline;
  }

  .legislator-profile .btn-bar {
    display: block;
    margin-top: 15px;
  }

  .legislator-profile .social {
    font-size: 17px;
    font-weight: 600;
  }

  .address-bar {
    display: flex;
    flex-direction: row;
    margin-top: 30px;
  }

  .addresses > div {
    padding-right: 20px;
  }

  .address-bar .title {
    font-weight: bold;
  }

  .addresses .type {
    display: block;
    text-decoration: underline;
    font-size: 16px;
    line-height: 19px;
  }

  .addresses .capitol-address {
    font-size: 14px;
    line-height: 16px;
  }

  .addresses .full-address {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 5px;
  }

  .addresses .phone {
    font-size: 14px;
    line-height: 16px;
  }

  .legislator-profile .overview .benchmarks {
    width: 330px;
    float: right;
    background: #ffffff;
    -webkit-box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }

  .legislator-profile .overview .benchmarks ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }

  .legislator-profile .overview .benchmarks ul li {
    padding: 27px 10px;
    border-bottom: 1px solid #ededed;
  }

  .legislator-profile .overview .benchmarks ul li:last-child {
    border-bottom: 0px;
  }

  .legislator-profile .overview .benchmarks ul li .rank {
    float: left;
    margin-right: 20px;
    height: 34px;
    width: 34px;
    padding: 3px;
    background: #ffffff;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }

  .legislator-profile .overview .benchmarks ul li .rank .rank-inner {
    width: 34px;
    height: 34px;
    background: #000000;
    color: #ffffff;
    line-height: 34px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
  }

  .legislator-profile .overview .benchmarks ul li .rank .rank-inner.green-score {
    background: #8ebd4e;
  }

  .legislator-profile .overview .benchmarks ul li .rank .rank-inner.yellow-score {
    background: #e5c21e;
  }

  .legislator-profile .overview .benchmarks ul li .rank .rank-inner.red-score {
    background: #ae3e25;
  }

  .legislator-profile .overview .benchmarks ul li .rank .rank-inner.black-score {
    background: #000000;
  }

  .scores-border {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
  }

  .historical-scores {
    width: 100%;
    display: block;
    background: #f4f4f4;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
  }

  .historical-scores-container {
    margin: 40px 0 0 0;
    padding: 0
  }

  .historical-scores ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }

  .historical-scores ul li {
    background: url("images/vertical-divider.png") center right no-repeat;
    margin-right: 15px;
    padding-left: 30px;
    padding-right: 45px;
    float: left;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .historical-scores ul li.career-rating {
    font-weight: 600;
  }

  .historical-scores ul li .green-score {
    color: #8ebd4e;
  }

  .historical-scores ul li .yellow-score {
    color: #e5c21e;
  }

  .historical-scores ul li .red-score {
    color: #ae3e25;
  }

  .historical-scores ul li .black-score {
    color: #000000;
  }

  .legislator-about {
    width: 100%;
    display: block;
    padding-top: 0;
  }

  .legislator-about-section .district-map {
    max-width: 420px !important;
  }

  .legislator-about-section .district-map .vue-map-container {
    max-width: 420px !important;
  }

  .legislator-about-section {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 0
  }

  .legislator-about-section > div {
    flex: 1 0;
    margin-top: 30px;
    margin-right: 30px;
  }

  .legislator-about-section > div:nth-child(2) {
    flex: 0 1;
    margin-top: 30px;
    margin-right: 0;
  }

  .legislator-about-inner {
    display: flex;
    flex-wrap: wrap;
    margin: -20px;
  }

  .legislator-about-inner h3 {
    margin: 0 0 5px 0;
  }

  .legislator-about-inner > div {
    flex: 1 0 75%;
  }

  .legislator-about-inner > div > div {
    margin: 20px;
    min-width: 300px;
  }

  .legislator-about-inner .address-list {
    display: flex;
    flex-wrap: wrap;
    margin: -20px;
  }

  .legislator-about-inner .address-list > div {
    margin: 20px;
    min-width: 250px;
    white-space: nowrap;
  }

  .overview .contact-box {
    float: right;
    width: 310px;
    -webkit-box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 25px;
    background: url(images/letter.png) -43px -43px no-repeat #ffffff;
    text-align: center;
    font-size: 18px;
  }

  .overview .contact-box .address, .overview .contact-box .phone {
    padding-left: 25px;
    font-size: 14px;
    margin-top: 20px;
    display: inline-block;
  }

  .overview .contact-box .address {
    margin-top: 15px;
  }

  .overview .contact-box .address-toggle-container {
    font-size: 13px;
    margin-top: 5px;
  }

  .overview .contact-box .address-toggle-container .address-toggle:hover {
    cursor: pointer;
    text-decoration: underline;
  }

  .overview .contact-box .address {
    background: url(images/address.png) top left no-repeat;
  }

  .overview .contact-box .phone {
    background: url(images/phone.png) top left no-repeat;
  }

  .legislator-about .about-inner {
    /*margin-right: 430px;*/
    overflow: hidden;
    line-height: 26px;
  }

  .legislator-about .about-inner h1 {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
  }

  .legislator-about .district {
    float: right;
    display: block;
    width: 420px;
  }

  .legislator-record {
    width: 100%;
    display: block;
    margin-top: 40px;
  }

  .legislator-record .select-bar {
    margin-top: 15px;
  }

  .legislator-record .select-bar .session-select {
    float: left;
    height: 40px;
    line-height: 40px;
  }

  .legislator-record .select-bar .legend {
    float: right;
    display: block;
  }

  .scores-border.ttx-insights-border {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .ttx-insights {
    padding: 20px;
    background: #f4f4f4;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
  }

  .ttx-insights h1 {
    color: #3492ce;
    font-weight: normal;
    float: left;
    font-size: 23px;
  }

  .ttx-insights .date-select {
    float: right;
    font-size: 14px;
  }

  .ttx-insights .date-select select {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    margin-left: 7px;
    width: 190px;
    background-position: 163px center;
  }

  .ttx-insights .ttx-cta {
    margin-bottom: 10px;
    text-indent: 3px;
  }

  .ttx-insights .ttx-cta a {
    text-decoration: underline;
    font-size: 12px;
  }

  .ttx-insights .ttx-cta a:hover {
    text-decoration: none;
    cursor: pointer;
  }

  .ttx-insights ul {
    list-style: none;
    padding: 0;
    text-align: center;
    display: block;
    width: 100%;
    margin-top: 25px;
  }

  .ttx-insights ul li {
    display: inline-block;
    margin-right: 45px;
    margin-left: 45px;
    text-align: center;
  }

  .ttx-insights ul li .amount {
    font-size: 26px;
    color: #34495e;
    line-height: 32px;
    font-weight: 500;
  }

  .ttx-insights ul li .label {
    font-size: 13px;
  }

  .ttx-insights .btn {
    line-height: 30px;
    height: 30px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 10px;
    display: block;
    width: 220px;
    text-align: center;
  }

  ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
  }

  ul.tabs li {
    background: none;
    color: #222;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
  }

  ul.tabs li.current {
    background: #ededed;
    color: #222;
  }

  table.legislator-table {
    display: none;
  }

  table.legislator-table.current {
    display: inline-table;
  }

  #map-box {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    border: 1px solid #ebebeb;
    overflow: hidden;
  }

  #map-stretch {
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
  }

  #map-stretch #district-map {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  #maptabs {
    margin-top: 20px;
    padding-top: 0px;
  }

  #maptabs_fixed {
    padding-top: 0px;
    width: 100%;
    position: fixed;
    background: #f9f9f9;
    top: 0;
    z-index: 30;
  }

  #map-legislators {
    position: absolute;
    right: -2px;
    top: 10px;
    z-index: 20;
  }

  #map-legislators .legislator-ajax {
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    border: 1px solid #ebebeb;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background: #f9f9f9;
    width: 400px;
    margin-bottom: 10px;
    padding: 8px;
  }

  #map-legislators .legislator-profile .overview .profile-image {
    display: block;
    width: 100px;
    height: 120px;
  }

  #map-legislators .legislator-profile .overview .profile-image-inner {
    height: 120px;
  }

  #map-legislators .legislator-ajax .loader {
    display: none;
  }

  #map-legislators .legislator-ajax .results {
    display: none;
  }

  #map-legislators .legislator-ajax.loading .loader {
    display: block;
  }

  #map-legislators h1 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 5px;
  }

  #map-legislators .close-button {
    cursor: pointer;
    z-index: 22;
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    top: 10px;
    right: 12px;
  }

  #map-legislators .legislator-profile .overview {
    position: relative;
    padding-bottom: 0px;
  }

  #map-legislators .legislator-profile .overview .overview-inner {
    vertical-align: middle;
    position: absolute;
    margin: auto;
    left: 110px;
    right: 0px;
    bottom: 5px;
    top: 25px;
  }

  #map-legislators .legislator-profile .overview .overview-inner .score {
    margin: auto;
    width: 110px;
    float: none;
  }

  #map-legislators .legislator-profile .overview .overview-inner .score .legislator-chart {
    margin: auto;
    width: 65px;
    height: 65px;
  }

  #map-legislators .chart + .chart-title {
    margin-top: 2px;
  }

  #map-legislators .divider {
    margin-top: 6px;
    margin-bottom: 8px;
  }

  #map-legislators .legislator-ajax .overlay {
    display: none;
    position: absolute;
    pointer-events: none;
    background-color: #f9f9f9;
    z-index: 21;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 10px;
    opacity: 0.60;
    -moz-opacity: 60%;
    -webkit-opacity: 60%;
    filter: alpha(opacity=60);
    progid: DXImageTransform . Microsoft . Alpha(Opacity = 60);

  }

  .map-layer-house #legislator-senate .overlay,
  .map-layer-senate #legislator-house .overlay {
    display: block;
  }

  #infowindow-content .title {
    font-weight: bold;
  }

  #infowindow-content {
    display: none;
  }

  #district-map #infowindow-content {
    display: inline;
  }

  #district-map-picture div {
    position: relative;
    top: -10px;
    left: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 128px;
    height: 128px;
    border-radius: 50%;
    border: 1px solid #f3f3f3;
    padding: none;
    display: none;
  }

  #district-map-picture img {
    width: 128px;
    height: auto;
    display: block;
  }

  #district-map-info div {
    position: relative;
    left: 5px;
    top: -5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    display: inline-block;
    border: 1px solid black;
    font-size: 1.2em;
    background: white;
    padding: 3px;
    font-weight: bold;
  }

  .map-custom-container {
    margin-top: 10px;
  }

  .map-custom-control {
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    text-align: center;
    display: inline-block;
    background-color: #fff;
    border: 2px solid #fff;
    color: rgb(86, 86, 86);
    font-family: Roboto, Arial, sans-serif;
    font-size: 11px;
    padding: 6px;
    user-select: none;
  }

  .map-custom-control:hover {
    background-color: rgb(235, 235, 235);
    border-color: rgb(235, 235, 235);
    color: rgb(0, 0, 0);
  }

  .map-custom-control:first-of-type {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
  }

  .map-custom-control:last-of-type {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
  }

  div.map-dropdown-menu {
    position: absolute;
    background-color: white;
    z-index: -1;
    padding: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    left: 0px;
    top: 29px;
    text-align: left;
  }

  div.map-dropdown-item {
    color: rgb(0, 0, 0);
    font-family: Roboto, Arial, sans-serif;
    user-select: none;
    font-size: 11px;
    background-color: rgb(255, 255, 255);
    padding: 6px 8px 6px 6px;
    direction: ltr;
    text-align: left;
    white-space: nowrap;
  }

  div.map-dropdown-item:hover {
    background-color: rgb(235, 235, 235);
  }

  div.map-dropdown-item label {
    vertical-align: middle;
    cursor: pointer;
  }

  div.map-dropdown-item span {
    box-sizing: border-box;
    position: relative;
    line-height: 0;
    font-size: 0px;
    margin: 0px 5px 0px 0px;
    display: inline-block;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(198, 198, 198);
    width: 13px;
    height: 13px;
    vertical-align: middle;
  }

  span.map-dropdown-checkbox {
    border-radius: 1px;
  }

  span.map-dropdown-radio {
    border-radius: 6px;
  }

  div.map-dropdown-item > span > div {
    position: absolute;
    left: 1px;
    top: -2px;
    width: 13px;
    height: 11px;
    overflow: hidden;
  }

  div.map-dropdown-item > span > div > img {
    position: absolute;
    left: -52px;
    top: -44px;
    user-select: none;
    border: 0px;
    padding: 0px;
    margin: 0px;
    max-width: none;
    width: 68px;
    height: 67px;
  }

  table.legislator-table tbody tr td {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .legislator-table td.legislator-vote {
    min-width: 140px;
  }

  .legislator-table td.vote h1 {
    font-size: 16px;
    margin: 0;
    padding: 0;
    margin-bottom: 4px;
    line-height: 24px;
    margin-left: 15px;
    text-indent: 0px;
  }

  .legislator-table td.vote h1 a {
    text-decoration: none;
  }

  .legislator-table td.vote h1 a:hover {
    text-decoration: underline;
  }

  .legislator-table td.vote .vote-description {
    line-height: 24px;
    display: block;
    margin-left: 15px;
    text-indent: 0px;
  }

  .legislator-table td.vote .vote-description a {
    color: #952017;
  }

  .legislator-table td.vote .vote-description a:hover {
    text-decoration: none;
  }

  /* Vote Page Styles */
  .vote-header h1 {
    overflow: hidden;
    display: block;
    margin-right: 140px;
  }

  .vote-header a.btn.share-btn {
    float: right;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    background: url("images/greybtn.png");
    color: #1e2244;
    border-top: 1px solid #e2e2e2;
    border-bottom: 2px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4);
    margin-right: 2px;
  }

  .vote-header a.btn.share-btn:hover {
    background: #fafafa;
  }

  .vote-header .clear.divider {
    margin-top: 20px;
  }

  .vote-detail-box {
    display: block;
    padding: 15px;
    background: #ffffff;
    border: 1px solid rgb(216, 219, 227);
    margin-bottom: 30px;
  }

  .vote-detail-box h1 {
    font-size: 22px;
    margin-bottom: 5px;
  }

  .vote-detail-box .bill-title {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 2px;
  }

  .vote-detail-box .bill-subtitle {
    font-style: italic;
  }

  .vote-detail-box ul.detail-items {
    display: block;
    padding: 0;
    padding-left: 15px;
    margin: 0;
    margin-top: 10px;
    color: #1e2244;
  }

  .vote-detail-box ul.detail-items li {
    margin-bottom: 5px;
  }

  .vote-detail-box ul.detail-items li .label {
    color: #1e2244;
    font-weight: normal;
    display: inline-block;
  }

  .vote-detail-box ul.detail-items li .label:after {
    content: ":";
    padding-right: 3px;
    margin-left: -2px;
  }

  .vote-detail-box ul.detail-items li .content {
    color: #1e2244;
    display: inline-block;
  }

  .vote-detail-box ul.detail-items li .content a {
    color: #1e2244;
    text-decoration: underline;
  }

  .vote-detail-box ul.detail-items li .content a:hover {
    text-decoration: none;
  }

  .vote-detail-box ul.detail-items li .content .vote-icon {
    padding: 2px;
    border: 0px;
    height: 20px;
    margin-left: 0px;
    width: auto;
  }

  .vote-detail-box ul.detail-items li .content .vote-icon .vote-icon-inner {
    line-height: 20px;
    height: 20px;
    width: auto;
    padding: 0 10px;
  }

  .vote-detail-box a.btn {
    height: 30px;
    line-height: 30px;
    display: inline-block;
    margin-top: 10px;
    padding: 0 20px;
  }

  .vote-details {
    display: block;
    overflow: hidden;
    margin-right: 390px;
  }

  .vote-details .vote-description {
    line-height: 26px;
  }

  .taxpayer-position {
    float: right;
    width: 100%;
    max-width: 330px;
    padding: 15px;
    background: #ffffff;
    -webkit-box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }

  .taxpayer-position.mobile {
    display: none;
    max-width: 100%;
    margin-top: 15px;
    float: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }

  .taxpayer-position {
    display: block;
  }

  .taxpayer-position .headline {
    width: 100%;
    font-size: 23px;
    font-weight: 600;
    color: #1e2243;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
  }

  .taxpayer-position .sub-headline {
    width: 100%;
    font-size: 24px;
    font-weight: normal;
    color: #000000;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
  }

  .vote-ratio {
    font-size: 16px;
  }

  .vote-ratio .bar-graph {
    margin-top: 10px;
    height: 54px;
    width: 100%;
    padding: 6px;
    display: block;
    background: #ffffff;
    border: 1px solid #dddddd;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }

  .vote-ratio .bar-graph .bar-graph-inner {
    width: 100%;
    display: block;
    height: 40px;
    overflow: hidden;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
  }

  .vote-ratio .bar-graph .bar-graph-section {
    float: left;
    height: 40px;
    display: block;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: clip;
  }

  table.vote-table {
    margin-top: 20px;
  }

  /* Vote Bubble Styles */
  .favor {
    background-color: #8ebd4e;
  }

  .oppose {
    background-color: #a5290d;
  }

  .absent {
    background-color: #251815;
  }

  .speaker {
    background-color: #3c4485;
  }

  .absentExcused {
    background-color: #7a7a7a;
  }

  .present {
    background-color: #afafaf;
  }

  .notApplicable {
    background-color: #7a7a7a;
  }

  .legend {
    display: block;
  }

  .legend ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }

  .legend ul li {
    display: inline-block;
    margin-right: 15px;
    height: 15px;
    line-height: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 12px;
  }

  .legend ul li .icon {
    border: 1px solid #dddddd;
    background: #ffffff;
    padding: 2px;
    width: 9px;
    height: 9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
    float: left;
    margin-right: 4px;
  }

  .legend ul li .icon-inner {
    display: block;
    height: 9px;
    width: 9px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
  }

  .vote-icon {
    border: 1px solid #dddddd;
    background: #ffffff;
    padding: 6px;
    width: 96px;
    height: 30px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    display: block;
    margin-left: 15px;
  }

  .vote-icon .vote-icon-inner {
    display: block;
    width: 96px;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    line-height: 30px;
    text-align: center;
    text-indent: 0;
    color: #ffffff;
  }

  .check, .x {
    display: block;
    height: 30px;
    width: 30px;
    margin: 0 auto;
    background-size: 22px auto;
  }

  .check {
    background: url(images/check.png) 6px 6px no-repeat;
  }

  .x {
    background: url(images/x.png) 6px 6px no-repeat;
  }

  /* myLegislatorForm styles */
  #myLegislatorForm h1 {
    margin: 20px;
    margin-bottom: 5px;
  }

  #myLegislatorForm p {
    margin-left: 20px;
    margin-right: 20px;
  }

  #myLegislatorForm {
    display: block;
    border: 1px solid #ebebeb;
    margin-bottom: 10px;
  }

  #myLegislatorForm .residentialLocation {
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-indent: 10px;
    border: 1px solid #d7d7d7;
    font-size: 17px;
    -webkit-box-shadow: inset 0px 1px 4px 0px #dddddd;
    -moz-box-shadow: inset 0px 1px 4px 0px #dddddd;
    box-shadow: inset 0px 1px 4px 0px #dddddd;
    outline: 0;
    padding: 0;
    margin-bottom: 10px;
  }

  #myLegislatorForm button {
    height: 37px;
    line-height: 36px;
    padding-left: 25px;
    padding-right: 25px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
    background: #1e2243;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-appearance: button;
    border: 0;
    outline: 0;
    font-size: 17px;
  }

  #myLegislatorForm button:hover {
    background: #3a417c;
    cursor: pointer;
  }

  #myLegislatorForm .deviceLocation {
    background: #ae3e25;
  }

  #myLegislatorForm .deviceLocation:hover {
    background: #d34e31;
  }

  #myLegislatorForm button + button {
    margin-left: 5px;
  }

  #divMyLegislatorsError {
    display: inline-block;
    color: #AE3E25;
    margin: 0 20px;
    padding-bottom: 0px;
    text-align: left;
    font-weight: bold;
  }

  #MyLegislatorFindmylegislatorsForm {
    margin-top: 10px !important;
  }

  /* Footer Styles */
  .footer {
    width: 100%;
    background: #000;
  }

  .footer .container {
    max-width: 100%;
    width: 100%;
  }

  .footer-content {
    opacity: .8;
    padding: 20px;
    text-align: center;
    color: #ffffff;
  }

  .footer-content a, .footer-content a:hover {
    color: #ffffff;
    text-decoration: none;
  }

  /* Custom Social Share Icons */
  a.social-social {
    font-family: Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
    font-size: 11px;
    vertical-align: middle;
    padding: 5px 7px;
    color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    white-space: nowrap;
    text-decoration: none;
    border-radius: 3px;
  }

  a.facebook {
    background: #4267b2;
  }

  a.twitter {
    background: #1b95e0;
    margin-left: 8px;
  }

  /* Widget */
  tusa-person-summary {
    --width: 100%;
    --max-width: 100%;
    --margin-bottom: 0;
    --title-background: #1e2243;
    --title-font-weight: 400;
    --highlights-background: #f4f4f4;
    --subtitle-background: #1e2243;
    --view-more-background: #ae3e25;
    --view-more-font-weight: 400;
  }

  .tusa-person-summary {
    margin-top: 40px
  }

  /* Responsive Styles */
  @media screen and (max-width: 1650px) {
    .navigation ul li {
      padding: 0 2%;
    }
  }
  @media screen and (max-width: 1300px) {
    .navigation ul li {
      padding: 0 1%;
    }

    .navigation ul li a {
      font-size: 18px !important;
    }
  }
  @media (max-width: 1050px) {
    .social-buttons {
      display: none;
    }

    .overall-chart-container {
      display: none;
    }

    .snapshot .intro {
      width: 51%
    }

    .snapshot .averages {
      width: 48%;
    }

    .legislator-profile .overview .profile-image {
      display: none;
    }

    .legislator-profile {
      margin-left: 0px;
    }

    .legislator-profile .overview .rep-metadata {
      display: none;
    }

    .legislator-record .select-bar .legend {
      float: left;
    }

    .vote-ratio .bar-graph .bar-graph-section span {
      display: none;
    }

    .vote-back-link {
      display: none;
    }
  }
  @media (max-width: 1023px) {
    .navigation {
      background: #ffffff;
    }

    .navigation .menu-expand {
      display: block;
      width: 1180px;
      max-width: 90%;
      margin: 0 auto;
      padding-bottom: 30px;
    }

    .navigation ul {
      display: none;
      margin-top: 3px;
      padding: 2% 5%;
    }

    .navigation ul li {
      display: block;
      float: none;
      width: 100%;
    }

    .navigation ul li a {
      padding-left: 0px;
    }
  }

  @media (max-width: 975px) {
    .navigation ul li {
      margin-right: 30px;
    }

    .navigation ul li a {
      line-height: 22px;
      font-size: 14px;
    }
  }

  @media (max-width: 750px) {
    .header .btns {
      display: none;
    }

    .header a.logo {
      width: 100%;
      text-align: center;
      float: none;
    }

    .footer-content {
      font-size: 10px;
    }

    .snapshot .container {
      padding-top: 15px;
    }

    .snapshot .intro {
      float: none;
      width: 100%;
    }

    .snapshot .intro h1 {
      font-size: 20px;
      margin-bottom: 10px;
    }

    .snapshot .intro .btn.who-btn {
      background: #1e2243;
      padding-left: 25px;
      margin-right: 0px;
    }

    .snapshot .averages {
      display: none;
    }

    .select-bar .share-btn {
      display: none;
    }

    .select-bar select {
      float: none;
      display: block;
      margin-bottom: 10px;
    }

    table .district, table .party {
      display: none;
    }

    table tbody tr .legislator .profile-image {
      display: none;
    }

    .legislator-profile {
      margin-right: 0px;
    }

    .legislator-profile .overview .benchmarks {
      display: none;
    }

    .legislator-profile .share-btn {
      display: none;
    }

    .legislator-profile h1 {
      margin-right: 0px;
      font-size: 18px;
      line-height: 25px;
    }

    .legislator-profile .score {
      float: none;
    }

    .historical-scores ul li {
      background: transparent;
      float: none;
      display: block;
    }

    .overview .contact-box {
      display: none;
    }

    .legislator-about .about-inner {
      margin-right: 0px;
    }

    .legislator-about .about-inner h1 {
      font-size: 18px;
      margin-top: 20px;
    }

    .legislator-about .district {
      float: none;
      display: block;
      width: 100%;
    }

    h1 {
      font-size: 18px;
      line-height: 25px;
    }

    .legend ul li {
      padding-top: 3px;
      padding-bottom: 3px;
    }

    ul.tabs {
      padding-top: 10px;
    }

    .legislator-table td.vote .vote-description {
      display: none;
    }

    .legislator-table td.vote h1 {
      font-size: 14px;
    }

    .vote-details .share-btn {
      display: none;
    }

    .vote-details {
      margin-right: 0px;
    }

    .vote-details h1 {
      margin-right: 0px;
      font-size: 18px;
      line-height: 25px;
    }

    .taxpayer-position.mobile {
      display: block;
    }

    .taxpayer-position {
      display: none;
    }

    .bar-graph-section, .vote-ratio .bar-graph, .vote-ratio .bar-graph .bar-graph-inner {
      height: 25px;
    }

    .vote-ratio .bar-graph {
      height: 35px;
      padding: 4px;
    }
  }

  @media (max-width: 1060px) {

    #map-legislators {
      top: 5px;
    }

    #map-legislators h1 {
      font-size: 12px;
      line-height: 16px;
    }

    #map-legislators .legislator-ajax {
      width: 300px;
      margin-bottom: 5px;
    }

    #map-legislators .legislator-profile .overview .overview-inner {
      vertical-align: middle;
      position: absolute;
      margin: auto;
      bottom: 5px;
      top: 20px;
    }

    #map-legislators .chart-title {
      margin-bottom: 1px;
    }

    .snapshot .intro a.btn {
      padding-left: 10px;
      padding-right: 10px;
      font-size: 13px;
      margin-right: 10px;
      margin-bottom: 10px;
    }
  }

  @media (max-width: 970px) {
    #map-legislators h1 {
      margin-bottom: 2px;
    }

    #map-legislators .close-button {
      top: 5px;
      right: 7px;
    }

    #map-legislators .legislator-profile .overview .profile-image {
      display: block;
      width: 90px;
      height: 110px;
    }

    #map-legislators .legislator-profile .overview .profile-image-inner {
      height: 110px;
    }

    #map-legislators .legislator-profile .overview .overview-inner {
      top: 17px;
      left: 90px;
    }

    #map-legislators .legislator-profile .overview .overview-inner .score {
      margin: auto;
      width: 110px;
      float: none;
    }

    #map-legislators .chart-title {
      font-size: 12px;
      line-height: 14px;
      margin-bottom: 1px;
    }
  }

  @media (max-width: 912px) {
    .map-layer-house #legislator-senate,
    .map-layer-senate #legislator-house {
      display: none;
    }
  }

  @media (max-width: 700px) {

    #map-stretch {
      padding-bottom: 66%;
    }

    #map-legislators {
      position: relative;
      top: 0px;
      right: 0px;
      width: 100%;
    }

    #map-legislators h1 {
      font-size: 16px;
      line-height: 24px;
    }

    #map-legislators .close-button {
      top: 10px;
      right: 12px;
    }

    #map-legislators .legislator-ajax {
      box-sizing: border-box;
      box-shadow: none;
      border-top: none;
      border-left: none;
      border-right: none;
      width: 100%;
      margin-bottom: 0px;
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
    }

    #map-legislators .legislator-profile .overview .profile-image {
      display: block;
    }

    #map-legislators .legislator-profile .overview .overview-inner {
      left: 100px;
      top: 25px;
    }

    #district-map-info {
      display: none;
    }

    .legislator-content .legislator-profile-section .legislator-profile {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: min-content min-content 1fr min-content min-content min-content min-content;
      grid-template-areas:
                    "name"
                    "party"
                    "divider"
                    "score"
                    "details"
                    "buttons"
                    "social"
                    "meta";
    }

    .legislator-content .legislator-profile-section .legislator-profile .profile-image {
      display: none
    }

    .legislator-content .legislator-profile-section .legislator-profile .divider {
      margin: 5px 0;
      justify-self: center;
    }

    .legislator-content .legislator-profile-section .legislator-profile .score {
      margin: 0;
      justify-self: center;
    }

    .legislator-content .legislator-profile-section .legislator-profile .rep-details {
      justify-self: start;
      margin: 20px 0 0 0
    }

    .legislator-content .legislator-profile-section .legislator-profile .btn-bar {
      display: flex;
      flex-direction: column;
      margin: 0;
      justify-self: stretch;
    }

    .legislator-content .legislator-profile-section .legislator-profile .btn-bar .btn {
      text-align: center;
      margin-right: 0;
    }

    .legislator-content .legislator-profile-section .legislator-profile .social,
    .legislator-content .legislator-profile-section .legislator-profile .rep-metadata,
    .legislator-content .legislator-profile-section .legislator-profile .score {
      margin: 20px 0 0 0;
      justify-self: center;
    }
  }
  @media (max-width: 790px) {
    .ttx-insights h1, .ttx-insights .date-select {
      float: none;
    }

    .ttx-insights .date-select {
      margin-top: 5px;
    }

    .ttx-insights .ttx-cta {
      display: none;
    }

    .ttx-insights ul li {
      margin-left: 30px;
      margin-right: 30px;
    }
  }
  @media (max-width: 655px) {
    .ttx-insights ul li {
      margin-left: 0px;
      margin-right: 0px;
      margin-bottom: 10px;
      width: 100%;
    }
  }

  @media (max-width: 550px) {
    #map-stretch {
      padding-bottom: 75%;
    }
  }

  @media (max-width: 450px) {

    #map-stretch {
      padding-bottom: 100%;
    }

  }

  @media (max-width: 375px) {
    #map-legislators .legislator-profile .overview .profile-image {
      display: none;
    }

    #map-legislators .legislator-profile .overview .overview-inner {
      float: none;
      position: relative;
      height: auto;
      left: -5px;
      top: 0px;
      right: 0px;
      bottom: 0px;
    }

    .legislator-table td.legislator-vote {
      width: 75px;
      min-width: 50px;
    }

    .header a.logo img {
      width: 100%;
      max-width: 325px;
      height: auto;
    }

    .legislator-about-inner > div > div {
      min-width: 200px;
    }
  }
}