/******************************
Site Colors:
Burgundy:       #5e172d;
LightBurgundy:  #82473e;
NavyBlue:       #04194a;
DemBlue:        #041140;
BlueText:       #0f196b;
LightBlue:      #dee8f1;
DarkTan:        #7a6b61;
BlueGrey:       #4d4d55;
LightGrey:      #cdc6bb;
DarkGrey:       #404040;
RepubRed:       #bb0c13;
*******************************/
i.red {
  color: #ff0000;
}
i.blue {
  color: #023975;
}
i.darktan {
  color: #7a6b61;
}
.no-padding-left {
  padding-left: 0;
}
.no-padding-right {
  padding-right: 0;
}
@font-face {
  font-family: 'Nobel';
  src: url('../fonts/Nobel-Regular.otf');
}
@font-face {
  font-family: 'Nobel-Bold';
  src: url('../fonts/Nobel-Bold.otf');
}
@font-face {
  font-family: 'Nobel-Black';
  src: url('../fonts/Nobel-Black.otf');
}
@font-face {
  font-family: 'Nobel-Book';
  src: url('../fonts/Nobel-Book.otf');
}
@font-face {
  font-family: 'Nobel-Light';
  src: url('../fonts/Nobel-Light.otf');
}
@font-face {
  font-family: 'HAAR';
  src: url('../fonts/HAAR____.TTF');
}
@font-face {
  font-family: 'HAARI';
  src: url('../fonts/HAARI___.TTF');
}
@font-face {
  font-family: 'HAARMI';
  src: url('../fonts/HAARMI__.TTF');
}
@font-face {
  font-family: 'HAARBI';
  src: url('../fonts/HAARBI__.TTF');
}
@font-face {
  font-family: 'HAARALT';
  src: url('../fonts/HAARALT_.TTF');
}
@font-face {
  font-family: 'HAARM';
  src: url('../fonts/HAARM___.TTF');
}
@font-face {
  font-family: 'HAABIOS';
  src: url('../fonts/HAABIOS_.TTF');
}
html,
body {
  height: 100%;
  margin: 0;
  width: 100%;
}
body {
  font-family: 'Nobel';
}

body > .o-wrapper > .ng-scope {
  background-color: #fff;
}

.o-wrapper {
  overflow-x: hidden;
  width: 100%;
}

.candidate-row > a:hover,
.candidate-row > a.ng-scope:hover {
  text-decoration: none;
}
.site-header-wrapper {}
/*** Mobile Menu ***/

.mobile-menu-button-wrapper {
  border-bottom: 3px solid #bb0c13;
  -webkit-box-shadow: 0 2px 6px 0 rgba(119, 119, 119, 1);
  -moz-box-shadow: 0 2px 6px 0 rgba(119, 119, 119, 1);
  box-shadow: 0 2px 6px 0 rgba(119, 119, 119, 1);
  padding: 15px;
  font-family: 'HAARI';
  font-size: 20px;
}
.mobile-menu-button-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mobile-menu-button-wrapper li {
  border-bottom: 1px solid #eee;
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
}
.mobile-menu-button-wrapper li:last-child {
  border-bottom: none;
  margin: 0;
  padding: 0;
}
.home-page .mobile-menu-button-wrapper {
  border-bottom: none;
}
.mobile-menu-button-wrapper a {
  background: url(../img/arrow-navigation-down-blue.png) no-repeat right center / 24px 24px;
  color: #5e172d;
  display: block;
  font-family: 'Nobel-Light';
  font-size: 22px;
  font-weight: bold;
  padding: 0 31px 0 0;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
}
.mobile-menu-button-wrapper a span {
  font-family: 'Nobel-Bold';
  opacity: 0.9;
}
.mobile-menu-button-wrapper a:focus {
  outline: none;
}
.c-menu {
  position: fixed;
  z-index: 200;
  background-color: #fff;
  transition: transform 0.3s;
}
.c-menu--items {
  list-style: none;
  margin: 0;
  padding: 0;
}
.c-menu--slide-left button.c-menu--close {
  border-bottom: none;
  color: #fff;
  position: relative;
  top: 15px;
  left: -5px;
  padding: 0;
  font-weight: normal;
}
.c-menu--close {
  color: #041343;
  background-color: transparent;
  font-size: 20px;
  border: none;
  box-shadow: none;
  border-radius: none;
  -webkit-appearance: none;
  -mox-appearance: none;
  appearance: none;
  cursor: pointer;
  text-align: left;
}
.c-menu--close:focus {
  outline: none;
}
body.has-active-menu {
  overflow: hidden;
}
.c-mask {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 0;
  height: 0;
  background-color: transparent;
  opacity: 0;
  transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
}
.c-mask.is-active {
  width: 100%;
  height: 100%;
  opacity: 0.7;
  transition: opacity 0.3s;
}
.c-menu--slide-left,
.c-menu--slide-right,
.c-menu--push-left,
.c-menu--push-right {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}
@media all and (min-width: 320px) {
  .c-menu--slide-left,
  .c-menu--slide-right,
  .c-menu--push-left,
  .c-menu--push-right {
    width: 100%;
  }
}
.c-menu--slide-left .c-menu--item,
.c-menu--slide-right .c-menu--item,
.c-menu--push-left .c-menu--item,
.c-menu--push-right .c-menu--item {
  display: block;
  text-align: center;
  border-top: solid 1px #b5dbe9;
  border-bottom: solid 1px #3184a1;
}
.c-menu--slide-left .c-menu--item:first-child,
.c-menu--slide-right .c-menu--item:first-child,
.c-menu--push-left .c-menu--item:first-child,
.c-menu--push-right .c-menu--item:first-child {
  border-top: none;
}
.c-menu--slide-left .c-menu--item:last-child,
.c-menu--slide-right .c-menu--item:last-child,
.c-menu--push-left .c-menu--item:last-child,
.c-menu--push-right .c-menu--item:last-child {
  border-bottom: none;
}
.c-menu--slide-left .c-menu--link,
.c-menu--slide-right .c-menu--link,
.c-menu--push-left .c-menu--link,
.c-menu--push-right .c-menu--link {
  display: block;
  padding: 12px 24px;
  color: #333;
  text-align: left;
  font-family: 'Nobel';
  font-size: 18px;
  text-decoration: none;
}
.c-menu--slide-left .c-menu--close,
.c-menu--slide-right .c-menu--close,
.c-menu--push-left .c-menu--close,
.c-menu--push-right .c-menu--close {
  display: block;
  padding: 5px 24px;
  width: 100%;
  border-bottom: 1px solid #0069b4;
}
.c-menu--slide-left {
  display: none;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  z-index: -5;
}
@media all and (min-width: 320px) {
  .c-menu--slide-left {
    transform: translateX(-100%);
  }
}
.c-menu--slide-left.is-active {
  display: block;
  transform: translateX(0);
  z-index: 120;
}
.c-menu--slide-right {
  top: 0;
  right: 0;
  transform: translateX(100%);
}
@media all and (min-width: 320px) {
  .c-menu--slide-right {
    transform: translateX(100%);
  }
}
.c-menu--slide-right.is-active {
  transform: translateX(0);
}
.c-menu--candidates,
.c-menu--issues {
  background-color: #dee8f1;
}
.c-menu--candidate,
.c-menu--issue {
  background-color: #dee8f1;
  color: #404040 !important;
  display: block;
  text-align: left;
  padding: 10px 22px;
  font-size: 18px;
  line-height: 18px;
  text-transform: uppercase;
  border-bottom: 1px solid #6fa8d2;
}
.c-menu--candidate:hover,
.c-menu--issue:hover,
.c-menu--candidate:focus,
.c-menu--issue:focus {
  text-decoration: none;
}
a.c-menu--issue {
  color: #404040;
}
.c-menu--candidate:last-child,
.c-menu--issue:last-child {
  border-bottom: none;
}
.c-menu--item-parent {} .c-menu--item-parent .c-menu--toggle-arrow {
  content: "";
  background: transparent url(../img/arrow-navigation-mobile-down.png) no-repeat center center;
  width: 36px;
  height: 21px;
  margin-top: 0;
  display: inline-block;
  position: relative;
  float: right;
  background-size: 55%;
}
.c-menu--item-parent .c-menu--toggle-arrow.toggle-off {
  background: transparent url(../img/arrow-navigation-mobile-up.png) no-repeat center center;
  background-size: 55% !important;
}
/*** Timer ***/

