@import url('https://fonts.googleapis.com/css2?family=Lexend&display=swap');
.ui.three.cards {
    margin-left: -1em;
    margin-right: -1em;
}

.ui.cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -0.875em -0.5em;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media only screen and (min-width: 1200px) {
.ui.container {
    width: 1127px;
    margin-left: auto!important;
    margin-right: auto!important;
}
}



.ui.three.cards>.card {
    width: calc(33.33333333% - 2em);
    margin-left: 1em;
    margin-right: 1em;
}


.ui.cards a.card, .ui.link.card, .ui.link.cards .card, a.ui.card {
    -webkit-transform: none;
    transform: none;
}

.ui.cards>.card {
    font-size: 1em;
}

.ui.cards>.card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0.875em 0.5em;
    float: none;
}

.ui.card, .ui.cards>.card {
    max-width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 290px;
    min-height: 0;
    background: #fff;
    padding: 0;
    border: none;
    border-radius: 0.28571429rem;
    -webkit-box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
    -webkit-transition: -webkit-box-shadow .1s ease,-webkit-transform .1s ease;
    transition: -webkit-box-shadow .1s ease,-webkit-transform .1s ease;
    transition: box-shadow .1s ease,transform .1s ease;
    transition: box-shadow .1s ease,transform .1s ease,-webkit-box-shadow .1s ease,-webkit-transform .1s ease;
    z-index: '';
}
.ui.card {
    margin: 1em 0;
}
.post {
}
.ui.card:after,
.ui.cards:after {
    display: block;
    content: ' ';
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
/* .ui.cards>.post::before {
    background-image: url(../plugins/christmasify/img/xmas-frame-snows.png) !important;
    background-position: bottom right;
    background-size: cover;
} */

.ui.card>.content, .ui.cards>.card>.content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border: none;
    border-top: 1px solid rgba(34,36,38,.1);
    background: 0 0;
    margin: 0;
    padding: 1em 1em;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 1em;
    border-radius: 0;
}
.ui.card>:only-child, .ui.cards>.card>:only-child {
    border-radius: 0.28571429rem!important;
}
.ui.card>:last-child, .ui.cards>.card>:last-child {
    border-radius: 0 0 0.28571429rem 0.28571429rem!important;
}
.ui.card>:first-child, .ui.cards>.card>:first-child {
    border-radius: 0.28571429rem 0.28571429rem 0 0!important;
    border-top: none!important;
}

.ui.card .content img, .ui.cards>.card .content img {
    display: inline-block;
    vertical-align: middle;
    width: '';
}
.ui.card [class*="right floated"], .ui.cards>.card [class*="right floated"] {
    float: right;
}
.ui.right.floated.image, .ui.right.floated.images {
    float: right;
    margin-right: 0;
    margin-bottom: 1em;
    margin-left: 1em;
}
.ui.tiny.image, .ui.tiny.images .image, .ui.tiny.images img, .ui.tiny.images svg {
    width: 80px;
    height: auto;
    font-size: .85714286rem;
}
.ui.floated.image, .ui.floated.images {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
}
.ui.rounded.image, .ui.rounded.image>*, .ui.rounded.images .image, .ui.rounded.images .image>* {
    border-radius: 0.3125em;
}
img.ui.image {
    display: block;
}
.ui.image {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    background-color: transparent;
}

.ui.card>.content>.header:not(.ui), .ui.cards>.card>.content>.header:not(.ui) {
    font-weight: 700;
    font-size: 1.28571429em;
    margin-top: -0.21425em;
    line-height: 1.28571429em;
}
.ui.card>.content>.header, .ui.cards>.card>.content>.header {
    display: block;
    margin: '';
    font-family: 'Lexend', sans-serif;
    /*font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;*/
    color: rgba(0,0,0,.85);
}

.ui.card .meta, .ui.cards>.card .meta {
    font-size: 1em;
    color: rgba(0,0,0,.4);
}

.ui.card>.content:after, .ui.cards>.card>.content:after {
    display: block;
    content: ' ';
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.ui.card:after, .ui.cards:after {
    display: block;
    content: ' ';
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
    /* background-image: url("../plugins/christmasify/img/xmas-frame-snows.png") !important;
        background-size: cover !important;
        background-position: right bottom;
        background-repeat: no-repeat !important; */
}

@media only screen and (max-width: 767px) {
.ui.stackable.cards {
    display: block!important;
}
.ui.three.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
}
.ui.container {
    width: auto!important;
    margin-left: 1em!important;
    margin-right: 1em!important;
}
.ui.stackable.cards>.card {
    display: block!important;
    height: auto!important;
    margin: 1em 1em;
    padding: 0!important;
    width: calc(100% - 2em)!important;
}
.ui.three.doubling.cards>.card {
    width: calc(50% - 2em);
    margin-left: 1em;
    margin-right: 1em;
}
.ui.stackable.cards .card:first-child {
    margin-top: 0!important;
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.ui.three.doubling.cards>.card {
    width: calc(50% - 2em);
    margin-left: 1em;
    margin-right: 1em;
}
}

.ui.cards a.card:hover,.ui.link.card:hover,.ui.link.cards .card:hover,a.ui.card:hover{cursor:pointer;z-index:5;/*background:#fff;*/border:none;-webkit-box-shadow:0 1px 3px 0 #bcbdbd,0 0 0 1px #d4d4d5;box-shadow:0 1px 3px 0 #bcbdbd,0 0 0 1px #d4d4d5;-webkit-transform:translateY(-3px);transform:translateY(-3px)}

@media (min-width: 962px) and (max-width: 992px) {
body .container .list-container .item-game-wrapper .item-info {
margin-top:45px!important;
padding:0;
}
}

@media (min-width: 993px) and (max-width: 1199px) {
body .container .list-container .item-game-wrapper .item-info {
margin-top:100px!important;
padding:0;
}
}