/*
*
* 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: "AP";
  src: url("../fonts/ap_var.woff2");
  font-weight: normal;
  font-style: normal;
}

/* line 50, ../../../../../sass/_fonts.scss */
.ap-interactive h1 {
  font-family: "AP", 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: "AP", "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: "AP", "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: "AP", "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: "AP", 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: "AP", "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: "AP", "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: 0.75rem;
  text-transform: uppercase;
}
/* line 20, ../../../../../sass/_utilities.scss */
.ap-interactive .byline {
  color: #b6b6ab;
  font-family: "AP", "Arial Narrow", Arial, sans-serif;
  font-size: 0.8125rem;
  line-height: 1.2em;
  margin: 0.25rem 0 0 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: "AP", 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: "AP", "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: "AP", "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: "AP", "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: "AP", "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: "AP", "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: "AP", "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: "AP", "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: "AP", "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: 0.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: "AP", "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: "AP", "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: "AP", "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: "AP", "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: "AP", "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: "AP", "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 ???
*
*
*/