.top-bar {
  background: #5e172d;
  color: #fff;
  height: 36px;
}
.candidate-pic-hide,
.row-hide,
.candidate-extra-details.hide-extra-details {
  transition: opacity 1s ease-out;
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.fixed-extra.candidate-extra-info {
  position: absolute;
  top: 1320px;
}
.candidate-pic-show {
  opacity: 1;
  height: auto;
}
.candidate-extra-details {
  background-color: transparent;
}
.candidate-extra-details.fixed {
  position: absolute;
  top: 460px;
  z-index: 1;
}
.candidate-info.fixed {
  background-color: #dee8f1;
  position: fixed;
  top: 0;
  z-index: 3;
}
.countdown-wrapper {
  color: #fff;
  position: relative;
  height: 36px;
  line-height: 36px;
}
.countdown-wrapper #countdown-timer {
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.countdown-wrapper #countdown-timer span.countdown-label {
  margin-right: 8px;
}
.countdown-wrapper .time-item {
  margin-right: 5px;
}
.countdown-wrapper .time-item.time-hours {
  margin-right: 0;
}
.site-header {
  /* Permalink - use to edit and share this gradient:
http://colorzilla.com/gradient-editor/#041140+0,023975+90 */

  background: #041140;
  /* Old browsers */

  background: -moz-linear-gradient(top, #041140 0%, #023975 90%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #041140), color-stop(90%, #023975));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #041140 0%, #023975 90%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #041140 0%, #023975 90%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #041140 0%, #023975 90%);
  /* IE10+ */

  background: linear-gradient(to bottom, #041140 0%, #023975 90%);
  /* W3C */

  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#041140', endColorstr='#023975', GradientType=0);
  /* IE6-9 */

  border-bottom: 3px solid #cdc6bb;
  display: block;
  width: 100%;
}
.site-header .cfr-logo {
  display: block;
  position: relative;
  left: -15px;
  outline: 0;
  position: relative;
  top: 5px
}
.site-header .site-logo {
  display: block;
  position: relative;
  right: -15px;
  outline: 0;
  position: relative;
  top: 5px
}
.video-wrapper {} #video-modal {
  position: relative;
  z-index: 5000;
}
.modal-content {
  margin: 0 auto;
  display: block;
}
.modal-video-wrapper {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}
.modal-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/***************************
  Homepage
****************************/

.homepage-hero-wrapper {
  background-color: #f0ede8;
  border-bottom: 5px solid #0b1436;
  position: relative;
}
.homepage-hero-wrapper img {
  width: 100%;
  margin: 0 auto;
}
.homepage-hero-wrapper .container.container-hero-homepage {
  background: rgba(0,0,0,0.5);    
  position: absolute;
  top: 50%;
  margin: 0 auto;
  transform: translate(0, -50px);
  width: 100%;
  z-index: 200;
}
.homepage-hero-title {
  color: #fff;
  font-family: 'HAAR';
  font-size: 45px;
  text-align: center;
  margin: 0;
  padding: 5px 0;
}
.homepage-navigation {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-top: 10px;
}
.homepage-navigation .homepage-nav-item {
  padding-left: 0;
  padding-right: 0;
}
.homepage-navigation .homepage-nav-item:nth-child(2){
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
}
#candidate-menu,
#issue-menu {
  padding: 60px 0;
}
.homepage-menu-parent {
  color: #fff;
  font-family: 'Nobel-Light';
  font-size: 28px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px #000;
  cursor: hand;
}
.homepage-menu-parent strong {
  font-family: 'Nobel-Bold';
}
.homepage-menu-parent span {
  cursor: pointer;
  display: inline-block;
}
.homepage-menu-parent:hover {
  text-shadow: 2px 2px #7A0026;
  -webkit-transform: scale(1.025);
  -ms-transform: scale(1.025);
  transform: scale(1.025);
}
.toggle-arrow {
  content: "";
  background: transparent url(../img/arrow-navigation-down-white.png) no-repeat center center;
  width: 100%;
  height: 49px;
  margin-top: 30px;
  display: block;
  position: relative;
}
.toggle-arrow.toggle-off {
  background: transparent url(../img/arrow-navigation-up-white.png) no-repeat center center;
}
.navbar-home.navbar-candidates-topics {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  height: 182px !important;
  position: absolute !important;
  top: 68% !important;
}
.navbar-home .container.container-navbar {
  height: 182px !important;
}
.in-the-news-wrapper {
  background-color: #f0ede8;
  border-bottom: 5px solid #0b1436;
  min-height: 250px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.in-the-news-container.container {} .in-the-news-container .in-the-news-title {
  color: #000;
  font-family: 'HAAR';
  font-size: 45px;
  margin-bottom: 40px;
  text-align: center;
}

.mobile-view .in-the-news-title {
  font-size: 31px;
  margin-bottom: 34px;
  margin-top: 4px;
}

.in-the-news-item {
  margin-bottom: 40px;
}

.in-the-news-thumbnail,
.in-the-news-thumbnail:hover {} .in-the-news-thumbnail img {
  border: 5px solid #5e172d;
  border-radius: 50%;
  opacity: 0.8;
}
.in-the-news-thumbnail img:hover {
  opacity: 1;
}
.in-the-news-text {} .in-the-news-text a .in-the-news-item-headline {
  color: #000;
  font-family: 'Nobel-Book';
  font-size: 28px;
  text-transform: uppercase;
  border-top: 4px solid #5e172d;
  padding-top: 20px;
  text-decoration: none !important;
}
.in-the-news-text a .in-the-news-item-headline:hover {
  text-decoration: none !important;
}
.in-the-news-text a.in-the-news-item-link {
  color: #5e172d;
  font-family: 'HAARI';
  font-size: 22px;
}
.in-the-news-text a.in-the-news-item-link:hover {
  text-decoration: none !important;
}
.in-the-news-text a.in-the-news-item-link:after {
  content: '\003e';
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
}
.split-section-wrapper {
  width: 100%;
  clear: both;
  min-height: 225px;
  background-color: #fff;
  padding-bottom: 0;
}
.split-section {} .container.container-split-section {
  position: relative;
  padding-bottom: 25px;
}
.split-section-inner.col-md-6:first-child {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 0;
}
.split-section-inner.col-md-6:first-child p.split-section-desc {
  padding: 0 20px 0 0;
}
.split-section-inner.col-md-6:last-child {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 0;
}
.split-section-inner.col-md-6:last-child p.split-section-desc {
  padding: 0 20px 0 0;
}
.split-section.left-section {} .split-section.right-section {} .split-section.left-section,
.split-section.right-section {
  min-height: 280px;
  padding-bottom: 20px;
}
.split-section-bottom {
  width: 100%;
  text-align: center;
}
.split-section-button {
  background-color: #4e657b;
  color: #fff;
  line-height: 45px;
  padding: 6px 38px;
  width: 295px;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 0.03em;
  word-spacing: 0.2em;
}
.split-section-button:hover {
  background-color: #5f768b;
  color: #fff;
}
.split-section-button img {
  margin-right: 10px;
}
.split-section-outer-left,
.split-section.left-section {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4e5a6d+0,ffffff+100&amp;1+0,0+100 */

  background: -moz-linear-gradient(top, rgba(78, 90, 109, 1) 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(78, 90, 109, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, rgba(78, 90, 109, 1) 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, rgba(78, 90, 109, 1) 0%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, rgba(78, 90, 109, 1) 0%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, rgba(78, 90, 109, 1) 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C */

  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4e5a6d', endColorstr='#00ffffff', GradientType=0);
  /* IE6-9 */

  background-color: #fff;
}
.split-section-outer-right,
.split-section.right-section {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cbb099+0,cbb099+100&amp;1+0,0+100 */

  background: -moz-linear-gradient(top, rgba(203, 176, 153, 1) 0%, rgba(203, 176, 153, 0) 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(203, 176, 153, 1)), color-stop(100%, rgba(203, 176, 153, 0)));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, rgba(203, 176, 153, 1) 0%, rgba(203, 176, 153, 0) 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, rgba(203, 176, 153, 1) 0%, rgba(203, 176, 153, 0) 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, rgba(203, 176, 153, 1) 0%, rgba(203, 176, 153, 0) 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, rgba(203, 176, 153, 1) 0%, rgba(203, 176, 153, 0) 100%);
  /* W3C */

  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cbb099', endColorstr='#00cbb099', GradientType=0);
  /* IE6-9 */

  background-color: #fff;
}
.split-section-title,
.split-section-desc {
  padding: 0 20px;
  text-align: center;
}
.split-section-title {
  font-family: 'Nobel-Book';
  font-size: 26px;
  text-transform: uppercase;
  margin-top: 0;
  padding-top: 30px;
  letter-spacing: 0.03em;
  word-spacing: 0.15em;
}
.split-section-desc {
  font-family: 'HAAR';
  font-size: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
}
/***************************
    Nav Content
****************************/

.navigation-wrapper {
  background-color: #fff;
  border-bottom: 1px solid #bb0c13;
  box-shadow: 0 3px 7px #999;
  color: #404040;
  height: auto;
  position: relative;
  width: 100%;
  z-index: 500;
}
.navbar.navbar-candidates-topics {
  margin-bottom: 0;
  background-color: #fff;
  border-bottom: 1px solid #bb0c13;
  box-shadow: 0 3px 7px #999;
  color: #404040;
  height: auto;
  position: relative;
  width: 100%;
  z-index: 500;
}
.navbar-candidates-topics .container.container-navbar .navbar-collapse .navbar-nav>li>a>sub {
  color: #404040;
  font-family: 'HAARI';
  font-size: 18px;
  display: block;
}
.navbar-candidates-topics .container.container-navbar .navbar-collapse .navbar-nav>li>a>span {
  color: #0f196b;
  font-size: 27.25px;
  text-transform: uppercase;
}
.navbar-candidates-topics .container.container-navbar .navbar-collapse .navbar-nav>li>a {
  color: #0f196b;
}
.container.container-navbar .navbar-collapse .navbar-nav>li>a {
  padding-left: 0;
}
.nav.navbar-candidates {
  margin: 0;
  padding-left: 20px;
}
.navbar-candidates-topics .open>a {
  background-color: transparent !important;
}
.navbar-candidates-topics .open>a.blue-button {
  background: #0069b4 !important;
  color: #fff;
  display: block;
  font: 14px/50px 'Nobel';
  text-align: center;
  text-transform: uppercase;
}
.navbar-candidates-topics .container.container-navbar .navbar-collapse .navbar-nav>li.open>a>sub,
.navbar-candidates-topics .container.container-navbar .navbar-collapse .navbar-nav>li.open>a>span {
  background-color: none !important;
  color: #1173ba;
}
.navbar-topics>li.dropdown.open>ul.dropdown-menu,
.navbar-comparison>li.dropdown.open>ul.dropdown-menu {
  left: 0;
  width: 100%;
}
ul.navbar-comparison.active {
  background-color: #EEEDE9;
}
ul.dropdown-menu {
  overflow: scroll;
}
.navbar-candidates-topics .navbar-nav>li {
  float: left;
  width: 100%;
}
.navbar-candidates>li.dropdown>a>.caret,
.navbar-topics>li.dropdown>a>.caret {
  background: url("../img/arrow-navigation-down.png") transparent 0 0;
  position: relative;
  display: inline;
  top: -25px;
  border: none;
  width: 49px;
  height: 49px;
  float: right;
  margin-left: 0;
}
.navbar-home .navbar-candidates>li.dropdown>a>.caret,
.navbar-home .navbar-topics>li.dropdown>a>.caret {
  background: url("../img/arrow-navigation-down-white.png") transparent 0 0;
}
.navbar-candidates>li.dropdown.open>a>.caret,
.navbar-topics>li.dropdown.open>a>.caret {
  background: url("../img/arrow-navigation-up.png") transparent 0 0;
}
.navbar-home .navbar-candidates>li.dropdown.open>a>.caret,
.navbar-home .navbar-topics>li.dropdown.open>a>.caret {
  background: url("../img/arrow-navigation-up-white.png") transparent 0 0;
}
.topic-item {
  background-color: #555;
  margin-bottom: 10px;
  line-height: 80px;
  width: 49%;
  margin-right: 1%;
  padding-left: 0;
  padding-right: 0;
}
.topic-item .col-md-10.col-sm-10.col-sm-10 {
  position: absolute;
  bottom: 100%;
  z-index: 5;
}
img.topic-item-bg {
  width: 100%;
  position: relative;
  z-index: 3;
}
.topic-item .col-md-2.col-sm-2 {
  position: absolute;
  bottom: 85%;
  z-index: 5;
  right: 5%;
}
.topic-item a {
  color: #fff !important;
  text-decoration: none !important;
}
.topic-item:last-child {
  margin-left: 0;
  margin-right: 0;
}
.topic-item .topic-name {
  color: #fff;
  text-transform: uppercase;
  font-size: 40px;
  position: absolute;
  top: 95px;
  letter-spacing: 0.05em;
  text-shadow: 1px 1px 6px #000;
  width: 85%;
}
.topic-item .topic-name-arrow img {
  position: relative;
  top: 90px;
  left: 0;
}
.row.row-menu-topic:last-child .topic-item {
  margin-bottom: 10px;
}
.row.candidate-menu-row {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 0;
  padding-bottom: 0;
}
.candidate-menu-row .col-md-3.col-sm-3.col-xs-12 {
  border-right: 1px solid #eee;
}
.candidate-menu-row .col-md-3.col-sm-3.col-xs-12:last-child {
  border-right: none;
}
.row.candidate-menu-row:last-child {
  border-bottom: none;
}
.candidate-menu-pic {
  padding-top: 20px;
}
.candidate-menu-pic img {
  border-radius: 50%;
  margin-bottom: 10px;
  border: 6px solid;
}
.candidate-menu-name,
.candidate-menu-party {
  text-align: center;
}
.candidate-menu-name {
  font-size: 36px;
  line-height: 36px;
  text-transform: uppercase;
}
.candidate-menu-name.democrat a,
.candidate-menu-name.democrat a:hover {
  color: #0d004c;
}
.candidate-menu-name.republican a,
.candidate-menu-name.republican a:hover {
  color: #5e172d;
}
.candidate-menu-name a,
.candidate-menu-name a:hover {
  color: #411c0d;
  text-decoration: none !important;
}
.candidate-menu-party {
  color: #404040;
  font-family: 'HAAR';
  padding-bottom: 20px;
}
.container.container-navbar {
  padding-left: 0;
  padding-right: 0;
}
.container.container-navbar .navbar-collapse {
  padding-left: 15px;
  padding-right: 15px;
}
.container.container-navbar .navbar-collapse .navbar-nav>li>a {
  padding-left: 0;
}
.navigation-wrapper .nav-candidates-wrapper {
  height: 87px;
  padding: 20px 0;
}
.navigation-wrapper .nav-topics-wrapper {
  border-left: 1px solid #cdc6bb;
  height: 87px;
  padding: 20px 0 20px 20px;
}
/***************************
    Page Content
****************************/

.main-container {
  /*min-height: 500px;*/

  background-color: #fff;
}
.home-page .main-container {
  min-height: initial !important;
}
/*
.container.main-container {
    display: table;
}
*/

.candidate-column {
  background-color: #dee8f1;
  color: #dee8f1;
  padding: 15px 30px 0px 30px;
  /*
float: none;
display: table-cell;
  */
}
.candidate-image {} .candidate-issue-hero-wrapper {
  position: relative;
  width: 100%;
}
.candidate-issue-hero-wrapper img {
    padding-top: 20px;
}
.issue-landing-text {
  padding: 0 15px 40px 15px;
}
.issue-detail-text {
  margin-top: 20px;
}
h2.issue-titles {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 48px;
}
h2.issue-titles sub {
  font-family: 'HAAR';
  font-style: italic;
  font-size: 24px;
}
h2.issue-titles span {
  text-transform: uppercase;
  font-size: 48px;
  letter-spacing: 0.03em;
  text-shadow: 1px 1px 3px #000;
}
.updated-date {
  color: #7a6b61;
  font-size: 14px;
  margin: 15px 0;
  padding: 10px 0;
  text-transform: uppercase;
}
.issue-updated-date {
  padding: 10px 15px;
}
.candidate-issue-date.updated-date {
  padding-left: 15px;
  margin-bottom: 5px;
  opacity: 0.5;
}
.candidate-image img {
  border: 9px solid;
  border-radius: 50%;
  display: block;
  height: 310px;
  margin: 0 auto;
  width: 310px;
}
.candidate-name,
.candidate-name:hover {
  color: #0f196b;
  font-size: 48px;
  letter-spacing: 0.02em;
  margin-top: 15px;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
}
.candidate-name.democrat:hover,
a.candidate-name.democrat:hover {
  color: #0d004c;
}
.candidate-name.republican:hover,
a.candidate-name.republican:hover {
  color: #5e172d;
}
.candidate-name:after {
  content: "";
  background: transparent url(../img/candidate-detail-sidebar-arrow.png) center center no-repeat;
  bottom: 5%;
  display: inline-block;
  height: 49px;
  float: right;
  width: 49px;
}

.candidate-stance:after {
  content: "";
  background: transparent url(../img/arrow-stance-right.png) center center no-repeat;
  vertical-align: -12%;
  display: inline-block;
  height: 19px;
  width: 19px;
  margin-left: 5px;
}
body.candidate-profile .candidate-name:after {
  background: none !important;
}
a.candidate-profile-link,
a.candidate-profile-link:hover {
  position: relative;
  text-decoration: none;
}
.candidate-sidebar-arrow {
  /*
position: absolute;
  bottom: 127px;
  left: 85%;
  z-index: 5000;
  width: 49px;
  height: 49px;
  overflow: auto;
  */

  display: none;
}
.candidate-title,
.candidate-title:hover {
  color: #404040;
  font-family: 'HAAR';
  font-weight: 400;
  margin-top: 15px;
  text-decoration: none;
}
.social-links-leftside {
  padding-left: 0;
}
.social-links-rightside {
  padding-right: 0;
}
.social-links-title {
  text-transform: uppercase;
  font-size: 14.4px;
}
.social-links-title a {
  color: #041140;
  font-family: 'Nobel';
  font-size: 18px;
  text-transform: uppercase;
}
.candidate-social-links {
  border-bottom: 3px solid #cacfd4;
  border-top: 1px solid #cacfd4;
  color: #404040;
  height: 70px;
  line-height: 40px;
  padding: 15px 0;
}
.candidate-social-links-alt {
  border-bottom: 1px solid #cacfd4;
  color: #404040;
  height: 70px;
  line-height: 40px;
  padding: 15px 0;
  width: 100%;
}
ul.social-links {
  list-style: none;
  margin-bottom: 0;
}
.candidate-social-links-alt ul.social-links {
  padding-left: 0;
}
.candidate-social-links .social-link,
.candidate-social-links-alt .social-link {
  background-color: #0f196b;
  border-radius: 50%;
  display: inline-block;
  height: 38px;
  margin-right: 5px;
  width: 38px;
}
.candidate-social-links .social-link i,
.candidate-social-links-alt .social-link i {
  color: #dee8f1;
  display: block;
  font-size: 20px;
  height: 38px;
  line-height: 24px;
  text-align: center;
  width: 38px;
  position: relative;
  top: 2px;
  font-weight: 400;
}
.candidate-social-links-alt .social-link i {
  color: #dee8f1;
  display: block;
  font-size: 37px;
  /* height: 38px; */
  /* line-height: 24px; */
  /* text-align: center; */
  /* width: 38px; */

  position: relative;
  top: 0;
  /* font-weight: 400; */

  left: 1px;
  line-height: 37px;
}
.candidate-social-links .social-link-email.social-link i {
  font-size: 19px;
  top: 0;
}
.candidate-social-links .social-link.first {} .candidate-social-links .social-link.last {} 

.democrat {
  color: #0d004c;
}
.republican {
  color: #5e172d;
}
.democrat img {
  border-color: #0d004c !important;
}
.republican img {
  border-color: #5e172d !important;
}
.info-subtitle {
  color: #5e172d;
  font-family: 'HAARI';
  font-size: 18px;
}
.info-title {
  color: #404040;
  font-size: 18px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 10px;
  text-transform: uppercase;
}
h1.divider-title {
  color: #041140;
  font-family: 'Nobel-Book';
  font-size: 28px;
  font-weight: 400;
  text-transform: uppercase;
}
.toggle-title {
  width: 100%;
  height: 74px;
  display: block;
}
.toggle-title .divider-title {
  float: left;
}
.toggle-title-arrow {
  content: "";
  background: transparent url(../img/sidebar-arrow-toggle-down.png) no-repeat center center;
  width: 40px;
  height: 40px;
  margin-top: 0;
  display: inline-block;
  position: relative;
  float: right;
  background-size: 100%;
  top: 14px;
}
.toggle-title-arrow.toggle-off {
  background: transparent url(../img/sidebar-arrow-toggle-up.png) no-repeat center center;
  background-size: 100% !important;
}
h2.divider-title {
  color: #5e172d;
  font-family: 'HAARI';
  font-size: 24px;
}
span.dates {
  color: #041140;
  display: block;
  font-family: 'Nobel';
  font-size: 16px;
}
p.timeline-item {
  color: #4d4d55;
  font-family: 'HAAR';
  font-size: 18px;
  font-weight: 200;
  padding-bottom: 25px;
}
.candidate-row {
  border-bottom: 1px solid #cacfd4;
}
.candidate-row:last-child {
  border-bottom: none;
}
.candidate-row.candidate-row-1 {
  border-bottom: none;
  /*
display: table-cell;
vertical-align: top;
  */
}
.candidate-row.candidate-row-2,
.candidate-row.candidate-row-6 {
  border-bottom: 3px solid #cacfd4;
}
.candidate-row.candidate-row-6 {
    border-bottom: none;
}
/*** Related Profiles Section - Homepage ***/

.container-related-profiles {
  background-color: #fff;
  margin-top: 0;
  padding-bottom: 60px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  z-index: 14;
  padding-top: 60px;
}
.related-profiles-pic img {
  height: auto;
  width: 100%;
}
.related-profiles-title {
  color: #041140;
  font-size: 36px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.related-profiles-title sub {
  display: block;
  font-size: 24px;
  line-height: normal;
  margin-bottom: 15px;
  font-family: 'HAARMI';
  color: #0069b4;
  text-align: center;
  text-transform: initial;
}
.related-profiles-item {
  padding-left: 8px;
  padding-right: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.related-profiles-item:first-child,
.related-profiles-item:last-child {} .related-profiles-source-title,
.related-profiles-source-title a,
.related-profiles-source-title a:hover {
  color: #5e172d;
  font-family: 'HAAR';
  font-size: 18px;
  margin-top: 15px;
  margin-bottom: 5px;
  text-decoration: none;
}
.related-profiles-desc,
.related-profiles-desc a,
.related-profiles-desc a:hover {
  color: #404040;
  font-family: 'HAAR';
}
.related-profiles-desc p,
.related-profiles-desc p a,
.related-profiles-desc p a:hover {
  font-size: 28px;
  line-height: 1.1em;
  text-decoration: none;
}
/*** Issue Page Styles ***/

.container-hero {
  position: relative;
}
.container-hero .hero-issue-title {
  position: absolute;
  bottom: 60px;
  left: 40px;
  color: #fff;
  font-size: 3.5em;
  text-transform: uppercase;
  letter-spacing: 0.09em;
}
.container-hero .hero-issue-sub-title {
    position: absolute;
    bottom: 32px;
    left: 40px;
    color: #fff;
    font-size: 1.5em;
    letter-spacing: 0.09em;
}

/* Sidebar */

.candidate-column.issue-column {} .issue-column {} 

.issue-sidebar-title {
  color: #0d014d;
  border-bottom: 1px solid #cacfd5;
  border-top: 3px solid #cacfd5;
  font-size: 18px;
  line-height: 0 !important;
  height: 30px;
  padding: 25px 0;
  text-transform: uppercase;
  display: block;
  clear: both;
  margin-top: 0;
  margin-bottom: 0;
}
.candidate-sidebar-item {
  clear: both;
  display: block;
  height: 110px;
  border-bottom: 1px solid #cacfd5;
  padding: 20px 0;
}
.candidate-sidebar-item:last-child {
  border-bottom: none;
}
.candidate-sidebar-item.active {} .candidate-sidebar-item.inactive {
  opacity: 0.50;
}
.candidate-sidebar-item-left {
  padding: 0 10px 0 0;
}
.candidate-sidebar-item-left img {
  border-radius: 50%;
  border: 4px solid;
}
.candidate-sidebar-item-middle {
  padding: 0;
}
.candidate-sidebar-item-middle .sidebar-name {
  display: block;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 3px;
  text-transform: uppercase;
}
.candidate-sidebar-item-middle .sidebar-party {
  color: #4d4d55;
  display: block;
  font-family: 'HAAR';
  font-size: 18px;
  line-height: 16px;
}
.candidate-siderbar-item-right {
  padding: 0 0 0 10px;
}
.candidate-siderbar-item-right img {
  position: relative;
  top: 24px;
}
.issue-summary-header {
  color: #7a6b61;
  font-size: 34px;
  text-transform: uppercase;
}
.issue-share-buttons {} .issue-share-buttons ul.social-links {
  list-style: none;
  margin-bottom: 0;
  height: 50px;
  line-height: 50px;
  position: relative;
  top: 8px;
}
.issue-share-buttons .social-links-leftside {
  color: #fff;
}
.issue-share-buttons .social-link {
  background-color: #7a6b61;
  border-radius: 50%;
  display: inline-block;
  height: 32px;
  margin-right: 10px;
  width: 32px;
}
.issue-share-buttons .social-link i {
  color: #fff;
  display: block;
  font-size: 20px;
  height: 32px;
  line-height: 24px;
  text-align: center;
  width: 32px;
  position: relative;
  top: 5px;
  font-weight: 400;
}
.issue-share-buttons .social-link.last i {
  top: 2px;
}
/*** MAIN CONTENT ***/

.main-content {
  color: #4d4d55;
  /*
display: table-cell;
float: none;
  */
}
.issues-text-display,
.issues-titles-wrapper,
.issues-arrow-wrapper {
  height: 48px;
}
.issues-titles-wrapper,
.issues-arrow-wrapper {
  float: left;
}
.issues-text-display {
  position: absolute;
  bottom: 15%;
  left: 15px;
}
.issues-titles-wrapper {
  margin-right: 15px;
}
.issues-arrow-wrapper {} .issues-arrow-wrapper img {
  height: 48px;
  width: 48px;
}
.headline-wrapper {
  margin-bottom: 20px;
}
.headeline-section {
  margin-bottom: 20px;
}
h1.main-title {
  color: #7a6b61;
  font-size: 48px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
h1.summary-title {
  color: #82473E;
  font-size: 25px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
h4.perspective-sub {
  color: #8E8279;
  font-family: 'HAARI';
  margin-top: 15px;
  margin-bottom: 0;
}
h5.updated-date {
  color: #7a6b61;
  opacity: 0.5;
  font-size: 14px;
  margin-top: 0;
}
.main-content p {
  font-family: 'HAAR';
  font-size: 24px;
  width: 92%;
}

.issue-learnmore-wrapper {
  position: relative;
  width: 100%;
  max-height: 300px;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  z-index: 8;
  background-color: #fff;
  padding-bottom: 10px;
}
.issue-learnmore {
  color: #fff;
  position: absolute;
  bottom: 75px;
  left: 0;
  width: 100%;
  margin: 0 auto;
}
.issue-learnmore-wrapper img {
  width: 100%;
  overflow-x: hidden;
}
.issue-learnmore h2,
.issue-learnmore a {
  text-align: center;
  color: #fff;
  width: 100%;
  margin: 0 auto;
  text-transform: uppercase;
  text-shadow: 1px 1px 3px #000;
  letter-spacing: 0.08em;
}
.issue-learnmore h2 {
  font-size: 48px;
  line-height: 48px;
  margin-bottom: 20px;
}
.issue-learnmore a {
  font-size: 20px;
  border: 2px solid white;
  padding: 10px 0px;
  display: block;
  width: 16%;
}
.issue-learnmore a:hover {
  background-color: #fff;
  color: #000;
  text-decoration: none;
}
.subissue-wrapper {
  margin-top: 20px;
  padding-left: 20px;
  background-color: #fff;
}
.subissue-title {
  color: #82473e;
  font-size: 48px;
  margin-bottom: 20px;
  padding-left: 0;
  text-transform: uppercase;
}
.subissue-item {
  margin-bottom: 30px;
  padding-left: 15px;
  border-bottom: 1px solid #cdc6bb;
  padding-bottom: 30px;
}
.subissue-item:last-child {
  margin-bottom: 40px;
  border-bottom: none;
}
.subissue-item img {
  margin-bottom: 10px;
}
.subissue-item p {
  padding-left: 0;
}
.candidate-views-wrapper {
  position: relative;
  z-index: 25;
  background-color: #fff;
  padding-bottom: 10px;
}
.candidate-views-cards-wrapper {
  color: #041140;
}
.candidate-views-cards-wrapper.other-candidates-perspective-carousel {
  height: 460px;
}
.candidate-views-card {
  border-left: 1px solid #cdc6bb;
  border-right: 1px solid #cdc6bb;
}
.candidate-views-card.first {
  border-right: none;
}
.candidate-views-card.last {
  border-left: none;
}
.candidate-views-card img {
  border: 6px solid;
  border-radius: 50%;
  height: 268px;
  margin: 0 auto;
  width: 268px;
}
.candidate-views-card img.democrat {
  border-color: #041140;
}
.candidate-views-card img.republican {
  border-color: #5e172d;
}
.candidate-views-title {
  font-size: 36px;
  margin-bottom: 20px;
  margin-top: 0;
  padding-top: 20px;
  text-align: center;
  text-transform: uppercase;
}
.candidate-views-name,
.candidate-views-party {
  text-align: center;
}
.candidate-views-name {
  font-size: 35px;
  margin-bottom: 0;
  text-transform: uppercase;
}
.candidate-views-party {
  font-family: 'HAAR';
  font-size: 18px;
}
/*** Images & Animations ***/

.issues-item-bg,
.backgrounders-item img,
.in-the-news-thumbnail img,
.candidate-menu-pic img {
  -webkit-transition: all 1s ease;
  /* Safari and Chrome */

  -moz-transition: all 1s ease;
  /* Firefox */

  -o-transition: all 1s ease;
  /* IE 9 */

  -ms-transition: all 1s ease;
  /* Opera */

  transition: all 1s ease;
  max-width: 100%;
}
.issues-item-bg:hover,
.backgrounders-item img:hover,
.in-the-news-thumbnail img:hover,
.candidate-menu-pic img:hover {
  -webkit-transform: scale(1.25);
  /* Safari and Chrome */

  -moz-transform: scale(1.25);
  /* Firefox */

  -ms-transform: scale(1.25);
  /* IE 9 */

  -o-transform: scale(1.25);
  /* Opera */

  transform: scale(1.25);
  overflow: hidden;
  max-width: 100%;
}
.candidate-menu-pic img {
  -webkit-transition: all 1s ease;
  /* Safari and Chrome */

  -moz-transition: all 1s ease;
  /* Firefox */

  -o-transition: all 1s ease;
  /* IE 9 */

  -ms-transition: all 1s ease;
  /* Opera */

  transition: all 1s ease;
  max-width: 87.5%;
  height: auto;
  margin: 20px auto;
}
.candidate-menu-pic img:hover {
  -webkit-transform: scale(1.08);
  /* Safari and Chrome */

  -moz-transform: scale(1.08);
  /* Firefox */

  -ms-transform: scale(1.08);
  /* IE 9 */

  -o-transform: scale(1.08);
  /* Opera */

  transform: scale(1.08);
  overflow: hidden;
  max-width: 87.5%;
}
.issues-section {} .issues-item {
  margin: 0 0 20px 0;
  position: relative;
}
.issues-item-text {
  position: absolute;
  bottom: -20px;
}
.issues-item-wrapper {
  width: 100%;
  max-height: 200px;
  overflow: hidden;
  margin-bottom: 15px;
}
.issues-item .issues-item-title {
  width: 85%;
} 
.issues-item .issues-item-title h3 {
  color: #fff;
  font-size: 34px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0;
  padding: 0;
  line-height: 34px;
  margin-top: 12px;
}
.issues-item .issues-item-btn {} .issues-item .issues-item-btn img {} .issue-subsection {
  margin-top: 40px;
}
.issue-subsection:last-child {
  margin-bottom: 60px;
}
.issue-subsection p {
  font-family: 'HAAR';
}
.issue-subsection h3 {
  color: #82473e;
  font-size: 24px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.backgrounders-item {
  height: 173px;
  width: 100%;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
  max-width: 100% !important;
  max-height: 100%;
}
.backgrounders-item img {
  width: 100%;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
  max-width: 100% !important;
}
.backgrounders-item img:hover {
  max-width: 100%;
  overflow: hidden;
}
.backgrounders-item .backgrounder-title {
  position: absolute;
  bottom: 25px;
  color: #fff;
  font-family: 'HAAR';
  font-size: 2.5em;
  left: 20px;
  width: 75%;
}
.issue-video-wrapper {
  position: relative;
  cursor: pointer;
}
a.video-modal:hover {
  text-decoration: none;
}
.issue-video-wrapper:hover {} .issue-video-media {
  background: transparent url("../img/video-playbutton.png") no-repeat;
  width: 88px;
  position: absolute;
  z-index: 20;
  height: 88px;
  top: 40%;
  left: 42%;
}
.issue-video-media:hover {} .issue-video-caption,
a .issue-video-caption {
  color: #4d4d55;
  font-family: 'HAAR';
  font-size: 1.8em;
  text-decoration: none;
}
.issue-video-caption:hover,
a .issue-video-caption:hover {
  color: #4d4d55;
  text-decoration: none !important;
}
.hero-video .issue-video-media {
  background: transparent url("../img/video-playbutton.png") no-repeat;
  width: 88px;
  position: absolute;
  z-index: 20;
  height: 88px;
  top: 40%;
  left: 48%;
}
.hero-video .issue-video-media:hover {} .mediacall-item {} .mediacall-item a,
.issue-subsection p a {
  font-size: 18px;
  color: #404040;
}
.issue-subsection p {
  line-height: 22px !important;
}
.issue-subsection a:hover {
  text-decoration: none;
}
.issue-subsection h5 {
  font-size: 18px;
  color: #5e172d;
  font-family: 'HAAR';
  margin-bottom: 0;
}
/* Related Topics - NGSCOPE */

.carousel-related-topics-wrapper.ng-scope {
  position: relative;
}
.carousel-related-topics-wrapper.ng-scope .related-topics-item {
  position: relative;
  width: 100%;
}
.carousel-related-topics-wrapper.ng-scope .related-items-text-wrapper {
  color: #fff !important;
  position: absolute;
  bottom: 130px;
  width: 100%;
}
.carousel-related-topics-wrapper.ng-scope h4.related-topics-subtitle {
  color: #fff;
  font-family: 'HAARMI';
  font-size: 24px;
  text-align: center;
}
.carousel-related-topics-wrapper.ng-scope .related-topics-title {
  color: #fff;
  font-size: 48px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.carousel-related-topics-wrapper.ng-scope .btn-related-topics {
  border: 2px solid #fff;
  font-size: 18px;
  text-transform: uppercase;
  padding: 15px 40px;
  line-height: 18px;
  border-radius: 0;
  color: #fff !important;
  width: 200px;
  margin: 0 auto;
  display: block;
  text-align: center;
}
.carousel-related-topics-wrapper.ng-scope .btn-related-topics:hover {
  background-color: #fff;
  color: #000 !important;
}
.carousel-related-topics-wrapper.ng-scope .related-topics-prev,
.carousel-related-topics-wrapper.ng-scope .related-topics-next {
  position: absolute;
  bottom: 40%;
  padding: 0 90px;
}
.carousel-related-topics-wrapper.ng-scope .related-topics-prev {
  left: 0;
}
.carousel-related-topics-wrapper.ng-scope .related-topics-next {
  right: 0;
}
.carousel-related-topics-wrapper.ng-scope .carousel-control {
  position: absolute;
  bottom: 15%;
}
.carousel-related-topics-wrapper.ng-scope .carousel-control.left span {
  background: url(../img/quote-arrow-prev.png) no-repeat;
  height: 99px;
  width: 49px;
  left: 35%;
}
.carousel-related-topics-wrapper.ng-scope .carousel-control.right span {
  background: url(../img/quote-arrow-next.png) no-repeat;
  height: 99px;
  width: 49px;
  right: 35%;
}
.quote-bottom {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-top: 5px;
}
.facebook-quote {
  background: url(../img/facebook-quote.png) no-repeat;
  height: 30px;
  width: 30px;
  margin-right: 10px;
}
.twitter-quote {
  background: url(../img/twitter-quote.png) no-repeat;
  height: 30px;
  width: 30px;
  margin-left: 10px;
}
.carousel-related-topics-wrapper.ng-scope .carousel-control.left .glyphicon-chevron-left:before {
  display: none;
}
.carousel-related-topics-wrapper.ng-scope .carousel-control.right .glyphicon-chevron-right:before {
  display: none;
}
.carousel-related-topics-wrapper.ng-scope .carousel-indicators .ng-scope {
  margin: 0 6px;
}
/* Signup */

.signup {
  color: #041140;
  padding-bottom: 60px;
}
.signup-issues {
  width: 100%;
  padding-top: 15px;
  background: -moz-linear-gradient(top, rgba(203, 176, 153, 1) 0%, rgba(203, 176, 153, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(203, 176, 153, 1)), color-stop(100%, rgba(203, 176, 153, 0)));
  background: -webkit-linear-gradient(top, rgba(203, 176, 153, 1) 0%, rgba(203, 176, 153, 0) 100%);
  background: -o-linear-gradient(top, rgba(203, 176, 153, 1) 0%, rgba(203, 176, 153, 0) 100%);
  background: -ms-linear-gradient(top, rgba(203, 176, 153, 1) 0%, rgba(203, 176, 153, 0) 100%);
  background: linear-gradient(to bottom, rgba(203, 176, 153, 1) 0%, rgba(203, 176, 153, 0) 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cbb099', endColorstr='#00cbb099', GradientType=0);
  background-color: #fff;
}
.signup-title,
.signup-message {
  color: #041140;
  text-align: center;
}
.signup-title {
  font-size: 48px;
  margin-top: 0;
  text-transform: uppercase;
}
.signup-message {
  font-family: 'HAAR';
  font-size: 16px;
  margin-bottom: 30px;
}
.signup-form {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.issues-landing .signup-form {
  width: 50%;
  margin: 0 auto;
  text-align: center;
}
.signup-btn {
  border: 2px solid #041140;
  height: 15px;
  padding: 25px 43px;
  line-height: 0;
  text-transform: uppercase;
  color: #041140;
  font-size: 18px;
  border-radius: 0;
  position: relative;
  left: -2px;
  background-color: #fff;
  top: -1px;
}
.issues-landing .signup-btn {
  border: 2px solid #041140;
  height: 15px;
  padding: 25px 43px;
  line-height: 0;
  text-transform: uppercase;
  color: #041140;
  font-size: 18px;
  border-radius: 0;
  position: relative;
  left: -2px;
  background-color: #fff;
  top: -1px;
}
.home-page .signup-form .input-group {
  display: block;
  padding-left: 5%;
}
.home-page .signup-form .input-group .input-group-addon,
.home-page .signup-btn {
  background-color: #7a0026;
  color: #fff;
  border-color: #7a0026;
  border-radius: 0 4px 4px 0;
  height: 10px;
  padding: 25px 0;
  letter-spacing: 0.125em;
  font-size: 16px;
  top: 0;
  word-spacing: 0.3em;
  width: 30%;
  float: left;
}
.home-page .signup-form .input-group .input-group-addon:hover {
  background-color: #94113a;
}
.signup-email {
  background-color: #b8d2ec;
  border: 0;
  color: #041140 !important;
  display: inline-block;
  padding: 27px 20px;
  line-height: 15px;
  font-size: 18px;
  height: 54px;
}
.signup-form .input-group .form-control {
  background-color: #b8d2ec;
  border: none;
  border-radius: 0;
  color: #041140 !important;
  font-size: 18px;
  padding: 18px;
  height: 55px;
}
.signup-form .input-group .input-group-addon {
  background-color: #fff;
  border: 2px solid #041140;
  text-transform: uppercase;
  color: #041140;
  font-size: 18px;
  border-radius: 0;
}
.signup-email.signup-home {
  background-color: white;
  font-family: 'HAAR';
  padding: 19px;
  border-radius: 4px 0 0 4px;
  width: 60%;
  float: left;
}
/** CHANGES COLOR OF INPUT PLACEHOLDERS **/

.issues-landing .signup-form::-webkit-input-placeholder {
  color: #041140;
}
.issues-landing .signup-form:moz-placeholder {
  color: #041140;
}
.issues-landing .signup-form::moz-placeholder {
  color: #041140;
}
.issues-landing .signup-form:-ms-input-placeholder {
  color: #041140;
}
.ext-link-item {}
/***************************
    Footer
****************************/

.footer-wrapper {
  /*
Permalink - use to edit and share this gradient:
http://colorzilla.com/gradient-editor/#5e172d+0,82473e+100
  */

  background: #5e172d;
  /* Old browsers */

  background: -moz-linear-gradient(top, #5e172d 0%, #82473e 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5e172d), color-stop(100%, #82473e));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #5e172d 0%, #82473e 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #5e172d 0%, #82473e 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #5e172d 0%, #82473e 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #5e172d 0%, #82473e 100%);
  /* W3C */

  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5e172d', endColorstr='#82473e', GradientType=0);
  /* IE6-9 */

  position: relative;
  z-index: 10;
}
.footer-wrapper .footer-logo {
  position: relative;
  top: 36px;
}
.footer-left {
  left: -15px;
}
.footer-right {
  right: -15px;
}
.footer-left-top {
  min-height: 155px;
  padding-bottom: 20px;
}
.footer-left-bottom {
  color: #fff;
}
.footer-left-bottom p.quote {
  font-family: 'HAAR';
  font-size: 16px;
  letter-spacing: 0.03em;
  padding-bottom: 30px;
}
.footer-left-bottom p.credits {
  font-family: 'HAAR';
  font-size: 16px;
  letter-spacing: 0.03em;
  margin-bottom: 0px;
}
.footer-left-bottom p a.learn-more-link {
  color: #fff;
  text-transform: uppercase;
}
.footer-right {
  border-left: 1px solid #98605c;
  height: 350px;
  padding-left: 0;
  padding-right: 0;
}
.footer-right-top,
.footer-right-middle,
.footer-right-bottom {
  padding-left: 40px;
}
.footer-right-top {
  height: 180px;
}
.footer-right-top .cfr-logo img {
  position: relative;
  top: 11px;
}
.footer-right-middle {
  border-bottom: 1px solid #98605c;
  border-top: 1px solid #98605c;
  height: 90px;
  line-height: 90px;
}
.footer-right-middle ul.social-links {
  list-style: none;
  margin-bottom: 0;
  position: relative;
}
.footer-right-middle .social-links-leftside {
  color: #fff;
}
.footer-right-middle .social-link {
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  height: 32px;
  margin-right: 10px;
  width: 32px;
}
.footer-right-middle .social-link i {
  color: #5e172d;
  display: block;
  font-size: 20px;
  height: 32px;
  line-height: 24px;
  text-align: center;
  width: 32px;
  position: relative;
  top: 5px;
  font-weight: 400;
}
.footer-right-middle .social-link.last i {
  top: 3px;
}
.footer-right-bottom {
  color: #fff;
}
.footer-right-bottom p.copyright {
  color: #fff;
  font-family: 'HAAR';
  font-size: 16px;
  letter-spacing: 0.01em;
  margin-bottom: 0;
  padding: 30px 0;
}
/************************************
  EQUAL COLUMN HEIGHT SOLUTION
*************************************/

.main-container {
  overflow: hidden;
}
.main-content {
  margin-bottom: -999999px;
  padding-bottom: 999999px;
  background-color: #fff;
  position: relative;
  z-index: 10;
}
#quote-carousel > img {
  left: 0;
  position: absolute;
  top: 0;
}
#quote-carousel .carousel-caption {
  left: 15%;
  right: 15%;
  top:0;
  bottom:auto;
  height:100%;
  padding:0;
}
#quote-carousel .carousel-caption-wrapper {
  display:table;
  height:100%;
}
#quote-carousel .inner {
  display:table-cell;
  vertical-align:middle;
}
#quote-carousel blockquote {
  border-left: none;
  margin: 0 0 10px 0;
  padding: 0;
  quotes: "\201C""\201D""\2018""2019";
  font-family: 'HAAR';
  font-size: inherit;
  width: 100%;
  line-height: normal;
  display: inline-table;
}
#quote-carousel blockquote:before,
#quote-carousel blockquote:after {
  color: #fff;
  font-family: 'HAAR';
  font-size: 40px;
  position: relative;
  top: 0px;
}
#quote-carousel blockquote:before {
  content: open-quote;
}
#quote-carousel blockquote:after {
  content: close-quote;
  left: -8px;
}
#quote-carousel blockquote p {
  display: inline;
  font-size: 40px;
  width: 100%;
  line-height: 40px;
}
#quote-carousel p.carousel-quote-src {
  text-transform: uppercase;
  width: 100%;
}
#quote-carousel .carousel-control {} #quote-carousel .carousel-control img {
  position: absolute;
  top: 30%;
}
#quote-carousel .carousel-control.left {} #quote-carousel .carousel-control.right {} #quote-carousel .carousel-control.left img {} #quote-carousel .carousel-control.right img {} #quote-carousel .quote-bottom {} #quote-carousel .quote-bottom ul.quote-share {
  list-style-type: none;
  padding-left: 0;
}
#quote-carousel .quote-bottom ul.quote-share li {
  display: inline-block;
  margin: 0 10px;
  opacity: 0.9;
}
#quote-carousel .quote-bottom ul.quote-share li:hover {
  opacity: 1;
}
#quote-carousel .item img {
  visibility: hidden;
}
/*** Other Candidates' Views Carousel ***/

