/* Extracted from themes/default/views/play.php. */

/* Style block 1 */
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,select{margin:0;font-size:100%;vertical-align:middle}button{line-height:normal}button::-moz-focus-inner{padding:0;border:0}button{-webkit-appearance:button}body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:18px;color:#333;background-color:#fff}a{color:#08c;text-decoration:none}[class*=span]{float:left;margin-left:20px}.span3{width:220px}p{margin:0 0 9px}.lead{margin-bottom:18px;font-size:20px;font-weight:200;line-height:27px}h1,h5{margin:0;font-family:inherit;font-weight:700;color:inherit;text-rendering:optimizelegibility}h1{font-size:30px;line-height:36px}h5{line-height:18px}h5{font-size:12px}hr{margin:18px 0;border:0;border-top:1px solid #eee;border-bottom:1px solid #fff}button,label,select{font-size:13px;font-weight:400;line-height:18px}button,select{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}label{display:block;margin-bottom:5px}select{display:inline-block;height:18px;padding:4px;margin-bottom:9px;font-size:13px;line-height:18px;color:#555}select{height:28px;line-height:28px}select{width:220px;border:1px solid #bbb}select[class*=span]{float:none;margin-left:0}:-moz-placeholder{color:#999}:-ms-input-placeholder{color:#999}::-webkit-input-placeholder{color:#999}table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0}.btn{display:inline-block;padding:4px 10px;margin-bottom:0;font-size:13px;line-height:18px;color:#333;text-align:center;text-shadow:0 1px 1px rgba(255,255,255,.75);vertical-align:middle;background-color:#f5f5f5;background-image:-ms-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(top,#fff,#e6e6e6);background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-repeat:repeat-x;border:1px solid #ccc;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.btn-large{padding:9px 14px;font-size:15px;line-height:normal;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.btn-success{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.btn{border-color:#ccc;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25)}.btn-success{background-color:#5bb75b;background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(top,#62c462,#51a351);background-repeat:repeat-x;border-color:#51a351 #51a351 #387038;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25)}button.btn::-moz-focus-inner{padding:0;border:0}@media (max-width:767px){body{padding-right:20px;padding-left:20px}[class*=span]{display:block;float:none;width:auto;margin-left:0}select[class*=span]{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}}@media (min-width:768px) and (max-width:979px){[class*=span]{float:left;margin-left:20px}.span3{width:166px}}@media (min-width:1200px){[class*=span]{float:left;margin-left:30px}.span3{width:270px}}@media (max-width:979px){body{padding-top:0}}div #pad table{table-layout:fixed}div #pad table th,table td{overflow:hidden}.board{border:1px solid #fff}div#pad{overflow:hidden}#headline{color:#fff;font-size:20px;text-align:center;background:#2a3698;height:100px}div#answer a{color:#fff;height:100px;display:block;font-size:26px;text-align:center;font-weight:400;background:#2a3698;text-decoration:none}div#answer a span{display:block;padding:40px 0 0}.hide{display:none}#prompt{display:none;height:500px;font-size:20px;color:#000;text-align:center;border:2px solid #fff;background-color:#2a3698;margin-left:auto;margin-right:auto}#final_prompt{display:none;height:500px;font-size:24px;color:#000;text-align:center;border:2px solid #fff;background-color:#2a3698;margin-left:auto;margin-right:auto}#final_prompt2{display:none;height:500px;font-size:24px;color:#000;text-align:center;border:2px solid #fff;background-color:#2a3698;margin-left:auto;margin-right:auto}#answerx{text-align:center;padding:30px 10px 0;margin-top:25px;color:#fff;line-height:120%;margin-left:auto;margin-right:auto}#final_answerx{text-align:center;font-size:125%;padding:30px 10px 0;margin-top:25px;color:#fff;line-height:120%;margin-left:auto;margin-right:auto}#final_answerx2{text-align:center;font-size:125%;padding:30px 10px 0;margin-top:25px;color:#fff;line-height:120%;margin-left:auto;margin-right:auto}#questionx{text-align:center;font-size:100%;color:#fff;margin-top:25px;margin-bottom:45px;line-height:120%}#final_questionx{text-align:center;font-size:100%;color:#fff;margin-top:25px;margin-bottom:45px;line-height:120%}#final_questionx2{text-align:center;font-size:125%;color:#fff;margin-top:25px;margin-bottom:45px;line-height:120%}#final_category{text-align:center;font-size:125%;color:#fff;margin-top:25px;margin-bottom:45px;line-height:120%}#final_category2{text-align:center;font-size:125%;color:#fff;margin-top:25px;margin-bottom:45px;line-height:120%}#score{margin-top:15px;font-size:18px}#score2{text-align:center;color:#fff;margin-top:35px;font-size:15px}#score3{text-align:center;color:#fff;margin-top:35px;font-size:15px}#score4{text-align:center;color:#fff;margin-top:35px;font-size:15px}#prompt a:link,#prompt a:visited{color:#fff;font-size:18px;text-decoration:underline}#final_prompt a:link,#final_prompt a:visited{color:#fff;font-size:18px;text-decoration:underline}#final_prompt2 a:link,#final_prompt2 a:visited{color:#fff;font-size:18px;text-decoration:underline}.aq{width:300px;height:50px}.container-narrow{margin:0 auto}.container-narrow>hr{margin:30px 0}#final_wager{padding:25px;border:1px solid #fff;width:600px;margin:0 auto}#final_wager2{padding:25px;border:1px solid #fff;width:600px;margin:0 auto}.example_responsive_1{width:320px;height:100px}.example_responsive_2{width:320px;height:100px}@media (min-width:500px){.example_responsive_1{width:468px;height:60px}}@media (min-width:800px){.example_responsive_1{width:728px;height:90px}}

