h1,
h2,
h3,
h4,
h5,
h6,
a {
    color: #fff;
}

select {
    color: #fff;
    border: 1px solid #D5ACF9;
    background-color: transparent;
}

.langs-current,
select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAOBAMAAADH1sFNAAAAElBMVEUAAAD///////////////////8+Uq06AAAABXRSTlMAYF/v31EnuFkAAABJSURBVAjXVcmxDYAwAANBwwQ09JEQI7AAEgOQxPuvkuJdJK7eOi273qk+F3p30+PKud112gXwr82ugA9BgKAABISAEBACICAUGL0GE+u0dtpkAAAAAElFTkSuQmCC");
}

.app {
    color: #fff;
    background: #071860;
}

.aside {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.19);
}

.searchform__input {
    border-color: #fff;
}

.sort__title {
    color: #C3AAD7;
}

.cat-btn {
    background-color: #ff6700;
    color: #fff;
}

.cat-btn__name:after {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgBAMAAADgTEWFAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACHRSTlMAoJDvEL+AINlYkbMAAABHSURBVBjTY2CPaGKAAsaODgEo06OjoxHOhAszdSCEJRDCjLQQVkAIGyCYDcgKENoQhlEoiO5NZoQDmRHuYwMJQoGGEQM+AABoHjUTUhoTgwAAAABJRU5ErkJggg==");
}


.cat-btn--tag {
    background-color: transparent;
}

.snippet__url {
    color: #fff;
}

.snippet:hover .snippet__url {
    color: #ff6700;
}

.snippet-tag--played {
    color: #fff;
}

.footer {
    background-color: #ff6700;
    color: #fff;
}

.nav-item-footer,
.langs-current,
.langs__link {
    color: #fff;
}

.nav-item-footer:hover,
.langs-current:hover,
.langs__link:hover {
    color: #071860;
}

.btn-close:after,
.btn-close:before {
    background-color: #e1dfdf;
}

.langs-popup,
.modal {
    background-color: #0a0911;
}

.btn--danger+.btn-tap__label {
    color: #fff;
}

@media (min-width: 1200px) {
    .aside__body {
        background: none;
    }
}
.game-content-page {
    position: relative;
    padding: 20px;
    border-radius: 16px;
    color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.19);
}
.game-content-page p a,.single-description ul li a,.single-description ol li a{
    color:#feb101;
    text-decoration: none;
    font-weight: 600;
}
.game-content-page p{
    margin: 0 0 10px 0
}
.game-content-page h2 {
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 12px 0;
}

.game-content-page h3, .game-content-page h4, .game-content-page h5 {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    margin: 0 0 12px 0;
}
.game-content-page ul,.game-content-page ol{
    padding-left: 24px;
}
.game-content-page .single-description ul li,.game-content-page .single-description ol li{
    list-style: disc;
}
/*news*/
.articleBox {
    padding: 35px 40px 30px 40px;
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
    background: rgb(255 255 255 / 30%);
    position: relative;
    color: inherit;
    font-size: 14px;
    color:#fff;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.articleBox .artText img {
    margin: 8px auto;
    max-width: 700px;
    width: 100%;
    object-fit: contain;
    display: block;
}

.articleBox .artText h2 {
    font-size: 24px;

}

.articleBox .artText h2, .articleBox .artText h3, .articleBox .artText h4 {
    color: #00994f;
    margin-bottom: 10px;
}

.articleBox .artText p {
    margin-bottom: 10px;
}

.articleBox .artText p a, articleBox .artText ul li a, articleBox .artText ol li a {
    color: #00994f;
}

.artCat {
    width: 100%;
    padding: 0 0 6px;
    display: flex;
    flex-flow: row wrap;
    border-bottom: 1px solid #ffffff38;
    margin-bottom: 12px;
}

.artCat a {
    color: #fff;
    text-decoration: none;
}

.artTitle {
    padding: 0 0 20px;
    font-size: 32px;
    font-weight: 700;
}

.artMainImgBox {
    margin: 12px 0 24px;
    position: relative;
    float: left;

}

.artSideWrapBox {

}

.artSideTitle {
    font-size: 20px;
    margin: 0 0 16px;
    color: #fff;
}

.relNews {
    padding-bottom: 32px;
}

.relNewsItem:last-child {
    margin: 0;
}

.relNewsItem {
    width: 100%;
    margin: 0 0 18px;
    display: flex;
    flex-flow: row nowrap;
    position: relative;
}

.sectionLink {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
}

.relNewsImg {
    width: 110px;
    height: 110px;
    border-radius: 8px
}

.newsItem {
    width: 100%;
    margin: 0 0 18px;
    display: flex;
    flex-flow: row nowrap;
    position: relative;
    color: #C5B0D2;
}

.relNewsInfo {
    padding: 0 0 0 20px;
    justify-content: flex-start;
    display: flex;
    flex-flow: column nowrap;
    width: calc(100% - 110px);
}

.relNewsTitle {
    padding:  0;
    margin: 8 0;
    font-size: 14px;
    overflow: hidden;
    color: #fff;
}

.newsItem .relNewsTitle {
    font-size: 24px;
}

.newsTitle {
    font-size: 32px;
    color: #fff;
    margin-bottom: 16px;
    text-align: center;
    font-weight: 600;
}

.shortDes {
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.newsDes {
    margin-bottom: 24px;
}

.read_more {
    color: #eb3175;
    text-decoration: none;
    font-size: 14px;
}
.show_content {
    position: absolute;
    max-width: 98%;
    width: 100%;
    bottom: 14px;
    border-top: 2px solid #fff;
    display: flex;
    align-items: flex-end;
    z-index: 12;
}

.ShowMore_button {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border: 2px solid #fff;
    border-top: 0;
    background: 0 0;
    color: #fff;
    font-size: 14px;
    width: fit-content;
    cursor: pointer;
    gap: 12px;
    padding: 6px 12px;
}
.icon_hot{
    color :#f99a13
}
.icon_new{
    color: #ffc107;
}
.icon_popular{
    color: #ffc250
}
.page-content h2,page-content h3{
    font-size: 24px;
    color:#fff;
}