.span-2,.span-header{grid-column-end:span 2}#mainNav,img.small-thumb{width:100%}p{margin-bottom:20px}.container{max-width:100%}.img-rounded{border-radius:5%}.grid-item,.list-thumbnail,img.small-thumb{border-radius:7px}.grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));column-gap:16px;margin-bottom:16px;grid-auto-rows:minmax(auto,auto);grid-auto-flow:dense;row-gap:16px}.span-header{display:flex;flex-direction:column;align-items:self-start;justify-content:flex-start;padding-top:10px;grid-row-end:span 1}.span-2{grid-row-end:span 2}.span-3{grid-column-end:span 3;grid-row-end:span 3}.comment-profile-avatar img,img.tpl-user-comment-avatar{float:left;width:3.6rem;height:3.6rem;max-width:50px;max-height:50px}.list-game{border-radius:5px;position:relative}.grid-layout .list-title{overflow:hidden;padding:.35714em;color:#fff;text-overflow:ellipsis;white-space:nowrap;position:absolute;top:50%;pointer-events:none;opacity:0;font-weight:700;left:0;transform:translateY(-50%);width:100%;text-align:center}#mainNav .container-fluid{padding-left:18px;padding-right:18px}#mainNav .navbar-nav,.content-right,.left-panel-block{display:none}.left-panel-block{width:calc(100% - 40px)}body .jquery-comments .highlight-background{background:#ff5c35!important}.left-panel-block .category-item li{color:rgba(0,0,0,.9)}@media (hover:hover) and (pointer:fine){.grid-layout .list-game:hover>.list-title,.list-thumbnail:hover{opacity:1;transition:.5s}.list-thumbnail:hover{background:rgba(33,51,67,.8)}.list-thumbnail:hover img{position:relative;z-index:-1}}@media (max-width:1199.98px){.game-wrapper .grid-layout{grid-template-columns:repeat(1,1fr);margin-bottom:0}.game-wrapper .grid-layout .span-header{max-width:100%;flex-direction:row;align-items:baseline}}@media only screen and (max-width:767px){.grid-layout{grid-template-columns:repeat(auto-fill,minmax(121px,1fr));grid-auto-rows:minmax(auto,auto);grid-gap:14px;row-gap:14px!important}}.comment-form-wrapper,.comment-reply-wrapper{background:#fff;box-shadow:0 4px 8px 0 rgba(50,50,50,.1);padding:15px;width:100%}@media (min-width:1200px){.game-wrapper{display:grid;grid-template-columns:auto 3fr 300px}.game-wrapper .span-header{justify-content:flex-start}.content-right,.left-panel-block{margin-top:20px;margin-left:20px;display:block}.header-left .single-title{font-size:27px}.game-info{padding-top:15px;padding-bottom:15px}}#comment-form,.tpl-reply-form,.user-comment-wrapper{display:flex}#tpl-comment-section{margin-top:9px;border:0;border-radius:15px;background:rgba(255,255,255,.1);margin-bottom:30px;padding:6px 0}#comment-form,.tpl-user-comment{border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:30px}.comment-profile-avatar{margin-right:20px}.comment-profile-avatar img{border-radius:50%}.comment-form-wrapper{margin-bottom:30px;border-radius:7px}textarea.tpl-comment-input{background:unset;color:inherit}textarea.tpl-comment-input:focus{background:rgba(255,255,255,.1);color:inherit;outline:0;box-shadow:none}.comment-form-wrapper textarea,.comment-reply-wrapper textarea{padding:0;border:0}.post-comment-btn-wrapper,.reply-action-buttons{float:right;margin-top:15px}textarea#comment-input{height:100px}.tpl-comment-children .tpl-user-comment:last-child{border-bottom:none}img.tpl-user-comment-avatar{border-radius:50%;margin-right:20px}.tpl-comment-children img.tpl-user-comment-avatar{max-width:40px;max-height:40px}.tpl-comment-author{font-weight:700;color:inherit}.tpl-user-comment .comment-content{margin-bottom:20px;width:100%}.tpl-comment-timestamp{margin-top:3px;font-size:15px;color:#938fb5}.tpl-comment-text{margin-top:13px;white-space:unset}.comment-actions{margin-top:15px}.comment-action-right{float:right}.comment-action-left{float:left}.tpl-comment-children{display:block;margin-left:70px}.comment-reply-wrapper{margin-left:70px;margin-bottom:30px;border-radius:12px}textarea.tpl-reply-input{background:unset;color:#ccc}textarea.tpl-reply-input:focus{background:rgba(255,255,255,.1);color:#ccc}#tpl-btn-load-more-comments{color:#fff}.tpl-btn-send-reply,.tpl-post-comment-btn{border:1px solid}a.tpl-btn-hide-replies,a.tpl-btn-show-replies,a.tpl-comment-reply{color:inherit}.comment-require-login-wrapper{ display: flex;
margin-bottom: 40px;
border: 1px solid #ddd;
border-radius: 7px;
align-items: center;
padding: 20px;}.comment-require-login-wrapper .comment-alert{padding:10px;background-color:rgba(255,255,255,.1);width:100%;border-radius:8px}ul.category-list-wrapper .cat-item{min-width:170px;flex:0 0 auto;border: 1px solid rgba(0,0,0,.1);}ul.category-list-wrapper .cat-item a{display:flex;align-items:flex-start}@media (min-width:576px){.span-header{max-width:295px}.navbar-brand{width:228px}}.list-thumbnail{position:relative;padding-top:100%;background-position:center;background-repeat:no-repeat;background-size:cover}.list-thumbnail:hover{background:center/cover no-repeat}.list-thumbnail:hover:before{position:absolute;content:"";background-color:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;border-radius:7px;backdrop-filter:blur(2px)}@media (max-width:575.98px){.span-header{flex-direction:row;align-items:flex-start;padding-bottom:15px;grid-column-end:span 3;justify-content:space-between}.top-nav{padding-top:0}#mainNav .container-fluid{margin-right:0;position:unset}.navbar-brand{flex:0 0 auto;width:auto}#mainNav{width:auto;flex:0 0 auto;position:unset}ul.user-links{top:70px;right:25px}div#nav-menu{position:absolute;top:14px;z-index:1000;width:100%;right:0;left:0;padding:0 14px}}@media (max-width:414px){.span-header{grid-column-end:span 2}}.game-iframe-container{touch-action:none;-ms-touch-action:none}.navbar-toggler svg{width:29px;height:29px}.custom-container{max-width:1350px}
/* blog style */
.blog-wrapper {
display: flex;
flex-wrap: wrap;
/* align-items: center; */
gap: 12px;
}
.blog-wrapper .post-item {
flex: 0 0 auto;
width: calc(50% - 6px);
}
.blog-wrapper .post-item:hover a {
color: #ff5c35;
}
.blog-wrapper .post-item .post-media {
padding: 0;
background-color: #fef4ea;
/* border: 1px solid #eee; */
margin-bottom: 0;
/* box-shadow: 0px 14px 46px -4px #0000001A; */
}
.blog-wrapper .post-item .post-thumb {
margin-left: 0;
margin-bottom: 0;
float: none;
width: auto;
}
.blog-wrapper .post-item .post-body {
padding: 16px;
}
.blog-wrapper .post-item .post-body .post-title {
font-size: 16px;
margin-bottom: 0;
}
.blog-wrapper .post-item .post-thumb a {
display: block;
position: relative;
padding-top: 58%;
}
.blog-wrapper .post-item .post-thumb img {
height: 100%;
width: 100%;
position: absolute;
top: 0;
object-fit: cover;
border-radius: 7px;
}
@media (max-width: 933px) {
.blog-wrapper .post-item {
display: none;
}
.blog-wrapper .post-item.post-1, .blog-wrapper .post-item.post-2, .blog-wrapper .post-item.post-3, .blog-wrapper .post-item.post-4 {
display: flex;
}
}
@media(min-width:768px){
.blog-wrapper .post-item {
width: calc(33.334% - 9px);
}
.blog-wrapper .post-item .post-body {
padding: 25px;
}
}
@media(min-width:1200px){
.blog-wrapper .post-item {
width: calc(20% - 10px);
}
}
.blog-list .btn-capsule {
background: #ff5c35;
color: #fff;
}
.blog-list .btn-capsule:hover {
background: #fff;
color: #ff5c35;
}.wgAd-loaded { color: #fff; }