.candidate-views-wrapper .slick-prev,
.candidate-views-wrapper .slick-next {
  top: 15%;
  z-index: 25;
}
.candidate-views-wrapper .slick-prev {
  background: transparent url(../img/arrow-carousel-prev-blue.png) no-repeat !important;
  left: 10%;
  height: 68px !important;
  width: 36px !important;
}
.candidate-views-wrapper .slick-next {
  background: transparent url(../img/arrow-carousel-next-blue.png) no-repeat !important;
  right: 9%;
  height: 68px !important;
  width: 36px !important;
}
.candidate-views-wrapper .slick-prev:before,
.candidate-views-wrapper .slick-next:before {
  visibility: hidden;
}
.candidate-views-wrapper .candidate-views-card {} .candidate-views-wrapper .candidate-views-card.slick-slide {
  opacity: 0.6;
}
.candidate-views-wrapper .candidate-views-card.slick-slide.slick-active {
  opacity: 1;
}
.candidate-views-wrapper .candidate-views-card.first,
.candidate-views-wrapper .candidate-views-card.last {} .candidate-views-wrapper .candidate-views-card img {
  height: auto;
  min-width: 100%;
}
.candidate-views-wrapper .candidate-views-card.col-md-4 {
  width: 33.33333333%;
}
/* RESPONSIVE BOOTSTRAP OVERRIDES */
/* Large Devices, Wide Screens: */

