/* Shared Modules */
/* Modules */
@import url(https://fonts.googleapis.com/css?family=Crimson+Text:400,600|Roboto:400,300,500,700);
/* MAIN COLORS */
/* ELEMENT COLORS */
/* MISC COLORS */
html, body {
  background: #fafafa;
  height: 100%;
  line-height: 1em;
  font: 300 16px "Roboto", sans-serif;
  color: #2b2b2b; }

a {
  color: #428bca;
  font-weight: 400; }
  a:hover {
    color: #245682;
    text-decoration: none; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Crimson Text", serif;
  line-height: 1em;
  font-weight: 500;
  margin: 0 0 6px 0;
  padding: 0;
  color: #000; }

h1 {
  font-size: 2.25em;
  font-weight: 400;
  color: #004fa0; }

h2 {
  font-size: 1.75em;
  font-weight: 400;
  color: #004fa0; }

h3 {
  font-size: 1.125em;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  color: #1e1e1e; }

h4 {
  font-size: 1.75em;
  font-weight: 600;
  text-transform: uppercase; }

img {
  vertical-align: top; }

img, embed, object, video {
  max-width: 100%; }

p {
  line-height: 1.325em;
  margin: 0 0 1.5em 0;
  padding: 0; }

ol, ul {
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 40px; }

/* Push down the page content based on header height */
#header-push {
  height: 152px; }
  @media (max-width: 1199px) {
    #header-push {
      height: 150px; } }
  @media (max-width: 991px) {
    #header-push {
      height: 110px; } }
  @media (max-width: 767px) {
    #header-push {
      height: 64px; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    #header-push {
      height: 0; } }

/* header styles */
nav.navbar-fixed-top {
  position: fixed;
  top: 0;
  left: 0;
  background: #005cb9;
  width: 100%; }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    nav.navbar-fixed-top {
      position: relative; } }
  nav.navbar-fixed-top .container {
    position: relative; }
    @media (max-width: 991px) {
      nav.navbar-fixed-top .container {
        width: 100%;
        padding: 0; } }
  nav.navbar-fixed-top .logo {
    float: left;
    padding: 8px 5px; }
    nav.navbar-fixed-top .logo img {
      max-height: 100%; }
    nav.navbar-fixed-top .logo #mlogo {
      display: none; }
    @media (max-width: 991px) {
      nav.navbar-fixed-top .logo {
        height: 62px;
        padding: 5px 5px; } }
    @media (max-width: 479px) {
      nav.navbar-fixed-top .logo {
        width: auto; }
        nav.navbar-fixed-top .logo #dlogo {
          display: none; }
        nav.navbar-fixed-top .logo #mlogo {
          display: none; } }
    @media (max-width: 479px) and (max-width: 479px) {
      nav.navbar-fixed-top .logo #mlogo {
        display: inherit;
        width: auto;
        height: 100%; } }

  nav.navbar-fixed-top a.menu-link {
    float: right;
    top: 0;
    right: 0;
    display: none;
    color: #FFF;
    background-color: #2b2b2b;
    border-left: solid 1px #FFF; }
    nav.navbar-fixed-top a.menu-link .fa-bars {
      font-size: 2.5em;
      margin: 11px 10px; }
    @media (max-width: 767px) {
      nav.navbar-fixed-top a.menu-link {
        display: block; } }
  nav.navbar-fixed-top .topRight {
    position: relative;
    float: right;
    color: #dedddc;
    margin: 1em 0;
    /*
    		.icon-btn-group {
    			& > a,
    			& > .dropdown > .dropdown-toggle {
    				color: #FFF;
    				cursor: pointer;
                    opacity: 0.5;
                    margin-left: 10px;
                    display: inline-block;
                    &:hover, &:focus {
                        opacity: 1.0;
                    }
    
                  	& > .fa {
    					@media (max-width: $breakpoint-md - 1) {
    						font-size: 2em;
    					}
    				}
                  	& > .btn-item-text {
    					font-weight: 500;
    					line-height: 1.5em;
    					text-transform: uppercase;
                      	vertical-align: text-bottom;
    					@media (max-width: $breakpoint-md - 1) {
    						display: none;
    					}
    				}
    			}
              	& > .dropdown {
                    display: inline-block;
    				& > .dropdown-menu {
    					@media (max-width: $breakpoint-md - 1) {
                            right: 0;
    						left: auto;
                            & > li > a {
    							padding: 0.6em 1.2em;
    						}
                        }
    				}
    			}
    		}
    		*/ }
    nav.navbar-fixed-top .topRight .icon-btn-item {
      color: #FFF;
      cursor: pointer;
      opacity: 0.5;
      margin-left: 10px;
      display: inline-block; }
      nav.navbar-fixed-top .topRight .icon-btn-item:hover {
        opacity: 0.7; }
      nav.navbar-fixed-top .topRight .icon-btn-item:focus {
        opacity: 1.0; }
    nav.navbar-fixed-top .topRight .icon-btn-icon {
      font-size: 1.5em; }
      @media (max-width: 991px) {
        nav.navbar-fixed-top .topRight .icon-btn-icon {
          font-size: 2em; } }
    nav.navbar-fixed-top .topRight .dropdown {
      display: inline-block; }
    nav.navbar-fixed-top .topRight .dropdown-menu {
      right: 0;
      left: auto; }
      nav.navbar-fixed-top .topRight .dropdown-menu > li > a {
        padding: 0.6em 0.8em; }
        @media (max-width: 991px) {
          nav.navbar-fixed-top .topRight .dropdown-menu > li > a {
            font-size: 1.2em; } }
    nav.navbar-fixed-top .topRight .btn-item-text {
      user-select: none;
      font-weight: 500;
      line-height: 1.5em;
      text-transform: uppercase;
      vertical-align: text-bottom; }
      @media (max-width: 991px) {
        nav.navbar-fixed-top .topRight .btn-item-text {
          display: none; } }
    @media (max-width: 767px) {
      nav.navbar-fixed-top .topRight .navbar-nav > li > .icon-btn-item {
        display: block;
        margin: 0; } }
    nav.navbar-fixed-top .topRight #name {
      float: right;
      font-weight: 500;
      font-size: .875em;
      line-height: 1.875em;
      text-transform: uppercase; }
      @media (max-width: 991px) {
        nav.navbar-fixed-top .topRight #name {
          display: none; } }
    nav.navbar-fixed-top .topRight .login {
      height: 2em; }
      nav.navbar-fixed-top .topRight .login #settings {
        float: right;
        /*
        .fa {
        	font-size: 1.5em;
        	@media(max-width: $breakpoint-md - 1) {
        		font-size: 2em;
        	}
        }
        */ }
      @media (max-width: 991px) {
        nav.navbar-fixed-top .topRight .login {
          float: right;
          margin: .5em .5em 0 0; } }
    nav.navbar-fixed-top .topRight .search {
      height: 2em;
      text-align: right;
      margin-top: .25em;
      line-height: 2em;
            /*
			.fa {
				font-size: 2em;
			}
			*/ }
      nav.navbar-fixed-top .topRight .search form {
        line-height: initial;
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent; }
      nav.navbar-fixed-top .topRight .search input {
        width: 350px;
        font-size: 1em;
        color: #005cb9;
        background-color: rgba(255, 255, 255, 0.5);
        padding: .25em .5em;
        border-radius: .5em;
        border: none;
        vertical-align: text-bottom; }
        nav.navbar-fixed-top .topRight .search input:focus {
          background-color: rgba(255, 255, 255, 0.9);
          outline-style: none;
          box-shadow: 0 0 3pt 2pt rgba(255, 255, 255, 0.4); }
        @media (max-width: 991px) {
          nav.navbar-fixed-top .topRight .search input {
            width: 80%; } }
        @media (max-width: 767px) {
          nav.navbar-fixed-top .topRight .search input {
            display: none; } }
      @media (max-width: 991px) {
        nav.navbar-fixed-top .topRight .search {
          float: right;
          width: 320px;
          margin-top: .5em; } }
      @media (max-width: 767px) {
        nav.navbar-fixed-top .topRight .search {
          width: auto; } }
    @media (max-width: 991px) {
      nav.navbar-fixed-top .topRight {
        /*
        width: 425px;
        */
        margin: .5em .5em 0 0; } }
    @media (max-width: 767px) {
      nav.navbar-fixed-top .topRight {
        width: auto;
        /*display: none;*/ } }
  nav.navbar-fixed-top .menu {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    nav.navbar-fixed-top .menu ul ul > li a {
      padding: 8px 15px 8px 10px;
      height: auto; }
  nav.navbar-fixed-top .BG_nav {
    background-color: #454545;
    border-top: solid 1px #FFF;
    border-bottom: solid 1px #FFF;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
    @media (max-width: 767px) {
      nav.navbar-fixed-top .BG_nav .navbar-nav .open .dropdown-menu {
        /*border-top: solid 1px #FFF;*/
        border-bottom: solid 1px #FFF;
        background-color: #5e5e5e; } }
    nav.navbar-fixed-top .BG_nav ul {
      background-color: #454545; }
      @media (max-width: 1199px) {
        nav.navbar-fixed-top .BG_nav ul {
          font-size: 90%; } }
    nav.navbar-fixed-top .BG_nav .dropdown-menu {
      border: none;
      border-radius: 0;
      margin-top: -1px; }
    nav.navbar-fixed-top .BG_nav a {
      color: #FFF;
      text-transform: uppercase;
      font: 300 .95em 'Roberto', sans-serif; }
      nav.navbar-fixed-top .BG_nav a:hover, nav.navbar-fixed-top .BG_nav a:focus {
        background-color: #121212;
        color: #FFF; }
      @media (max-width: 1199px) {
        nav.navbar-fixed-top .BG_nav a {
          padding: 15px 7px; } }
    nav.navbar-fixed-top .BG_nav .open > a {
      background-color: #1c1c1c; }
      nav.navbar-fixed-top .BG_nav .open > a:hover, nav.navbar-fixed-top .BG_nav .open > a:focus {
        background-color: #1c1c1c;
        color: #FFF; }
    nav.navbar-fixed-top .BG_nav .navbar-nav {
      margin: 0; }

@media (min-height: 769px) {
  .navbar-collapse.in {
    overflow-y: visible; } }

/* NOTIFICATIONS */
.nbadge {
  position: absolute;
  top: -0.3rem;
  right: -0.3rem;
  left: auto;
  font-family: Arial,Helvetica,sans-serif;
  font-size: .75rem; }

#push-note-box {
  display: none;
  width: 20rem;
  position: absolute;
  right: 5rem;
  top: 2.5rem;
  border: 1px solid #aaa;
  background-color: white;
  z-index: 9999; }
  @media screen and (max-width: 768px) {
    #push-note-box {
      top: 3rem;
      right: 6rem; } }
  @media screen and (max-width: 639px) {
    #push-note-box {
      right: 0rem;
      top: 2rem;
      width: 75%; } }
  @media screen and (max-width: 420px) {
    #push-note-box {
      top: 72px;
      right: 5px;
      left: 5px;
      width: auto; } }
  #push-note-box .push-note-list {
    height: 22rem;
    margin: 0;
    max-height: 50vh;
    overflow-y: auto;
    background-color: white; }
    @media screen and (max-width: 420px) {
      #push-note-box .push-note-list {
        max-height: 12rem; } }
  #push-note-box .push-note-box-header {
    padding: 8px 15px;
    border-bottom: 1px solid; }
  #push-note-box .push-note-box-footer {
    border-top: 1px solid;
    text-align: center; }
  #push-note-box .push-note-box-header,
  #push-note-box .push-note-box-footer {
    font-size: 90%;
    background-color: #fdfdfd;
    border-color: #aaa; }

