:root {
    --global-tile-text-color: #8600FC;
    --background-header: #F7F7F7;
    --heading-title-color: #5e5e5e;
    --box-title-color: #8600FC;
    --box-title-color-vertical: #000000;
    --body-color: #fff;
    --header-footer-text-color: unset;
    --header-footer-text-active-color: unset;
    --box-items-color: #F7F7F7;
    --box-items-borders-radius: unset;
    --box-items-borders-w: 1px;
    --box-items-borders: #F7F7F7;
    --playing-text-color: #008000;
    --icon-header-color: #333;
    --tag-color: #b8860b;
    --link-color: #009fff;
    --btn-background-pc: #007bff;
    --btn-text-pc: #fff;
    --btn-background-google-play: #34a853;
    --btn-text-google-play: #fff;
    --btn-background-appstore: #ff0000;
    --btn-text-appstore: #fff;
    --blog-button-color: #007bff;
    --progressing-item: #00ffff;
    --hot-color: red;
}

html body {
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    color: var(--global-tile-text-color);
}


.mobile-nav .nav-icon .icon-menu, .header-search .icon-search {
    color: var(--icon-header-color);
}

.footer-wrapper .col-inner p ,.footer-wrapper .col-inner{
    color: var(--header-footer-text-color);
}

.footer-wrapper .col-inner p a:hover,.footer-wrapper .col-inner a:hover {
    color: var(--header-footer-text-active-color);
}

#main, #wrapper {
    background-color: var(--body-color);
    padding-top: 4rem;
}

body .absolute-footer.dark {
    color: #fff;
}

a {
    color: var(--link-color);
}

.header-main {
    background: var(--background-header);
}

.nav > li {
    margin: 0 11px;
}

.nav > li > a {
    color: var(--header-footer-text-color);
    font-size: 16px;
}

.mobile-sidebar .nav > li > a {
    color: #000;
}

.nav > li > a:hover {
    color: var(--header-footer-text-active-color);
}

.list-collection {
    display: flex;
    flex-wrap: wrap;
    margin-right: -16px;
}

.list-collection .item-collection {
    width: calc(100% / 6 - 16px);
    margin-right: 16px;
    overflow: hidden;
    position: relative;
    padding: .125em;
    border: var(--box-items-borders-w) solid var(--box-items-borders);
    border-radius: var(--box-items-borders-radius);
    background: var(--box-items-color);
    text-decoration: none;
    transition: box-shadow 450ms cubic-bezier(.23, 1, .32, 1) 0ms;
    box-shadow: 0 1px 6px 0 rgba(50, 50, 50, .4);
}

.item-collection a:hover {
    text-decoration: none;
    box-shadow: 0 1px 6px 0 rgba(50, 50, 50, 0.4);
}

.item-collection figure {
    padding-bottom: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
    border: var(--box-items-borders-w) solid var(--box-items-borders);
    border-radius: var(--box-items-borders-radius);
}

.item-collection figure img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.item-collection .info {
    padding: 0 6px;
}

.item-collection .info .title {
    font-weight: bold;
    color: var(--box-title-color);
    font-size: 14px;
    line-height: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}


.star-list {
    line-height: 12px;
    margin-bottom: 5px;
    /*margin-top: auto;*/
}

.star-list .dashicons {
    color: #FFD43B;
    font-size: 17px;
}

.item-collection .info .game-count {
    font-size: 14px;
    color: var(--playing-text-color);
    text-transform: uppercase;
}

.section-ads-google {
    text-align: center;
}

.ads-text {
    padding-bottom: 4px;
}

.adsbygoogle {
    display: inline-block;
    width: 100%;
    min-width: 300px;
    height: auto;
}

.mt-1 {
    margin-top: 1rem;
}

.mt-2 {
    margin-top: 2rem;
}

.mb-2 {
    margin-bottom: 2rem;
}

.pdr-2 {
    padding-right: 2rem;
}

.pdl-2 {
    padding-left: 2rem;
}

.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

.news-game {
}

