@charset "utf-8";

:root { --star-size: 20px; --star-color: #ccc; --star-background: #fc0; }

.Stars { --percent: calc(var(--rating) / 100 * 100%); display: inline-block; font-size: var(--star-size); font-family: Times; line-height: 1; }

.Stars::before { font-size: 16px; content: "★★★★★"; letter-spacing: 0px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; -webkit-text-fill-color: transparent; }

.rating { display: flex; justify-content: left; align-items: center; height: auto; }

.game_blog.style-top { color: rgb(238, 238, 238); margin: 20px auto; font-size: 17px; }

.list-item { margin-top: 10px; background: rgb(40, 40, 40); box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.3) 0px 2px 4px -1px; }

.list-content { display: flex; position: relative; padding: 8px; }

#masthead .list-content { background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(157, 30, 4) 30%, rgb(99, 17, 0) 63%); border: 1px solid rgb(125, 68, 16); }

#masthead .list-item { margin-top: 0px; }

#masthead .game_blog.style-top { margin: 0px; }

#masthead a.odds-now { background: var(--main-color); color: rgb(0, 0, 0); }

.logo-brand { float: left; width: 88px; margin-right: 10px; }

.logo-brand img { width: 100%; border-radius: 50%; }

.top-info { width: 150px; float: left; margin-right: 10px; }

.top-action { width: 150px; float: right; margin-left: 10px; }

.gift-text { display: inline-block; width: calc(100% - 418px); }

.top-info span { display: block; font-size: 14px; }

.top-action a { display: block; }

.top { position: absolute; top: 0px; left: 0px; width: 25px; height: 25px; background: rgb(204, 204, 204); color: rgb(0, 0, 0); border-radius: 0px 0px 23px; padding-left: 5px; }

span.brand-name { font-size: 23px; font-weight: 700; }

a.odds-now, a.review { width: 90%; padding: 5px 0px; text-decoration: none; text-align: center; margin: 5px auto; border-radius: 50px; font-weight: 700; }

a.odds-now { background: var(--main-color); color: rgb(255, 255, 255); padding: 7px 0px; }

a.review { color: var(--main-color); font-weight: 400; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

a.odds-now:hover { background: var(--main-color); color: rgb(0, 0, 0); }

a.review:hover { text-decoration: underline; }

.gift-text span { display: block; text-align: center; }

span.gift-number { font-size: 20px; font-weight: 700; color: rgb(9, 208, 37); }

div.list-review { color: rgb(0, 0, 0); padding: 10px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.3) 0px 2px 4px -1px; }

.widget .list-content { height: 220px; }

.widget .gift-text { width: 95%; position: absolute; bottom: 5px; border-top: 1px solid rgba(204, 204, 204, 0.37); }

.widget a.odds-now, .widget a.review { font-size: 80%; }

span.widget-title { color: var(--main-color); font-size: 1.2rem; padding-bottom: 0.3rem; margin: 0.7rem 0px; font-weight: 600; text-transform: capitalize; border-bottom: 2px var(--main-color) solid; display: block; }

@media (min-width: 850px) {
  .widget .logo-brand { width: 70px; }
  .widget span.brand-name { font-size: 15px; }
  .widget .top-info span { font-size: 14px; }
  .widget .gift-text span { font-size: 15px; }
  .widget span.gift-number { font-size: 16px; }
  .widget .top-action { width: 120px; }
}

@media (max-width: 570px) {
  .list-content { height: 189px; }
  .gift-text { width: 95%; position: absolute; bottom: 5px; border-top: 1px solid rgba(204, 204, 204, 0.37); }
  a.odds-now, a.review { font-size: 80%; }
  .header-bottom .flex-row .flex-col:last-child { width: 100%; }
  .header-bottom .flex-row .flex-col:last-child ul.header-bottom-nav, .header-bottom .flex-row .flex-col:last-child ul.header-bottom-nav li.html { display: block; }
  span.brand-name { font-size: 20px; }
  .logo-brand { width: 70px; }
  .top-info span { font-size: 13px; line-height: 20px; }
  .gift-text span { font-size: 15px; }
  span.gift-number { font-size: 18px; }
  .top-action { width: 100px; }
}