.push-note {
  font: 300 .75em 'Roboto', sans-serif; }
  .push-note.active, .push-note.list-group-item.active {
    background-color: rgba(0, 92, 185, 0.05);
    color: black; }
  .push-note-big {
    font: 300 1em 'Roboto', sans-serif;
    padding-bottom: 0 !important; }
  .push-note-small {
    border-right: none;
    border-left: none; }
    .push-note-small:first-child {
      border-top-right-radius: 0px !important;
      border-top-left-radius: 0px !important;
      border-top: none; }
    .push-note-small:last-child {
      border-bottom-right-radius: 0px !important;
      border-bottom-left-radius: 0px !important; }
  .push-note-timestamp {
    margin-top: 5px; }
  .push-note-actions {
    padding: 0 0 10px 10px; }

/* footer styles */
#contentfooter {
  background: #2b2b2b;
  color: #FFF; }
  #contentfooter .go-top {
    display: none; }
    @media (max-width: 767px) {
      #contentfooter .go-top {
        position: fixed;
        bottom: .5em;
        right: .5em;
        text-decoration: none;
        background-color: black;
        opacity: 0.5;
        padding: 2px 5px 8px 5px;
        font-size: 1.5em;
        border-radius: 2em;
        z-index: 9999; } }
    #contentfooter .go-top .fa-chevron-up {
      display: none; }
      @media (max-width: 767px) {
        #contentfooter .go-top .fa-chevron-up {
          display: inherit; } }
  #contentfooter a {
    color: #FFF;
    opacity: 0.5; }
    #contentfooter a:hover, #contentfooter a:focus {
      color: #FFF;
      opacity: 1.0; }
  #contentfooter .row > .social,
  #contentfooter .row > .address,
  #contentfooter .row > .btm_menu {
    margin: 15px 0 25px;
    color: #dedddc; }
    @media (max-width: 767px) {
      #contentfooter .row > .social,
      #contentfooter .row > .address,
      #contentfooter .row > .btm_menu {
        float: none;
        width: 100%;
        text-align: center; } }
  #contentfooter .address {
    float: left;
    line-height: 1.25em; }
    #contentfooter .address .demo {
      margin: 0;
      padding: 0;
      opacity: 1.0; }
      #contentfooter .address .demo:hover {
        opacity: 0.8; }
      #contentfooter .address .demo img {
        width: 60%;
        margin: 0;
        padding: 0; }
        @media (max-width: 767px) {
          #contentfooter .address .demo img {
            position: relative;
            width: 200px;
            margin: 0 auto; } }
  #contentfooter .social {
    position: relative;
    float: right;
    width: auto; }
    #contentfooter .social .social-inner {
      position: relative;
      display: inline-block;
      padding-right: 40px; }
      @media (max-width: 767px) {
        #contentfooter .social .social-inner {
          padding-right: 30px; } }
    #contentfooter .social h1 {
      font-size: 1.25em;
      font-style: italic;
      margin: 0 0 4px 0;
      color: #FFF; }
      @media (max-width: 767px) {
        #contentfooter .social h1 {
          font-size: 1em;
          font-weight: 400; } }
    #contentfooter .social a + a {
      margin-left: 10px; }
    #contentfooter .social .fab {
      font-size: 3.125em; }
      @media (max-width: 767px) {
        #contentfooter .social .fab {
          font-size: 2.125em; } }
    #contentfooter .social img {
      position: absolute;
      bottom: 0;
      right: 0; }
      @media (max-width: 767px) {
        #contentfooter .social img {
          width: 30px; } }
  #contentfooter .btm_menu {
    width: 29%;
    float: right; }
    #contentfooter .btm_menu h6 {
      font-family: 'Roboto', sans-serif;
      color: white; }
    #contentfooter .btm_menu ul {
      margin: 0 auto;
      list-style-type: none; }
    #contentfooter .btm_menu > ul > li {
      padding: 1px 0; }
    @media screen and (max-width: 1199px) {
      #contentfooter .btm_menu {
        width: 27%; } }
    @media screen and (max-width: 991px) {
      #contentfooter .btm_menu {
        width: 20%; } }
    @media screen and (max-width: 767px) {
      #contentfooter .btm_menu {
        width: 100%;
        text-align: center; }
        #contentfooter .btm_menu > ul > li {
          font-size: 130%;
          padding: 5px 0; } }

