/*
Theme Name: Who Wants to Be a Millionaire?
Theme URI: http://millionairetv.dadt.com/
Author: RiSER Agency
Author URI: http://riseragency.com/
Description: Created by RiSER Agency for the Who Wants to Be a Millionare? team at ABC.
Version: 1.0
License: None
Text Domain: millionaire

This theme is not licensed for use to anyone other than the Who Wants to Be a Millionaire? team at the
American Broadcasting Company (ABC).
*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700,800);
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; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

@font-face { font-family: 'Proxima Nova Regular'; src: url("fonts/proxima-nova/regular/proxima-nova-regular.eot");
  /* IE9 Compat Modes */
  src: url("fonts/proxima-nova/regular/proxima-nova-regular.eot?#iefix") format("embedded-opentype"), url("fonts/proxima-nova/regular/proxima-nova-regular.woff") format("woff"), url("fonts/proxima-nova/regular/proxima-nova-regular.ttf") format("truetype"), url("fonts/proxima-nova/regular/proxima-nova-regular.svg#svgFontName") format("svg");
  /* Legacy iOS */ }
@font-face { font-family: 'Open Sans'; src: url("fonts/futura/medium/futura-bt-medium.eot");
  /* IE9 Compat Modes */
  src: url("fonts/futura/medium/futura-bt-medium.eot?#iefix") format("embedded-opentype"), url("fonts/futura/medium/futura-bt-medium.woff") format("woff"), url("fonts/futura/medium/futura-bt-medium.ttf") format("truetype"), url("fonts/futura/medium/futura-bt-medium.svg#svgFontName") format("svg");
  /* Legacy iOS */ }
@font-face { font-family: 'Open Sans'; src: url("fonts/futura/bold/futura-bt-bold.eot");
  /* IE9 Compat Modes */
  src: url("fonts/futura/bold/futura-bt-bold.eot?#iefix") format("embedded-opentype"), url("fonts/futura/bold/futura-bt-bold.woff") format("woff"), url("fonts/futura/bold/futura-bt-bold.ttf") format("truetype"), url("fonts/futura/bold/futura-bt-bold.svg#svgFontName") format("svg");
  /* Legacy iOS */ }
@font-face { font-family: 'Open Sans Condensed'; src: url("fonts/futura/bold-condensed/futura-bt-bold-condensed.eot");
  /* IE9 Compat Modes */
  src: url("fonts/futura/bold-condensed/futura-bt-bold-condensed.eot?#iefix") format("embedded-opentype"), url("fonts/futura/bold-condensed/futura-bt-bold-condensed.woff") format("woff"), url("fonts/futura/bold-condensed/futura-bt-bold-condensed.ttf") format("truetype"), url("fonts/futura/bold-condensed/futura-bt-bold-condensed.svg#svgFontName") format("svg");
  /* Legacy iOS */ }
html { overflow-x: hidden; }

