.wrapper { padding: 7px; font-size: 13px; }
.AdModule930x100 { background-color: #fff; width: 100%; margin: 0; padding: 0; }
.AdModule930x200 { background-color: #fff; width: 100%; margin: 0; padding: 0; }

.HPNewsStoryContainer { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0.5em 0; width: 100%; }
.HPNewsStory { cursor: pointer; width: 184px; }
    .HPNewsStory p { line-height: 100%; margin: 2px 0.5em 0.5em; text-transform: uppercase; font-size: 0.9em; font-weight:500; }
    .HPNewsStory a { color: #000; line-height: 1.2em; }

h2.title { font-family: "Roboto Condensed", sans-serif; font-size: 20px; margin-top: 0; }

#container { display: grid; grid-template-columns: 1fr 400px; column-gap: 7px; padding: 0.5em 0 0 0; }
#container-live { background-color: #e5e5e5; line-height: 1.2em; padding: 0 0 1em 0; order: 2; }
#container-article { order: 1; padding-top: 0; }

.HPArticle { display: flex; width: 100%; padding-bottom: 0.4em; }
    .HPArticle img { max-width: 140px; }
    .HPArticle div.text { padding: 0 0.5em 0.5em 1em; }
    .HPArticle div h2 { text-decoration: underline; font-size: 20px; font-family: "Roboto Condensed", sans-serif; margin-top: 0; }
    .HPArticle h2 a { color: #333; }
    .HPArticle div p { font-size: 1.05em; line-height: 1.15em; }
    .HPArticle .ccRedLink2 { text-decoration: underline; font-size: 1em; }

.HPSquareAd { text-align: center; padding: 0 0 2em 0; }

/* Right Event Update Gray*/
.RMGEV { width: 100%; margin: 0; padding-bottom: 2em; }
.EVTitleText2 { color: black; font-weight: bold; font-size: 1em; display: grid; grid-template-columns: 1fr auto; }
.redArrows img { border: 5px solid #AB1529; margin-left: 0.5em; }

.EVInfo2 { margin: 0px; color: black; font-size: 1em; padding: 0.5em 0; }
.redtxt2 { color: #AB192C; margin-right: 1em; }

.cclist2 ul { list-style: none; margin: 0px; padding: 0; display: grid; grid-template-columns: 2fr 1fr; }
    .cclist2 ul li { padding: 0.4em 1em; overflow: hidden; }
        .cclist2 ul li a { text-decoration: none; color: #333; }
        .cclist2 ul li.player { text-align: left; color: #333; background-color: #fff; border: none; }
        .cclist2 ul li.chipcount { text-align: right; overflow: hidden; color: #333; background-color: #fff; border: none; }
        .cclist2 ul li.title { color: #FFF; background: #AB192C; font-weight: bold; }
.cclist2 p { color: #333; margin: 10px; }
.flag { width: 15px; margin-right: 0.3em; vertical-align: top; }

.bottomRow { margin: 0.5em 0 0 0; display: flex; flex-wrap: wrap; justify-content: flex-end; }
.bottomGreySpan { background-color: #f1f1f1; margin: 0 0.4em 0 0; padding: 0.3em 1em; text-align: center; }
.bottomGreyA { text-decoration: none; font-size: 0.9em; color: #8f8f8f; font-weight: bold; }
.bottom-viewMore { margin-right: 0; }
.ccRedLink2 { font-size: 0.9em; font-weight: bold; color: #AB192C; text-decoration: none; }

/* Player of the year */

.HPPOY { width: 100%; padding: 1em; }
    .HPPOY ul { list-style: none; margin: 0px; padding: 0; display: grid; grid-template-columns: 3em 2fr 1fr; }
        .HPPOY ul li { padding: 0.4em 1em; overflow: hidden; }
            .HPPOY ul li a { text-decoration: none; color: #333; }
            .HPPOY ul li.position { text-align: center; overflow: hidden; }
            .HPPOY ul li.player { overflow: hidden; text-align: left; }
            .HPPOY ul li.points { overflow: hidden; text-align: right; }
            .HPPOY ul li.even { background-color: #f2f2f2; }
            .HPPOY ul li.odd { background-color: #FFF; }
            .HPPOY ul li.title { color: #FFF; background: #AB192C; font-weight: bold; }

/* Right Upcoming Events */
#HPCCs { padding: 1em; }
#upcoming-poker { margin-bottom: 1em; }
.upcoming-poker-grid { display: grid; grid-template-columns: 120px 1fr; column-gap: 1em; row-gap: 0.4em; }
.up-affiliation { grid-column: 1 / span 2; display: flex; justify-content: space-between; margin-top: 0.4em; align-items: center; }
    .up-affiliation a { background-color: #962A22; color: #fff; font-weight: bold; padding: 0.2em 0.8em; margin-right: 2em; }
.up-image { background-color: #fff; display: flex; justify-content: center; align-items: center; }
.up-ul { list-style: none; margin: 0; padding: 0; }
    .up-ul li { padding: 0em 0 0.2em 0em; }

/* WSOPC All time leaders*/
.HPWSOPCLeaders { width: 100%; padding: 1em; }
.bynav { width: 100%; margin: 0 0 1em 0; text-align: center; }
    .bynav select { font-size: 1em; width: 50%; background-color: #fff; border: none; padding: 0.3em }
.wsopc-standing { color: #333; }
    .wsopc-standing li { padding: 0.3em; }
        .wsopc-standing li.hi { background-color: #f2f2f2; }
        .wsopc-standing li.lo { background-color: #fff; }
    .wsopc-standing ul { list-style: none; margin: 0 0 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; }
    .wsopc-standing .name2 { padding-left: 1em; }
    .wsopc-standing .rings2 { text-align: center; }
    .wsopc-standing .cashes2 { text-align: center; }
    .wsopc-standing .earnings2 { text-align: right; padding-right: 1em; }
    .wsopc-standing .title { color: #FFF; background: #AB192C; }


/* homepage carousel */
#HeroStory { width: 100%; margin: 0; position: relative; overflow: hidden; cursor: pointer; background-color: #000; }
    #HeroStory .HeroStoryContainer { display: flex; }
    #HeroStory .HeroStoryImage { max-width: 562px; }
    #HeroStory #HeroStoryRight { background-color: #000; flex: 1 1 378px; overflow: hidden; }
        #HeroStory #HeroStoryRight > div { width: 378px; height: 318px; background-position: center center; filter: blur(15px) opacity(45%); transform: scale(2); overflow: hidden; }

    #HeroStory .HeroText { width: 345px; height: 318px; position: absolute; right: 1em; top: 0; display: flex; flex-direction: column; justify-content: space-around; }
        #HeroStory .HeroText h1 { font-family: "Roboto Condensed", sans-serif; font-size: 24px; color: #FFF; line-height: 1em; text-transform: uppercase; }
        #HeroStory .HeroText p { font-size: 16px; line-height: 1.2em; color: #FFF; overflow: hidden; }

#HeroPromo { width: 100%; margin: 0; cursor: pointer; }

#CountdownContainer { width: 100%; margin: 0; height: 78px; background: url(/countdown/images/countdown.jpg) no-repeat #FFF; display: flex; flex-wrap: wrap; justify-content: flex-end; flex-direction: row; padding-right: 1em; background-size: auto; }
#CountdownIframe { width: 100%; height: 67px; margin: 0; border: none; }

@media screen and (max-width:950px) {
    .HPNewsStory:nth-child(5) { display: none; }

    #HeroStory { height: initial; text-align: center; background-color: #000; }
        #HeroStory .HeroStoryContainer { display: block; }
        #HeroStory #HeroStoryRight { display: none; }
        #HeroStory .HeroStoryImage { display: block; max-width: 536px !important; width: 100%; margin: 0 auto; }
        #HeroStory .HeroText { display: block; width: 100%; height: auto; position: static; background-color: #140d0d; padding: 0.8em; margin: 0; }
            #HeroStory .HeroText h1 { margin-top: 0; }
            #HeroStory .HeroText p { color: #FFF; min-height: initial; max-height: none; }
}

@media screen and (max-width:800px ) {
    #CountdownContainer { background: url('/countdown/images/countdown-tablet.jpg') no-repeat; height: 135px; flex-direction: column; padding-bottom: 0.5em; background-size: auto; margin-bottom: 7px; }
}

@media screen and (max-width:767px) {
    .wrapper { font-size: 16px; }
    #container { grid-template-columns: 1fr; }
    #container-live { order: 1; }
    #container-article { order: 2; padding-top: 1em; }

    .HPNewsStory { cursor: pointer; width: 170px; }
        .HPNewsStory:nth-child(5) { display: block; }
    .redArrows img { border: 10px solid #AB1529; margin-left: 1em; }
}

@media screen and (max-width:480px) {
    .HPNewsStory { cursor: pointer; width: calc(100% / 2 - 3px); }
        .HPNewsStory:nth-child(5) { display: none; }
    .EVTitleText2 { grid-template-columns: 1fr; }
    .redArrows { text-align: right; }
    #CountdownContainer { background: url('/countdown/images/countdown-mobile-bg.jpg?v=1') no-repeat; background-size: contain; padding: 0; align-items: center; margin-bottom: 6px; background-color: #1D191A }
}