@media only screen and (min-width: 1200px) {
  .site-header {
    min-height: 135px;
  }
}
/* iPhone 4/5 - Portrait & Landscape: */

@media only screen and (max-width: 320px) {
  header.site-header {
    min-height: 90px !important;
  }
  footer.footer-wrapper {
    height: 720px;
  }
}
/* for screens larger than 1200 pixels */
/* Non-Retina */

@media screen and (min-device-width: 1200px) and (max-device-width: 3000px) and (-webkit-min-device-pixel-ratio: 1) {
  .candidate-info.fixed {
    width: auto !important;
  }
}
@media screen and (min-device-width: 1200px) and (max-device-width: 3000px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
  .candidate-info.fixed {
    width: auto !important;
  }
}
/*******************************************
The following rules work in conjunction
with jQuery to hide certain screen elements
if the width is lt 768px...
********************************************/

body.mobile-view {} body.candidate-on-issue .career-timeline-section {
  display: none;
}
.mobile-view .candidate-column .career-timeline-section {
  padding-bottom: 0;
}
.mobile-view .issues-section {
  padding-left: 0;
  padding-right: 0;
}
.mobile-view .headeline-section {
  margin-bottom: 60px;
}
.mobile-view .container-related-profiles {
  padding-top: 15px;
}
.mobile-view .issues-section .issues-item-wrapper img.issues-item-bg {
  width: 100%;
  background-size: contain;
  background-position: 50% 50%;
}
.mobile-view .related-profiles-item {
  margin-bottom: 50px;
}
.mobile-view .related-profiles-source-title,
.mobile-view .related-profiles-source-title a,
.mobile-view .related-profiles-source-title a:hover {
  font-size: 20px;
}
.mobile-view .candidate-info {} .mobile-view .candidate-image img {
  margin-top: 30px;
  margin-bottom: 35px;
}
.mobile-view .candidate-title,
.mobile-view .candidate-title:hover {
  margin-top: 15px;
  margin-bottom: 30px;
}
.mobile-view .candidate-social-links .social-link i,
.mobile-view .candidate-social-links-alt .social-link i {
  top: 8px;
}
.mobile-view .candidate-social-links .social-link-email.social-link i {
  top: 6px;
}
.mobile-view .subissue-wrapper {
  padding-left: 0;
}
.mobile-view .subissue-wrapper .subissue-item {
  padding-left: 0;
}
.mobile-view .carousel-inner>.item>img,
.mobile-view .carousel-inner>.item>a>img {
  /*min-height: 320px;*/
}
.mobile-view #quote-carousel {
  margin-bottom: 60px;
}
.mobile-view .candidate-views-wrapper .slick-prev,
.mobile-view .candidate-views-wrapper .slick-next {
  top: 30%;
  z-index: 25;
}
.mobile-view .candidate-views-wrapper .slick-prev {
  left: 0%;
}
.mobile-view .candidate-views-wrapper .slick-next {
  right: 0%;
}
.mobile-view .slick-slide {
  padding-left: 10px;
  padding-right: 10px;
  width: 330px;
}
.mobile-view .candidate-views-party {
  font-family: 'HAAR';
  font-size: 24px;
}
.mobile-view .candidate-views-title {
  font-size: 42px;
  padding-top: 20px;
  margin-top: 0;
}