html, body { width: 100%; height: 100%; background-color: #011020; background-image: url("img/bg.jpg"); background-repeat: no-repeat; background-position: center top; background-size: cover; font-family: sans-serif; }

.background-image { width: 100%; position: absolute; z-index: 0; }
.background-image > img { width: 100%; }

.wrapper { display: block; width: 1218px; margin: 0 auto; }
@media screen and (max-width: 1218px) { .wrapper { width: 960px; } }
@media screen and (max-width: 960px) { .wrapper { width: 100%; } }

.page-container { position: relative; z-index: 1; }

#leaderboard, #rectangle { background-color: #fff; background-image: url("img/ad-spinner.gif"); background-position: center; background-repeat: no-repeat; }

.content-block { display: block; clear: both; margin: 0 auto; }

.bubble-button { cursor: pointer; outline: none; color: #fff; font-family: 'Proxima Nova Regular', sans-serif; font-size: 16px; text-transform: uppercase; background: #208cf1; border: 0; border-radius: 20px; padding: 10px 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; transition: background 0.2s; -o-transition: background 0.2s; -moz-transition: background 0.2s; -webkit-transition: background 0.2s; }
.bubble-button:hover { background: #1167b8; }
.bubble-button:active { color: #070d34; background: #fff; }
@media screen and (max-width: 960px) { .bubble-button { font-size: 14px; } }

h1 { color: #208cf1; font-family: 'Open Sans', sans-serif; font-weight: 800; font-size: 38px; text-transform: uppercase; margin-bottom: 10px; }

h2 { color: #208cf1; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 30px; text-transform: uppercase; margin-bottom: 10px; }

h3 { color: #888; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 21px; text-transform: uppercase; margin-bottom: 10px; }

p { color: #888; font-family: 'Proxima Nova Regular', sans-serif; font-size: 18px; line-height: 1.5; }
p a { color: #208cf1; text-decoration: none; }

.white-text { color: #fff; }

.white-background { background: #fff; }

.black-text { color: #000; }

.black-background { background: #000; }

.primary-text { color: #070d34; }

.primary-background { background: #070d34; }

.secondary-text { color: #208cf1; }

.secondary-background { background: #208cf1; }

.tertiary-text { color: #1167b8; }

.tertiary-background { background: #1167b8; }

.green-text { color: #b7e10d; }

.green-background { background: #b7e10d; }

.yellow-text { color: #ffd800; }

.yellow-background { background: #ffd800; }

.light-blue-text { color: #208cf1; }

.light-blue-background { background: #208cf1; }

header { width: 100%; height: 195px; background: #070d18; background: rgba(7, 13, 24, 0.7); font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 700; text-transform: uppercase; position: relative; z-index: 3; }
@media screen and (max-width: 960px) { header { background: initial; background: none; height: 225px; overflow: hidden; } }
@media screen and (max-width: 780px) { header { padding-top: 20px; } }
@media screen and (max-width: 560px) { header { padding-top: 32px; } }
header .header-logo { position: absolute; margin-top: 40px; }
@media screen and (max-width: 1218px) { header .header-logo { width: 180px; margin-top: 60px; } }
@media screen and (max-width: 960px) { header .header-logo { width: 130px; margin-top: 20px; margin-left: 32px; } }
@media screen and (max-width: 925px) { header .header-logo { display: block; left: 50%; margin-left: -65px; } }
@media screen and (max-width: 780px) { header .header-logo { margin-left: 0; left: 120px; } }
@media screen and (max-width: 640px) { header .header-logo { left: 72px; } }
@media screen and (max-width: 515px) { header .header-logo { left: 32px; } }
header .auth-links { float: right; margin-top: 10px; margin-right: 32px; font-size: 14px; color: #fff; }
@media screen and (max-width: 960px) { header .auth-links { display: none; } }
header .auth-links ul li { display: inline-block; }
header .auth-links ul li a { color: #fff; text-decoration: none; margin: 0 5px; }
header .auth-links ul li a:first-of-type { margin-right: 30px; }
header .header-social-links { list-style: none; float: right; margin-top: 10px; font-size: 14px; }
@media screen and (max-width: 960px) { header .header-social-links { display: none; } }
header .header-social-links li { display: inline; margin-left: 5px; }
header .header-social-links li:first-of-type { margin-left: 0; }
header .header-social-links li a { color: #fff; text-decoration: none; transition: color 0.2s; -o-transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; }
header .header-social-links li a:hover { color: #208cf1; }
header #leaderboard { width: 728px; height: 90px; float: right; clear: right; margin-top: 10px; }
@media screen and (max-width: 960px) { header #leaderboard { margin-top: 40px; margin-right: 20px; } }
@media screen and (max-width: 925px) { header #leaderboard { display: none; } }
header .host-image { display: none; }
@media screen and (max-width: 780px) { header .host-image { display: block; height: 445px; float: right; margin-right: 80px; margin-top: -20px;} }
@media screen and (max-width: 640px) { header .host-image { height: 320px; margin-right: 72px; } }
@media screen and (max-width: 515px) { header .host-image { height: 275px; margin-right: 5px; } }
header nav.standard-nav { float: right; clear: right; margin-top: 28px; height: 36px; }
@media screen and (max-width: 1218px) { header nav.standard-nav { margin-top: 20px; } }
@media screen and (max-width: 960px) { header nav.standard-nav { display: none; } }
header nav.standard-nav > ul { height: 100%; }
header nav.standard-nav > ul > li { display: inline-block; height: 100%; margin-left: 32px; font-size: 18px; position: relative; }
@media screen and (max-width: 1218px) { header nav.standard-nav > ul > li { font-size: 14px; margin-left: 20px; } }
header nav.standard-nav > ul > li a { color: #fff; text-decoration: none; transition: color 0.2s; -o-transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; }
header nav.standard-nav > ul > li a:hover { color: #208cf1; }
header nav.standard-nav > ul > li a i { font-size: 24px; position: relative; top: 1px; margin-left: 5px; }
header nav.standard-nav > ul > li .sub-nav { position: absolute; top: 36px; left: -9999px; opacity: 0; background: #208cf1; padding: 20px; transition: opacity 0.2s; -o-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; }
header nav.standard-nav > ul > li .sub-nav .spacer { width: 100%; height: 12px; position: absolute; top: -12px; left: 0; }
header nav.standard-nav > ul > li .sub-nav li { width: 180px; display: block; line-height: 32px; text-transform: none; border-top: 1px solid #1167b8; }
header nav.standard-nav > ul > li .sub-nav li:first-of-type { border-top: 0; }
header nav.standard-nav > ul > li .sub-nav li a { display: block; width: 100%; height: 100%; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
header nav.standard-nav > ul > li .sub-nav li a:hover { color: #fff; }
header nav.standard-nav > ul > li:hover .sub-nav { left: 0; opacity: 1; }
header nav.mobile-nav { display: none; }
@media screen and (max-width: 960px) { header nav.mobile-nav { width: 100%; height: 56px; display: block; background: #070d18; background: rgba(7, 13, 24, 0.7); position: absolute; bottom: 0; } }
header nav.mobile-nav ul li { float: left; width: 33.33%; text-align: center; line-height: 56px; }
header nav.mobile-nav ul li.loggedin { float: left; width: 33.33%; text-align: center; line-height: 56px; }
@media screen and (max-width: 560px) { header nav.mobile-nav ul li { width: 33.33%; } }
header nav.mobile-nav ul li a { color: #fff; text-decoration: none; }
@media screen and (max-width: 560px) { header nav.mobile-nav ul li.register-link { display: none; } }
header nav.mobile-nav ul li .sub-nav { display: none; }

.content-block.mobile-sub-nav, .content-block.mobile-sub-nav-menu, .content-block.mobile-sub-nav-share { height: 0; background: #208cf1; overflow: hidden; transition: height 0.2s; -o-transition: height 0.2s; -moz-transition: height 0.2s; -webkit-transition: height 0.2s; }
.content-block.mobile-sub-nav-menu ul, .content-block.mobile-sub-nav-share ul { width: 100%; }
.content-block.mobile-sub-nav-menu ul li, .content-block.mobile-sub-nav-share ul li{ width: 100%; height: 50px; border-top: 1px solid #1167b8; }
.content-block.mobile-sub-nav-menu ul li:first-of-type, .content-block.mobile-sub-nav-share ul li:first-of-type { border-top: 0; }
.content-block.mobile-sub-nav-menu ul li a, .content-block.mobile-sub-nav-share ul li a { display: block; width: 100%; height: 100%; color: #fff; text-decoration: none; line-height: 50px; padding-left: 32px; }

.mobile-nav-spinner { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; background: #208cf1; background: rgba(32, 140, 241, 0.7); }
.mobile-nav-spinner > div { width: 128px; height: 128px; position: fixed; top: 50%; left: 50%; margin-top: -64px; margin-left: -64px; border-radius: 20px; background-color: #fff; background-repeat: no-repeat; background-position: center; background-image: url("img/mobile-nav-spinner.gif"); }

footer { width: 100%; padding: 80px 0 112px 0; clear: both; background-repeat: no-repeat; background-position: center bottom; background-size: cover; background-image: url("img/footer-bg.jpg"); }
footer.alternate { background-image: url("img/alternate-footer-bg.jpg"); }
footer.alternate .copyright-notice { color: #fff !important; }
footer .footer-logo { width: 147px; height: 146px; display: block; margin: 0 auto 50px auto; }
footer nav { text-align: center; }
footer nav ul li { display: inline; margin-left: 32px; }
footer nav ul li:first-of-type { margin-left: 0; }
@media screen and (max-width: 960px) { footer nav ul li { display: block; margin-left: 0; margin-bottom: 10px; } }
footer nav ul li a { color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 16px; text-decoration: none; text-transform: uppercase; }
footer .copyright-notice { color: #fff; font-family: 'Proxima Nova Regular', sans-serif; font-size: 16px; margin-top: 32px; text-align: center; }

.content-block.station-finder { width: 100%; background: #fff; overflow: auto; }
.content-block.station-finder .station-finder-widget { float: right; height: 46px; margin: 10px 0 30px 0; background: #208cf1; position: relative; z-index: 1; border-radius: 20px; overflow: hidden; border: 1px solid #208cf1; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
@media screen and (max-width: 960px) { .content-block.station-finder .station-finder-widget { display: none; } }
.content-block.station-finder .station-finder-widget .station-logo { width: 85px; height: 100%; background: #fff; float: left; margin-right: 10px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.content-block.station-finder .station-finder-widget .city-station-name { float: left; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; line-height: 46px; margin: 0px 20px; }
.content-block.station-finder .station-finder-widget .not-your-station-button { cursor: pointer; outline: none; float: right; width: 220px; height: 100%; color: #fff; font-family: 'Proxima Nova Regular', sans-serif; font-size: 16px; text-transform: uppercase; background: #208cf1; border: 0; border-left: 1px solid #006688; line-height: 46px; }
.content-block.station-finder .station-finder-widget .not-your-station-button i { position: relative; top: 6px; margin-left: 5px; }
.content-block.station-finder .station-finder-widget .not-your-station-button:hover { background: #1167b8; }
.content-block.station-finder .station-finder-widget .not-your-station-button:active { background: #fff; color: #070d34; }

body > .station-dropdown { position: absolute; z-index: 999; background: #208cf1; padding: 20px; margin-top: 10px; border-radius: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
body > .station-dropdown .close-button { cursor: pointer; outline: none; width: 32px; height: 32px; position: absolute; top: -8px; right: -8px; border: 0; border-radius: 100%; color: #fff; background: #208cf1; transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; }
body > .station-dropdown .close-button:hover { color: #208cf1; background: #fff; }
body > .station-dropdown select { padding: 10px; background: #fff; color: #208cf1; }

.latest-features { clear: both; }
@media screen and (max-width: 960px) { .latest-features { width: 100%; padding: 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } }
.latest-features h2 { color: #208cf1; font-family: 'Open Sans', sans-serif; font-size: 38px; text-transform: uppercase; margin-bottom: 10px; }
.latest-features .feature-block { width: 400px; height: 400px; float: left; margin-left: 9px; position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; }
.latest-features .feature-block:first-of-type { margin-left: 0; }
@media screen and (max-width: 1218px) { .latest-features .feature-block { width: 33.33%; margin-bottom: 30px; } }
@media screen and (max-width: 780px) { .latest-features .feature-block { width: 100%; } }
.latest-features .feature-block .overlay { width: 100%; position: absolute; bottom: 0; color: #fff; padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.latest-features .feature-block .overlay h2 { color: #fff; }
@media screen and (max-width: 1218px) { .latest-features .feature-block .overlay h2 { font-size: 26px; } }
.latest-features .feature-block .overlay p { color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 20px; }
@media screen and (max-width: 780px) { .latest-features .feature-block .overlay p { overflow: initial; white-space: normal; text-overflow: clip; } }
@media screen and (max-width: 780px) { .latest-features .feature-block .overlay button { display: block; margin: 0 auto; } }
.latest-features .feature-block .overlay a { text-decoration: none; }
.latest-features .feature-block .overlay a button { display: none; transition: color 0.2s; -o-transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; }
.latest-features .feature-block .overlay a button:hover.green-text { color: #86a606; }
.latest-features .feature-block .overlay a button:hover.yellow-text { color: #ddb40f; }
.latest-features .feature-block .overlay a button:hover.light-blue-text { color: #1167b8; }
.latest-features .feature-block:hover { cursor: pointer; }
.latest-features .feature-block:hover .overlay { top: initial; }
.latest-features .feature-block:hover .overlay p { overflow: initial; white-space: normal; text-overflow: clip; }
.latest-features .feature-block:hover .overlay button { display: block; background: #fff; }

.content-block.four-oh-four { background: #fff; padding-bottom: 100px; }

.content-block.slider { width: 1218px; position: relative; padding-top: 0; }
@media screen and (max-width: 1218px) { .content-block.slider { width: 960px; } }
@media screen and (max-width: 960px) { .content-block.slider { width: 780px; } }
@media screen and (max-width: 780px) { .content-block.slider { width: 100%; } }
.content-block.slider .homepage-slider { width: 654px; margin-top: 65px; float: left; }
@media screen and (max-width: 1218px) { .content-block.slider .homepage-slider { width: 560px; } }
@media screen and (max-width: 960px) { .content-block.slider .homepage-slider { width: 380px; } }
@media screen and (max-width: 780px) { .content-block.slider .homepage-slider { width: 100%; margin-top: 0; } }
.content-block.slider .homepage-slider .current-slide-container { width: 100%; height: 368px; position: relative; }
@media screen and (max-width: 960px) { .content-block.slider .homepage-slider .current-slide-container { width: 380px; height: 240px; } }
@media screen and (max-width: 780px) { .content-block.slider .homepage-slider .current-slide-container { width: 100%; height: 340px; } }
.content-block.slider .homepage-slider .current-slide-container .current-slide { width: 100%; height: 100%; background-color: #333; background-repeat: no-repeat; background-position: center; background-size: cover; }
.content-block.slider .homepage-slider .current-slide-container .current-slide.behind { position: absolute; top: 0; left: 0; z-index: -1; }
.content-block.slider .homepage-slider .current-slide-container .slide-overlay { max-width: 654px; position: absolute; bottom: 30px; left: 0; z-index: 1;background: #070d34; background: rgba(7, 13, 52, 0.55); text-transform: uppercase; padding: 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
@media screen and (max-width: 960px) { .content-block.slider .homepage-slider .current-slide-container .slide-overlay { max-width: 100%; bottom: 10px; padding: 10px 20px; } }
@media screen and (max-width: 780px) { .content-block.slider .homepage-slider .current-slide-container .slide-overlay { width: 360px; height: 180px; position: absolute; bottom: 30px; } }
@media screen and (max-width: 640px) { .content-block.slider .homepage-slider .current-slide-container .slide-overlay { width: 100%; height: 220px; bottom: 60px; padding: 20px; } }
@media screen and (max-width: 560px) { .content-block.slider .homepage-slider .current-slide-container .slide-overlay { height: auto; } }
.content-block.slider .homepage-slider .current-slide-container .slide-overlay.behind { z-index: -1; }
.content-block.slider .homepage-slider .current-slide-container .slide-overlay h1 { color: #fff; font-size: 38px; margin-bottom: 10px; }
@media screen and (max-width: 960px) { .content-block.slider .homepage-slider .current-slide-container .slide-overlay h1 { font-size: 24px; } }
@media screen and (max-width: 640px) { .content-block.slider .homepage-slider .current-slide-container .slide-overlay h1 { font-size: 38px; } }
@media screen and (max-width: 560px) { .content-block.slider .homepage-slider .current-slide-container .slide-overlay h1 { font-size: 24px; } }
.content-block.slider .homepage-slider .current-slide-container .slide-overlay h2 { color: #fff; font-size: 21px; margin-bottom: 20px; line-height: 1.35; }
@media screen and (max-width: 960px) { .content-block.slider .homepage-slider .current-slide-container .slide-overlay h2 { font-size: 16px; } }
@media screen and (max-width: 640px) { .content-block.slider .homepage-slider .current-slide-container .slide-overlay h2 { font-size: 21px; } }
@media screen and (max-width: 560px) { .content-block.slider .homepage-slider .current-slide-container .slide-overlay h2 { font-size: 16px; } }
@media screen and (max-width: 640px) { .content-block.slider .homepage-slider .current-slide-container .slide-overlay button { font-size: 16px; } }
@media screen and (max-width: 560px) { .content-block.slider .homepage-slider .current-slide-container .slide-overlay button { font-size: 14px; } }
.content-block.slider .homepage-slider .slide-rack { width: 100%; height: 125px; margin-top: 10px; margin-bottom: 30px; }
@media screen and (max-width: 780px) { .content-block.slider .homepage-slider .slide-rack { display: none; } }
.content-block.slider .homepage-slider .slide-rack .slide-preview { cursor: pointer; width: 125px; height: 125px; float: left; margin-left: 10px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.content-block.slider .homepage-slider .slide-rack .slide-preview:first-of-type { margin-left: 0; }
.content-block.slider .homepage-slider .slide-rack .slide-preview:before { content: ' '; display: block; width: 100%; height: 100%; opacity: 1; background-color: none; background-color: transparent; background-color: rgba(7, 13, 52, 0.7); transition: opacity 0.2s; -o-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; }
.content-block.slider .homepage-slider .slide-rack .slide-preview:hover:before { opacity: 0; }
.content-block.slider .homepage-slider .slide-rack .slide-preview.active:before { opacity: 0; }
.content-block.slider .homepage-slider .slide-rack .slide-preview.active:hover { cursor: default; }
.content-block.slider .host-image { position: absolute; top: 10px; z-index: -1; }
@media screen and (max-width: 1218px) { .content-block.slider .host-image { height: 840px; margin-left: -60px; } }
@media screen and (max-width: 960px) { .content-block.slider .host-image { height: 720px; } }
@media screen and (max-width: 780px) { .content-block.slider .host-image { display: none; } }

.content-block.home-station-finder { width: 100%; clear: both; background-color: #208cf1; padding: 30px 0 60px 0; overflow: auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
@media screen and (max-width: 960px) { .content-block.home-station-finder { padding: 30px; } }
.content-block.home-station-finder.footer-station-finder { display: none; }
@media screen and (max-width: 960px) { .content-block.home-station-finder.footer-station-finder { display: block; } }
.content-block.home-station-finder .station-info { width: 700px; float: left; }
@media screen and (max-width: 1218px) { .content-block.home-station-finder .station-info { width: 100%; border-bottom: 1px solid #1167b8; padding-bottom: 22px; } }
.content-block.home-station-finder .station-info .station-logo {max-height: 55px; float: left; margin-top: 18px; margin-right: 18px; background-color: #fff; padding: 5px; }
.content-block.home-station-finder .station-info .city-station-name { color: #fff; text-transform: none; margin-top: 38px; }
@media screen and (max-width: 560px) { .content-block.home-station-finder .station-info .city-station-name { clear: both; padding-top: 20px; } }
.content-block.home-station-finder .station-info hr { width: 100%; border: 0; border-top: 1px solid #1167b8; margin-top: 22px; margin-bottom: 22px; }
.content-block.home-station-finder .station-info p { color: #fff; font-family: 'Open Sans', sans-serif; font-size: 21px; font-weight: 700; text-transform: uppercase; }
.content-block.home-station-finder .station-form { width: 474px; float: right; }
@media screen and (max-width: 1218px) { .content-block.home-station-finder .station-form { width: 100%; } }
.content-block.home-station-finder .station-form label { display: block; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 21px; text-transform: uppercase; margin-top: 16px; }
.content-block.home-station-finder .station-form select { width: 100%; background: #fff; margin-top: 14px; padding: 11px 10px; color: #1167b8; font-family: 'Proxima Nova Regular', sans-serif; font-size: 18px; }
.content-block.home-station-finder .station-form span { display: inline-block; background: #fff; padding: 11px 20px; margin-top: 18px; width: 48%; margin-left: 3%; color: #1167b8; text-transform: uppercase; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.content-block.home-station-finder .station-form span:first-of-type { margin-left: 0; }
@media screen and (max-width: 560px) { .content-block.home-station-finder .station-form span { width: 100%; margin-left: 0; } }

.page-container.social .content-block.station-finder { background: #efefef; padding-bottom: 0; }
.page-container.social .content-block.social { padding-top: 0; }

.content-block.social { position: relative; z-index: 1; padding-top: 100px; background: #efefef; }
@media screen and (max-width: 960px) { .content-block.social { padding: 100px 30px 0 30px; } }
@media screen and (max-width: 780px) { .content-block.social { padding: 30px; } }
@media screen and (max-width: 560px) { .content-block.social h1 { font-size: 32px; } }
.content-block.social .bragify-sheet-container > a { text-decoration: none; }
@media screen and (max-width: 960px) { .content-block.social .bragify-load-more-button { display: block; margin: 0 auto; font-size: 28px; border-radius: 32px; } }
.content-block.social .wrapper { border-bottom: 1px solid #999; padding-bottom: 100px; }
@media screen and (max-width: 780px) { .content-block.social .wrapper { padding-bottom: 40px; } }

.content-block.moments { background: #efefef; padding: 100px 0; overflow: auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
@media screen and (max-width: 960px) { .content-block.moments { padding-bottom: 0; } }
@media screen and (max-width: 780px) { .content-block.moments { padding-top: 10px; } }
@media screen and (max-width: 960px) { .content-block.moments .wrapper { width: 100%; padding: 0 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } }
@media screen and (max-width: 1218px) { .content-block.moments object { width: 560px; } }
@media screen and (max-width: 960px) { .content-block.moments object { display: block; width: 720px; margin: 0 auto; } }
@media screen and (max-width: 780px) { .content-block.moments object { width: 100%; } }
.content-block.moments .player-container { width: 684px; margin-right: 30px; float: left; }
.content-block.moments .moments-content-container { width: 504px; float: right; }
@media screen and (max-width: 1218px) { .content-block.moments .moments-content-container { width: 360px; } }
@media screen and (max-width: 960px) { .content-block.moments .moments-content-container { width: 100%; } }
@media screen and (max-width: 1218px) { .content-block.moments .moments-content-container h1 { font-size: 32px; } }
@media screen and (max-width: 960px) { .content-block.moments .moments-content-container h1, .content-block.moments .moments-content-container p, .content-block.moments .moments-content-container button { display: none; } }
.content-block.moments .moments-content-container p { margin-bottom: 30px; }
.content-block.moments .moments-content-container .ad-300x250 { height: 250px; width: 300px; margin-top: 78px; }
@media screen and (max-width: 1218px) { .content-block.moments .moments-content-container .ad-300x250 { margin-top: 38px; } }
@media screen and (max-width: 960px) { .content-block.moments .moments-content-container .ad-300x250 { display: block; margin: 30px auto; } }

@media screen and (max-width: 960px) { .content-block.host-info-container { padding: 30px 10px; background: #fff; } }
.content-block.host-info-container .wrapper { position: relative; padding-bottom: 100px; }
@media screen and (max-width: 960px) { .content-block.host-info-container .wrapper { padding-bottom: 0; } }
.content-block.host-info-container .host-info { width: 685px; position: relative; z-index: 1; }
@media screen and (max-width: 1218px) { .content-block.host-info-container .host-info { width: 560px; } }
@media screen and (max-width: 960px) { .content-block.host-info-container .host-info { width: 100%; } }
.content-block.host-info-container .host-info object { margin-top: 40px; }
@media screen and (max-width: 1218px) { .content-block.host-info-container .host-info object { width: 560px; } }
@media screen and (max-width: 960px) { .content-block.host-info-container .host-info object { width: 100%; margin-top: 0; } }
.content-block.host-info-container .host-info .host-bio { background: #fff; margin-top: 10px; padding: 40px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
@media screen and (max-width: 960px) { .content-block.host-info-container .host-info .host-bio { margin-top: 0; padding: 30px 10px 0 10px; } }
@media screen and (max-width: 960px) { .content-block.host-info-container .host-info .host-bio h1 { text-align: center; margin-bottom: 30px; } }
.content-block.host-info-container .host-info .host-bio p { margin-top: 0; margin-bottom: 40px; }
@media screen and (max-width: 780px) { .content-block.host-info-container .host-info .host-bio p { height: 480px; overflow: hidden; padding: 0 30px; } }
.content-block.host-info-container .host-info .mobile-read-more-button { display: none; margin: 0 auto; }
@media screen and (max-width: 960px) { .content-block.host-info-container .host-info .mobile-read-more-button { display: block; } }
.content-block.host-info-container .host-image { position: absolute; top: 0; left: 50%; margin-left: -180px; z-index: 0; height: 100%; }
@media screen and (max-width: 1218px) { .content-block.host-info-container .host-image { left: auto; right: -40%; margin-left: 0; } }
@media screen and (max-width: 960px) { .content-block.host-info-container .host-image { display: none; } }

.content-block.mobile-ad { display: none; overflow: hidden; background: #fff; }
@media screen and (max-width: 960px) { .content-block.mobile-ad { display: block; } }
.content-block.mobile-ad > span { display: block; width: 300px; margin: 0 auto; }

.content-block.about-features { background: #fff; clear: both; overflow: auto; padding: 100px 0; }
@media screen and (max-width: 960px) { .content-block.about-features { padding-top: 30px; padding-bottom: 0; } }
.content-block.about-features .about-the-show { width: 878px; float: left; }
@media screen and (max-width: 960px) { .content-block.about-features .about-the-show { width: 100%; padding: 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } }
@media screen and (max-width: 960px) { .content-block.about-features .about-the-show h1 { font-size: 26px; text-align: center; } }
.content-block.about-features .about-the-show p { margin-top: 30px; }
.content-block.about-features .about-the-show p:first-of-type { margin-top: 0; }
.content-block.about-features .ad-300x250 { width: 300px; height: 250px; float: right; }
.content-block.about-features .wrapper > span { display: block; width: 300px; height: 250px; float: right; }
@media screen and (max-width: 960px) { .content-block.about-features .wrapper > span { margin: 0 auto; float: none; clear: both; } }

.content-block.buy-the-game { background: #fff; padding-bottom: 100px; }
.content-block.buy-the-game .wrapper { position: relative; }
@media screen and (max-width: 960px) { .content-block.buy-the-game .wrapper { padding: 0 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } }
.content-block.buy-the-game .main-game-container { clear: both; padding-top: 40px; }
@media screen and (max-width: 780px) { .content-block.buy-the-game .main-game-container h1 { font-size: 26px; } }
.content-block.buy-the-game .main-game-container h2 { margin-bottom: 30px; }
.content-block.buy-the-game .main-game-container .game-media-container { margin-top: 20px; }
@media screen and (max-width: 1218px) { .content-block.buy-the-game .main-game-container .game-media-container object { width: 640px; height: 380px; } }
@media screen and (max-width: 960px) { .content-block.buy-the-game .main-game-container .game-media-container object { width: 100%; height: 480px; } }
@media screen and (max-width: 780px) { .content-block.buy-the-game .main-game-container .game-media-container object { height: 180px; } }
.content-block.buy-the-game .main-game-container .images-container { width: 399px; float: right; }
@media screen and (max-width: 1218px) { .content-block.buy-the-game .main-game-container .images-container { width: 320px; padding-left: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } }
@media screen and (max-width: 960px) { .content-block.buy-the-game .main-game-container .images-container { width: 100%; clear: both; float: none; padding-left: 0; margin-top: 2%; } }
.content-block.buy-the-game .main-game-container .images-container img { width: 193px; height: 210px; }
.content-block.buy-the-game .main-game-container .images-container .game-image-01 { width: 100%; height: 279px; margin-bottom: 2%; }
@media screen and (max-width: 1218px) { .content-block.buy-the-game .main-game-container .images-container .game-image-01 { height: 190px; } }
@media screen and (max-width: 960px) { .content-block.buy-the-game .main-game-container .images-container .game-image-01 { height: 480px; } }
@media screen and (max-width: 780px) { .content-block.buy-the-game .main-game-container .images-container .game-image-01 { height: 180px; } }
.content-block.buy-the-game .main-game-container .images-container .game-image-02 { margin-right: 9px; float: left; }
@media screen and (max-width: 960px) { .content-block.buy-the-game .main-game-container .images-container .game-image-02 { margin-right: 2%; } }
@media screen and (max-width: 1218px) { .content-block.buy-the-game .main-game-container .images-container .game-image-02, .content-block.buy-the-game .main-game-container .images-container .game-image-03 { width: 150px; height: 180px; } }
@media screen and (max-width: 960px) { .content-block.buy-the-game .main-game-container .images-container .game-image-02, .content-block.buy-the-game .main-game-container .images-container .game-image-03 { width: 49%; height: 320px; } }
@media screen and (max-width: 780px) { .content-block.buy-the-game .main-game-container .images-container .game-image-02, .content-block.buy-the-game .main-game-container .images-container .game-image-03 { height: 140px; } }
.content-block.buy-the-game .download-and-play { margin-top: 100px; overflow: auto; }
.content-block.buy-the-game .download-and-play .purchase-container { width: 808px; float: left; }
@media screen and (max-width: 1218px) { .content-block.buy-the-game .download-and-play .purchase-container { width: 100%; } }
.content-block.buy-the-game .download-and-play .purchase-container .platforms-list { margin-top: 30px; }
.content-block.buy-the-game .download-and-play .purchase-container .platforms-list li { width: 100%; height: 120px; border-top: 1px solid #999; }
.content-block.buy-the-game .download-and-play .purchase-container .platforms-list li:first-of-type { border-top: 0; }
.content-block.buy-the-game .download-and-play .purchase-container .platforms-list li div { width: 33.33%; height: 100%; float: left; position: relative; }
.content-block.buy-the-game .download-and-play .purchase-container .platforms-list li div img { display: block; margin: 0 auto; }
@media screen and (max-width: 780px) { .content-block.buy-the-game .download-and-play .purchase-container .platforms-list li div img { height: 50%; } }
.content-block.buy-the-game .download-and-play .purchase-container .platforms-list li div button { position: absolute; top: 50%; right: 0; margin-top: -18px; padding: 10px 40px; }
@media screen and (max-width: 780px) { .content-block.buy-the-game .download-and-play .purchase-container .platforms-list li div button { padding: 10px; } }
.content-block.buy-the-game .download-and-play .purchase-container .platforms-list li div:first-of-type img { margin: 0; }
.content-block.buy-the-game .download-and-play .ad-300x250 { width: 300px; height: 250px; float: right; }
@media screen and (max-width: 1218px) { .content-block.buy-the-game .download-and-play #rectangle { display: block; margin: 0 auto; float: none; clear: both; } }
.content-block.buy-the-game .expansions-container { margin-top: 100px; padding-top: 100px; border-top: 1px solid #999; }
@media screen and (max-width: 960px) { .content-block.buy-the-game .expansions-container { padding-top: 30px; } }
.content-block.buy-the-game .expansions-container .expansion-pack { overflow: auto; position: relative; }
.content-block.buy-the-game .expansions-container .expansion-pack .expansion-image-mobile { display: none; height: 180px; padding-bottom: 30px; }
@media screen and (max-width: 960px) { .content-block.buy-the-game .expansions-container .expansion-pack .expansion-image-mobile { display: block; } }
.content-block.buy-the-game .expansions-container .expansion-pack .expansion-image-mobile img { display: block; height: 100%; margin: 0 auto; }
.content-block.buy-the-game .expansions-container .expansion-pack .expansion-info { width: 775px; float: left; }
@media screen and (max-width: 1218px) { .content-block.buy-the-game .expansions-container .expansion-pack .expansion-info { width: 75%; } }
@media screen and (max-width: 960px) { .content-block.buy-the-game .expansions-container .expansion-pack .expansion-info { width: 100%; } }
@media screen and (max-width: 960px) { .content-block.buy-the-game .expansions-container .expansion-pack .expansion-info h1 { font-size: 26px; text-align: center; } }
@media screen and (max-width: 960px) { .content-block.buy-the-game .expansions-container .expansion-pack .expansion-info p { text-align: center; } }
.content-block.buy-the-game .expansions-container .expansion-pack .expansion-info a { text-decoration: none; }
.content-block.buy-the-game .expansions-container .expansion-pack .expansion-info a button { margin-top: 30px; }
@media screen and (max-width: 960px) { .content-block.buy-the-game .expansions-container .expansion-pack .expansion-info a button { display: block; margin: 30px auto; } }
.content-block.buy-the-game .expansions-container .expansion-pack .expansion-image { width: 315px; float: right; margin-right: 48px; }
@media screen and (max-width: 1218px) { .content-block.buy-the-game .expansions-container .expansion-pack .expansion-image { width: 25%; margin-right: 0; padding-left: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } }
@media screen and (max-width: 960px) { .content-block.buy-the-game .expansions-container .expansion-pack .expansion-image { display: none; } }
@media screen and (max-width: 1218px) { .content-block.buy-the-game .expansions-container .expansion-pack .expansion-image > img { width: 100%; } }
.content-block.buy-the-game .disclaimer-container { width: 100%; padding: 30px; margin-top: 100px; background: #000; color: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.content-block.buy-the-game .disclaimer-container .badges-container { height: 88px; float: left; }
.content-block.buy-the-game .disclaimer-container .badges-container img { float: left; margin-right: 30px; }
.content-block.buy-the-game .disclaimer-container .disclaimer p { font-size: 12px; margin-bottom: 10px; }

.content-block.mobile-game { background: #fff; padding-top: 40px; overflow: auto; }
@media screen and (max-width: 960px) { .content-block.mobile-game { padding: 40px 30px; } }
.content-block.mobile-game .game-info { float: left; width: 800px; clear: both; }
@media screen and (max-width: 1218px) { .content-block.mobile-game .game-info { width: 75%; padding-right: 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } }
@media screen and (max-width: 960px) { .content-block.mobile-game .game-info { width: 100%; padding-right: 0; } }
.content-block.mobile-game .game-info h1 { margin-bottom: 10px; }
@media screen and (max-width: 780px) { .content-block.mobile-game .game-info h1 { text-align: center; } }
.content-block.mobile-game .game-info p { margin-bottom: 30px; }
.content-block.mobile-game .game-info .select-button { display: inline; cursor: default; outline: none; padding: 12px 20px; background: #1167b8; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 18px; border-radius: 20px; position: relative; }
@media screen and (max-width: 960px) { .content-block.mobile-game .game-info .select-button { background: none; } }
.content-block.mobile-game .game-info .select-button i { position: relative; top: 5px; margin-left: 32px; }
.content-block.mobile-game .game-info .select-button .button-dropdown { width: 255px; position: absolute; left: -999px; margin-top: 22px; padding: 20px; background: #208cf1; }
@media screen and (max-width: 960px) { .content-block.mobile-game .game-info .select-button .button-dropdown { left: 0; position: relative; margin-top: 0; } }
@media screen and (max-width: 780px) { .content-block.mobile-game .game-info .select-button .button-dropdown { left: 50%; margin-left: -150px; } }
.content-block.mobile-game .game-info .select-button .button-dropdown .spacer { display: block; width: 100%; height: 12px; position: absolute; top: -12px; left: 0; }
.content-block.mobile-game .game-info .select-button .button-dropdown li { height: 40px; line-height: 40px; border-top: 1px solid #1167b8; }
.content-block.mobile-game .game-info .select-button .button-dropdown li:first-of-type { border-top: 0; }
.content-block.mobile-game .game-info .select-button .button-dropdown li a { display: block; width: 100%; height: 100%; color: #fff; text-decoration: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.content-block.mobile-game .game-info .select-button:hover .button-dropdown { left: 0; }
.content-block.mobile-game .game-image { width: 360px; float: right; }
.content-block.mobile-game .game-image img { width: 100%; }
@media screen and (max-width: 1218px) { .content-block.mobile-game .game-image { width: 25%; } }
@media screen and (max-width: 960px) { .content-block.mobile-game .game-image { display: none; } }
.content-block.mobile-game .mobile-game-gallery { clear: both; padding-top: 100px; }
.content-block.mobile-game .mobile-game-gallery div { width: 399px; height: 709px; float: left; background-repeat: no-repeat; background-position: center; background-size: cover; margin-left: 10px; }
.content-block.mobile-game .mobile-game-gallery div:first-of-type { margin-left: 0; }
@media screen and (max-width: 1218px) { .content-block.mobile-game .mobile-game-gallery div { width: 32%; margin-left: 1%; } }
@media screen and (max-width: 960px) { .content-block.mobile-game .mobile-game-gallery div { width: 100%; height: 1440px; margin: 0 0 30px 0; } }
@media screen and (max-width: 780px) { .content-block.mobile-game .mobile-game-gallery div { height: 1170px; } }
@media screen and (max-width: 560px) { .content-block.mobile-game .mobile-game-gallery div { height: 840px; } }
@media screen and (max-width: 480px) { .content-block.mobile-game .mobile-game-gallery div { height: 480px; } }

@media screen and (max-width: 960px) { .page-container.social .content-block.social { padding-top: 40px; } }
.page-container.social .content-block.social .wrapper { border-bottom: 0; }
.page-container.social .content-block.social a { text-decoration: none; }
.page-container.social .content-block.social button { display: block; margin: 0 auto; }

.content-block.ticket-info { padding-bottom: 100px; background: #fff; }
@media screen and (max-width: 960px) { .content-block.ticket-info { padding-right: 30px; padding-left: 30px; } }
.content-block.ticket-info .part-of-the-show { clear: both; padding-top: 30px; overflow: auto; }
.content-block.ticket-info .part-of-the-show .part-of-the-show-info { width: 775px; float: left; }
@media screen and (max-width: 1218px) { .content-block.ticket-info .part-of-the-show .part-of-the-show-info { width: 75%; padding-right: 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } }
@media screen and (max-width: 780px) { .content-block.ticket-info .part-of-the-show .part-of-the-show-info { width: 100%; padding: 0; } }
@media screen and (max-width: 780px) { .content-block.ticket-info .part-of-the-show .part-of-the-show-info h1 { text-align: center; } }
.content-block.ticket-info .part-of-the-show .part-of-the-show-info p { margin-bottom: 30px; }
.content-block.ticket-info .part-of-the-show .tickets-image { width: 399px; float: right; }
@media screen and (max-width: 1218px) { .content-block.ticket-info .part-of-the-show .tickets-image { width: 25%; } }
@media screen and (max-width: 780px) { .content-block.ticket-info .part-of-the-show .tickets-image { display: none; } }
.content-block.ticket-info .part-of-the-show .tickets-image img { width: 100%; }

.content-block.tickets-faq { background: #fff; }
@media screen and (max-width: 960px) { .content-block.tickets-faq { padding: 0 30px; } }
.content-block.tickets-faq .wrapper { padding-top: 100px; border-top: 1px solid #999; }
.content-block.tickets-faq .wrapper h3 { margin-top: 10px; }
.content-block.tickets-faq .wrapper p { margin-bottom: 30px; }
.content-block.tickets-faq .wrapper p:last-child { margin-bottom: 0px; }
.content-block.auditions { background: #fff; }
@media screen and (max-width: 960px) { .content-block.auditions { padding: 0 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } }
.content-block.auditions p { margin-bottom: 40px; }
.content-block.auditions .auditions-top { clear: both; padding-top: 40px; padding-bottom: 25px; border-bottom: 1px solid #999; overflow: auto; }
.content-block.auditions .auditions-top .auditions-top-text { float: left; width: 775px; }
@media screen and (max-width: 1218px) { .content-block.auditions .auditions-top .auditions-top-text { width: 75%; padding-right: 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } }
@media screen and (max-width: 960px) { .content-block.auditions .auditions-top .auditions-top-text { width: 100%; padding-right: 0; } }
@media screen and (max-width: 960px) { .content-block.auditions .auditions-top .auditions-top-text h1 { text-align: center; } }
@media screen and (max-width: 960px) { .content-block.auditions .auditions-top .auditions-top-text p { text-align: justify; } }
@media screen and (max-width: 960px) { .content-block.auditions .auditions-top .auditions-top-text button { display: block; margin: 0 auto; } }
.content-block.auditions .auditions-top .auditions-top-image { float: right; width: 399px; }
@media screen and (max-width: 1218px) { .content-block.auditions .auditions-top .auditions-top-image { width: 25%; } }
@media screen and (max-width: 960px) { .content-block.auditions .auditions-top .auditions-top-image { display: none; } }
.content-block.auditions .auditions-bottom { padding-top: 100px; overflow: auto; }
@media screen and (max-width: 780px) { .content-block.auditions .auditions-bottom { overflow: initial; padding-bottom: 1px; } }
.content-block.auditions .auditions-bottom .auditions-outside { width: 806px; float: left; padding-bottom: 40px; }
@media screen and (max-width: 960px) { .content-block.auditions .auditions-bottom .auditions-outside { width: 100%; } }
.content-block.auditions .auditions-bottom .auditions-outside .locations-container .location { width: 50%; float: left; margin-bottom: 40px; }
@media screen and (max-width: 780px) { .content-block.auditions .auditions-bottom .auditions-outside .locations-container .location { width: 100%; } }
.content-block.auditions .auditions-bottom .auditions-outside .locations-container .location p { margin-bottom: 10px; }
@media screen and (max-width: 780px) { .content-block.auditions .auditions-bottom .auditions-outside .locations-container .location p { text-align: center; } }
.content-block.auditions .auditions-bottom .auditions-outside .locations-container .location a { text-decoration: none; }
@media screen and (max-width: 780px) { .content-block.auditions .auditions-bottom .auditions-outside .locations-container .location a button { display: block; margin: 0 auto; } }
.content-block.auditions .auditions-bottom .ad-300x250 { width: 300px; height: 250px; float: right; margin-left:20px;}
@media screen and (max-width: 960px) { .content-block.auditions .auditions-bottom .ad-300x250 { display: block; margin: 0 auto; float: none; clear: both; } }
.content-block.auditions .auditions-bottom .auditions-faq { clear: left; max-width:800px; }
@media screen and (max-width: 780px) { .content-block.auditions .auditions-bottom .auditions-faq h2 { text-align: center; } }
@media screen and (max-width: 780px) { .content-block.auditions .auditions-bottom .auditions-faq p { text-align: justify; } }

.content-block.video { background: #fff; overflow: auto; }
@media screen and (max-width: 960px) { .content-block.video { width: 100%; padding: 0 30px 10px 30px; overflow: initial; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } }
.content-block.video h1 { padding-top: 40px; }
@media screen and (max-width: 780px) { .content-block.video h1 { text-align: center; } }
.content-block.video h2 { clear: both; }
.content-block.video p { margin-bottom: 20px; }
@media screen and (max-width: 780px) { .content-block.video p { text-align: justify; } }
.content-block.video object { width: 808px; height: 609px; float: left; }
@media screen and (max-width: 1218px) { .content-block.video object { width: 640px; height: 480px; } }
@media screen and (max-width: 960px) { .content-block.video object { width: 100%; height: 560px; float: none; } }
@media screen and (max-width: 780px) { .content-block.video object { height: 480px; } }
@media screen and (max-width: 640px) { .content-block.video object { height: 320px; } }
.content-block.video .ad-300x250 { width: 300px; height: 250px; float: right; }
@media screen and (max-width: 960px) { .content-block.video .ad-300x250 { display: block; margin: 30px auto; float: none; } }

.content-block.blog { width: 100%; background: #fff; overflow: auto; padding-bottom: 100px; }
@media screen and (max-width: 960px) { .content-block.blog { padding: 40px 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } }
.content-block.blog .blog-post-list { width: 808px; float: left; }
@media screen and (max-width: 1218px) { .content-block.blog .blog-post-list { width: 68%; padding-right: 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } }
@media screen and (max-width: 960px) { .content-block.blog .blog-post-list { width: 100%; padding: 0; } }
.content-block.blog .blog-post-list .list-post { position: relative; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #999; }
.content-block.blog .blog-post-list .list-post:first-of-type { padding-top: 0; border-top: 0; }
.content-block.blog .blog-post-list .list-post .post-date { float: left; background: #208cf1; padding: 10px 25px 5px 25px; border-radius: 20px; margin-right: 20px; margin-bottom: 20px; }
@media screen and (max-width: 960px) { .content-block.blog .blog-post-list .list-post .post-date { padding: 5px 15px; margin-right: 10px; margin-bottom: 10px; } }
.content-block.blog .blog-post-list .list-post .post-date span { display: block; text-align: center; color: #1167b8; font-family: 'Open Sans Condensed', sans-serif; font-size: 45px; }
@media screen and (max-width: 960px) { .content-block.blog .blog-post-list .list-post .post-date span { font-size: 32px; } }
.content-block.blog .blog-post-list .list-post .post-date span:first-of-type { color: #fff; font-family: 'Open Sans', sans-serif; }
.content-block.blog .blog-post-list .list-post .post-date span:first-of-type:first-of-type { font-size: 20px; text-transform: uppercase; padding-bottom: 10px; }
@media screen and (max-width: 960px) { .content-block.blog .blog-post-list .list-post .post-date span:first-of-type:first-of-type { font-size: 16px; } }
.content-block.blog .blog-post-list .list-post h2 { color: #208cf1; font-family: 'Open Sans', sans-serif; font-size: 38px; text-transform: uppercase; float: left; max-width: 680px; margin-bottom: 20px; }
@media screen and (max-width: 1218px) { .content-block.blog .blog-post-list .list-post h2 { max-width: 480px; font-size: 32px; } }
@media screen and (max-width: 640px) { .content-block.blog .blog-post-list .list-post h2 { max-width: 420px; font-size: 28px; } }
@media screen and (max-width: 560px) { .content-block.blog .blog-post-list .list-post h2 { max-width: 340px; } }
@media screen and (max-width: 480px) { .content-block.blog .blog-post-list .list-post h2 { max-width: 200px; font-size: 22px; } }
.content-block.blog .blog-post-list .list-post .list-post-image { clear: both; width: 100%; height: 450px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url("img/temp_dev/blog-post-1.jpg"); }
@media screen and (max-width: 960px) { .content-block.blog .blog-post-list .list-post .list-post-image { width: calc(100% + 60px); margin-left: -30px; } }
@media screen and (max-width: 560px) { .content-block.blog .blog-post-list .list-post .list-post-image { height: 240px; } }
.content-block.blog .blog-post-list .list-post p { margin-top: 20px; }
.content-block.blog .blog-post-list .list-post p a { font-weight: bold; }
.content-block.blog .blog-post-list .list-post button { margin-top: 40px; }
.content-block.blog .blog-post-list .list-post .social-info { list-style: none; position: absolute; right: 0; bottom: 20px; }
.content-block.blog .blog-post-list .list-post .social-info li { display: inline-block; border-left: 2px solid #888; padding: 0 10px; }
.content-block.blog .blog-post-list .list-post .social-info li:first-of-type { border-left: 0; }
.content-block.blog .blog-post-list .list-post .social-info li a { color: #888; font-family: 'Open Sans', sans-serif; font-size: 18px; text-decoration: none; }

.blog-sidebar { width: 390px; background: #fff; float: right; margin-top: 132px; }
@media screen and (max-width: 1218px) { .blog-sidebar { width: 300px; } }
@media screen and (max-width: 960px) { .blog-sidebar { width: 100%; margin-top: 40px; border-top: 1px solid #999; padding-top: 40px; padding-bottom: 40px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } }
.blog-sidebar #searchform.searchform { width: 100%; position: relative; }
@media screen and (max-width: 960px) { .blog-sidebar #searchform.searchform { padding-bottom: 40px; border-bottom: 1px solid #999; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } }
.blog-sidebar #searchform.searchform label { display: none; }
.blog-sidebar #searchform.searchform input[type="text"] { outline: none; width: 300px; height: 36px; background: #208cf1; border: 1px solid #208cf1; border-radius: 20px; padding: 10px 20px; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 16px; text-transform: uppercase; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.blog-sidebar #searchform.searchform input[type="text"]:focus { border: 1px solid #b7e10d; box-shadow: 0 0 3px #b7e10d; }
@media screen and (max-width: 960px) { .blog-sidebar #searchform.searchform input[type="text"] { width: 100%; } }
.blog-sidebar #searchform.searchform button { outline: none; border: 0; background: none; }
.blog-sidebar #searchform.searchform button i { position: absolute; top: 0; left: 260px; line-height: 36px; color: #fff; font-size: 16px; }
@media screen and (max-width: 960px) { .blog-sidebar #searchform.searchform button i { left: auto; right: 20px; } }
.blog-sidebar > div { margin-top: 40px; border-top: 1px solid #999; padding-top: 40px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.blog-sidebar > div:first-of-type { border-top: 0; padding-top: 0; }
.blog-sidebar > div h3 { color: #208cf1; font-family: 'Open Sans', sans-serif; font-size: 32px; text-transform: uppercase; }
@media screen and (max-width: 960px) { .blog-sidebar > div h3 { text-align: center; } }
.blog-sidebar > div ul { list-style: none; }
.blog-sidebar > div ul li { margin-top: 30px; }
.blog-sidebar > div ul li:first-of-type { margin-top: 20px; }
.blog-sidebar > div ul li a { color: #888; font-family: 'Open Sans', sans-serif; font-size: 20px; text-decoration: none; }
.blog-sidebar > div.tags { overflow: auto; }
.blog-sidebar > div.tags ul li { float: left; margin-top: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.blog-sidebar > div.tags ul li a { display: block; color: #fff; background: #ffd800; font-size: 16px; text-transform: uppercase; padding: 10px 20px; border-radius: 20px; margin-top: 10px; margin-right: 10px; }
.blog-sidebar > div.tags ul li a[name="tag-cloud-size-22"] { background: #b7e10d; }
.blog-sidebar .ad-300x250 { margin-top: 40px; width: 300px; height: 250px; }
@media screen and (max-width: 960px) { .blog-sidebar .ad-300x250 { display: block; margin: 40px auto; border-top: 0; } }

.sweepstakes-container { background: white; }

.content-block.blank-headline { background: #fff; padding-bottom: 20px; }

.content-block.template-section { background: #fff; padding-bottom: 80px; }

.content-block.generic-container { background: white; padding: 32px 0; }

/* Thismoment sdk styling */
        #page-wrap {
            width: 100%;
            padding: 0 15px;
            box-sizing: border-box;
        }
        #container {
            width: 100%;
            max-width: 1188px;
            margin: 20px auto;
        }
        #container:after {
            clear: both;
        }
        #loaderGif {
            width: 50px;
            margin: 20px auto;
        }

        #container .card-wrapper {
            opacity: 0;
            width: 100%;
            padding: 8px;
            float: left;
        }

        #container.tmsdk-container .card  {
            margin-bottom: 0;
        }

        #container .loaded .card-wrapper {
            opacity: 1;
        }

        /* tablet specific styles */
        @media only screen and (min-width: 641px) {
            #container .card-wrapper {
                width: 50%;
            }
        }

        /* desktop specific styles */
        @media only screen and (min-width: 1025px) {
            #container .card-wrapper {
                width: 33.33333333%;
            }
        }
		
		#tmmodal-overlay .share-modal .share-actions .googleplus{
			display:none;
		}
/*End Thismoment sdk styling*/
/*About page scroll-to-top button styling */
.scroll-top-wrapper {
    position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
	width: 150px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}
/*End about page scroll-to-top button styling*/