/* Style block 2 */
.speaker {
  height: 30px;
  width: 30px;
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.speaker span {
  display: block;
  width: 8px;
  height: 8px;
  background: #000;
  margin: 11px 0 0 2px;
}
.speaker span:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent #000 transparent transparent;
  border-width: 10px 14px 10px 15px;
  left: -13px;
  top: 5px;
}
.speaker span:before {
  transform: rotate(45deg);
  border-radius: 0 50px 0 0;
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  border-style: double;
  border-color: #000;
  border-width: 7px 7px 0 0;
  left: 18px;
  top: 9px;
  transition: all 0.2s ease-out;
}
.speaker:hover span:before {
  transform: scale(0.8) translate(-3px, 0) rotate(42deg);
}
.speaker.mute span:before {
  transform: scale(0.5) translate(-15px, 0) rotate(36deg);
  opacity: 0;
}

#final_wager 
{
  padding: 25px;
  border: 1px solid #fff;
  width: 600px;
  margin: 0 auto; 
}

#final_wager2 
{
  padding: 25px;
  border: 1px solid #fff;
  width: 600px;
  margin: 0 auto; 
}

.final_wager_table
{
  border: 1px solid #;
  font-size: 14px;
  color: #fff;
  width:500px;
  padding: 50px;
  margin-bottom: 20px;
}

.final_wager_table .button
{
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
}

.final_wager_table2 .button
{
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
}

/* Style block 3 */
.example_responsive_1 { width: 320px; height: 100px; }
     .example_responsive_2 { width: 320px; height: 100px; }
     @media(min-width: 500px) { .example_responsive_1 { width: 468px; height: 60px; } }
     @media(min-width: 800px) { .example_responsive_1 { width: 728px; height: 90px; } }

/* Signup popup opened from the play-upsell CTA embeds a compact form page
   (see page-account-embed.css, max-width: 420px content) in a lity iframe.
   Scoped to .lity-signup-popup (added via JS on the "lity:open" event, see
   play.php) rather than overriding .lity-iframe-container globally, so the
   "Compare plans" feature-table popup on this same page keeps its own
   (wider) default lity sizing. */
.lity-signup-popup .lity-container {
    width: 100%;
    max-width: 460px;
}
.lity-signup-popup .lity-iframe-container {
    padding-top: 0;
    height: 560px;
    max-height: 82vh;
}
@media (max-width: 500px) {
    .lity-signup-popup .lity-iframe-container {
        height: 92vh;
    }
}