/**
 * Theme Name:     NewsGamer Child
 * Author:         RIddhi
 * Template:       newsgamer
 * Text Domain:	   newsgamer-child
 * Description:    Premium News / Magazine WordPress Theme
 * Theme URI:      http://themeforest.net/item/newsgamer-wordpress-news-magazine-theme/14521155
 * Author URI:     http://themeforest.net/user/mip/portfolio
 * Version:        2.2.1
 * License:        Envato Marketplaces Split Licence
 * License URI:    http://Envato%20Marketplace%20Item%20License%20Certificate
 * Tags:           one-column, two-columns, three-columns
 */
 
 
 @media (min-width: 1200px) {
  .container {
    width: 1370px !important;
  }
}

@media (min-width: 992px) {
  #page-content.left-sidebar .main, #page-content.right-sidebar .main {
    display: table-cell;
    vertical-align: top;
    width: 990px !important;
  }
}

.stars {
    --percent: calc(var(--rating) / 5 * 100%);  
    display: inline-block;
    font-size: 30px;
    font-family: Times; 
    line-height: 1;
	
}
.stars::before {
    content: '★★★★★';
    letter-spacing: 2px;
    background: -webkit-gradient(linear, left top, right top, from(#fc0), to(#fff));
    background: linear-gradient(-90deg, #fc0 var(--percent), #999 var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.casino-rating span{
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
}
.rtl-direction {
	direction: rtl;
}
.ltr  > * {
	direction: ltr !important;
}
.casino-block, .infotable .info-row{
	display: flex;
	grid-gap: 8px;
}
.casino-block{
	margin-bottom: 32px
}
@media screen and (min-width: 768px){
	.casino-cta {
		grid-template-columns: 230px auto 200px;
	}
}
.casino-cta {
	background: #1b1a3a;
	border-radius: 8px;
	display: grid;
	grid-gap: 16px;
	padding: 16px;
	justify-items: center;
	align-items: center;
}
.casino-logo-rating, .casino-bonus {
	width: 100%;
	border-radius: 4px;
	padding: 16px;
	text-align: center;
}
.casino-bonus {
	display: grid;
	color:#fff;
	font-size: 18px;
	font-size: 18px;
  justify-content: center;
  text-align: center;
	align-items: center;
}
.bonus-accent {
	font-size: 1.3em;
	color: #FF8000;
	font-weight: bold;
}
.casino-rating {
	display: flex;
    align-items: center;
    grid-gap: 8px;
    justify-content: center;
    margin-top: 8px;
    border-top: 1px dashed #387693;
    padding-top: 8px;
}
.casino-logo-rating img {
	max-width: 175px;
	height: auto;
}
.affbutton {
		width: 100%;
    text-align: center;
    padding: 24px 0;
    border-radius: 4px;
    font-size: 1.3em;
    font-weight: bold;
    align-self: center;
		background-image: linear-gradient(to right, #FF512F 0%, #DD2476  51%, #FF512F  100%);
    margin: 10px;
    padding: 15px 45px;
   	transition: 0.5s;
    background-size: 200% auto;
    color: white;
    border-radius: 10px;
}
.affbutton:hover {
	background-position: right center; 
	color: #fff;
	text-decoration: none;
}
.casino-info {
	background-color: #F6F6F6;
	padding: 16px;
	border-radius: 8px;
	display: grid;
	grid-template-columns: 60% auto ;
	grid-gap: 8px;
	width: 75%;
}
.casino-info img {
	max-width: 100%;
	height: auto;
	border-radius: 4px;
}
.infotable {
	background-color: #fff;
	border-radius: 4px;
	padding: 16px;
	border: 1px solid #CED4D7;
	grid-row: 1 / span 2
}
.info-row {
	padding: 6px;
}
.info-row:nth-child(even) {
	background-color:#f6f6f6;
	border-bottom: 1px dashed #ccc;
    border-top: 1px dashed #ccc;
}
.info-label {
	width: 30%;
	
}
.info-item {
	width: 70%;
	font-weight: bold;
}
.pros, .cons{
	background-color: #fff;
	padding: 16px;
	list-style: none;

	border-radius: 4px;
}

.pros li, .cons li {
	position: relative;
	padding: 4px 16px 4px 0;
}
.pros li:before, .cons li:before {
    font-size: 14px;
    position: absolute;
    right: 2px;
    margin-top: 4px;
    padding: 0;
    line-height: 14px;
		font-weight: bold;
}

.pros li:before {
	content: '+';
	color: green;
}
.cons li:before {
	content: '-';
	color: red;
}
.casino-games-area {
	background-color: #1b1a3a;
	grid-column: 1 / span 2;
	border-radius: 4px;
	color: #fff;
	display: flex;
	grid-gap: 24px;
	list-style: none;
	align-items: center;
	padding: 16px;
	margin: 0;
}
ul.countries {
	display: grid;
    list-style: none;
    grid-gap: 4px;
    justify-content: space-evenly;
    text-align: center;
    grid-template-columns: repeat(9, 24px);
    width: 70%;
    margin: 0;
    padding: 0;
}
@media screen and (max-width:768px) {
	.casino-cta {
		margin: 8px;
	}
	.casino-block, .infotable .info-row {
		flex-direction: column;
	}
	ul.countries {
		width: unset;
	}
	.casino-info {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.casino-info img{
		margin: 0 auto;
	}
	.casino-games-area {
		flex-wrap: wrap;
	}
	.proscons-block {
		grid-template-columns: unset !important
	}
}

.proscons-block{
	display:grid;
	grid-template-columns: 48% 48%;
	grid-gap: 4%;	
	direction: rtl;
}
.proscons-block h3 {
	border-bottom: 0;
	padding-bottom: 8px;
	text-align: center;
}
.casino-pros, .casino-cons {
	padding: 24px;
	background-color: #eee;
}
.proscons-block ul {
	list-style: none;
	padding: 0;
}
.proscons-block ul li{
	padding: 4px 0;
	font-size: 1.3em;
}
.casino-pros ul li:before {
		content: '+';
	color: green;
}
.casino-cons ul li:before {
		content: '-';
	color: red;
}
.proscons-block ul li:before {
	margin-left: 8px;
	font-weight: bold;
}
.proscons-block img {
	display: block;
	margin: 0 auto;
}

.info-table-block{
		margin: 20px 0;
}
.table-row {
	display: flex;
	align-items: center;
	grid-gap: 8px;
	
}
.table-row:nth-child(even){
	background-color: #eee;
}
.table-row span {
	padding: 2px 16px;
	display: block;
}
.table-row:nth-child(even) span.label{
	
}
.table-row .label {
	color: #333;
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
	border-left: 1px solid #ccc;
	border-radius: unset;
	width: 200px;
}
.table-row .value {
	color: #222;
	font-weight: bold;
}

/*Countries*/
.countries-block {
	background-color: #e0e0e0;
  padding: 24px;
}
.countries-block ul{
	display: flex;
	padding: 0;
	margin: 0;
	list-style: none;
	grid-gap: 24px;
	justify-content: center;
}
/*Games*/
.casino-games-block ul {
	list-style: none;
	display: flex;
	grid-gap: 8px;
	flex-wrap: wrap;
	padding: 0;
	margin: 24px 0;
	text-align: center;
}

.casino-games-block ul li {
	padding: 16px;
	background-color: #eee;
	display: grid;
}

/*Casino Tables
 * --------------------------------------------------------------------
 * ----------------------------------------------------- */

/*Grid Layout*/

.tbl.layout-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 8px;
	margin: 24px 0;
}
.tbl.layout-grid h2 {
	grid-column: 1 /span 4;
}
.tbl.layout-grid .casino-item {
	display: grid;
	padding: 24px;
	border: 1px solid #ececec;
}
.layout-grid .table-cell {
	display: grid;
	justify-items: center;
	text-align: center;
}
.casino-item:nth-child(even){
	background-color: #eee;
}
.casino-item-bonus {
	margin: 16px 0;
}
/*----------------*/

.tbl.layout-table {
	padding: 16px !important;
	background-color: #eee;
	text-align: center;
	margin-bottom: 24px;
}
 .tbl h2{
	font-size: 32px;
	text-transform: uppercase;
    color: orange;
    font-weight: 600;
    margin: 0 0 16px 0;
    line-height: 1.3em
}

.tbl.layout-table .casino-item {
	display: grid;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	background-color: #fff;
	margin-bottom: 8px;
	padding: 16px;
	grid-template-columns: 170px auto 110px 130px;
}
.layout-table .table-cell {
	display: grid;
	justify-content: center
}
.tbl .bonus-before {
	text-transform: uppercase;
	font-size: 18px
} 
.tbl .bonus {
	font-size: 24px;
	font-weight: bold;
	color: #1b1a3a;
	line-height: 1.1em
}
 .table-cell img {
	width: 160px;
	height: auto;
	 margin: 0;
}
a.aff-button{
	padding: 16px 20px;
	background-color: #202f5b;
	color: #fff;
	margin-top: 16px;
}
a.aff-button:hover {
	background-color: #02a9d8;
}
/*Rating stars */
.stars {
    --percent: calc(var(--rating) / 5 * 100%);  
    display: inline-block;
    font-size: 24px;
    font-family: Times; 
    line-height: 1;
}
.stars::before {
    content: '★★★★★';
    letter-spacing: 2px;
    background: -webkit-gradient(linear, left top, right top, from(#fc0), to(#eee));
    background: linear-gradient(90deg, #fc0 var(--percent), #eee var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/*-----------------------------------*/
.featured-casino {
	display: none;
}

@media only screen and (max-width: 767px){
	.tbl.layout-grid {
		grid-template-columns: 100%;
	}
	.tbl h2 {
		grid-column: unset !important;
	}
	.tbl .casino-item{
		display: grid;
		justify-content: center;
		gap: 4!important;
	}
	.table-row {
		flex-direction: column;
		text-align: center;
	}
	.table-cell {
		justify-items: center;
	}
	.featured-casino {
		display: block;
		padding: 16px;
		background-color: #ebf5ffee;
		margin-bottom: 16px;
	}
	.featured-casino a.aff-button {
		margin: 0;
		width: 100%;
	}
	.info-table-block .table-row .label {
		border: 0;
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	.tbl.layout-table .casino-item{
		grid-template-columns: repeat(2, 1fr) !important;
		
	}
}
@media only screen and (min-width:768px) and (max-width:1018px) {
	.tbl.layout-table .casino-item{
		grid-template-columns: repeat(2, 1fr) !important;
		
	}
}
@media only screen and (max-width:479px) {
	.tbl.layout-table {
		padding: 0;
		background-color: transparent;
	}
	.tbl.layout-table .casino-item{
		grid-template-columns: 100% !important;
		background-color: #efefef !important;
	}
	.stars {
		font-size: 32px;
	}
	a.aff-button{
		margin-top: 0;
	}
	.table-cell{
		margin: 0!important;
	}
}