.show-games {
    display: flex;
    flex-wrap: wrap;
    margin-right: -16px;
}

.show-games .item-game {
    width: calc(20% - 16px);
    margin-right: 16px;
    margin-bottom: 16px;
    border: var(--box-items-borders-w) solid var(--box-items-borders);
    border-radius: var(--box-items-borders-radius);
    background: var(--box-items-color);
}

.show-games .item-game a {
    display: block;
    padding: 0 0 10px;
    height: 100%;
}

.show-games .item-game .info {
    text-align: center;
}

.most-popular-game {

}

.game-8-col.show-games .item-game {
    width: calc(100% / 8 - 16px);
}

.game-5-col.show-games .item-game {
    width: calc(100% / 5 - 16px);
}

.heading-category {
    text-transform: uppercase;
    line-height: 1.4;
}

h1, h2, h3, h4, h5, h6 ,.sidebar h2,.heading-category{
    color: var(--heading-title-color);
}

.content-detail {
}

.top-content {
    display: flex;
    flex-wrap: wrap;
}

.top-content figure {
    width: 190px;
    margin-bottom: 0;
}

.top-content figure img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.top-content .info-play {
    padding: 0 20px;
    flex: 1;
}

.top-content .info-play .title-single {
    margin-bottom: 10px;
    text-align:center;
}

.top-content .info-play .star-list {
}

.top-content .info-play .star-list {
}

.top-content .info-play .playButton {
    display: block;
    margin: 10px auto;
    background-color: #ffa500;
    color: #fff;
    padding: 10px;
    border: none;
    cursor: pointer;
    border-radius: 10px;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 0 0 0 rgba(90, 153, 212, .5);
    animation: c 1.5s infinite;
}

.top-content .info-play .collection-names {
}

.top-content .info-play .collection-names strong {
}

.top-content .info-play .collection-names .post-tags {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.top-content .info-play .collection-names .post-tags li {
}

.top-content .info-play .collection-names .post-tags li a {
    font-size: .875em;
    font-style: italic;
    text-decoration: underline;
    margin: 0 4px 0 0;
    color: var(--tag-color);
}

.game-description {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.game-description h2 {
    font-size: 18px;
}

.progress {
    border-radius: .375rem
}

.progressing {
    margin-block: 2rem
}

.progressing_item {
    margin-top: .8rem
}

.progressing_item .label {
    font-size: 1rem;
    /*color: #181a1b;*/
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    margin-bottom: .3rem
}

.progressing_item .progress {
    background-color: #ffc045;
    height: 10px
}

.list_tag {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0;
    column-gap: .7rem;
    row-gap: .7rem;
    justify-content: start;
}

.list_tag h3 {
    display: inline-flex;
    width: auto;
}

.list_tag a {
    font-size: 16px;
    color: var(--box-title-color);
    padding: 8px 15px;
    border-radius: 7px;
    background-color: var(--box-items-color);
}

.sidebar {
}

.sidebar h2 {
    text-transform: uppercase;
    line-height: 1.4;
}

.list-related {
}


.list-related .item-collection.item-game a {
    display: flex;
    width: 100%;
    background-color: var(--box-items-color);
    padding: 10px;
    margin-bottom: 16px;
    border-radius: 8px;
}

.list-related .item-collection.item-game a figure {
    width: 35%;
    padding-bottom: 35%;
    margin-bottom: 0;
}

.list-related .item-collection.item-game a .info {
    flex: 1;
}

.page-wrapper {
    position: relative;
    clear: both;

}

.game-area {
    margin-bottom: 30px;
}

button {
    padding: 0;
}

.box-content {
    position: relative;
    padding-bottom: 60%;
    overflow: hidden;
}

.box-content iframe, .box-content #game-screen {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
}

#footer {
    padding-top: 20px;
    background: var(--background-header);
}

.header-top {
    display: none;
}