/************************************* 
Other Candidates Views - Mobile only.
**************************************/
.mobile-view.issues-landing .other-candidates-carousel .carousel-control.left,
.mobile-view.issues-landing .other-candidates-carousel .carousel-control.right {
  background: none !important;
}
.mobile-view.issues-landing .other-candidates-carousel .carousel-control {
  opacity: 1;
  width: 36px;
}


.mobile-view.issues-landing .other-candidates-carousel .carousel-control .glyphicon-chevron-left {
  content: "" !important;
  background: transparent url(../img/arrow-carousel-prev-blue.png) no-repeat !important;
  left: 0% !important;
  height: 68px !important;
  width: 36px !important;
  margin: 0;
  top: 22%;
}

.mobile-view.issues-landing .other-candidates-carousel .carousel-control .glyphicon-chevron-right {
  content: "" !important;
  background: transparent url(../img/arrow-carousel-next-blue.png) no-repeat !important;
  right: 0% !important;
  height: 68px !important;
  width: 36px !important;
  margin: 0;
  top: 22%;
}
.mobile-view.issues-landing .other-candidates-carousel .carousel-indicators,
.mobile-view.issues-landing .other-candidates-carousel .glyphicon-chevron-left:before,
.mobile-view.issues-landing .other-candidates-carousel .glyphicon-chevron-right:before {
  display: none;
}
.mobile-view.issues-landing .other-candidates-carousel .candidate-views-card a {
  text-decoration: none;
}
.mobile-view.issues-landing .other-candidates-carousel .candidate-views-pic {
  max-width: 200px;
  min-width: 0;
}
.mobile-view.issues-landing .other-candidates-carousel .candidate-views-name {
  font-size: 30px;
}
.mobile-view.issues-landing .other-candidates-carousel .candidate-views-party {
  font-size: 22px;
}

