html { box-sizing: border-box; font-size: 10px; }
*, *:before, *:after { box-sizing: inherit; }

body { margin: 0px; font-family: 'Open Sans', sans-serif; color: #333333; background-color: #000; text-rendering: optimizeLegibility; -webkit-text-size-adjust:100%; text-size-adjust:100%;}
a { color: #AB192D; text-decoration: none; }
h1, h2, h3 { line-height: 1; }

@font-face { font-family: 'Oswald'; src: url('/fonts/Oswald-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; }

.WSOPHeader { width: 100%; background-color: #000; margin: 0; position: fixed; z-index: 3001; }
.WSOPhead { max-width: 950px; width: 100%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: flex-end; padding: 6px 0; }
.wsophead-wsop-logo { margin: 0; max-width: 169px; display: inline-block; margin-bottom: -3px; }
.wsophead-wsop-logo-pa { margin: 0; max-width: 260px; display: inline-block; margin-bottom: -3px; }
.wsophead-wsop-logo-mi { margin: 0; max-width: 260px; display: inline-block; margin-bottom: -3px; }
#WSOPblock { visibility: hidden; position: relative; }

.redarrow { color: Yellow; font-size: 14px; }

.clrFloat { clear: both; overflow: hidden; padding: 0; margin: 0; }

.Menu2020 { width: 100%; padding: 0; margin: 0; display: flex; justify-content: space-around; min-height: 35px; font-family: 'Roboto Condensed', sans-serif; }
    .Menu2020 > li { position: relative; text-align: center; border: 0px solid green; list-style-type: none; }
        .Menu2020 > li:hover > ul { display: block; padding: 9px 0 0 0; }
        .Menu2020 > li a { color: #fff; display: block; font-size: 18px; text-decoration: none; font-weight: bold; line-height: 90%; }
    .Menu2020 ul { display: none; position: absolute; margin: 0 0 0 -2em; min-width: 190px; list-style: none; }
        .Menu2020 ul li { border-left: 1px solid #9a1628; border-right: 1px solid #9a1628; padding: 0; margin: 0; }
            .Menu2020 ul li a { text-align: left; text-transform: uppercase; padding: 0.8em 1em; display: block; margin: 0; font-size: 12px; font-weight: 600; font-family: 'Open Sans'; background-color: #ab192d; line-height: 1.3em; }
                .Menu2020 ul li a:hover { background-color: #9a1628; text-decoration: underline; }

    .Menu2020 small { text-align: center; font-size: 10px; font-family: "Roboto Condensed", sans-serif; color: #BBB; font-weight: 100; line-height: 10%; }
        .Menu2020 small:after { content: "\a"; white-space: pre; }

.Mobile2020 { display: none; width: 100%; padding: 1em 0 4em 0; margin: 0; font-family: 'Roboto Condensed', sans-serif; }
    .Mobile2020 > li { text-align: center; border: 0px solid green; list-style-type: none; padding: 1em 0; }
        .Mobile2020 > li a { color: #fff; display: block; font-size: 20px; text-decoration: none; font-weight: bold; line-height: 90%; }
    .Mobile2020 ul { display: none; margin: 0.8em 0; padding: 0; list-style: none; }
        .Mobile2020 ul li { padding: 0; margin: 0; border-bottom: 1px solid #9a1628; }
            .Mobile2020 ul li a { text-align: center; text-transform: uppercase; padding: 0.8em 1em; display: block; margin: 0; font-family: 'Open Sans'; font-size: 14px; font-weight: 600; background-color: #ab192d; line-height: 1.3em; }
                .Mobile2020 ul li a:hover { background-color: #9a1628; }

    .Mobile2020 small { text-align: center; font-size: 10px; font-family: "Roboto Condensed", sans-serif; color: #BBB; font-weight: 100; line-height: 10%; }
        .Mobile2020 small:after { content: "\a"; white-space: pre; }

    .Menu2020 li.menu_dark, .Mobile2020 li.menu_dark { border-right: 1px solid #600103; border-left: 1px solid #600103; }
        .Menu2020 li.menu_dark a, .Mobile2020 li.menu_dark a { background-color: #600103; }
            .Menu2020 li.menu_dark a:hover, .Mobile2020 li.menu_dark a:hover { background-color: #600103; }

.TopNavLine, .TopNavLineMobile { width: 100%; background-color: #cda66c; margin: 0; padding: 6px 0; }
    .TopNavLine ul, .TopNavLineMobile ul { max-width: 900px; margin: 0 auto; z-index: 2; list-style: none; display: flex; justify-content: space-around; align-items: center; padding-left: 0; }
        .TopNavLine ul li a, .TopNavLineMobile ul li a { color: #fff; font-family: 'Roboto Condensed', sans-serif; font-size: 15px; font-weight: 400; text-decoration: none; text-transform:uppercase; }
.TopNavLineMobile { display: none; }

.RGlogo { margin: 0; cursor: pointer; }

#mobile-button, #mobile-button-close { color: #fff; font-size: 30px; line-height: 1; padding: 2px 0.4em 0 0.4em; cursor: pointer; display: none; margin: 0 0.5em; float: right; }


/*#Main-Container { width: 100%; height: 100%; background: #1c1c1c; background-attachment: fixed; padding-bottom: 100px; }
    */
#Main-Container { width: 100%; height: 100%; background: #0c0c0c url('/images/nav/WSOP-BG-2022.jpg') no-repeat center top; background-attachment: fixed; padding-bottom: 100px; background-position-y: 12px; }

#Content-Container { max-width: 950px; margin: 0 auto; background-color: #FFF; font-size: 15px; line-height: 1.6; }

#Footer { max-width: 950px; margin: 0 auto; background-color:#fff; }

#Footer-info { display: grid; grid-template-columns: 3fr 1fr 1fr; background-color: #000; color: #fff; }
    #Footer-info a { color: #b3b3b3; text-decoration: none; }
    #Footer-info h2 { font-size: 12px; font-weight: normal; color: #fff; margin: 0; }
    #Footer-info .hdr1 { font-size: 12px; margin: 0; font-weight: 600; color: #fff; }

.F-info { display: grid; grid-template-columns: auto 1fr; border: 1px solid #1C1C1C; margin: 0; padding: 1em; }
.F-icons { padding: 0em 0.3em 0 0.6em; }
.F-texts { margin: 0; padding: 0em 1em 1em 1em; }
    .F-texts p { text-align: justify; color: #787878; line-height: 115%; margin: 0; font-size: 11px; }

.F-links { margin: 0; border: 1px solid #1C1C1C; margin: 0; padding: 1em 1em 1em 2em; }
    .F-links ul { list-style-type: none; margin: 1em 0 0 0; padding: 0em; font-size: 12px; color: #b3b3b3; }
        .F-links ul li { margin: 0; font-weight: normal; line-height: 1.9em; text-decoration: underline; }
        .F-links ul.logos li { margin-bottom: 0.4em; }
        .F-links ul.logos img { margin-right: 1em; vertical-align: middle; }

.F-hotel-logos-wrapper { padding: 64px 4px 64px 20px; display: flex; width: 100%; }
.F-caesars { display: flex; flex-direction: column; justify-content: center; padding: 0 0 10px 10px; }
.F-brand-logos { display: flex; width: 100%; margin: 0 10px 0px 42px; flex-wrap: wrap; }
    .F-brand-logos img { padding: 16px; width: 91px; height: 61px; }

.F-fineprint { text-align: center; padding: 1em 1em 4em 1em; color: #000; font-size: 12px; margin: 0; }
    .F-fineprint p { padding: 0.5em 0; margin: 0; }
    .F-fineprint a { color: #000 }

#Footer .gaming-board-footer-icon { padding-top: 1em; }


.wrapper-portal { display: grid; grid-template-columns: 2fr 1fr; width: 100%; grid-template-rows: auto 1fr; column-gap: 7px; row-gap: 7px; padding: 8px 7px 2em 7px; }
.wrapper-2 { display: grid; grid-template-columns: 2fr 1fr; width: auto; column-gap: 8px; padding: 8px 7px 2em 7px; }
.wrapper-skyscraper { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) 160px; column-gap: 8px; padding: 8px 7px 2em 7px; }
    .wrapper-skyscraper .content-bg { padding: 0.5em; }

.wrapper-p { display: grid; grid-template-columns: 282px minmax(0,1fr); }
.wrapper { display: block; font-size: 12px; padding: 1em 1em 2em 1em; }
    .wrapper img { max-width: 100%; }

.is_stuck { margin-top: 123px !important; }
.rAd { width: 160px; height: 600px; overflow: hidden; border: none; }

.playNowContainer { display: flex; justify-content: center; padding-top: 2em; }
.playNow { background-color: #9F152C; color: #fff !important; font-weight: bold; font-family: 'Roboto Condensed'; font-size: 1.6em; padding: 0.5em 3em; }
.WideContainer { max-width: 100%; overflow: auto; padding: 0; margin: 0; }
.scrollmore { display: none; padding: 0.5em; }

.acquisitionBanner { background-color: #ab192d; padding: 0.7em; text-align: center; font-size: 2em; font-family: 'roboto condensed'; }
    .acquisitionBanner .cta_acquisition { color: #fff; font-weight: bold; }

/* tab container */
#Tab-Name-Container { width: 100%; display: flex; flex-wrap: wrap; color: #701112; font-weight: bold; padding: 0 0 1em 0; gap: 3px; align-items: center; }
.tab_name { font-family: 'Roboto Condensed', sans-serif; font-size: 1.1em; padding: 0.8em 0.3em; text-align: center; background: #eee; cursor: pointer; text-transform: uppercase; flex: 1 1 auto; border: 2px solid #eee; }

.tab_on { background: #fff; cursor: default; color: #212121; border-bottom: 2px solid #701112 }

@media screen and (max-width:850px) {
    .RGlogo { display: none; }
    #mobile-button { display: block; }
    .WSOPHeader { max-height: 100vh; overflow-y: scroll; }
    .WSOPhead { display: block; padding: 0.3em; }
    .Menu2020 { display: none; }
}

@media only screen and (max-width: 780px) {
    .F-caesars { width: 200px; }
    .F-brand-logos img { width: 70px; }
}


@media screen and (max-width:767px) {

    #Content-Container { font-size: 17px; }

    #Footer-info { grid-template-columns: 1fr 1fr; }
    .F-info { display: none; }

    .F-links ul { font-size: 14px; }
    .F-fineprint { font-size: 14px; }

    .wrapper-skyscraper { grid-template-columns: minmax(0,1fr); }
        .wrapper-skyscraper .content img { max-width: 100%; }
        .wrapper-skyscraper .banner { display: none; }

    .wrapper-portal { grid-template-columns: minmax(0,1fr); }

    .wrapper-p { grid-template-columns: minmax(0,1fr); }

    .wrapper-2 { grid-template-columns: minmax(0,1fr); }
        .wrapper-2 .content img { max-width: 100%; }
        .wrapper-2 .banner { display: none; }
}

@media only screen and (max-width: 660px) {
    .F-hotel-logos-wrapper { padding: 0; }
    .F-caesars { width: 100%; text-align: center; }
        .F-caesars img { width: 200px; margin: 0 auto; }
    .F-brand-logos { display: none }
}

@media screen and (max-width:600px) {
    .TopNavLine { display: none; }
    .TopNavLineMobile { display: block; }
        .TopNavLineMobile ul li a { font-size: 17px; }
}

@media screen and (max-width:480px) {
    .scrollmore { display: block; }
    #Tab-Name-Container { align-items: stretch; }
    .tab_name { flex: 1 1 150px; }
}