.link_store a {
    display: inline-block;
    padding: 14px 14px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.link_store {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    flex-direction: column;
    justify-content: center;
}

.btn-pc {
    background-color: var(--btn-background-pc);
    color: var(--btn-text-pc);
}

.btn-google-play {
    background-color: var(--btn-background-google-play);
    color: var(--btn-text-pc);
}

.btn-app-store {
    background-color: var(--btn-background-appstore);
    color: var(--btn-text-pc);
}

.link_store a:hover {
    opacity: 0.9;
}
#logo img {
    max-height: 50px!important;
}
.p-0{
    padding: 0;
}

.link-play:hover{
    text-decoration: underline;
    color: var(--heading-title-color);
}
@keyframes c {
    0% {
        transform: scale(.9);
        background-color: red;
    }

    25% {
        background-color: purple;
    }

    50% {
        background-color: blue;
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);
    }

    75% {
        background-color: green;
    }

    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
        background-color: red;
    }
}
.row .section{
    padding-left: 0;
    padding-right: 0;
}
@media only screen and (max-width: 48em) {
    .content-detail {
        order: -1;
    }
    .page-wrapper{
        padding-top: 10px;
    }
    .top-content figure {
        width: 100%;
        margin-bottom: 0;
    }
    .top-content {
        flex-direction: column;
        align-items: center;
    }

    .top-content .info-play {
        padding:10px 0;
        align-self: start;
        width: 100%;
    }

    .col {
        padding-bottom: 16px;
    }

    .list-collection .item-collection {
        width: calc(100% / 3 - 16px);
        margin-bottom: 16px;
    }

    .show-games .item-game {
        width: calc(100% / 3 - 16px);
    }

    .game-8-col.show-games .item-game {
        width: calc(25% - 16px);
    }

    .show-games .item-game .info {
        padding: 0 1px;
        flex: 1;
        display: inline-flex;
        flex-direction: column;
    }

    .item-collection .info .title {
        font-size: 10px;
    }

    .show-games .item-game a {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .star-list .dashicons {
        font-size: 12px;
        width: 10px;
        height: 10px;
    }

    .game-5-col.show-games .item-game {
        width: calc(100% / 3 - 16px);
    }

    .header-main {
        height: 50px !important;
    }

    #logo img {
        max-height: 40px!important;
    }

    .nav.mobile-nav > li > a {
        padding: 5px 0;
    }

    .top-games .item-collection.item-game:nth-child(1), .top-games .item-collection.item-game:nth-child(2) {
        width: calc(100% / 2 - 16px);
    }

    .nav > li > a{
        color: #000;
    }

    .medium-logo-center .logo{
        margin: 0 15px;
        padding: 0;
    }

    body .header.show-on-scroll, body .stuck .header-main{
        height: 54px !important;
    }
    .top-content>.link-play{
        width: 60%;
    }
}
.stuck .logo-left #logo img {
    max-height: 40px !important;
}
@media (max-width: 549px) {
    #logo img {
        max-height: 40px!important;
    }
    .top-content figure{
        width: 100%;
    }
}
.blog-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    margin: 0 auto;
    padding: 10px 0;
}

.blog-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    /*max-width: 350px;*/
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
    background: var(--box-items-color);
    /*padding: 20px;*/
}

.blog-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.blog-item .box-image {
    position: relative;
    overflow: hidden;
    height: 200px;
    margin:0;
    border-bottom: 1px solid #e5e5e5;
}

.blog-item .box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.blog-item .box-image img:hover {
    transform: scale(1.1);
}

