@font-face { font-family: "Balto Bold"; font-weight: 700; src: url("../../../../css/fonts/fonts/baltoweb-bold.eot"); src: local("Balto Bold"), local("Balto"), url("../../../../css/fonts/baltoweb-bold.woff") format("woff"); }
@font-face { font-family: "HobokenHigh-SansSerif"; src: url("../fonts/lineto-hobokenhigh-sansserif.eot"); src: url("../fonts/lineto-hobokenhigh-sansserif.eot?#iefix") format("embedded-opentype"), url("../fonts/lineto-hobokenhigh-sansserif.woff") format("woff"), url("../fonts/lineto-hobokenhigh-sansserif.ttf") format("truetype"), url("../fonts/lineto-hobokenhigh-sansserif.svg#lineto-hobokenhigh-sansserif") format("svg"); font-weight: normal; font-style: normal; }
.wrap { overflow: hidden; background-color: #1e194c; font-family: "Balto Bold", "Helvetica", Arial, sans-serif; }

#page { overflow: visible; }

.layout-container { margin: 0 10px; }
@media (min-width: 66em) { .layout-container { margin: 0 auto; padding: 0 1em; } }

.special-headline { text-align: center; margin: 0; }

.special-headline-image { display: block; width: 100%; max-width: 100%; padding: 25px 0; }
.special-headline-image > img { width: 100%; max-width: 100%; display: block; }

.top-section *, .bracket-section *, .more-featured-section * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.page-template-template-special #page { padding: 0; }

a, p, li { color: #fff; }

.header-cutout { display: none; }

.header-interior { border-top: 1px solid #fff; border-bottom: 2px solid #fff; }
.header-interior:before { background: #fff; }

.header-interior .search-form:before { border-left-color: #fff; background-image: url("data:image/svg+xml;base64, PHN2ZyB2ZXJzaW9uPSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTQuNTg2IiBoZWlnaHQ9IjE3LjM2MyI+PGRlZnM+PHJlY3QgaWQ9ImEiIHdpZHRoPSIxNC41ODYiIGhlaWdodD0iMTcuMzYzIi8+PC9kZWZzPjxjbGlwUGF0aCBpZD0iYiI+PHVzZSB4bGluazpocmVmPSIjYSIgb3ZlcmZsb3c9InZpc2libGUiLz48L2NsaXBQYXRoPjxjaXJjbGUgY2xpcC1wYXRoPSJ1cmwoI2IpIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMi4yMTkiIGN4PSI1Ljk3NSIgY3k9IjUuOTc1IiByPSI0Ljg2NiIgZmlsbD0ibm9uZSIvPjxsaW5lIGNsaXAtcGF0aD0idXJsKCNiKSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgeDE9IjguNTg2IiB5MT0iMTAuMzYzIiB4Mj0iMTMuNTg2IiB5Mj0iMTYuMzYzIiBmaWxsPSJub25lIi8+PC9zdmc+"); }

#nav { background: none; position: relative; }

@media screen and (max-width: 46.8em) and (min-width: 18.75em) { .header-interior .search-form { border-left: 1px solid #fff; }
  #nav li { background: none; border-right: 1px solid #fff !important; }
  #nav ul li:nth-child(even) { border: none !important; } }
@media (min-width: 46.8em) { .nav ul li > a:after, .mini-nav ul li > a:after { border-right: 1px solid #fff; }
  .nav ul li > a:before, .mini-nav ul li > a:before { background-color: #000; } }
.nav { border-bottom: 2px solid #fff; }

.nav ul li { background: none; }

.nav ul li > a { background: none; border: none; color: #fff; }

.nav ul li > a:after { background: none; }

.nav-toggle.nav-toggle-menu { background-image: url("../images/icon-menu-white.png"); }

.inline-form .search-submit { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMTYuMzc3Ij48ZGVmcz48cmVjdCBpZD0iYSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjE2LjM3NyIvPjwvZGVmcz48Y2xpcFBhdGggaWQ9ImIiPjx1c2UgeGxpbms6aHJlZj0iI2EiIG92ZXJmbG93PSJ2aXNpYmxlIi8+PC9jbGlwUGF0aD48bGluZSBjbGlwLXBhdGg9InVybCgjYikiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSI0IiB5MT0iOC4xODgiIHgyPSIyMS4wNjIiIHkyPSI4LjE4OCIgZmlsbD0ibm9uZSIvPjxwb2x5bGluZSBjbGlwLXBhdGg9InVybCgjYikiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSI0IiBwb2ludHM9IjEzLjgzMSwxLjQ2NSAyMS4wNjIsOC4xODggMTMuODMxLDE0LjkxMiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg=="); }

.bracket-section { position: relative; padding: 0 0 12.5px; background: #db3a2c; }
.bracket-section:after { content: ""; display: table; clear: both; }
.bracket-section .layout-container:after { content: ""; display: table; clear: both; }
.bracket-section > .layout-container:first-child { position: relative; padding-top: 62.5px; }
.bracket-section > .layout-container:first-child:before { position: absolute; top: -12.5px; left: 0; display: block; content: ''; width: 100%; height: 25px; background: #fff; margin: 0; }
@media (min-width: 66em) { .bracket-section > .layout-container:first-child:before { width: calc(100% - 2em); margin: 0 1em; } }
.bracket-section .subheading { color: #fff; font-family: "HobokenHigh-SansSerif", "Helvetica", Arial, sans-serif; font-weight: 400; text-align: center; text-transform: uppercase; font-size: 32px; margin: 0 auto 50px; z-index: 2; position: relative; line-height: 1.1; text-align: center; }
@media (min-width: 50em) { .bracket-section .subheading { font-size: 55px; max-width: 70%; } }
.bracket-section .bracket { position: relative; margin-bottom: 50px; }
.bracket-section .bracket:after { content: ""; display: table; clear: both; }
@media (min-width: 50em) { .bracket-section .bracket { margin: 0 20px; } }
@media (max-width: 49.9375em) { .bracket-section.current-round-3 .quadrant-title { position: absolute; top: 10%; left: 15%; width: 70%; }
  .bracket-section.current-round-3 .round.round-3 { margin: 0 10px; }
  .bracket-section.current-round-3 .round.round-3 li:nth-child(2n+1):after { display: none; }
  .bracket-section.current-round-3 .round.round-3 li { width: 100%; float: none; border-right: 2px solid #fff; height: 10em; border-top: 2px solid #fff; border-bottom: 0; border-top-right-radius: 5px; }
  .bracket-section.current-round-3 .round.round-3 li:nth-child(2).line { display: none; }
  .bracket-section.current-round-3 .round.round-3 li.line { border-top: 0; border-top-right-radius: 0; border-bottom-right-radius: 5px; border-bottom: 2px solid #fff; text-align: center; }
  .bracket-section.current-round-3 .quadrant { width: 50%; float: left; margin-bottom: 0; }
  .bracket-section.current-round-3 .quadrant-right .round.round-3 li { border-right: 0; border-left: 2px solid #fff; border-top-right-radius: 0; border-top-left-radius: 5px; }
  .bracket-section.current-round-3 .quadrant-bottom.quadrant-right .round.round-3 li { border-top-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 5px; } }
@media (max-width: 49.9375em) { .bracket-section.current-round-4 .middle, .bracket-section.current-round-5 .middle { display: block; margin-bottom: 100px; } }
@media (min-width: 50em) { .bracket-section .owl-carousel { display: block !important; } }
.bracket-section .middle { background-size: cover; width: 84px; height: 84px; color: #fff; text-align: center; line-height: 84px; text-transform: uppercase; padding: 0 7px; display: block; margin-left: auto; margin-right: auto; margin-bottom: 35px; position: relative; border: 3px solid #fff; border-radius: 100%; display: none; }
@media (min-width: 50em) { .bracket-section .middle { display: block; position: absolute; top: 50%; left: 50%; margin-left: -42px; margin-top: -24px; margin-bottom: 0; } }
@media (min-width: 66em) { .bracket-section .middle { margin-top: -42px; } }
.bracket-section .middle:before, .bracket-section .middle:after { content: ""; height: 3px; background: #fff; position: absolute; top: 50%; width: 200%; right: 105%; }
@media (min-width: 50em) { .bracket-section .middle:before, .bracket-section .middle:after { width: 130px; right: 152%; } }
.bracket-section .middle:after { left: 105%; right: auto; }
@media (min-width: 50em) { .bracket-section .middle:after { left: 152%; } }
.bracket-section .middle .winner-left, .bracket-section .middle .winner-right, .bracket-section .middle .final-winner { display: none; }
.bracket-section .middle .winner-left.active, .bracket-section .middle .winner-right.active, .bracket-section .middle .final-winner.active { display: block; }
.bracket-section .middle .winner-left, .bracket-section .middle .winner-right { position: absolute; font-family: "Balto Bold", "Helvetica", Arial, sans-serif; font-size: 13px; letter-spacing: 0; color: white; text-transform: none; font-weight: 700; line-height: 1; top: 30%; z-index: 2; width: 180px; }
.bracket-section .middle .winner-left a, .bracket-section .middle .winner-right a { background: #db3a2c; }
.bracket-section .middle .winner-left { left: auto; right: 110%; }
@media (min-width: 50em) { .bracket-section .middle .winner-left { right: 140%; } }
.bracket-section .middle .winner-left a { float: right; }
@media (min-width: 50em) { .bracket-section .middle .winner-left a { margin-right: 20px; } }
.bracket-section .middle .winner-right { left: 110%; right: auto; }
@media (min-width: 50em) { .bracket-section .middle .winner-right { left: 140%; } }
.bracket-section .middle .winner-right a { float: left; }
@media (min-width: 50em) { .bracket-section .middle .winner-right a { margin-left: 20px; } }
.bracket-section .middle .final-winner { font-family: "Balto Bold", "Helvetica", Arial, sans-serif; font-size: 13px; letter-spacing: 0; color: white; text-transform: none; font-weight: 400; line-height: 1.25; margin-top: 1.75em; }
.bracket-section .middle .final-winner .winner-name { position: absolute; top: calc(100% + 15px); width: calc(100% + 20px); left: -10px; }
.bracket-section .middle .final-winner .winner-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; background-color: #fff200; }
.bracket-section .quadrant { position: relative; margin-bottom: 50px; }
.bracket-section .quadrant:after { content: ""; display: table; clear: both; }
@media (min-width: 50em) { .bracket-section .quadrant { margin-bottom: 0; } }
.bracket-section .quadrant .quadrant-title { font-weight: 400; font-size: 20px; color: #fff200; line-height: 1.3; text-align: center; margin: 20px auto 0; font-family: "HobokenHigh-SansSerif", "Helvetica", Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.05em; }
.bracket-section .quadrant .quadrant-title em { font-style: normal; }
@media (min-width: 50em) { .bracket-section .quadrant .quadrant-title { position: absolute; top: -1.5em; left: 0; width: 75%; text-align: left; font-size: 18px; line-height: 1; margin: 0; }
  .bracket-section .quadrant .quadrant-title em { display: none; } }
@media (min-width: 50em) { .bracket-section .quadrant { width: 44%; }
  .bracket-section .quadrant-1, .bracket-section .quadrant-2 { float: left; clear: both; }
  .bracket-section .quadrant-3, .bracket-section .quadrant-4 { float: right; } }
@media (min-width: 50em) { .bracket-section .quadrant-right .quadrant-title { text-align: right; left: auto; right: 0; } }
@media (min-width: 50em) { .bracket-section .quadrant-right .round { float: right; } }
@media (min-width: 50em) { .bracket-section .quadrant-right .round li { padding-left: 0; text-align: right; } }
@media (min-width: 50em) { .bracket-section .quadrant-right .round li:nth-child(2n) { border-right: 0; border-left: 3px solid #fff; border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
  .bracket-section .quadrant-right .round li:nth-child(2n) .seed { left: auto; right: -22px; } }
.bracket-section .quadrant-right .round-1 li .seed { left: 0; text-align: right; }
@media (min-width: 50em) { .bracket-section .quadrant-right .round-1 li .seed { right: -22px; left: auto; text-align: left; } }
.bracket-section .quadrant-right .round.round-5 .line { border-bottom-left-radius: 0; border-left-width: 0; }
@media (min-width: 50em) { .bracket-section .quadrant-right .round.round-5 .line { border-left-width: 2px; } }
.bracket-section .quadrant-right.quadrant-bottom .round.round-5 .line { border-right: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 0; }
@media (min-width: 50em) { .bracket-section .quadrant-right.quadrant-bottom .round.round-5 .line { border-left: 2px solid #fff; } }
@media (min-width: 50em) { .bracket-section .quadrant-bottom { margin-top: -5.5em; } }
.bracket-section .quadrant-bottom .round.round-5 ul { margin-top: 0; }
.bracket-section .quadrant-bottom .round.round-5 .line { border-bottom: 2px solid #fff; border-bottom-right-radius: 5px; }
@media (min-width: 50em) { .bracket-section .quadrant-bottom .round.round-5 .line { line-height: 48em; height: 24em; } }
@media (min-width: 50em) { .bracket-section .quadrant-bottom .round.round-5 .line { border-right: 2px solid #fff; } }
.bracket-section .quadrant-bottom .round.round-5 .line span { vertical-align: bottom; display: inline-block; line-height: 1; padding-bottom: .5em; }
.bracket-section .round.round-complete, .bracket-section .round.round-active { display: block; margin: 10px; }
@media (min-width: 50em) { .bracket-section .round.round-complete, .bracket-section .round.round-active { margin: 0; } }
.bracket-section .round-active ul:hover li .poll-item, .bracket-section .round-complete ul:hover li .poll-item { text-decoration: none; color: #fff200; }
.bracket-section .round { display: none; }
@media (min-width: 50em) { .bracket-section .round { display: block; float: left; width: 33.333%; } }
@media (min-width: 50em) { .bracket-section .round.round-3 { width: 30%; } }
.bracket-section .round ul:last-child li:last-child { margin-bottom: 0; }
.bracket-section .round li { font-size: 13px; font-weight: 700; line-height: 1; padding-left: 18px; padding-right: 10px; width: 50%; float: left; border-bottom: 2px solid; position: relative; }
@media (min-width: 50em) { .bracket-section .round li { padding-left: 0; padding-right: 0; width: auto; float: none; border-bottom: 0; }
  .bracket-section .round li:nth-child(2n+1):after { display: none; } }
.bracket-section .round li:nth-child(2n+1) { clear: both; }
.bracket-section .round li:nth-child(2n+1):after { content: "vs."; position: absolute; right: -1em; bottom: 0.5em; }
.bracket-section .round li .poll-item { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 2em; line-height: 2em; text-align: center; font-size: 12px; letter-spacing: 0.05em; }
@media (min-width: 50em) { .bracket-section .round li .poll-item { text-align: inherit; padding: 0.1em 0.3em 0 0.3em; height: auto; line-height: 1em; position: relative; top: 0.65em; display: inline-block; background: #db3a2c; z-index: 2; } }
.bracket-section .round li .disabled-link { background: transparent; }
@media (min-width: 50em) { .bracket-section .round li:nth-child(2n) { border-top: 3px solid #fff; border-bottom: 3px solid #fff; border-right: 3px solid #fff; padding-top: 2em; margin-bottom: 2em; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } }
.bracket-section .round-1 li:nth-child(2n) .seed { right: 0; left: auto; }
@media (min-width: 50em) { .bracket-section .round-1 li:nth-child(2n) .seed { right: auto; left: -22px; } }
.bracket-section .round-1 li .seed { position: absolute; display: block; text-align: right; width: 14px; left: 0; bottom: 0.5em; color: #fff; }
@media (min-width: 50em) { .bracket-section .round-1 li .seed { left: -22px; bottom: -0.45em; } }
@media (min-width: 50em) { .bracket-section .round-2 ul { margin-top: 1.5em; }
  .bracket-section .round-2 li:nth-child(2n) { padding-top: 5.5em; margin-bottom: 7.08em; }
  .bracket-section .round-3 ul { margin-top: 4.5em; }
  .bracket-section .round-3 li:nth-child(2n) { padding-top: 20em; margin-bottom: 16.9em; }
  .bracket-section .round-4 ul { margin-top: 10.9em; }
  .bracket-section .round-4 li:nth-child(2n) { padding-top: 38.18em; margin-bottom: 0; } }
@media (min-width: 50em) { .bracket-section .round.round-5 ul { margin-top: 23.62em; } }
.bracket-section .round.round-5 .line { border-bottom: 0; border-bottom-right-radius: 0; border-right-width: 0; }
@media (min-width: 50em) { .bracket-section .round.round-5 .line { height: 25em; border-right-width: 2px; } }
@media (min-width: 50em) { .bracket-section .round.round-5.round-active li .poll-item { top: -0.7em; } }
@media (min-width: 50em) { .bracket-section .quadrant-bottom .round.round-5 li .poll-item { top: 0; } }

.mini-social-share { clear: both; max-width: 10em; margin: 0 auto 50px; text-align: center; }
@media (min-width: 50em) { .mini-social-share { margin: 50px auto; } }
.mini-social-share .mini-social-share-list { margin: 0; }
.mini-social-share a { display: inline-block; background-color: #fff; border: 2px solid #fff; width: 35px; height: 35px; background-size: 0.9em; margin: 0; }
.mini-social-share a:hover { border-color: #fff200; background-color: transparent; }
.mini-social-share a.twitter { background-image: url("../images/twitter-red.svg"); }
.mini-social-share a.twitter:hover { background-image: url("../images/twitter-yellow.svg"); }
.mini-social-share a.facebook { background-image: url("../images/facebook-red.svg"); }
.mini-social-share a.facebook:hover { background-image: url("../images/facebook-yellow.svg"); }
.mini-social-share a.envelope { background-image: url("../images/envelope-red.svg"); }
.mini-social-share a.envelope:hover { background-image: url("../images/envelope-yellow.svg"); }

#overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.2s ease-in-out, z-index .2s ease-in-out; }
#overlay.active { background: rgba(0, 0, 0, 0.8); z-index: 999999; opacity: 1; transition: opacity 0.2s ease-in-out, z-index .2s ease-in-out; }

.disabled-link { pointer-events: none !important; }
.disabled-link:hover { pointer-events: none !important; text-decoration: none !important; }

.instructions { display: block; position: relative; width: 100%; margin: 0 0 50px; padding: 0; z-index: 1; text-align: center; color: #fff; }
@media (min-width: 50em) { .instructions { margin-bottom: 75px; } }

#vote-card { padding: 0; margin: 0 auto; max-width: 100%; width: 100%; overflow: hidden; position: fixed; left: 0; z-index: -1; opacity: 0; top: 10%; height: 450px; transform: scale(0.7, 0.7); transition: opacity .3s ease-in-out, transform .3s ease-in-out, z-index .3s; background: white; border-bottom: 1em solid #fff; }
#vote-card:after { content: ""; display: table; clear: both; }
@media (min-width: 46.8em) { #vote-card { border-bottom: 0; height: 473px; width: 600px; margin-left: -300px; margin-top: -268px; top: 50%; left: 50%; } }
#vote-card.active { opacity: 1; transform: scale(1, 1); transition: opacity .3s ease-in-out, transform .3s ease-in-out, z-index .3s; z-index: 1000000; }
#vote-card.quadrant-undefined-card .prev, #vote-card.quadrant-undefined-card .next { display: none; }
#vote-card.quadrant-undefined-card .social { bottom: 27px; }
#vote-card .close-card { position: absolute; top: 8px; right: 8px; display: inline-block; cursor: pointer; color: #fff; width: 12px; height: 12px; background: url('data:image/svg+xml;charset=UTF-8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="419.5px" height="297.6px" viewBox="0 0 419.5 297.6" enable-background="new 0 0 419.5 297.6" xml:space="preserve"><g opacity="0.6"><path fill="#fff" d="M209.8,163L76.9,297.6l-15.9-14.2l134.6-132.9L60.9,15.9L76.9,0l132.9,134.6L344.4,0l14.2,14.2L223.9,148.8 l134.6,132.9l-15.9,15.9L209.8,163z"/></g></svg>'); background-position: center; background-repeat: no-repeat; background-size: cover; }
#vote-card .close-card:hover { color: #fff200; background-image: url('data:image/svg+xml;charset=UTF-8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="419.5px" height="297.6px" viewBox="0 0 419.5 297.6" enable-background="new 0 0 419.5 297.6" xml:space="preserve"><g opacity="0.6"><path fill="#fff200" d="M209.8,163L76.9,297.6l-15.9-14.2l134.6-132.9L60.9,15.9L76.9,0l132.9,134.6L344.4,0l14.2,14.2L223.9,148.8 l134.6,132.9l-15.9,15.9L209.8,163z"/></g></svg>'); }
#vote-card .vote-card-title { width: 100%; margin: 0; padding: 0.5em; text-align: center; text-transform: uppercase; font-size: 13px; position: relative; background: #1e194c; color: #fff; letter-spacing: 0.05em; font-family: "Balto Bold", "Helvetica", Arial, sans-serif; }
#vote-card .vote-card-title:after { content: "vs."; position: absolute; padding: 0.5em 0 0.75em; top: 78px; left: 47.5%; font-size: 15px; text-transform: lowercase; color: #9b9da0; font-weight: 300; background: white; font-family: "HobokenHigh-SansSerif", "Helvetica", Arial, sans-serif; }
@media (min-width: 46.8em) { #vote-card .vote-card-title:after { left: 48.7%; top: 116px; } }
#vote-card .vote-card-title:before { content: ""; position: absolute; width: 1px; background-color: #cfd0d2; left: 50%; top: calc(100% + 20px); height: 402px; z-index: -1; }
#vote-card .info { margin-bottom: 12.5px; }
@media (min-width: 46.8em) { #vote-card .info { margin-bottom: 50px; } }
#vote-card .name { margin: 0.2em 0; font-weight: 700; color: #000; font-size: 18px; text-align: center; font-family: "Balto Bold", "Helvetica", Arial, sans-serif; letter-spacing: 0.03em; }
@media (min-width: 46.8em) { #vote-card .name { min-height: 0; } }
#vote-card .meta-movie { font-size: 14px; text-align: center; font-family: "HobokenHigh-SansSerif", "Helvetica", Arial, sans-serif; text-transform: uppercase; color: #999; }
@media (min-width: 46.8em) { #vote-card .meta-movie { letter-spacing: 0.05em; } }
#vote-card .description-title { margin: 0 0 0.4em; font-weight: 700; font-size: 11px; text-align: center; font-family: "Balto Bold", "Helvetica", Arial, sans-serif; text-transform: uppercase; color: #db3a2c; letter-spacing: 0.05em; }
#vote-card .description { color: #000; font-size: 13px; line-height: 1.25; margin-bottom: 25px; font-family: "Balto Bold", "Helvetica", Arial, sans-serif; font-weight: 700; }
@media (min-width: 46.8em) { #vote-card .description { margin-bottom: 50px; line-height: 1.9; } }
#vote-card .social { clear: both; position: absolute; bottom: 7px; left: 0; width: 100%; padding: 0 20px; }
#vote-card .social a { display: inline-block; width: 19px; height: 19px; margin: 0 2px; background-size: cover; opacity: 0.4s; }
#vote-card .social a:hover { opacity: 1; }
#vote-card .social .share-icons { position: absolute; top: 0; left: 50%; margin-left: -25px; }
#vote-card .social .twitter { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDU2LjY5MyA1Ni42OTMiIGhlaWdodD0iNTYuNjkzcHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1Ni42OTMgNTYuNjkzIiB3aWR0aD0iNTYuNjkzcHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik01Mi44MzcsMTUuMDY1Yy0xLjgxMSwwLjgwNS0zLjc2LDEuMzQ4LTUuODA1LDEuNTkxYzIuMDg4LTEuMjUsMy42ODktMy4yMyw0LjQ0NC01LjU5MmMtMS45NTMsMS4xNTktNC4xMTUsMi02LjQxOCwyLjQ1NCAgYy0xLjg0My0xLjk2NC00LjQ3LTMuMTkyLTcuMzc3LTMuMTkyYy01LjU4MSwwLTEwLjEwNiw0LjUyNS0xMC4xMDYsMTAuMTA3YzAsMC43OTEsMC4wODksMS41NjIsMC4yNjIsMi4zMDMgIGMtOC40LTAuNDIyLTE1Ljg0OC00LjQ0NS0yMC44MzMtMTAuNTZjLTAuODcsMS40OTItMS4zNjgsMy4yMjgtMS4zNjgsNS4wODJjMCwzLjUwNiwxLjc4NCw2LjYsNC40OTYsOC40MTIgIGMtMS42NTYtMC4wNTMtMy4yMTUtMC41MDgtNC41NzgtMS4yNjVjLTAuMDAxLDAuMDQyLTAuMDAxLDAuMDg1LTAuMDAxLDAuMTI4YzAsNC44OTYsMy40ODQsOC45OCw4LjEwOCw5LjkxICBjLTAuODQ4LDAuMjMtMS43NDEsMC4zNTQtMi42NjMsMC4zNTRjLTAuNjUyLDAtMS4yODUtMC4wNjMtMS45MDItMC4xODJjMS4yODcsNC4wMTUsNS4wMTksNi45MzgsOS40NDEsNy4wMTkgIGMtMy40NTksMi43MTEtNy44MTYsNC4zMjctMTIuNTUyLDQuMzI3Yy0wLjgxNSwwLTEuNjItMC4wNDgtMi40MTEtMC4xNDJjNC40NzQsMi44NjksOS43ODYsNC41NDEsMTUuNDkzLDQuNTQxICBjMTguNTkxLDAsMjguNzU2LTE1LjQsMjguNzU2LTI4Ljc1NmMwLTAuNDM4LTAuMDA5LTAuODc1LTAuMDI4LTEuMzA5QzQ5Ljc2OSwxOC44NzMsNTEuNDgzLDE3LjA5Miw1Mi44MzcsMTUuMDY1eiIvPjwvc3ZnPg=="); }
#vote-card .social .facebook { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDU2LjY5MyA1Ni42OTMiIGhlaWdodD0iNTYuNjkzcHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1Ni42OTMgNTYuNjkzIiB3aWR0aD0iNTYuNjkzcHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik00MC40MywyMS43MzloLTcuNjQ1di01LjAxNGMwLTEuODgzLDEuMjQ4LTIuMzIyLDIuMTI3LTIuMzIyYzAuODc3LDAsNS4zOTUsMCw1LjM5NSwwVjYuMTI1bC03LjQzLTAuMDI5ICBjLTguMjQ4LDAtMTAuMTI1LDYuMTc0LTEwLjEyNSwxMC4xMjV2NS41MThoLTQuNzd2OC41M2g0Ljc3YzAsMTAuOTQ3LDAsMjQuMTM3LDAsMjQuMTM3aDEwLjAzM2MwLDAsMC0xMy4zMiwwLTI0LjEzN2g2Ljc3ICBMNDAuNDMsMjEuNzM5eiIvPjwvc3ZnPg=="); }
#vote-card .next, #vote-card .prev { position: absolute; bottom: 8px; display: inline-block; cursor: pointer; color: #9b9da0; z-index: 999; width: 12px; height: 12px; background-position: center; background-repeat: no-repeat; background-size: cover; }
#vote-card .prev { left: 8px; background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve"><path fill="#999999" d="M46,96c2.56,0,5.118-0.977,7.071-2.929c3.905-3.905,3.904-10.237-0.001-14.143L24.143,50l28.929-28.929  c3.904-3.905,3.904-10.237,0-14.143c-3.905-3.905-10.237-3.905-14.143,0l-36,36C1.054,44.805,0,47.348,0,50  c0,2.653,1.054,5.197,2.929,7.072L38.93,93.071C40.881,95.023,43.441,96,46,96z"></path><path fill="#999999" d="M19.903,60.001h70.192c5.47,0,9.904-4.477,9.904-10c0-5.522-4.435-10-9.904-10H19.903C14.435,40,10,44.478,10,50  C10,55.524,14.435,60.001,19.903,60.001z"></path></svg>'); }
#vote-card .prev:hover { background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve"><path fill="#1e194c" d="M46,96c2.56,0,5.118-0.977,7.071-2.929c3.905-3.905,3.904-10.237-0.001-14.143L24.143,50l28.929-28.929  c3.904-3.905,3.904-10.237,0-14.143c-3.905-3.905-10.237-3.905-14.143,0l-36,36C1.054,44.805,0,47.348,0,50  c0,2.653,1.054,5.197,2.929,7.072L38.93,93.071C40.881,95.023,43.441,96,46,96z"></path><path fill="#1e194c" d="M19.903,60.001h70.192c5.47,0,9.904-4.477,9.904-10c0-5.522-4.435-10-9.904-10H19.903C14.435,40,10,44.478,10,50  C10,55.524,14.435,60.001,19.903,60.001z"></path></svg>'); }
#vote-card .next { right: 8px; background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve"><path fill="#999999" d="M54,96c-2.56,0-5.118-0.977-7.071-2.929c-3.905-3.905-3.905-10.237,0-14.143L75.857,50L46.929,21.072  c-3.905-3.905-3.905-10.237,0-14.143c3.905-3.905,10.237-3.905,14.143,0l36,36C98.946,44.805,100,47.348,100,50  c0,2.653-1.054,5.197-2.929,7.072L61.07,93.071C59.119,95.023,56.559,96,54,96z"></path><path fill="#999999" d="M80.097,60.001H9.904C4.434,60.001,0,55.524,0,50c0-5.522,4.434-10,9.904-10h70.193C85.565,40,90,44.478,90,50  C90,55.524,85.565,60.001,80.097,60.001z"></path></svg>'); }
#vote-card .next:hover { background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve"><path fill="#1e194c" d="M54,96c-2.56,0-5.118-0.977-7.071-2.929c-3.905-3.905-3.905-10.237,0-14.143L75.857,50L46.929,21.072  c-3.905-3.905-3.905-10.237,0-14.143c3.905-3.905,10.237-3.905,14.143,0l36,36C98.946,44.805,100,47.348,100,50  c0,2.653-1.054,5.197-2.929,7.072L61.07,93.071C59.119,95.023,56.559,96,54,96z"></path><path fill="#1e194c" d="M80.097,60.001H9.904C4.434,60.001,0,55.524,0,50c0-5.522,4.434-10,9.904-10h70.193C85.565,40,90,44.478,90,50  C90,55.524,85.565,60.001,80.097,60.001z"></path></svg>'); }

.avatar { background-image: url("../images/portrait-background.png"); background-repeat: no-repeat; background-size: 100px; background-position: center center; border-radius: 100%; border: 8px solid white; width: 100px; height: 100px; margin: 0 auto; position: relative; transition: border 250ms ease-in-out; }
@media only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .avatar { background-image: url("../images/portrait-background@2x.png"); background-repeat: no-repeat; background-size: 175px 175px; } }
@media (min-width: 46.8em) { .avatar { width: 175px; height: 175px; background-size: 175px; } }
.avatar img { position: absolute; width: 100%; height: 100%; border-radius: 100%; bottom: 0; left: 0; background: #fff200; }
.avatar.button-hover { border-color: transparent; }

.seed-number { position: absolute; top: 50%; margin-top: -0.5em; color: #db3a2c; font-size: 24px; font-family: "HobokenHigh-SansSerif", "Helvetica", Arial, sans-serif; line-height: 1; }
.card-left .seed-number { right: -20px; text-align: right; }
@media (min-width: 29.75em) { .card-left .seed-number { right: -40px; } }
.card-right .seed-number { left: -20px; text-align: left; }
@media (min-width: 29.75em) { .card-right .seed-number { left: -40px; } }

.vote-card { text-align: center; padding: 1em 1em 6em; width: 50%; float: left; position: relative; height: calc(100% - 27px); }
@media (min-width: 46.8em) { .vote-card { padding-bottom: 1em; } }
.voted .vote-card { cursor: initial; }

.vote-btn { display: inline-block; padding: 0.75em 0; color: black; background-color: #fff200; text-align: center; text-transform: uppercase; font-size: 12px; font-family: "Balto Bold", "Helvetica", Arial, sans-serif; font-weight: 700; letter-spacing: 0.1em; width: 9em; position: absolute; bottom: 25px; left: 50%; margin-top: 0; margin-left: -4.5em; transition: background-color 0.3s ease-in, color 0.3s ease-in; }
.vote-btn.button-hover { text-decoration: none; background-color: #db3a2c; color: #fff; }
.vote-btn.vote-disabled { background-color: #f0f0f0; color: #ccc; pointer-events: none; }

.card-video { display: none; margin: 20px auto; }
@media (min-width: 46.8em) { .card-video { display: block; } }

.card-votes { background-color: white; width: 100%; padding: 30px 1em 1.5em; overflow: hidden; min-height: 4px; position: absolute; bottom: 0; left: 0; }
.card-votes.card-round-active { display: none; }

.votes-bar { height: 4px; width: 100%; background-color: #ff1d25; position: relative; }
.votes-bar:before, .votes-bar:after { padding-top: 0.5em; font-size: 12px; font-family: "BaltoMedium", "Helvetica", Arial, sans-serif; font-weight: 400; color: #ff1d25; }
.votes-bar:before { content: attr(data-votes-a); float: left; }
.votes-bar:after { content: attr(data-votes-b); float: right; }
.votes-bar span { position: absolute; top: 0; background-color: #009900; width: 0; transition: .2s width .6s ease-in-out; display: block; height: 4px; }
.votes-bar.left-winning:after { color: #009900; }
.votes-bar.left-winning span { left: 0; right: auto; }
.votes-bar.right-winning:before { color: #009900; }
.votes-bar.right-winning span { left: auto; right: 0; }

.featured-post .title { font-family: "Balto Bold", "Helvetica", Arial, sans-serif; font-weight: 700; line-height: 1.35; }
.featured-post .title a { color: #fff; }
.featured-post .title a:hover, .featured-post .title a:focus { color: #fff200; text-decoration: none; }
.featured-post .byline { font-size: 11px; font-family: "Balto Bold", "Helvetica", Arial, sans-serif; text-transform: uppercase; font-weight: 700; }
.featured-post .byline a { color: #fff; }
.featured-post .byline a:hover, .featured-post .byline a:focus { color: #fff200; text-decoration: none; }

.top-featured-posts { padding: 0 0 12.5px; }
.top-featured-posts:after { content: ""; display: table; clear: both; }
@media (min-width: 46.8em) { .top-featured-posts { margin: 0 -12.5px; } }
.top-featured-posts .featured-post { margin-bottom: 50px; padding: 0 12.5px; }
@media (min-width: 29.75em) { .top-featured-posts .featured-post { margin: 0 auto 50px; max-width: 85%; } }
@media (min-width: 46.8em) { .top-featured-posts .featured-post { float: left; width: 33.333333%; margin-bottom: 25px; } }
.top-featured-posts .featured-post .featured-post-thumbnail-link { display: block; }
@media (min-width: 46.8em) { .top-featured-posts .featured-post .featured-post-thumbnail-link { border: 2px solid #fff; overflow: hidden; padding-bottom: 54%; height: 0; } }
.top-featured-posts .featured-post .wp-post-image { display: block; width: 100%; }
.top-featured-posts .featured-post .title { margin: 17px 0 10px; font-size: 17px; letter-spacing: 0.03em; text-align: center; }
.top-featured-posts .featured-post .byline { margin: 0; text-align: center; font-size: 10px; letter-spacing: 0.15em; line-height: 1; }

.more-featured-section .layout-container { position: relative; padding-top: 62.5px; padding-bottom: 2em; }
.more-featured-section .layout-container:before { position: absolute; top: -12.5px; left: 0; display: block; content: ''; width: 100%; height: 25px; background: #fff; margin: 0; }
@media (min-width: 66em) { .more-featured-section .layout-container:before { width: calc(100% - 2em); margin: 0 1em; } }

.more-featured-title { margin: 0 0 50px; padding: 0; text-align: left; text-transform: uppercase; font-family: "HobokenHigh-SansSerif", "Helvetica", Arial, sans-serif; font-weight: 400; font-size: 24px; color: #fff; line-height: 1; }

.more-featured-posts:after { content: ""; display: table; clear: both; }
@media (min-width: 46.8em) { .more-featured-posts { margin: 0 -12.5px; justify-content: space-between; flex-wrap: wrap; display: flex; } }
.more-featured-posts .featured-post { margin: 0 0 25px; padding: 0 0 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.more-featured-posts .featured-post:after { content: ""; display: table; clear: both; }
@media (min-width: 46.8em) { .more-featured-posts .featured-post { float: left; width: 50%; margin: 0 12.5px 25px; width: calc(50% - 25px); }
  .more-featured-posts .featured-post:nth-child(2n+1) { clear: left; } }
.more-featured-posts .featured-post .wp-post-image { float: left; overflow: hidden; border: 1px solid #fff; width: 100px; }
@media (min-width: 46.8em) { .more-featured-posts .featured-post .wp-post-image { width: 35%; } }
.more-featured-posts .featured-post .wp-post-image > img { display: block; width: 100%; height: auto; }
.more-featured-posts .featured-post .post-data { float: left; padding-left: 1em; overflow: hidden; width: calc(100% - 100px); }
@media (min-width: 46.8em) { .more-featured-posts .featured-post .post-data { width: 65%; } }
.more-featured-posts .featured-post .title { margin: 0; font-size: 17px; line-height: 1.4; }

@keyframes shake { 0%, 100% { transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } }
@keyframes blink { from { opacity: 1; color: #fff200; }
  to { opacity: 0.3; color: transparent; } }
@keyframes flicker { from { opacity: 1; }
  to { opacity: 0.3; } }
@keyframes neon { from { text-shadow: 0 0 60px #fff200, 0 0 10px #fff200; }
  to { text-shadow: 0 0 40px #fff200, 0 0 5px #fff200; } }
.shake { animation-name: shake; animation-duration: 1s; animation-fill-mode: both; }

#forty.run-anim { text-shadow: 0 0 60px #fff200, 0 0 10px #fff200; animation: blink .2s 0s 3; }

#title-profiles.run-anim { animation: neon 1s 0s 6, blink .5s 0s 1; }
#title-profiles.run-anim span { animation: flicker .3s 1s 3; }

#title-backstory.run-anim { animation: neon 1s 0s 6, blink .4s 4s 1; }
#title-backstory.run-anim span { animation: flicker .3s 2s 3; }

#title-essays.run-anim { animation: neon 1s 0s 6, blink .3s 9s 1; }
#title-essays.run-anim span { animation: flicker .3s 3s 3; }

#title-voting.run-anim { animation: neon 1s 0s 6, blink .4s 14s 1; }
#title-voting.run-anim span { animation: flicker .3s 4s 3; }

h1.ohm-bold.run-anim { text-shadow: 0 0 60px #fff200, 0 0 10px #fff200; animation: neon 1s 0s 6, blink .7s 0s 2; }
h1.ohm-bold.run-anim span.late2 { animation: flicker .4s 1s 2; }

/*# sourceMappingURL=style.css.map */