.content-center {
  display: flex;
  justify-content: center;
  align-items: center; }

.smTxt {
  font-size: .75em; }

.BG_tan {
  background: #d9d2bc; }

.btn-primary, .btn-tertiary, .btn-info, .btn-danger, .btn-success, .btn-warning {
  color: #FFF !important; }
  .btn-primary:hover, .btn-primary:focus, .btn-tertiary:hover, .btn-tertiary:focus, .btn-info:hover, .btn-info:focus, .btn-danger:hover, .btn-danger:focus, .btn-success:hover, .btn-success:focus, .btn-warning:hover, .btn-warning:focus {
    color: #FFF !important;
    text-decoration: none !important; }
.btn-primary {
  background-color: #005cb9 !important; }
  .btn-primary:hover, .btn-primary:focus {
    background-color: #002953 !important; }
.btn-tertiary {
  background-color: #a03021 !important; }
  .btn-tertiary:hover, .btn-tertiary:focus {
    background-color: #4b1710 !important; }
.btn-link {
  background-color: transparent !important;
  color: #428bca !important; }
  .btn-link:hover, .btn-link:focus {
    background-color: transparent !important;
    color: #245682 !important;
    text-decoration: underline !important; }

.full-heading-link {
  position: relative;
  font-weight: 400; }
  .full-heading-link > a {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 2; }
    .full-heading-link > a:hover + div {
      color: #0075ec; }

.flash-success, .flash-error, .flash-warning {
  padding: 15px;
  margin-bottom: 20px; }
.flash-success {
  border: 1px solid #b5f3b5;
  background-color: #dfd; }
.flash-error {
  border: 1px solid #efc7c7;
  background-color: #fdd; }
.flash-warning {
  border: 1px solid #ece1cb;
  background-color: #ffd; }

.panel {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }
  .panel-body, .panel-heading {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    padding: 15px; }
    @media (min-width: 480px) {
      .panel-body, .panel-heading {
        padding: 20px 25px; } }
    .panel-body-no-padding, .panel-heading-no-padding {
      margin: -15px; }
      @media (min-width: 480px) {
        .panel-body-no-padding, .panel-heading-no-padding {
          margin: -20px -25px; } }
  .panel-default {
    border-color: #dedddc; }
    .panel-default > .panel-heading {
      padding: 10px 20px; }
  .panel-primary > .panel-heading {
    background-color: #135ca7;
    color: #FFF;
    padding: 10px 20px; }
    .panel-primary > .panel-heading a {
      color: #E0E0E0; }
      .panel-primary > .panel-heading a:hover, .panel-primary > .panel-heading a:focus {
        color: #FFF; }

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0; }
  .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
    .videoWrapper iframe.youtube {
      height: 100%; }
    .videoWrapper iframe.cspan {
      height: 100%; }

.btn_wCongress {
  display: block;
  position: relative;
  height: 2em;
  font: 400 1.5em/2em 'Crimson Text', serif;
  margin: 0 0 25px 0;
  padding: 0 5px 0 55px;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8c1202), to(#ff1e00));
  background: -webkit-linear-gradient(top, #ff1e00, #8c1202);
  background: -moz-linear-gradient(top, #ff1e00, #8c1202);
  background: -ms-linear-gradient(top, #ff1e00, #8c1202);
  background: -o-linear-gradient(top, #ff1e00, #8c1202); }
  .btn_wCongress a {
    color: #FFF;
    text-transform: uppercase;
    overflow: hidden; }
    .btn_wCongress a:hover, .btn_wCongress a:focus {
      color: #FFF;
      text-decoration: none; }
    .btn_wCongress a img {
      position: absolute;
      top: -8px;
      left: 4px; }
    .btn_wCongress a div {
      height: 100%;
      overflow-y: hidden;
      text-align: justified; }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  color: #FFF;
  background-color: #005cb9;
  border-color: #0059b4; }

p.btn_more {
  margin: 0; }

.btn_more a, a.btn_more, button.btn_more {
  background: #005cb9;
  width: auto;
  font: 400 .75em/.75em 'Roboto', sans-serif;
  text-transform: uppercase;
  color: #FFF;
  margin: 10px 0;
  padding: 4px 8px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  -khtml-border-radius: 9px;
  border-radius: 9px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }
  .btn_more a:hover, a.btn_more:hover, button.btn_more:hover {
    background: black;
    text-decoration: none; }
  .btn_more a:focus, a.btn_more:focus, button.btn_more:focus {
    text-decoration: none; }

.right {
  float: right; }

/* AJAX OFFICIALS */
#ajax-officials-new {
  margin: 0 20px 10px; }
  #ajax-officials-new .legimg {
    width: 125px;
    height: 125px;
    margin: 0 auto 6px auto;
    overflow: hidden;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */ }
    #ajax-officials-new .legimg img {
      width: 100%; }
  #ajax-officials-new .official {
    text-align: center; }

#leg-loader {
  margin: 0 auto;
  display: none;
  text-align: center; }

#reps-by-address {
  display: none; }

#notyourlegislators {
  font-size: small;
  text-align: right;
  font-weight: bold; }

/*
#formbyaddress input {
	margin: 3px;
	width: 40em;
	padding: 10px;
	@include border-radius(5px);
}
#formbyaddress button {
	background: transparent;
	border: none;
	color: black;
	vertical-align: middle;
}
*/
/* WBI */
.title-img {
  padding: 10px;
  vertical-align: middle;
  max-height: 100px; }

/* action alerts */
.action-alert-header {
  text-align: center; }

/* the power of constituent pressure */
.pressure-list {
  margin-left: 2em;
  list-style-type: decimal; }
  .pressure-list li {
    margin-top: 1em; }

.panel ul,
.well ul {
  list-style: outside disc;
  margin: 0 0 10px 15px;
  padding: 5px; }

ul.nav, ol.nav {
  margin: 0;
  padding: 0;
  list-style: none; }

.evoter-votestatus, .evoter-repvote {
  font-weight: bold; }

.voted-no {
  color: red; }

.voted-yes {
  color: green; }

.voted-other {
  color: #800080; }

.login-box {
  width: 50%;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .login-box {
      width: 75%; } }
  @media (max-width: 479px) {
    .login-box {
      width: 100%; } }

.form-signin input {
  margin: 3px 0px;
  max-width: 40em;
  width: 100%;
  padding: 10px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.login-button-wrapper {
  text-align: right;
  padding: 0; }

#repbio div.circle {
  display: inline-block;
  margin: 20px; }

.circle,
.reps_wrap .square {
  width: 89px;
  height: 89px;
  margin: 0 auto;
  overflow: hidden;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  padding: 0; }
  .circle-xs,
  .reps_wrap .square-xs {
    width: 55px;
    height: 55px; }

.list-group > legend {
  padding: 15px 10px 10px; }

.writeform ul {
  list-style-type: none; }
  .writeform ul li {
    margin: 10px 0; }

@media (min-width: 992px) {
  #user_settings .panel.writeform {
    min-height: 423px; } }

.info-tooltip[data-toggle="tooltip"] {
  color: #0075ec;
  font-size: 1.4em; }

.info-tooltip + .tooltip .tooltip-inner {
  background-color: #00366d; }
.info-tooltip + .tooltip.top .tooltip-arrow {
  border-top-color: #00366d; }
.info-tooltip + .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #00366d; }
.info-tooltip + .tooltip.left .tooltip-arrow {
  border-left-color: #00366d; }
.info-tooltip + .tooltip.right .tooltip-arrow {
  border-right-color: #00366d; }

.voter-list.table-responsive {
  padding: 15px 0 5px 0;
  border-left: none;
  border-right: none; }
  .voter-list.table-responsive .dataTables_wrapper > *:not(table) {
    margin-left: 25px;
    margin-right: 25px; }

#msg-talking-points a {
  float: left;
  font-size: .9em;
  text-transform: none;
  margin-top: 10px;
  width: 100%; }

.desktoptp a:link, .desktoptp a:visited {
  display: block;
  text-transform: inherit;
  padding: 8px;
  border: 1px solid #c2c2c2; }
.desktoptp a:active, .desktoptp a:hover {
  background-color: #000;
  color: #FFF; }

#msg-subject input, #msg-text textarea {
  width: 90%;
  padding: 1%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }
  @media (max-width: 991px) {
    #msg-subject input, #msg-text textarea {
      width: 100%; } }

.accordion h3 {
  background: url(https://s3.amazonaws.com/convoice_assets/nwyc/images/arrow_down.png) no-repeat 99% 50% #dedddc;
  margin: 0 0 10px 0;
  padding: 4px 8px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  cursor: pointer; }
  .accordion h3:hover {
    background: url(https://s3.amazonaws.com/convoice_assets/nwyc/images/arrow_down_hover.png) no-repeat 99% 50% #dedddc;
    color: #fff;
    cursor: pointer; }
  .accordion h3:focus {
    background: url(https://s3.amazonaws.com/convoice_assets/nwyc/images/arrow_up.png) no-repeat 99% 50% #005cb9;
    color: #fff;
    cursor: pointer; }
.accordion p {
  margin: 0 25px;
  padding-bottom: 15px;
  height: auto; }

.writeform textarea {
  padding: 1%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }
.writeform fieldset {
  font-size: 1.25em;
  border: solid 1px #a03021;
  padding: 10px 10px 0 15px;
  margin: 20px 0 10px; }
.writeform legend {
  font: 700 italic 1.5em "Roboto", sans-serif;
  color: #a03021;
  width: auto;
  margin: 0 10px 0 0;
  padding: 0 5px 0 0; }
.writeform input + label {
  float: left;
  width: auto; }
.writeform label {
  margin-top: 20px; }
.writeform ul {
  list-style-type: none; }
  .writeform ul li {
    margin: 10px 0; }
.writeform input {
  max-width: 100%;
  font: 400 1em "Roboto", sans-serif;
  padding: 5px;
  margin: 5px 0 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border: 1px solid #c2c2c2; }
.writeform select {
  font: 400 1em "Roboto", sans-serif;
  padding: 4px;
  margin: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border: 1px solid #c2c2c2; }
.writeform .msg-recips input[type='checkbox'] {
  transform: scale(1.75);
  margin: 2px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }
.writeform .msg-recips li label {
  float: none; }

.writeform-required {
  color: #a03021; }

.sender-info #fullname select {
  width: 10%; }
  @media (max-width: 1199px) {
    .sender-info #fullname select {
      width: 12%; } }
.sender-info #fullname input {
  width: 42%; }
  @media (max-width: 1199px) {
    .sender-info #fullname input {
      width: 40%; } }
.sender-info #email input {
  width: 100%; }
.sender-info .info {
  position: relative; }
  .sender-info .info button {
    float: left;
    background: #a03021;
    font-size: 1.25em;
    color: #FFF;
    padding: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    border: none; }
  .sender-info .info:last-child {
    width: 100%;
    margin: 20px 0 0 0; }
@media (max-width: 767px) {
  .sender-info #fullname select, .sender-info #fullname input {
    margin-top: 8px;
    width: 100%; }
  .sender-info #address {
    float: left;
    width: 80%; }
  .sender-info #address2 {
    float: right;
    width: 16%; }
  .sender-info #city {
    width: 100%; }
  .sender-info #state {
    float: left;
    width: 45%;
    margin: 8px 0 0 0; }
  .sender-info #zip {
    float: right;
    width: 24%;
    margin: 8px 0 0 0; } }

@media (max-width: 767px) {
  .wf-talkingpoints {
    display: none; } }

#msg-talking-points {
  display: none; }
  @media (max-width: 767px) {
    #msg-talking-points {
      display: block;
      float: left;
      width: 100%;
      margin-bottom: 2%; } }

@media (max-width: 479px) {
  .article_wrapper .issue_image {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block; }
  .article_wrapper h4 {
    font-size: 1.5em; } }

.topics > ul {
  margin-left: 0;
  list-style-type: none;
  font-size: 20px;
  font-weight: 400px;
  padding: 0; }
  .topics > ul > li {
    padding: 0;
    margin-bottom: -1px; }
    .topics > ul > li:hover {
      background-color: #f5f5f5; }
    .topics > ul > li > label {
      display: block;
      cursor: pointer;
      padding: 10px 15px; }
.topics .checkbox {
  min-height: 30px;
  margin: 10px 0; }
.topics input[type="checkbox"] {
  height: 30px;
  width: 30px;
  margin: 0 20px;
  float: left; }

#find_vote #search-form {
  border-color: #aaaaaa; }
#find_vote #search-loading {
  display: none; }
#find_vote #search-results {
  display: none; }

.covered {
  position: relative; }
  .covered > .cover {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0.90;
    background-color: white;
    filter: alpha(opacity=90);
    z-index: 1;
    text-align: center;
    transition: opacity .25s; }
    .covered > .cover.cover-hidden {
      opacity: 0;
      z-index: -1; }
    .covered > .cover > .message {
      position: absolute;
      top: 50%;
      width: 100%;
      display: table-cell;
      vertical-align: middle;
      font-weight: bold;
      font-size: 16px; }

@media (max-width: 767px) {
  .panel.poll {
    margin-bottom: -1px; } }
@media (min-width: 992px) {
  .navbar-collapse {
    padding-left: 0;
    padding-right: 0; } }

.menu-write-btn {
  padding: 5px; }
  .menu-write-btn > a {
    padding: 9px !important;
    border: 1px solid #ca3d2a;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    background-color: #a03021; }
    .menu-write-btn > a:focus {
      border-color: #da5d4d !important;
      background-color: #ca3d2a !important; }
  .menu-write-btn:hover > a {
    border-color: #da5d4d !important;
    background-color: #ca3d2a !important; }

.mobile-menu-write-btn {
  padding: 0;
  max-height: 47px; }
  .mobile-menu-write-btn > a {
    max-height: 37px !important;
    padding: 10px !important;
    border: 1px solid #ca3d2a;
    border-left: none;
    border-right: none;
    background-color: #a03021; }
    .mobile-menu-write-btn > a:focus {
      border-color: #da5d4d !important;
      background-color: #ca3d2a !important; }
  .mobile-menu-write-btn:hover > a {
    border-color: #da5d4d !important;
    background-color: #ca3d2a !important; }

.placeholder .icon-box {
  margin-right: 20px; }
.placeholder .profile-link-wrap {
  margin-top: 15px; }
.placeholder a:hover, .placeholder a:focus {
  text-decoration: none; }
.placeholder a.disabled {
  cursor: default; }
  .placeholder a.disabled .icon-box, .placeholder a.disabled .profile-link-wrap, .placeholder a.disabled .profile-link-wrap > h4 {
    color: darkgrey;
    font-weight: normal; }

.leg-address {
  height: 105px;
  margin-bottom: 20px;
  overflow: hidden; }
  .leg-address:hover {
    overflow: visible;
    z-index: 20; }

@media (min-width: 768px) {
  .leg-details-main {
    position: relative;
    color: white;
    min-height: 400px; }
    .leg-details-main .leg-side-bar {
      background-color: #454545;
      padding: 50px 0 0;
      position: absolute;
      height: 100%;
      top: 0;
      left: 0; }
      .leg-details-main .leg-side-bar .circle {
        margin-left: auto;
        margin-right: auto;
        margin-top: 15px;
        height: 107px;
        width: 107px;
        border: 2px solid white; }
      .leg-details-main .leg-side-bar i.fa-inverse {
        color: #454545;
        width: 28px; }
      .leg-details-main .leg-side-bar i:not(.fa-inverse) {
        color: white;
        opacity: 0.7; }
        .leg-details-main .leg-side-bar i:not(.fa-inverse):hover {
          opacity: 1; }
      .leg-details-main .leg-side-bar span.fa-stack:hover > i:not(.fa-inverse) {
        opacity: 1; }
    .leg-details-main .leg-tab-wrapper {
      padding-left: 0;
      padding-right: 0; } }
pre.json-preview {
  background: #fafafa;
  border: 1px solid grey;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  overflow-y: auto;
  white-space: pre-wrap;
  max-height: 300px;
  font-size: 12px;
  font-family: "Lucida Console", Monaco, monospace;
  line-height: 1em; }

.panel.writeform textarea {
  width: 100%; }

.captcha-group {
  position: relative; }
  .captcha-group button[type=submit] {
    width: 100%;
    display: block;
    margin-top: 15px; }
    @media screen and (min-width: 768px) {
      .captcha-group button[type=submit] {
        width: auto;
        margin: 0;
        position: absolute;
        bottom: 0;
        right: 0; } }

@media (min-width: 0px) {
  .row-equal-xs {
    display: -webkit-flex;
    display: flex; }
    .row-equal-xs > div[class*='col-'] {
      display: -webkit-flex;
      display: flex; }
      .row-equal-xs > div[class*='col-'] > .panel {
        position: relative;
        width: 100%; }
        .row-equal-xs > div[class*='col-'] > .panel > div[class*='col-'] > .panel > .panel-footer {
          position: absolute;
          bottom: 0;
          right: 0;
          left: 0; } }
@media (min-width: 769px) {
  .row-equal-sm {
    display: -webkit-flex;
    display: flex; }
    .row-equal-sm > div[class*='col-'] {
      display: -webkit-flex;
      display: flex; }
      .row-equal-sm > div[class*='col-'] > .panel {
        position: relative;
        width: 100%; }
        .row-equal-sm > div[class*='col-'] > .panel > div[class*='col-'] > .panel > .panel-footer {
          position: absolute;
          bottom: 0;
          right: 0;
          left: 0; } }
@media (min-width: 993px) {
  .row-equal-md {
    display: -webkit-flex;
    display: flex; }
    .row-equal-md > div[class*='col-'] {
      display: -webkit-flex;
      display: flex; }
      .row-equal-md > div[class*='col-'] > .panel {
        position: relative;
        width: 100%; }
        .row-equal-md > div[class*='col-'] > .panel > div[class*='col-'] > .panel > .panel-footer {
          position: absolute;
          bottom: 0;
          right: 0;
          left: 0; } }
@media (min-width: 1201px) {
  .row-equal-lg {
    display: -webkit-flex;
    display: flex; }
    .row-equal-lg > div[class*='col-'] {
      display: -webkit-flex;
      display: flex; }
      .row-equal-lg > div[class*='col-'] > .panel {
        position: relative;
        width: 100%; }
        .row-equal-lg > div[class*='col-'] > .panel > div[class*='col-'] > .panel > .panel-footer {
          position: absolute;
          bottom: 0;
          right: 0;
          left: 0; } }

.required-field > label:after {
  content: '*';
  margin-left: 1px;
  color: darkred;
  font-weight: bold; }

textarea.no-resize {
  resize: none; }

/*# sourceMappingURL=nwyc-styles.css.map */