.blog-item .box-text {
    padding: 14px;
    text-align: center;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.blog-item .box-text .title {
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0;
    color: var(--box-title-color);
    line-height: 1.4;
}

.blog-item .box-text .title a {
    color: var(--box-title-color);
    text-decoration: none;
    transition: color 0.3s ease;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.blog-item .is-small {
    font-size: 14px;
    color: var(--blog-description-color);
    margin: 10px 0;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-item .post-rating {
    display: flex;
    justify-content: center;
    margin: 15px 0;
    gap: 3px;
}

.blog-item .post-rating .star {
    font-size: 18px;
    color: #FFD700;
}

.blog-item .post-rating .star.empty {
    color: #ddd;
}
.blog-item .box-text-inner{
    flex: 1;

}
.blog-item .button.primary {
    margin-top: auto;
    display: inline-block;
    padding: 5px 20px;
    font-size: 15px;
    font-weight: bold;
    background-color: var(--blog-button-color);
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    transition: background 0.3s ease, transform 0.3s ease;
}



@media (max-width: 479px) {
    .blog-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px;
    }
    .blog-item .box-text .title {
        font-size: 16px;
    }
    .blog-item .box-text {
        padding: 0;
    }
    .blog-item .post-rating {
        margin: 0;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .blog-list {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .blog-list {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 1024px) {
    .blog-list {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}


.single-blog-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}


.single-blog-title {
    font-size: 32px;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
}


.blog-thumbnail img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 20px;
}


.single-blog-content {
    font-size: 18px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 30px;
}

.single-blog-content p {
    margin-bottom: 20px;
}

.single-blog-content a {
    color: #3498db;
    text-decoration: underline;
    transition: color 0.3s ease;
}

.single-blog-content a:hover {
    color: #1d6fa5;
}


.single-blog-rating {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

.single-blog-rating .star {
    font-size: 24px;
    color: #FFD700;
    margin: 0 5px;
}

.single-blog-rating .star.empty {
    color: #ddd;
}


.single-blog-meta {
    text-align: center;
    font-size: 14px;
    color: #999;
    margin-bottom: 30px;
}


.single-blog-back {
    display: block;
    text-align: center;
    padding: 10px 20px;
    background-color: #3498db;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    margin: 20px auto 0;
    width: fit-content;
    transition: background-color 0.3s ease;
}

.single-blog-back:hover {
    background-color: #1d6fa5;
}
.entry-header{
    display: flex;
    gap: 10px;
}
.blog-single-container{
    padding-top: 40px;
    padding-bottom: 15px;
    font-weight: normal;
}
.blog-thumbnail img{
    border: var(--box-items-borders-w) solid var(--box-items-borders);
    border-radius: var(--box-items-borders-radius);

}
.related-news-widget {
    background: var(--background-header);
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
}

.related-news-widget .widget-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    color: var(--header-footer-text-color);
    border-bottom: 2px solid var(--header-footer-text-color);
    padding-bottom: 5px;
}

.related-news-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.related-news-item {
    display: flex;
    align-items: flex-start;
    position: relative;
    gap: 15px;
    padding: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.related-news-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}

.news-thumbnail img {
    width: 120px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.news-content {
    padding-top: 10px;
}

.news-title {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 5px;
    color: var(--header-footer-text-color);
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-title:hover {
    text-decoration: underline;
    color: var(--global-tile-text-color);
}
.news-date {
    font-size: 12px;
}

.news-date{
    color: var(--header-footer-text-color);
}
.post-meta{
    color: var(--heading-title-color);
}
 .news-badge {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: #0073aa;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 8px;
    border-radius: 12px;
}
.blog .entry-header .blog-thumbnail{
    flex:30%;
}
.blog .entry-header .content{
    flex:80%;
}

.review-game-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
@media (min-width: 768px) {
    .review-game-inner {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    }
}


.review-game .item-collection {
    background: var(--box-items-color);
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.review-game .item-collection:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.review-game .item-collection a.game-id {
    text-decoration: none;
    color: inherit;
    display: block;
    height: 100%;
    position: relative;
}


.review-game .item-collection figure {
    margin: 0;
    overflow: hidden;
    position: relative;
    background: #f0f0f0;
}

.review-game .item-collection figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.review-game .item-collection:hover figure img {
    transform: scale(1.05);
}


.review-game .item-collection label {
    position: absolute;
    top: 8px;
    left: 8px;
    background-color: var(--hot-color);
    color: #fff;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 4px;
    font-weight: bold;
    z-index: 1;
}


.review-game .item-collection .info {
    padding: 14px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}


.review-game .item-collection .info .title {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 4px 0;
    text-align: center;
    word-wrap: break-word;
}


.review-game .item-collection .info .short-content {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 12px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.review-game .item-collection .info .star-list {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 8px 0;
    font-size: 16px;
    color: #ffcc00;
}

.review-game .item-collection .info .star-list .dashicons {
    margin: 0 2px;
}


.review-game .item-collection .info .game-count {
    font-size: 18px;
    font-weight: bold;
    color: #007bff;
    text-align: center;
    margin-top: 8px;
}


@media (max-width: 768px) {
    .blog-list .blog-other{
        display: block;
    }
    .blog-list .blog-other .blog-item {
        margin-bottom: 10px;
        margin-left: 0;
    }
    .review-game .item-collection figure{
        padding-bottom: 80%;
    }
    .review-game .item-collection .info{
        padding:2px 0;
    }
    .review-game .review-game .heading-category {
        font-size: 28px;
    }

    .review-game .item-collection .info .title {
        font-size: 14px;
    }

    .review-game .item-collection .info .short-content {
        font-size: 16px;
    }
}
.review-game .item-collection figure{
    border: unset;
    border-radius: unset;
}
.progressing_item .progress{
    background-color: var(--progressing-item);
}




:root {
    --wp-admin-theme-color: #007cba;
    --wp-admin-theme-color--rgb: 0,124,186;
    --wp-admin-theme-color-darker-10: #006ba1;
    --wp-admin-theme-color-darker-10--rgb: 0,107,161;
    --wp-admin-theme-color-darker-20: #005a87;
    --wp-admin-theme-color-darker-20--rgb: 0,90,135;
    --wp-admin-border-width-focus: 2px;
    --wp-block-synced-color: #7a00df;
    --wp-block-synced-color--rgb: 122,0,223;
    --wp-bound-block-color: var(--wp-block-synced-color)
}

@media (min-resolution: 192dpi) {
    :root {
        --wp-admin-border-width-focus:1.5px
    }
}


:root {
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 42px
}

html :where([style*=border-top-color]) {
    border-top-style: solid
}

html :where([style*=border-right-color]) {
    border-right-style: solid
}

html :where([style*=border-bottom-color]) {
    border-bottom-style: solid
}

html :where([style*=border-left-color]) {
    border-left-style: solid
}

html :where([style*=border-width]) {
    border-style: solid
}

html :where([style*=border-top-width]) {
    border-top-style: solid
}

html :where([style*=border-right-width]) {
    border-right-style: solid
}

html :where([style*=border-bottom-width]) {
    border-bottom-style: solid
}

html :where([style*=border-left-width]) {
    border-left-style: solid
}

:where(figure) {
    margin: 0 0 1em
}






@font-face {
    font-family: "fl-icons";
    font-display: block;
    src: url(/css/game54/fonts/fl-icons.eot);
    src: url(/css/game54/fonts/fl-icons.eot#iefix) format("embedded-opentype"),
    url(/css/game54/fonts/fl-icons.woff2) format("woff2"),
    url(/css/game54/fonts/fl-icons.ttf) format("truetype"),
    url(/css/game54/fonts/fl-icons.woff) format("woff"),
    url(/css/game54/fonts/fl-icons.svg) format("svg");
}




.lazyload {
    background-image: none !important;
}

.lazyload:before {
    background-image: none !important;
}





:root {
    --primary-color: #446084;
    --fs-color-primary: #446084;
    --fs-color-secondary: #d26e4b;
    --fs-color-success: #7a9c59;
    --fs-color-alert: #b20000;
    --fs-experimental-link-color: #334862;
    --fs-experimental-link-color-hover: #111;
}


.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
    --drawer-width: 300px;
}

.header-main {
    height: 63px
}

#logo img {
    max-height: 63px
}

.header-top {
    min-height: 30px
}

.transparent .header-main {
    height: 90px
}

.transparent #logo img {
    max-height: 90px
}


.stuck #logo img {
    max-height: 70px!important
}

@media (max-width: 549px) {
    .header-main {
        height: 70px
    }

    #logo img {
        max-height: 70px
    }
}

button,.button {
    text-transform: none;
}

.nav > li > a, .links > li > a {
    text-transform: none;
}

.section-title span {
    text-transform: none;
}

.nav-vertical-fly-out > li + li {
    border-top-width: 1px;
    border-top-style: solid;
}

.label-new.menu-item > a:after {
    content: "New";
}

.label-hot.menu-item > a:after {
    content: "Hot";
}

.label-sale.menu-item > a:after {
    content: "Sale";
}

.label-popular.menu-item > a:after {
    content: "Popular";
}








:root {
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--color--primary: #446084;
    --wp--preset--color--secondary: #d26e4b;
    --wp--preset--color--success: #7a9c59;
    --wp--preset--color--alert: #b20000;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
    --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}

:where(body) {
    margin: 0;
}


.is-layout-flex > :is(*, div) {
    margin: 0;
}

.is-layout-grid > :is(*, div) {
    margin: 0;
}




@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Caveat:wght@400..700&family=Edu+AU+VIC+WA+NT+Dots:wght@400..700&family=Galada&family=Jacquarda+Bastarda+9&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Space+Grotesk:wght@300..700&display=swap');

:root {
    --global-tile-text-color: #000000;
    --background-header: #ff7d7d;
    --heading-title-color: #ff7d7d;
    --box-title-color: #ffffff;
    --box-title-color-vertical:#000000;
    --body-color: #fff;
    --header-footer-text-color: #fff;
    --header-footer-text-active-color: #c8ff00;
    --box-items-color: #ff7d7d;
    --box-items-borders-radius: 15px;
    --box-items-borders-w: 1px;
    --box-items-borders: 10px;
    --playing-text-color: #ff7d7d;
    --icon-header-color: #ffffff;
    --tag-color: #b8860b;
    --link-color: #00ff0e;
    --btn-background-pc: #007bff;
    --btn-text-pc: #fff;
    --btn-background-google-play: #34a853;
    --btn-text-google-play: #fff;
    --btn-background-appstore: #ff0000;
    --btn-text-appstore: #fff;
    --blog-description-color: #000000;
}

html body {
    font-family: "Space Grotesk", system-ui;
    font-optical-sizing: auto;
    font-weight: bold;
    font-style: normal;
}

.dashicons, .dashicons-before:before {
    width: 16px;
}

.star-list .dashicons {
    color: #ffed1b;
}

.top-games .show-games {
    margin-right: 0;
    display: grid;
    grid-template-rows: repeat(5, 1fr);
    gap: 8px;
    grid-template-columns: repeat(10, 1fr);
}

.show-games .item-game a {
    position: relative;
}

.show-games .item-game .info {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0px;
    background-color: var(--box-items-color);
    border-radius: 0 0 6px 6px;
    color: white;
    padding: 5px;
}


.img-heading {
    width: 40px;
    margin-right: 4px;
}

.top-games .show-games .item-game {
    width: calc(16.6666666667% - 16px);
    margin-right: unset;
    margin-bottom: unset;
}

.item-collection .info .game-count {
    animation: blink1 2s infinite;
}
.progressing_item .progress{
    background-color: var(--progressing-item);
}
.top-content figure{
    width: 190px;
}
.playButton_2 {
    background-color: var(--playing-text-color);
    color: #fff;
    padding: 15px 30px;
    border: none;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    animation: pulse 1.5s infinite;
    box-shadow: 0px 0px 15px rgba(255, 0, 0, 0.6);
    transition: all 0.3s ease;
    text-align: center;
}

.playButton_2:hover {
    transform: scale(1.1);
}



@keyframes pulse {
    0% {
        transform: scale(0.9);
        box-shadow: 0 0 15px rgba(255, 0, 0, 0.6);
    }
    50% {
        transform: scale(1);
        box-shadow: 0 0 50px rgba(255, 0, 0, 1);
    }
    100% {
        transform: scale(0.9);
        box-shadow: 0 0 15px rgba(255, 0, 0, 0.6);
    }
}
@keyframes blink1 {
    0% {
        color: white;
    }

    50% {
        /*color: var(--playing-text-color);*/
        color: #2157d8;
    }

    100% {
        color: white;
    }
}


.top-games .show-games .item-game {
    width: unset;
    grid-column: span 2;
    grid-row: span 6;
}

.show-games .item-game a {
    padding: 0;
}

.item-collection figure {
    margin-bottom: 0;
}

.news-game .show-games .item-game {
    border: 1px solid var(--box-items-color);
    padding: 4px;
}

.item-collection .info .title ,.item-collection .info .title {
    color: var(--box-title-color);
}

.show-games .item-game {
    background: unset;
}

.list-related .item-collection.item-game a {
    background-color: unset;
    border-radius: unset;
    border: 1px solid var(--box-items-color);
}

.list-related .item-collection .info .title{
    color: var(--box-title-color-vertical);
}

.top-content .info-play .playButton{
    border-radius: 40px;
    margin: 0;
}
.list-related{
    border-radius: 0;
}
.list-collection .item-collection .info {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--box-items-color);
    border-radius: 0 0 6px 6px;
    padding: 5px;
}

.top-content .info-play{
    display: flex;
    flex-direction: column;
}
.top-content .info-play .collection-names .post-tags{
    margin-bottom: 0;
}
.list-related .item-collection.item-game{
    border-radius: 0;
}
.item-collection.item-game,.game-id{
    border-radius: var(--box-items-borders-radius);
    overflow: hidden ;
}
@media only screen and (max-width: 48em) {

    .game-8-col.show-games .item-game{
        width: calc(33.333333% - 16px);
    }
    .top-content .info-play .collection-names{
        flex-direction: column;
    }
    .top-content .info-play .collection-names .post-tags{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .top-content {
        text-align: center;
        align-items: center;
    }
    .item-collection .info .title {
        font-size: 12px;
    }

    .top-games .item-collection.item-game:nth-child(1) {
        grid-area: 1 / 1 / 3 / 4;
    }
    .top-games .item-collection.item-game:nth-child(2){
        grid-area:1 / 4 / 3 / 7;
    }
    .top-games .item-collection.item-game:nth-child(1), .top-games .item-collection.item-game:nth-child(2) {
        width: unset;
    }
    .top-games .show-games {
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: unset;
    }

    .top-games .item-collection.item-game {
        width: unset;
        grid-column: span 2;
        grid-row: span 2;
    }

    .news-game .show-games .item-game {
        width: calc(50% - 16px);
    }
    .top-content figure{
        width: 100%;
    }
}
.review-game-inner{
    gap: 8px;
    grid-template-columns: repeat(6, 1fr);
}
@media only screen and (max-width: 48em) {
    .review-game-inner{
        /*grid-template-columns: repeat(6, 1fr);*/
    }
    .review-game-inner .item-game:nth-child(1) {
        grid-column: span 4;
        grid-row: span 4;
    }
    .review-game-inner .item-game {
        width: unset;
        grid-column: span 2;
        grid-row: span 2;
    }
    .review-game .item-collection .info {
        padding: 2px 0;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.5);
    }
    .review-game .item-collection .info .title {
        font-size: 14px;
    }
    .review-game .item-collection figure{
        padding-bottom:100%;
    }
    .review-game .item-collection .info .star-list{
        margin: 0;
    }
}

@media screen and (min-width: 850px) {
    .mfp-ready{
        display:none!important;
    }
}

.about_content{
    margin: auto;
    text-align: center;
    list-style: none;
}

.about_content a{
    color:#fff!important;
}


@media screen and (min-width: 768px) {
    .desc_btn{
        display:none!important;
    }
}

.desc_btn{
    font-size: 1rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    background: var(--box-items-color);
    margin: .2rem;
    padding: .5rem;
    border-radius: 5px;
    border: none;
}


#description_view{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
}