/************************************* 
Other Candidates Perspective Carousel
**************************************/
.other-candidates-perspective-carousel .carousel-control.left,
.other-candidates-perspective-carousel .carousel-control.right {background-image:none;}
.other-candidates-perspective-carousel .candidate-views-card img { min-width: 75%; }
.other-candidates-perspective-carousel .candidate-views-card { border: none; }
.other-candidates-perspective-carousel ol.carousel-indicators { display: none; }


.other-candidates-perspective-carousel .carousel-control .glyphicon-chevron-left,
.other-candidates-perspective-carousel .carousel-control .glyphicon-chevron-right {
  content: "" !important;
  height: 68px !important;
  width: 36px !important;
  margin: 0;
  top: 22%;
}
.other-candidates-perspective-carousel .carousel-control .glyphicon-chevron-right {
  background: transparent url(../img/arrow-carousel-next-blue.png) no-repeat !important;
  right: 0% !important;
}
.other-candidates-perspective-carousel .carousel-control .glyphicon-chevron-left {
  background: transparent url(../img/arrow-carousel-prev-blue.png) no-repeat !important;
  left: 0% !important;
}

.other-candidates-perspective-carousel .carousel-control .glyphicon-chevron-right:before, 
.other-candidates-perspective-carousel .carousel-control .glyphicon-chevron-left:before {
  content: none !important;
}
/************************************* 
Other Candidates Perspective Desktop Carousel
**************************************/
.candidate-views-wrapper .slick-prev, 
.candidate-views-wrapper .slick-next {
  top: 30%;
}
.candidate-views-wrapper .slick-next {
  right: 0%;
}
.candidate-views-wrapper .slick-prev {
  left: 0%;
}
.candidate-views-wrapper a:hover {
  text-decoration: none;
}
/************************************* 
Other Candidates Perspective Mobile Carousel
**************************************/
.other-candidates-perspective-mobile-carousel .carousel-control.left,
.other-candidates-perspective-mobile-carousel .carousel-control.right {background-image:none;}
.other-candidates-perspective-mobile-carousel .candidate-views-card { border: none; }
.other-candidates-perspective-mobile-carousel ol.carousel-indicators { display: none; }

