.xgm_offer_container{
display: flex;
flex-wrap: wrap;
width: 100%;
}
.xgm_offer_block{
float:left;
width: 418px;
height: auto;
text-align: center;
background-color: rgba(255,255,255,0.05);
margin: 3px;
position: relative;
overflow: hidden;
flex: 1 0 49%;
padding-bottom: 42px;
}
.xgm_offer_block_content{}
.xgm_offer_block .xgm_offer_image{
width: 135px;
height: 202px;
float: left;
background-size: contain;
position: relative;
}
.xgm_offer_block .xgm_offer_image span{
width: 100%;
height: auto;
position: absolute;
text-align: center;
bottom: 0;
left:0;
background: rgba(0,0,0,0.5);
}
.xgm_offer_block .xgm_offer_content{
width: calc(100% - 145px);
height: 190px;
float: left;
margin: 4px;
position:relative;
}
.xgm_offer_block .xgm_offer_content h3{
font-size: 16px !important;
margin-top: 10px;
color:#ddd;
text-trasform: none;
}
.xgm_offer_block .xgm_offer_content h4{
font-size: 25px !important;
margin-top: 10px;
margin-bottom: 10px;
color:#ddd;
text-trasform: none;
}
.xgm_offer_block .xgm_offer_buttons{
text-align:center;
display: inline-flex;
width:100%;
position: absolute;
left: 0;
bottom:0;
display:flex;
flex-wrap: wrap;
}
.xgm_offer_block .xgm_offer_buttons a{
display: inline-block;
float:left;
padding: 6px;
margin-right: 2px;
margin-left: 2px;
text-decoration: none;
font-size: 13px;
flex: fit-content;
}
.xgm_offer_block .xgm_offer_buttons .b1{
background: transparent;
color: #fff;
border: 3px solid #ffe42d;
padding: 2px;
}
.xgm_offer_block .xgm_offer_buttons .b2{
background: #ffe42d;
color: #000;
}
.xgm_offer_block .xgm_offer_buttons .b3{
background: green;
color: #fff;
}
.xgm_offer_block2 .b1{
background: transparent;
color: #fff;
border: 3px solid #ffe42d;
padding: 2px;
}
.xgm_offer_block2 .b2{
background: green;
color: #fff;
}
.xgm_offer_block2 .b3{
background: green;
color: #fff;
}
.xgm_offer_block2 .b4{
background: #fff;
color: #000;
}
.xgm_offer_block2 .b2 .ico{
display: inline-block;
height: 20px;
width: 20px;
background-size: contain;
background-repeat: no-repeat;
vertical-align: sub;
background-image: url(https://jogos.gamerscore.com.br/logoMicrosoft.png);
}
.xgm_offer_block2 .b4 .ico{
display: inline-block;
height: 20px;
width: 20px;
background-size: contain;
background-repeat: no-repeat;
vertical-align: sub;
background-image: url(https://jogos.gamerscore.com.br/logoFc.png);
}
.xgm_offer_block .xgm_search_badge{
position: absolute;
width: 127px;
text-align: center;
font-size: 13px;
text-transform: uppercase;
padding-right: 10px;
padding-left: 10px;
transform:rotate(-45deg);
-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);
top: 28px;
left: -32px;
box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.3);
}
.xgm_offer_block .xgm_search_goldBadge{
background: gold;
color: green;
}
.xgm_offer_block .xgm_search_badgeEaPlay{
background: #ff4747;
color: #fff;
}
.xgm_offer_block .xgm_search_badgeGamePass{
background: #107c10;
color: #fff;
}
.xgm_offer_block .xgm_offer_content .xgm_offer_buttons{
display:none;
}
.xgm_offer_block .xgm_offer_buttons_under{
display:flex;
}
.xgm_offer_block .xgm_badge_price{
position: absolute;
background: silver;
padding: 10px;
right: 0;
top: 0;
}
.xgm_offer_block .xgm_badge_price i{
position: absolute;
top: -18px;
right: -18px;
background: linear-gradient(to top,silver, #020202);
padding: 10px;
color: black;
transform:rotate(45deg);
-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);
}
.xgm_offer_block .xgm_badge_price.xgm_badge_price_best{
background: gold;
}
.xgm_offer_block .xgm_badge_price.xgm_badge_price_best i{
background: linear-gradient(to top,gold, #f7e6a4);
}
.xgm_offer_block .xgm_badge_price.xgm_badge_price_worst{
background: #cd7f32;
}
.xgm_offer_block .xgm_badge_price.xgm_badge_price_worst i{
background: linear-gradient(to top,#cd7f32, #020202);
}
.xgm_offer_filters span{
cursor: pointer;
color: #ffe42d;
border: 1px solid #ccc;
margin: 3px;
padding: 2px 10px;
display: inline-block;
text-decoration: none;
font-size: 15px !important;
}
.xgm_offer_filters span.active{
background: #ffe42d;
color: #000;
}
.xgm_offer_filters_buttons{
width: 100%;
}
.xgm_offer_filters_buttons > div{
float: left;
width: 100%;
}
.xgm_offer_pagination{
width: 100%;
text-align: center;
}
.xgm_offer_pagination > a{
display: inline-block;
border: 3px solid #ffe42d;
margin: 3px;
text-decoration: none !important;
color: #fff;
background: transparent;
padding: 4px;
height: 30px;
width: 30px;
text-align: center;
box-shadow: none;
line-height: 30px;
}
.xgm_offer_pagination > a.active{
color: #000;
background: #ffe42d;
}
.xgm_rewards_table{
width:100%;
height:100%;
border:4px solid #333333;
border-collapse:collapse;
padding:5px;
}
.xgm_rewards_table th{
border:4px solid #333333;
padding:5px;
background:#202020;
}
.xgm_rewards_table td{
border:4px solid #333333;
padding:5px;
background:#444343;
}
.xgm_post_list{display:inline-block;}            
.xgm_post_list > li{list-style:none;position:relative;background:rgba(255,255,255,0.09);margin-bottom:5px;}            
.xgm_post_list > li > h4{text-align: center;padding: 10px;font-size: 25px;}            
.xgm_post_list > li > a{height:100%;width:100%; display:inline-block;}            
.xgm_post_list > li > a > figure{width:300px;height:auto;float:left;}            
.xgm_post_list > li > a > figure > img{width:300px;height:auto;float:left;}            
.xgm_post_list > li > a > span{width:calc(100% - 320px);float:left; padding:10px;margin:0;}            
.xgm_post_list > li > a > span.xgm_post_list_title{font-size: 20px;text-transform: uppercase;color: white;font-weight: 800;}  
@media (max-width: 750px) {
.xgm_post_list > li > a > figure{width:100%;height:auto;float:left;}
.xgm_post_list > li > a > figure > img{width:100%;height:auto;}
.xgm_post_list > li > a > span{width:100%;float:left; padding:10px;margin:0;}     
}
@media (min-width: 850px) {
.xgm_offer_filters_buttons > div{
float: left;
width: 50%;
}
}