/* 
*
* GENERATED BY SASS _ DO NOT EDIT!!! 
*
*/

@charset "UTF-8";
/* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 3, ../../../../../sass/_colors.scss */
.red {
  color: #ff322e;
}

/* line 4, ../../../../../sass/_colors.scss */
.blue {
  color: #146994;
}

/* line 5, ../../../../../sass/_colors.scss */
.green {
  color: #669900;
}

/* line 6, ../../../../../sass/_colors.scss */
.yellow {
  color: #D19600;
}

/* line 7, ../../../../../sass/_colors.scss */
.purple {
  color: #660775;
}

/* line 11, ../../../../../sass/_colors.scss */
.deep-grey {
  color: #333333;
}

/* line 12, ../../../../../sass/_colors.scss */
.medium-grey {
  color: #B6B6AB;
}

/* line 13, ../../../../../sass/_colors.scss */
.light-grey {
  color: #E7E2D8;
}

/* line 15, ../../../../../sass/_colors.scss */
.deep-grey-background {
  background-color: #333333;
}

/* line 16, ../../../../../sass/_colors.scss */
.medium-grey-background {
  background-color: #B6B6AB;
}

/* line 17, ../../../../../sass/_colors.scss */
.light-grey-background {
  background-color: #E7E2D8;
}

/* line 20, ../../../../../sass/_colors.scss */
.red-gop {
  color: #C43D49;
}

/* line 21, ../../../../../sass/_colors.scss */
.red-gop-lead {
  color: #DA968E;
}

/* line 22, ../../../../../sass/_colors.scss */
.blue-dem {
  color: #5186B4;
}

/* line 23, ../../../../../sass/_colors.scss */
.blue-dem-lead {
  color: #A2B7D3;
}

/* line 24, ../../../../../sass/_colors.scss */
.yellow-oth {
  color: #CCB43D;
}

/* line 25, ../../../../../sass/_colors.scss */
.yellow-oth-lead {
  color: #EDDB95;
}

/* line 26, ../../../../../sass/_colors.scss */
.purple-runoff {
  color: #A751B4;
}

/* line 28, ../../../../../sass/_colors.scss */
.red-gop-background {
  background-color: #C43D49;
}

/* line 29, ../../../../../sass/_colors.scss */
.red-gop-lead-background {
  background-color: #DA968E;
}

/* line 30, ../../../../../sass/_colors.scss */
.blue-dem-background {
  background-color: #5186B4;
}

/* line 31, ../../../../../sass/_colors.scss */
.blue-dem-lead-background {
  background-color: #A2B7D3;
}

/* line 32, ../../../../../sass/_colors.scss */
.yellow-oth-background {
  background-color: #CCB43D;
}

/* line 33, ../../../../../sass/_colors.scss */
.yellow-oth-lead-background {
  background-color: #EDDB95;
}

/* line 34, ../../../../../sass/_colors.scss */
.purple-runoff-background {
  background-color: #A751B4;
}

