.p-left { padding: 10px; background-color: #ededed; }
    .p-left h1 { font-size: 4em; margin: 0px 0 10px 10px; color: #eb1c23; font-family: SteelfishRgBold; font-weight: bold; }
    .p-left h2 { font-size: 1.4em; margin-top: 20px; }

.p-right { padding: 10px 14px 2em 14px; background: #fff; color: #212121; }
    .p-right a { color: #ab192d; text-decoration: none; }
        .p-right a:hover { color: #666666; }
        .p-right a:visited { color: #ab192d; }

    .p-right h1, .p-right h2, .p-right h3 { color: #212121; font-weight: bold; font-size: 36px; font-family: 'Roboto Condensed'; line-height: 120%; margin: 4px 0; }
    .p-right h2 { font-size: 27px; margin-bottom: 1em; }
    .p-right h3 { font-size: 21px; margin-bottom: 1em; }
    .p-right p { margin: 1em 0; }
    .p-right ol { margin: 1em 0; padding-left: 1em; }
    .p-right ul { margin: 1em 0; padding-left: 1em; }
    .p-right li { padding-bottom: 0.3em; }
    .p-right > table { margin: 1em 0; }
    .p-right > div { margin: 1em 0; }
    .p-right img { max-width: 100%; }

    .p-right .red { color: #ab192d; }

    .p-right .headerImg { max-width: 100%; padding: 0; }
    .p-right .note { font-weight: bold; font-size: 12px; }
    .p-right .tandcP { font-size: 13px; }
    .p-right .tandcDiv { border: solid 1px #ededed; height: 320px; overflow: auto; font-size: 10px; width: 100%; padding: 0.5em; }

    .p-right #PDFTerms { height: 600px; width: 100%; background-color:#fff;}

    .p-right .shareandconnect { border-top: solid 1px #c2c2c2; border-bottom: solid 1px #c2c2c2; padding: 1em 0 1em 0; }
    .p-right #WSOPSNGleaderboards { margin-top: 2em; }

.BGGray { background-color: #f5f5f5; }
/* mac.aspx*/
.alert { background-color: #f5f5f5; font-weight: bold; border-top: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9; padding-top: 10px; padding-bottom: 10px; }
.p-right .redCircleDiv { padding: 1em; display: grid; grid-template-columns: auto 1fr; }
.p-right .redCircleNum { background-color: #ab192d; color: #fff; width: 2em; text-align: center; height: 2em; border-radius: 1em; font-weight: bold; line-height: 2em; }
.p-right .redCircleTxt { padding-left: 1em; }

.p-right .expired { background-color: #ededed; color: #ab192d; border-radius: 10px; font-weight: bold; height: auto; padding: 1em; text-align: center; text-transform: uppercase; font-size: 18px; line-height: 100%; font-family: 'Roboto Condensed', Sans-Serif; }

/* promo left nav */
.left-nav-header { font-family: 'Roboto Condensed'; font-size: 16px; color: #fff; font-weight: normal; background: #5f5f5f; padding: 0.5em; margin: 1px 0 0 0; cursor: pointer; }
    .left-nav-header a { color: #fff; }
        .left-nav-header a:hover { background: #565656; }
.plus { cursor: pointer; padding: 0 0.5em 0 0; float: right; }

.left-nav { margin: 0; font-size: 12px; background: #5f5f5f; padding: 0.8em; display: flex; flex-direction: column; }
    .left-nav div { font-size: 12px; color: #fff; padding: 0.3em 0.3em; }
        .left-nav div:hover { background: #565656; }
    .left-nav a { color: #fff; text-decoration: none; width: 100%; display: inline-block; }
    .left-nav .indent { padding-left: 1.5em; }

::selection { background: #ab192d; color: #FFF; }
::-moz-selection { background: #ab192d; color: #FFF; }

.play-now { width: 145px; height: 145px; float: right; border: none; margin: 0 20px 20px 20px; }

.p-right .schedule { border: solid 1px #dedede; border-collapse: collapse; line-height: 1.4em; text-align: center; width: 100%; max-width: 900px; }
    .p-right .schedule td { background-color: #fff; color: #000000; padding: 0.3em; text-align: left; border-bottom: 1px solid #dedede; font-size: 0.9em; vertical-align: top; max-width: 200px; }
    .p-right .schedule tr:first-child td { background-color: #204060; font-weight: bold; color: #fff; }


.cta_download { background: linear-gradient(#F5CB27, #E68E05); padding: 0.2em; width: auto; }
.cta_download_inner { padding: 0.3em 0 0.5em; width: auto; border: 1px solid #fff; font-family: 'Roboto Condensed'; font-size: 24px; text-align: center; color: #fff; font-weight: bold; text-shadow: 2px 2px #333; cursor: pointer; }
    .cta_download_inner:hover { background-color: #ab192d; text-shadow: none; }
.wrapper div.cta_download_inner { margin: 0; }


@media screen and (max-width:767px) {
    .p-right { order: 1; }
        .p-right .tandcDiv { font-size: 13px; }
    .p-left { order: 2; }
    .left-nav div { font-size: 14px; }
    .play-now { max-width: 100%; max-height: 100%; margin: 0 0 1em 1em; }
}