.other-candidates-perspective-mobile-carousel .carousel-control .glyphicon-chevron-left,
.other-candidates-perspective-mobile-carousel .carousel-control .glyphicon-chevron-right {
  content: "" !important;
  height: 68px !important;
  width: 36px !important;
  margin: 0;
  top: 22%;
}
.other-candidates-perspective-mobile-carousel .carousel-control .glyphicon-chevron-right {
  background: transparent url(../img/arrow-carousel-next-blue.png) no-repeat !important;
  right: 0% !important;
}
.other-candidates-perspective-mobile-carousel .carousel-control .glyphicon-chevron-left {
  background: transparent url(../img/arrow-carousel-prev-blue.png) no-repeat !important;
  left: 0% !important;
}
.other-candidates-perspective-mobile-carousel .carousel-control .glyphicon-chevron-left:before,
.other-candidates-perspective-mobile-carousel .carousel-control .glyphicon-chevron-right:before {
  content: none !important;
}

/************************************* 
Sticky header
**************************************/
#navigation-container.fixed {
  position: fixed;
  z-index: 100;
  width: 100%;
  top: 0px;
}

/************************************* 
Candidate Comparison Tool Mobile
**************************************/

#c-menu--compare {
  margin: 0 0 24px 0;
  padding: 0 24px;
  text-align: left;
}
#c-menu--compare dl:first-child {
  border-top: none;
}
.compare-options {
  border-top: 1px solid #cdc6bb;
  margin: 0 0 15px 0;
}
.compare-options dt {
  color: #4d4d55;
  border-bottom: 1px solid #cdc6bb;
  font: 18px 'Nobel-Light';
  padding: 15px 0;
}
.compare-options dd {
  border-bottom: 1px solid #cdc6bb;
}
.compare-options dd:last-child {
  border: none;
}
.compare-options .active {
  background: #eee;
}
.compare-options dd a {
  color: #404040;
  display: block;
  font: 18px 'Nobel';
  outline: 0;
  padding: 15px 0 15px 50px;
  text-decoration: none;
  text-transform: uppercase;
}
.compare-candidates-options dd > a {
  background: transparent url(../img/ui-checkbox.png) no-repeat 20px center / 20px 20px
}
.compare-candidates-options .active a {
  background: transparent url(../img/ui-checkbox-checked.png) no-repeat 20px center / 20px 20px
}
.compare-issues-options dd > a {
  background: transparent url(../img/ui-radio.png) no-repeat 20px center / 20px 20px
}
.compare-issues-options .active a {
  background: transparent url(../img/ui-radio-checked.png) no-repeat 20px center / 20px 20px
}
.compare-selected-candidates, 
.compare-selected-issues {
  border-top: 1px solid #cdc6bb;
  margin: 0;
}
.compare-selected-candidates dt,
.compare-selected-issues dt {
  border-bottom: 1px solid #cdc6bb;
  color: #4d4d55;
  font: 18px 'Nobel-Light';
  padding: 15px 0;
}
.compare-selected-candidates dd a,
.compare-selected-issues dd a {
  background: transparent url(../img/close-blue.png) no-repeat 20px center / 20px 20px;
  color: #0069b4;
  display: block;
  font: 18px 'Nobel';
  outline: 0;
  padding: 15px 0 15px 50px;
  text-decoration: none;
  text-transform: uppercase;
}
.blue-button {
  background: #0069b4;
  color: #fff;
  display: block;
  font: 14px/50px 'Nobel';
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.blue-button:hover {
  color: #fff;
  background: #0069b4;
  text-decoration: none;
}
.gray-button {
  background: #e6e6e6;
  color: #333;
  cursor: default;
  display: block;
  font: 14px/50px 'Nobel';
  opacity: 0.65;
  text-align: center;
  text-transform: uppercase;
}
.gray-button:hover {
  color: #333;
  text-decoration: none;
}

/************************************* 
Candidate Comparison Tool Desktop
**************************************/
#comparison-menu dt {
  padding-left: 15px;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: none;
} 

#comparison-menu dt sub {
  color: #404040;
  font-family: 'Nobel';
  font-size: 18px;
  display: block;
  padding-top: 10px;
}
#comparison-menu dt span {
  color: #0f196b;
  font-family: 'Nobel';
  font-size: 23px;
  text-transform: uppercase;
}
#comparison-menu dl.compare-candidates-options:first-child {
  border-right: 1px solid #cdc6bb;
}
#comparison-menu .compare-options .active a {
      color: #1173ba;
}
#comparison-menu .compare-options dd a {
  padding: 7px 0 7px 50px;
}

/*************************************
Center Comparison menu in the middle of the screen
**************************************/
.row-comparison-menu-candidate.col-lg-6.col-md-6.col-sm-6,
.row-comparison-menu-issue.col-lg-6.col-md-6.col-sm-6 {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: 0px;
  margin-left: 0px;
}

/*************************************
Comparison Result Page
**************************************/
.li-comparison {
  list-style-type: circle;
  font-size: 27px;
  color: #081543;
}
.comparison-bullets {
  font-size: 20px !important;
  color: black;
}
.none {
  display: none;
}