@font-face {
  font-family: 'GoodWeb-Book';
  src: url("../fonts/GoodWeb-Book.woff"), url("../fonts/GoodWeb-Book.eot");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GoodWeb-Bold';
  src: url("../fonts/GoodWeb-Bold.woff"), url("../fonts/GoodWeb-Bold.eot");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GoodWeb-CondBook';
  src: url("../fonts/GoodWeb-CondBook.woff"), url("../fonts/GoodWeb-CondBook.eot");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GoodWeb-CondBold';
  src: url("../fonts/GoodWeb-CondBold.woff"), url("../fonts/GoodWeb-CondBold.eot");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Freight-Book';
  src: url("../fonts/freigtexprobook-webfont.woff"), url("../fonts/freigtexprobook-webfont.eot");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Freight-Light';
  src: url("../fonts/freigtexprolig.woff"), url("../fonts/freigtexprolig.eot");
  font-weight: normal;
  font-style: normal;
}
/* line 50, ../../../../../sass/_fonts.scss */
.ap-interactive h1 {
  font-family: "GoodWeb-Bold", Verdana, sans-serif;
  font-size: 1.925rem;
  font-weight: 800;
  line-height: 2rem;
  margin: 0 auto 1.25rem auto;
  max-width: 85%;
  text-align: center;
}
@media screen and (min-width: 500px) {
  /* line 50, ../../../../../sass/_fonts.scss */
  .ap-interactive h1 {
    font-size: 2.5em;
    line-height: 3rem;
  }
}
@media screen and (min-width: 450px) and (max-width: 480px) {
  /* line 50, ../../../../../sass/_fonts.scss */
  .ap-interactive h1 {
    max-width: 75%;
  }
}
/* line 69, ../../../../../sass/_fonts.scss */
.ap-interactive h2 {
  font-family: "GoodWeb-Book", "Arial Narrow", Arial, sans-serif;
  font-size: 1.55rem;
  font-weight: 800;
  line-height: 1.75rem;
  margin-bottom: 0.75rem;
}
/* line 77, ../../../../../sass/_fonts.scss */
.ap-interactive h3 {
  font-family: "GoodWeb-Book", "Arial Narrow", Arial, sans-serif;
  font-size: 1.55rem;
  line-height: 1.35rem;
  margin: 1.25rem 0 0.5rem 0;
}
/* line 84, ../../../../../sass/_fonts.scss */
.ap-interactive h4 {
  font-family: "GoodWeb-CondBook", "Arial Narrow", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.35rem;
  margin: 1rem 0 0.35rem 0;
}
/* line 91, ../../../../../sass/_fonts.scss */
.ap-interactive h5 {
  font-family: "GoodWeb-CondBold", Verdana, sans-serif;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.35rem;
  margin: 0 0 0.35rem 0;
}
/* line 99, ../../../../../sass/_fonts.scss */
.ap-interactive h6 {
  font-family: "GoodWeb-Book", "Arial Narrow", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.35rem;
  margin: 0 0 0.35rem 0;
}
/* line 106, ../../../../../sass/_fonts.scss */
.ap-interactive p, .ap-interactive form {
  color: #333333;
  font-family: "Freight-Book", Georgia, serif;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 1rem;
  max-width: 540px;
}
/* line 115, ../../../../../sass/_fonts.scss */
.ap-interactive strong {
  font-weight: 800;
}
/* line 119, ../../../../../sass/_fonts.scss */
.ap-interactive em {
  font-style: italics;
}
/* line 123, ../../../../../sass/_fonts.scss */
.ap-interactive pre, .ap-interactive code, .ap-interactive .code-block {
  font-family: 'Lucida Console', Monaco, monospace;
  font-size: 0.85rem;
}
/* line 134, ../../../../../sass/_fonts.scss */
.ap-interactive input,
.ap-interactive textarea {
  font-size: 1rem;
}
/* line 139, ../../../../../sass/_fonts.scss */
.ap-interactive ul, .ap-interactive li {
  font-family: "GoodWeb-CondBook", "Arial Narrow", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.3rem;
  margin: 0.25rem 0;
}

@-moz-keyframes scroll-down-arrow {
  0% {
    -moz-transform: rotate(-45deg) translate(0, 0);
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -moz-transform: rotate(-45deg) translate(-20px, 20px);
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@-webkit-keyframes scroll-down-arrow {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes scroll-down-arrow {
  0% {
    -moz-transform: rotate(-45deg) translate(0, 0);
    -ms-transform: rotate(-45deg) translate(0, 0);
    -webkit-transform: rotate(-45deg) translate(0, 0);
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -moz-transform: rotate(-45deg) translate(-20px, 20px);
    -ms-transform: rotate(-45deg) translate(-20px, 20px);
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
/*
*
* CLOSE BUTTON (X)
*
*/
/*
*
* CHECK & "X" MARK
* Stolen from: https://codepen.io/lajlev/pen/diKbz (check)
*
*/
/*
*
* DROPDOWN INPUT
*
*/
/*
*
* CHEVRONS
*
*/
/*
*
* ANIMATED SCROLL DOWN ICON
*
*/
/*
*
* CLEARFIX
*
*/
/* line 1, ../../../../../sass/_utilities.scss */
.ap-interactive {
  /*
  *
  * TYPE CLASSES
  *
  */
  /*
  *
  * MISC HELPERS
  *
  */
}
/* line 8, ../../../../../sass/_utilities.scss */
.ap-interactive .subhead {
  font-family: "Freight-Book", Georgia, serif;
  font-size: 1rem;
  line-height: 1.35rem;
  margin: 1em 0;
}
/* line 15, ../../../../../sass/_utilities.scss */
.ap-interactive .small-caps {
  font-size: .75rem;
  text-transform: uppercase;
}
/* line 20, ../../../../../sass/_utilities.scss */
.ap-interactive .byline {
  color: #B6B6AB;
  font-family: "GoodWeb-CondBook", "Arial Narrow", Arial, sans-serif;
  font-size: 0.8125rem;
  line-height: 1.2em;
  margin: 0.25rem 0 0.5rem 0;
}
@media screen and (min-size: 640px) {
  /* line 20, ../../../../../sass/_utilities.scss */
  .ap-interactive .byline {
    font-size: 0.9125rem;
  }
}
/* line 24, ../../../../../sass/_utilities.scss */
.ap-interactive footer .byline {
  text-align: left;
}
/* line 28, ../../../../../sass/_utilities.scss */
.ap-interactive .legal {
  font-family: 'GoodWeb-Book', Verdana, sans-serif;
  text-align: center;
}
/* line 32, ../../../../../sass/_utilities.scss */
.ap-interactive .legal li {
  display: inline-block;
  font-size: 0.8125em;
}
/* line 38, ../../../../../sass/_utilities.scss */
.ap-interactive .caption {
  color: #B6B6AB;
  font-family: "GoodWeb-CondBook", "Arial Narrow", Arial, sans-serif;
  font-size: 0.8125rem;
  line-height: 1.2em;
  margin: 0.25rem 0 0 0;
}
/* line 54, ../../../../../sass/_utilities.scss */
.ap-interactive .ap-prompt {
  background-color: #FF322E;
  height: 5px;
  margin-bottom: 1rem;
  width: 42px;
}
/* line 62, ../../../../../sass/_utilities.scss */
.ap-interactive .clearfix {
  content: "";
  clear: both;
}
/* line 67, ../../../../../sass/_utilities.scss */
.ap-interactive .iframe-wrap {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 35px;
  position: relative;
}
/* line 74, ../../../../../sass/_utilities.scss */
.ap-interactive .iframe-wrap iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/* line 1, ../../../../../sass/_ui.scss */
.ap-interactive {
  /*
  *
  * Clean up links & other ui elements
  *
  */
  background: #fff;
  /*
  *
  * ANIMATED SCROLL DOWN ICON
  *
  * From: https://codepen.io/nxworld/pen/OyRrGy?editors=1100
  *
  */
  /*
  *
  * Dropdown menu
  *
  */
  /*
  *
  * COMBOBOX
  *
  */
  /*
  *
  * CHEVRONS
  *
  */
}
/* line 4, ../../../../../sass/_ui.scss */
.ap-interactive .ap-button-light-grey {
  background-color: transparent;
  color: #E7E2D8;
  cursor: pointer;
  border: 3px solid #E7E2D8;
  border-radius: 2px;
  font-family: "GoodWeb-Book", "Arial Narrow", Arial, sans-serif;
  font-size: 0.8em;
  margin: 1rem 0 0.5rem 0;
  padding: 8px 16px;
  text-transform: uppercase;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/* line 30, ../../../../../sass/_mixins.scss */
.ap-interactive .ap-button-light-grey:hover, .ap-interactive .ap-button-light-grey:active, .ap-interactive .ap-button-light-grey .active {
  background: #E7E2D8;
  color: #EFEFEF;
  /* force color on child elements too */
}
/* line 34, ../../../../../sass/_mixins.scss */
.ap-interactive .ap-button-light-grey:hover, .ap-interactive .ap-button-light-grey:hover *, .ap-interactive .ap-button-light-grey:active, .ap-interactive .ap-button-light-grey:active *, .ap-interactive .ap-button-light-grey .active, .ap-interactive .ap-button-light-grey .active * {
  text-decoration: none;
}
/* line 8, ../../../../../sass/_ui.scss */
.ap-interactive .ap-button-medium-grey {
  background-color: transparent;
  color: #B6B6AB;
  cursor: pointer;
  border: 3px solid #B6B6AB;
  border-radius: 2px;
  font-family: "GoodWeb-Book", "Arial Narrow", Arial, sans-serif;
  font-size: 0.8em;
  margin: 1rem 0 0.5rem 0;
  padding: 8px 16px;
  text-transform: uppercase;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/* line 30, ../../../../../sass/_mixins.scss */
.ap-interactive .ap-button-medium-grey:hover, .ap-interactive .ap-button-medium-grey:active, .ap-interactive .ap-button-medium-grey .active {
  background: #B6B6AB;
  color: #EFEFEF;
  /* force color on child elements too */
}
/* line 34, ../../../../../sass/_mixins.scss */
.ap-interactive .ap-button-medium-grey:hover, .ap-interactive .ap-button-medium-grey:hover *, .ap-interactive .ap-button-medium-grey:active, .ap-interactive .ap-button-medium-grey:active *, .ap-interactive .ap-button-medium-grey .active, .ap-interactive .ap-button-medium-grey .active * {
  text-decoration: none;
}
/* line 12, ../../../../../sass/_ui.scss */
.ap-interactive .ap-button-deep-grey {
  background-color: transparent;
  color: #333333;
  cursor: pointer;
  border: 3px solid #333333;
  border-radius: 2px;
  font-family: "GoodWeb-Book", "Arial Narrow", Arial, sans-serif;
  font-size: 0.8em;
  margin: 1rem 0 0.5rem 0;
  padding: 8px 16px;
  text-transform: uppercase;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/* line 30, ../../../../../sass/_mixins.scss */
.ap-interactive .ap-button-deep-grey:hover, .ap-interactive .ap-button-deep-grey:active, .ap-interactive .ap-button-deep-grey .active {
  background: #333333;
  color: #EFEFEF;
  /* force color on child elements too */
}
/* line 34, ../../../../../sass/_mixins.scss */
.ap-interactive .ap-button-deep-grey:hover, .ap-interactive .ap-button-deep-grey:hover *, .ap-interactive .ap-button-deep-grey:active, .ap-interactive .ap-button-deep-grey:active *, .ap-interactive .ap-button-deep-grey .active, .ap-interactive .ap-button-deep-grey .active * {
  text-decoration: none;
}
/* line 16, ../../../../../sass/_ui.scss */
.ap-interactive .ap-button-blue {
  background-color: transparent;
  color: #146994;
  cursor: pointer;
  border: 3px solid #146994;
  border-radius: 2px;
  font-family: "GoodWeb-Book", "Arial Narrow", Arial, sans-serif;
  font-size: 0.8em;
  margin: 1rem 0 0.5rem 0;
  padding: 8px 16px;
  text-transform: uppercase;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/* line 30, ../../../../../sass/_mixins.scss */
.ap-interactive .ap-button-blue:hover, .ap-interactive .ap-button-blue:active, .ap-interactive .ap-button-blue .active {
  background: #146994;
  color: #EFEFEF;
  /* force color on child elements too */
}
/* line 34, ../../../../../sass/_mixins.scss */
.ap-interactive .ap-button-blue:hover, .ap-interactive .ap-button-blue:hover *, .ap-interactive .ap-button-blue:active, .ap-interactive .ap-button-blue:active *, .ap-interactive .ap-button-blue .active, .ap-interactive .ap-button-blue .active * {
  text-decoration: none;
}
/* line 20, ../../../../../sass/_ui.scss */
.ap-interactive .ap-button-green {
  background-color: transparent;
  color: #669900;
  cursor: pointer;
  border: 3px solid #669900;
  border-radius: 2px;
  font-family: "GoodWeb-Book", "Arial Narrow", Arial, sans-serif;
  font-size: 0.8em;
  margin: 1rem 0 0.5rem 0;
  padding: 8px 16px;
  text-transform: uppercase;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/* line 30, ../../../../../sass/_mixins.scss */
.ap-interactive .ap-button-green:hover, .ap-interactive .ap-button-green:active, .ap-interactive .ap-button-green .active {
  background: #669900;
  color: #EFEFEF;
  /* force color on child elements too */
}
/* line 34, ../../../../../sass/_mixins.scss */
.ap-interactive .ap-button-green:hover, .ap-interactive .ap-button-green:hover *, .ap-interactive .ap-button-green:active, .ap-interactive .ap-button-green:active *, .ap-interactive .ap-button-green .active, .ap-interactive .ap-button-green .active * {
  text-decoration: none;
}
/* line 24, ../../../../../sass/_ui.scss */
.ap-interactive .ap-button-yellow {
  background-color: transparent;
  color: #D19600;
  cursor: pointer;
  border: 3px solid #D19600;
  border-radius: 2px;
  font-family: "GoodWeb-Book", "Arial Narrow", Arial, sans-serif;
  font-size: 0.8em;
  margin: 1rem 0 0.5rem 0;
  padding: 8px 16px;
  text-transform: uppercase;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/* line 30, ../../../../../sass/_mixins.scss */
.ap-interactive .ap-button-yellow:hover, .ap-interactive .ap-button-yellow:active, .ap-interactive .ap-button-yellow .active {
  background: #D19600;
  color: #EFEFEF;
  /* force color on child elements too */
}
/* line 34, ../../../../../sass/_mixins.scss */
.ap-interactive .ap-button-yellow:hover, .ap-interactive .ap-button-yellow:hover *, .ap-interactive .ap-button-yellow:active, .ap-interactive .ap-button-yellow:active *, .ap-interactive .ap-button-yellow .active, .ap-interactive .ap-button-yellow .active * {
  text-decoration: none;
}
/* line 28, ../../../../../sass/_ui.scss */
.ap-interactive .ap-button-purple {
  background-color: transparent;
  color: #660775;
  cursor: pointer;
  border: 3px solid #660775;
  border-radius: 2px;
  font-family: "GoodWeb-Book", "Arial Narrow", Arial, sans-serif;
  font-size: 0.8em;
  margin: 1rem 0 0.5rem 0;
  padding: 8px 16px;
  text-transform: uppercase;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/* line 30, ../../../../../sass/_mixins.scss */
.ap-interactive .ap-button-purple:hover, .ap-interactive .ap-button-purple:active, .ap-interactive .ap-button-purple .active {
  background: #660775;
  color: #EFEFEF;
  /* force color on child elements too */
}
/* line 34, ../../../../../sass/_mixins.scss */
.ap-interactive .ap-button-purple:hover, .ap-interactive .ap-button-purple:hover *, .ap-interactive .ap-button-purple:active, .ap-interactive .ap-button-purple:active *, .ap-interactive .ap-button-purple .active, .ap-interactive .ap-button-purple .active * {
  text-decoration: none;
}
/* line 43, ../../../../../sass/_ui.scss */
.ap-interactive input,
.ap-interactive textarea {
  padding: .25em;
  font-size: 1em;
}
/* line 49, ../../../../../sass/_ui.scss */
.ap-interactive input:focus {
  outline: 0;
}
/* line 54, ../../../../../sass/_ui.scss */
.ap-interactive a, .ap-interactive a:hover, .ap-interactive a:active {
  color: #146994;
  cursor: pointer;
  text-decoration: none;
}
/* line 60, ../../../../../sass/_ui.scss */
.ap-interactive *:focus {
  outline: none;
}
/* line 66, ../../../../../sass/_ui.scss */
.ap-interactive .ap-button-close {
  height: 25px;
  width: 25px;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  line-height: 25px;
  margin: 0.5rem 0;
  position: relative;
}
/* line 130, ../../../../../sass/_mixins.scss */
.ap-interactive .ap-button-close:before, .ap-interactive .ap-button-close:after {
  transform: rotate(-45deg);
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -12.5px;
  display: block;
  height: 5px;
  width: 25px;
  background-color: #B6B6AB;
  transition: all 0.25s ease-out;
}
/* line 147, ../../../../../sass/_mixins.scss */
.ap-interactive .ap-button-close:after {
  transform: rotate(-135deg);
}
/* line 153, ../../../../../sass/_mixins.scss */
.ap-interactive .ap-button-close:hover:before, .ap-interactive .ap-button-close:hover:after {
  transform: rotate(0deg);
}
/* line 72, ../../../../../sass/_ui.scss */
.ap-interactive .ap-checkmark {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 1em;
  border: 1px solid #669900;
  display: inline-block;
  height: 1.3em;
  position: relative;
  width: 1.3em;
}
/* line 76, ../../../../../sass/_mixins.scss */
.ap-interactive .ap-checkmark:after {
  /* Add another block-level blank space */
  content: '';
  display: block;
  /* Make it a small rectangle so the border will create an L-shape */
  width: 0.3em;
  height: 0.6em;
  /* Add a white border on the bottom and left, creating that 'L' */
  border: solid #669900;
  border-width: 0 2px 2px 0;
  /* Rotate the L 45 degrees to turn it into a checkmark */
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  /* Center the check inside the circle */
  margin: 0.2em 0 0 0.5em;
}
/* line 76, ../../../../../sass/_ui.scss */
.ap-interactive .ap-xmark {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 1em;
  border: 1px solid #ff322e;
  display: inline-block;
  height: 1.3em;
  position: relative;
  width: 1.3em;
}
/* line 100, ../../../../../sass/_mixins.scss */
.ap-interactive .ap-xmark::before, .ap-interactive .ap-xmark::after {
  content: '';
  position: absolute;
  height: 2px;
  width: 80%;
  top: 50%;
  left: 15%;
  background: #ff322e;
}
/* line 110, ../../../../../sass/_mixins.scss */
.ap-interactive .ap-xmark::before {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 113, ../../../../../sass/_mixins.scss */
.ap-interactive .ap-xmark::after {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 81, ../../../../../sass/_ui.scss */
.ap-interactive .prev-next {
  color: #B6B6AB;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  cursor: pointer;
  display: inline-block;
  height: 100px;
  opacity: 0.4;
}
/* line 186, ../../../../../sass/_mixins.scss */
.ap-interactive .prev-next::before {
  border-style: solid;
  border-width: 0.05em 0.05em 0 0;
  content: '';
  display: inline-block;
  height: 0.75em;
  left: 0.15em;
  position: relative;
  top: 0.15em;
  vertical-align: top;
  width: 0.75em;
}
/* line 89, ../../../../../sass/_ui.scss */
.ap-interactive .prev-next::before {
  top: 45%;
}
/* line 94, ../../../../../sass/_ui.scss */
.ap-interactive .ap-button-prev::before {
  left: 8%;
  transform: rotate(-135deg) scale(5);
}
/* line 99, ../../../../../sass/_ui.scss */
.ap-interactive .ap-button-next::before {
  left: 0;
  transform: rotate(45deg) scale(5);
}
/* line 104, ../../../../../sass/_ui.scss */
.ap-interactive .ap-button-close:hover,
.ap-interactive .ap-button-next:hover,
.ap-interactive .ap-button-prev:hover {
  opacity: 1;
}
/* line 111, ../../../../../sass/_ui.scss */
.ap-interactive .ap-tooltip {
  background: white;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid #E7E2D8;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 1px 1px 2px #E7E2D8;
  -webkit-box-shadow: 1px 1px 2px #E7E2D8;
  box-shadow: 1px 1px 2px #E7E2D8;
  display: block;
  max-width: 85%;
  overflow: hidden;
  padding: 10px;
  position: absolute;
  z-index: 900;
}
/* line 124, ../../../../../sass/_ui.scss */
.ap-interactive .ap-tooltip::after {
  background-image: url(../images/icons/close.png);
  background-size: 15px;
  cursor: pointer;
  height: 15px;
  opacity: 0.7;
  cursor: pointer;
  width: 15px;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  content: "";
  display: inline-block;
  opacity: 0.4;
  position: absolute;
  right: 5px;
  top: 5px;
}
/* line 134, ../../../../../sass/_ui.scss */
.ap-interactive .ap-tooltip header {
  border-bottom: 1px solid #E7E2D8;
  margin-bottom: 0.25rem;
}
/* line 148, ../../../../../sass/_ui.scss */
.ap-interactive .scroll-down-dark {
  color: #333333;
  display: block;
  font-family: "GoodWeb-CondBook", "Arial Narrow", Arial, sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0.05rem;
  margin-bottom: 0.5rem;
  max-width: 40px;
  padding-top: 80px;
  position: relative;
  text-align: center;
}
/* line 218, ../../../../../sass/_mixins.scss */
.ap-interactive .scroll-down-dark span {
  -moz-animation: scroll-down-arrow 1.5s infinite;
  -webkit-animation: scroll-down-arrow 1.5s infinite;
  animation: scroll-down-arrow 1.5s infinite;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-left: 1px solid #333333;
  border-bottom: 1px solid #333333;
  box-sizing: border-box;
  height: 36px;
  left: 50%;
  margin-left: -18px;
  position: absolute;
  top: 0;
  width: 36px;
}
/* line 152, ../../../../../sass/_ui.scss */
.ap-interactive .scroll-down-light {
  color: #333333;
  display: block;
  font-family: "GoodWeb-CondBook", "Arial Narrow", Arial, sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0.05rem;
  margin-bottom: 0.5rem;
  max-width: 40px;
  padding-top: 80px;
  position: relative;
  text-align: center;
}
/* line 218, ../../../../../sass/_mixins.scss */
.ap-interactive .scroll-down-light span {
  -moz-animation: scroll-down-arrow 1.5s infinite;
  -webkit-animation: scroll-down-arrow 1.5s infinite;
  animation: scroll-down-arrow 1.5s infinite;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-left: 1px solid #333333;
  border-bottom: 1px solid #333333;
  box-sizing: border-box;
  height: 36px;
  left: 50%;
  margin-left: -18px;
  position: absolute;
  top: 0;
  width: 36px;
}
/* line 188, ../../../../../sass/_ui.scss */
.ap-interactive .dropdown {
  background: transparent;
  color: #333333;
  font-family: "GoodWeb-CondBook", "Arial Narrow", Arial, sans-serif;
  font-size: 1em;
  font-weight: 400;
  min-width: 150px;
  padding: 5px 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/icons/chevron-down.png) no-repeat 95% center;
  background-size: 11%;
  border: 1px solid #333333;
  display: block;
  margin: 1rem 0;
}
/* line 207, ../../../../../sass/_ui.scss */
.ap-interactive #combobox-wrapper {
  position: relative;
}
/* line 211, ../../../../../sass/_ui.scss */
.ap-interactive .custom-combobox {
  display: block;
  max-width: 210px;
  border: 1px solid #333333;
  background: white;
  border-radius: 3px;
}
/* line 219, ../../../../../sass/_ui.scss */
.ap-interactive .custom-combobox input {
  background: transparent;
  color: #333333;
  font-family: "GoodWeb-CondBook", "Arial Narrow", Arial, sans-serif;
  font-size: 1em;
  font-weight: 400;
  min-width: 150px;
  padding: 5px 8px;
  border: none;
  height: 15px;
}
/* line 235, ../../../../../sass/_ui.scss */
.ap-interactive .custom-combobox a.ui-button {
  background: none;
  border: none;
  float: right;
  height: 0px !important;
  padding: 4px 10px;
  width: 0px !important;
}
/* line 244, ../../../../../sass/_ui.scss */
.ap-interactive .custom-combobox a.ui-button .chevron::before {
  left: -10px;
}
/* line 249, ../../../../../sass/_ui.scss */
.ap-interactive .combobox ul.dropdown-markup {
  width: 210px;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border: 1px solid #333333;
  background: #fff;
  outline: none;
  list-style: none;
  margin: 0;
  cursor: pointer;
}
/* line 264, ../../../../../sass/_ui.scss */
.ap-interactive .combobox ul.dropdown-markup li {
  width: 100%;
  font-weight: 400;
  background-color: #fff;
}
/* line 270, ../../../../../sass/_ui.scss */
.ap-interactive .combobox ul.dropdown-markup li a {
  font-size: 14px;
  text-decoration: none;
  display: block;
  padding: 2px 0.4em;
  line-height: 1.5;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
/* line 280, ../../../../../sass/_ui.scss */
.ap-interactive .combobox ul.dropdown-markup li a:hover {
  color: #333333;
  background-color: #E7E2D8;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
}
/* line 295, ../../../../../sass/_ui.scss */
.ap-interactive .chevron {
  color: #B6B6AB;
}
/* line 186, ../../../../../sass/_mixins.scss */
.ap-interactive .chevron::before {
  border-style: solid;
  border-width: 0.25em 0.25em 0 0;
  content: '';
  display: inline-block;
  height: 0.45em;
  left: 0.15em;
  position: relative;
  top: 0.15em;
  vertical-align: top;
  width: 0.45em;
}
/* line 299, ../../../../../sass/_ui.scss */
.ap-interactive .chevron.top::before {
  top: 0.15em;
  transform: rotate(-45deg);
}
/* line 304, ../../../../../sass/_ui.scss */
.ap-interactive .chevron.right::before {
  left: 0;
  transform: rotate(45deg);
}
/* line 309, ../../../../../sass/_ui.scss */
.ap-interactive .chevron.bottom::before {
  transform: rotate(135deg);
}
/* line 314, ../../../../../sass/_ui.scss */
.ap-interactive .chevron.left::before {
  left: 0.25em;
  transform: rotate(-135deg);
}

/* line 1, ../../../../../sass/_layout.scss */
.ap-interactive {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0 1rem;
}
/* line 7, ../../../../../sass/_layout.scss */
.ap-interactive #ap-logo {
  display: block;
  height: 40px;
  width: 34px;
  background-image: url(../images/icons/ap-logo.png);
  background-size: 100%;
}
/* line 15, ../../../../../sass/_layout.scss */
.ap-interactive header.standalone {
  margin: 0 auto;
  max-width: 540px;
}
/* line 20, ../../../../../sass/_layout.scss */
.ap-interactive footer {
  font-size: 0.8125rem;
  margin: 4rem auto 1rem auto;
  max-width: 540px;
}
/* line 25, ../../../../../sass/_layout.scss */
.ap-interactive footer .legal {
  text-align: center;
}
/* line 28, ../../../../../sass/_layout.scss */
.ap-interactive footer .legal li {
  display: inline-block;
  line-height: 1.35rem;
  margin: 0 0.15rem;
}

@media screen and (min-width: 640px) {
  /* line 40, ../../../../../sass/_layout.scss */
  .ap-interactive #ap-logo {
    height: 52px;
    margin-left: 45px;
    width: 45px;
  }
  /* line 46, ../../../../../sass/_layout.scss */
  .ap-interactive footer {
    font-size: 0.9125rem;
  }
}
/* line 2, ../../../../../sass/_apnews.scss */
.ap-interactive header.apnews {
  display: none;
}

/* line 8, ../../../../../sass/_apnews.scss */
.ap-interactive.apnews #ap-logo,
.ap-interactive.apnews header.standalone,
.ap-interactive.apnews .byline, .ap-interactive.apnews .legal {
  display: none;
}
/* line 14, ../../../../../sass/_apnews.scss */
.ap-interactive.apnews header.apnews {
  display: block;
}

/* RESPONSIVE TABLE
/* see: http://blog.apps.npr.org/2014/05/09/responsive-data-tables.html */
/* line 4, ../../../../../sass/_table.scss */
.ap-table {
  padding-bottom: 2em;
}
/* line 7, ../../../../../sass/_table.scss */
.ap-table table {
  width: 100%;
}
/* line 10, ../../../../../sass/_table.scss */
.ap-table table .date,
.ap-table table .number {
  text-align: right;
}
/* line 15, ../../../../../sass/_table.scss */
.ap-table table th {
  background-position: 95% 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-bottom: 2px solid #E7E2D8;
  font-family: "GoodWeb-CondBook", "Arial Narrow", Arial, sans-serif;
  font-size: 1.2em;
  line-height: 1.3em;
  margin-left: 20px;
  max-width: 95%;
  padding-right: 20px;
}
/* line 27, ../../../../../sass/_table.scss */
.ap-table table th.sorting_disabled {
  background-image: none;
  cursor: auto;
}
/* line 32, ../../../../../sass/_table.scss */
.ap-table table th.sorting_asc, .ap-table table th.sorting_desc {
  border-bottom: 3px solid #ff322e;
}
/* line 37, ../../../../../sass/_table.scss */
.ap-table table th.sorted {
  border-bottom: 2px solid #ff322e;
}
/* line 42, ../../../../../sass/_table.scss */
.ap-table table th:last-child {
  padding-right: 0;
}
/* line 48, ../../../../../sass/_table.scss */
.ap-table table tbody tr {
  font-family: "GoodWeb-CondBook", "Arial Narrow", Arial, sans-serif;
}
/* line 58, ../../../../../sass/_table.scss */
.ap-table table tbody tr > td {
  padding: 10px 20px 0 0;
}
/* line 61, ../../../../../sass/_table.scss */
.ap-table table tbody tr > td .filter {
  display: none;
}
/* line 66, ../../../../../sass/_table.scss */
.ap-table table tbody tr > td:last-child {
  padding-right: 0;
}
/* line 74, ../../../../../sass/_table.scss */
.ap-table.dataTable th {
  cursor: pointer;
}
/* line 80, ../../../../../sass/_table.scss */
.ap-table.dataTable tbody tr.callback {
  cursor: pointer;
}

@media screen and (max-width: 500px) {
  /* line 94, ../../../../../sass/_table.scss */
  .responsive-table table .date,
  .responsive-table table .number {
    text-align: left;
  }
  /* line 99, ../../../../../sass/_table.scss */
  .responsive-table table thead {
    display: none;
  }
  /* line 103, ../../../../../sass/_table.scss */
  .responsive-table table tbody {
    float: left;
    width: 100%;
  }
  /* line 107, ../../../../../sass/_table.scss */
  .responsive-table table tbody tr, .responsive-table table tbody th, .responsive-table table tbody td {
    display: block;
    padding: 0;
    text-align: left;
    white-space: normal;
  }
  /* line 114, ../../../../../sass/_table.scss */
  .responsive-table table tbody tr {
    border-bottom: 1px solid #E7E2D8;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  /* line 120, ../../../../../sass/_table.scss */
  .responsive-table table tbody tr > td {
    padding: 5px 0 0 0;
  }
  /* line 126, ../../../../../sass/_table.scss */
  .responsive-table table th[data-title]:before,
  .responsive-table table td[data-title]:before {
    color: #333333;
    color: #B6B6AB;
    content: attr(data-title) ": ";
    font-weight: 800;
  }
  /* line 134, ../../../../../sass/_table.scss */
  .responsive-table table td:first-child {
    color: #333333;
    font-size: 1.125em;
    font-weight: 200;
    margin-bottom: 5px;
    text-transform: uppercase;
  }
  /* line 141, ../../../../../sass/_table.scss */
  .responsive-table table td:first-child::before {
    content: '';
  }
}
/* FILTER */
/* line 2, ../../../../../sass/_datatables-ui.scss */
.table-filter {
  padding-bottom: 1%;
  padding-right: 10px;
}
/* line 6, ../../../../../sass/_datatables-ui.scss */
.table-filter select {
  font-size: 1.125em;
  margin-left: 10px;
}

/* line 12, ../../../../../sass/_datatables-ui.scss */
.dataTables_filter {
  float: left;
  padding-bottom: 10px;
}
/* line 16, ../../../../../sass/_datatables-ui.scss */
.dataTables_filter input {
  font-size: 0.9125em;
}

/* line 21, ../../../../../sass/_datatables-ui.scss */
.dataTables_info,
.dataTables_paginate {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

/* TABLE CONTROLS (INFO/PAGINATE) */
/* line 29, ../../../../../sass/_datatables-ui.scss */
.top .dataTables_paginate {
  display: none;
}

/* line 34, ../../../../../sass/_datatables-ui.scss */
.dataTables_paginate a {
  background: #E7E2D8;
  cursor: pointer;
  font-size: 0.8em;
  margin: 0 0.25em;
  padding: 0.5em;
  text-decoration: none;
  text-transform: uppercase;
}
/* line 43, ../../../../../sass/_datatables-ui.scss */
.dataTables_paginate a:hover {
  background: #B6B6AB;
  color: #B6B6AB;
}
/* line 49, ../../../../../sass/_datatables-ui.scss */
.dataTables_paginate a, .dataTables_paginate .paginate_enabled_next {
  margin-right: 0;
}
/* line 53, ../../../../../sass/_datatables-ui.scss */
.dataTables_paginate .paginate_disabled_next,
.dataTables_paginate .paginate_disabled_previous {
  opacity: 0.7;
  cursor: auto;
}
/* line 58, ../../../../../sass/_datatables-ui.scss */
.dataTables_paginate .paginate_disabled_next:hover,
.dataTables_paginate .paginate_disabled_previous:hover {
  background: #E7E2D8;
  color: #333333;
}

@media screen and (min-width: 500px) {
  /* line 69, ../../../../../sass/_datatables-ui.scss */
  .dataTables_filter
  .dataTables_info,
  .dataTables_paginate {
    padding: 10px 0;
  }

  /* line 74, ../../../../../sass/_datatables-ui.scss */
  .dataTables_info {
    float: left;
  }

  /* line 77, ../../../../../sass/_datatables-ui.scss */
  .dataTables_paginate {
    float: right;
  }
}
/* 
*
* 	THINGS TO ADD:
*
*	video.css
*	datatable.css
*	lightbox.css <-- this should match the AP News lightbox
*	??? WHAT ELSE ???
*
*
*/
