/*
* Theme Name: Top-ranking casino reviews
* Theme URI: https://www.10bestcasinodeals.co.uk/
* Template: astra
* Author: WP Guru
* Author URI: https://teams.live.com/l/invite/FEAsLF794fk7G7gigs
* Description: This is custom-built theme by developer!
* Version: 4.0.2.1675289515
* Updated: 2025-06-12 22:11:55
*/


/**** Casino reviews (1) page template style ****/
p { margin-bottom: 10px; }

#content .ast-container {
	max-width: 1240px;
    padding: 0;
    margin: auto;
    display: block;
}
.page-template-casino-list-page-template #content .ast-container {
	max-width: none;
}
#content .content-area.primary {
	margin: 0;
    /* background-image:linear-gradient(to top, #960f39, #e32828); */
}
.casino-page-container {
	padding: 0 20px;
	margin: auto;
	max-width:1440px;
    position:relative;
}

.casino-page-header h1.main-title {
	font-weight: 700;
	margin-bottom: 20px;
	font-size: 48px;
	line-height: 1.05;
    text-shadow:2px 2px 1px #000;
}
.casino-page-header .header-text {
	font-size: 18px;
    font-weight:600;
    text-shadow:2px 2px 1px #000;
}

.casino-lists-section {
	/* padding-top: 50px; */
}
.casino-lists-header {
	margin-bottom: 20px;
}
.lists-header h3 {
	font-size: 25px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 10px;
}
.lists-text p {
	margin: 0;
}

.casino-lists-table {
	display: flex;
	text-align: center;
	font-size: 16px;	
	padding: 3px 25px;
	margin-bottom:10px;
	border: 1px solid #4b5b88;
    border-radius: 5px;
}
.table-site {
	width: 16%
}
.table-bonus {
	width: 24%
}
.table-casino {
	width: 25%
}
.table-rating {
	width: 15%
}
.table-secure {
	width: 20%
}

@media only screen and (max-width: 912px) {
	.casino-page-header h4.sub-title {
		
	}
	.casino-page-header h1.main-title {
		font-size:32px;
	}
	.lists-header h3 {
		font-size: 22px;
	}
	.casino-lists-table {
		display: none;
	}
}

/**** Single Casino review (1) page ****/
.casino-post {
	padding: 50px 0;
}
#single-casino-list {
	margin-bottom: 10px;
	border: 1px solid #4b5b88;
	position: relative;
	border-radius:5px;
}
#single-casino-list .casino-list-row {
	display: flex;
	padding: 0px;
}
.mobile-block {
	display: none;
}

/** ID Number column **/
.casino-number {
	position: absolute;
	display: flex;
	width: 15px;
	height: auto;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	font-weight: 700;
	z-index:1;
	border-radius: 0px 0px 5px 0px
}

/** Mobile Flag **/
.casino-flag {
	z-index:1;
	position: absolute;
	right: 0;
	text-align: center;
	width: 32px;
	height: 22px;
	font-size: 13px;
	line-height: 1.2;
	border-radius: 0 0 0 5px;
	padding-left: 5px;
	font-weight: 700;
	padding-top: 3px;
}
.casino-desktop {
	visibility: visible;
}
.casino-mobile {
	visibility: hidden;
}

/** Logo & Bonus column **/
.single-casino-1 #single-casino-list .logo-bonus-col .casino-badge {
	background-color:#59d317;
}
.single-casino-1 #single-casino-list .logo-bonus-col .casino-badge i.fa-thumbs-up:before {
	content: "\f5a2";
}

.logo-bonus-col {
	width: 40%;
	display: flex;
	position:relative;
}
.logo-bonus-col .casino-badge {	
	width: calc(40% - 40px);
    position: absolute;
    background-color: #198754;
	border-radius: 0px 0px 5px 5px;
    color: #fff;
	font-size: 14px;
	text-align: center;
	margin: 0px 20px;
	padding:0px 5px;
}

.logo-bonus-col .logo-col {	
	width: 40%;
	display: grid;
}
.logo-bonus-col .logo-col .logo-row {
	display: flex;
	align-items: center;
	justify-content: center;
	padding:10px;
}
.logo-bonus-col .bonus-col {
	width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 20px 10px 20px;
}
.logo-bonus-col .bonus-col .bonus-row {
	display: flex;
	align-items: center;
	justify-content: center;
}
.logo-bonus-col .bonus-col .bonus-title {
	line-height: 1.2;
	font-weight: 700;
	text-align: center;
}
.logo-bonus-col .bonus-col .bonus-title .bonus-descriptions:not(:last-child) {
    margin-bottom:10px;
}

/** Games Block column **/
.games-block-col {
	width: 25%;
	display: flex;
	padding: 20px 20px 10px 20px;
}
.games-block-col .games-col {
	/* width: 33.3%; */
	width: 100%;
	display: grid;
	padding: 5px;
}
.games-block-col .games-col .games-row {
	display: flex;
	 align-items: center; 
	justify-content: center;
	flex-direction: column;
}

.games-block-col .games-col .games-block {
	
}
.games-block-col .games-col .games-block img {
	width: 18px;
	height: 18px;
	margin: 4px 10px 0px 0px;
}
.games-block-col .games-col .games-block .games-title {
	font-weight: normal;
	text-align:center;
}

/** Rating column **/
.rating-col {
	width: 15%;
	display: grid;
	padding:20px 20px 10px 20px;
}
.rating-col .rating-row {
	display: flex;
	align-items: center;
	justify-content: center;
}

.rating-col .rating-block {
	text-align: center;
	padding: 15px 5px;
	border-radius: 2px;
}
.rating-col .rate-rating {
	font-size: 42px;
	margin-bottom: 5px;
    font-weight:700;
}
.rating-col .casino-rating {
	font-size: 20px;
	display: flex;
	justify-content: center;
	margin-bottom: 5px;
}

/** Button column **/
.button-col {
	width: 20%;
	display: grid;
	padding:20px 20px 10px 20px;
}
.button-col .button-row {
	display: flex;
	align-items: center;
	justify-content: center;	
}
.button-col .button-block {
	width: 100%;
	text-align: center;
}
.button-col .button-block .button-casino {
	font-size: 20px;
	display: block;
	position: relative;
	padding: 10px;
	margin-bottom: 5px;
	border-radius:5px;
}
.button-col .button-block .button-under-text a {
	text-decoration:underline;
	position:relative;
	font-size:12px;
}
.button-col .button-block .button-under-text a i {
	position: absolute;
	right: -10px;
	top: 5px;
}

/** Bottom Description area **/
.casino-bottom {
	padding: 10px;
	font-size: 11px;
	line-height: 1.2;
    /*text-align:center;*/
}
.casino-bottom a {
	font-weight: 700;
}
.casino-bottom p {
	margin-bottom: 0;
}

@media only screen and (max-width: 912px) {
	#content .ast-container {
		padding: 0 !important;
	}
	.mobile-block {
		display: block;
	}

	.casino-number {
		height: auto;
	}	
	.casino-desktop {
		visibility: hidden;
	}
	.casino-mobile {
		visibility: visible;
	}	
	#single-casino-list .casino-list-row {
		display: block;
		padding: 0px;
	}
	.logo-bonus-col {
		width: 100%;
		display:block;
	}	
	.logo-bonus-col .casino-badge {	
		width: calc(100% - 80px);
		position: absolute;
		background-color: rgba(25, 135, 84, 0.7);
		border-radius: 0px 0px 5px 5px;
		color: #fff;
		font-size: 12px;
		text-align: center;
		margin: 0px 40px;
		padding:0px 5px;
	}
	.logo-bonus-col .logo-col {
		width:100%;
	}
	.logo-bonus-col .logo-col .logo-row {		
		padding:10px 10px 30px 10px;
	}
	.logo-bonus-col .bonus-col {
		padding: 10px;
		width:100%;
	}
	.logo-bonus-col .bonus-col .bonus-up, .logo-bonus-col .bonus-col .bonus-down {
		font-size: 12px;
	}
	.games-block-col {
		width: 100%;
		padding: 10px;
		margin-bottom: 10px;
	}
	.rating-col{
		width: 100%;
		display: none;
	}
	.button-col{
		width: 100%;
		padding:10px;
	}
	.button-casino i{
		/* display: none; */
	}
	.button-under-text {
		/* display: none; */
	}
	
	.casino-bottom {
		margin: 0px;
		text-align: center;
	}
	.logo-col {	
		width: 35%;
		display: grid;
		border-right: solid 1px #d6d6d6;
	}
	.bonus-col {
		width: 65%;
		display: grid;
	}
	.bonus-col .bonus-title {
		font-size: 18px;
	}
}

.casino-page-footer {
	padding: 50px 0;
    margin-top:30px;
}
.casino-page-footer h1, .casino-page-footer h2, .casino-page-footer h3, .casino-page-footer h4 {
	margin-bottom: 20px;
    text-align:center;
}


/**** Casino reviews (2) page template style ****/
#content #primary_2 {
	margin: 0 ;
}
#content #primary_2 .casino-page-container {
	padding: 0 20px;
	margin: auto;
	max-width:1240px;
}
#content #primary_2 .casino-page-header {
	padding: 90px 20px 30px;
	text-align: center;
	box-shadow: 0 3px 7px rgb(41 41 41 / 29%);
}
#content #primary_2 .casino-page-header h1 {
	font-weight: 700;
	margin-bottom: 20px;
	font-size: 35px;
	line-height: 1.05;
}
#content #primary_2 .casino-page-header .header-text {
	font-size: 18px;
}
#content #primary_2 .casino-lists-section {
	padding-top: 50px;
}
#content #primary_2 .casino-lists-header {
	margin-bottom: 20px;
}
#content #primary_2 .lists-header h3 {
	font-size: 25px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 10px;
}
#content #primary_2 .lists-text p {
	margin: 0;
}
#content #primary_2 .casino-page-footer {
	padding: 50px 0;	
}
#content #primary_2 .casino-page-footer h1, #content #primary_2 .casino-page-footer h2 , #content #primary_2 .casino-page-footer h3, #content #primary_2 .casino-page-footer h4 {
	margin-bottom: 20px;
}
#content #primary_2 .casino-lists-table {
	display: flex;
	text-align: center;
	padding: 3px 25px 3px 37px;
	font-size: 12px;	
}
#content #primary_2 .table-site {
	width: 15.5%
}
#content #primary_2 .table-bonus {
	width: 15.5%
}
#content #primary_2 .table-casino {
	width: 11%
}
#content #primary_2 .table-mobile {
	width: 11%
}
#content #primary_2 .table-live {
	width: 11%
}
#content #primary_2 .table-rating {
	width: 17%
}
#content #primary_2 .table-secure {
	width: 19%
}

@media only screen and (max-width: 912px) {
	.casino-page-header h1{
		font-size:25px;
	}
	.lists-header h3 {
		font-size: 22px;
	}
	.casino-lists-table {
		display: none;
	}
}

/**** single Casino review (2) page ****/
#content #primary_2 .casino-post {
	padding: 50px 0;
}
#content #primary_2 #single-casino-list {
	margin-bottom: 10px;
	border: 1px solid #dcdede;
	position: relative;
}

#content #primary_2 .casino-list-row {
	display: flex;
	padding: 17px 25px 0 37px;
}

#content #primary_2 .logo-bonus-col {
	width: 31%;
	display: flex;
}
#content #primary_2 .logo-col {	
	width: 50%;
	display: grid;
}

#content #primary_2 .bonus-col {
	width: 50%;
	display: grid;
}
#content #primary_2 .rating-col {
	width: 17%;
	display: grid;
}
#content #primary_2 .games-block-col {
	width: 33%;
	display: flex;
}
#content #primary_2 .games-col {
	width: 33.3%;
	display: grid;
	padding: 5px;
}
#content #primary_2 .button-col {
	width: 19%;
	display: grid;
}

#content #primary_2 .logo-row {
	display: flex;
	align-items: center;
	justify-content: center;
}
#content #primary_2 .bonus-row {
	display: flex;
	align-items: center;
	justify-content: center;
}
#content #primary_2 .rating-row {
	display: flex;
	align-items: center;
	justify-content: center;
}
#content #primary_2 .button-row {
	display: flex;
	align-items: center;
	justify-content: center;	
}

#content #primary_2 .games-row {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

#content #primary_2 .casino-number {
	position: absolute;
	display: flex;
	width: 24px;
	height: 100%;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	font-weight: 700;		
}
#content #primary_2 .bonus-col .bonus-block {
	text-align: center;
}
#content #primary_2 .bonus-col .bonus-title {
	font-size: 27px;
	font-weight: 700;
	font-family: 'Russo One',sans-serif;	
}
#content #primary_2 .bonus-col .bonus-up {
	font-size: 12px;
	font-weight: 400;
}
#content #primary_2 .games-col .games-block {
	display: flex;
	align-items: center;
}
#content #primary_2 .games-col img {
	width: 30px;
	height: 30px;
	margin-right: 5px;
}
#content #primary_2 .games-col .games-title {
	font-weight: 700;
}
#content #primary_2 .rating-col .rating-block {
	text-align: center;
	padding: 15px 5px;
	border: 1px solid;
	border-radius: 2px;
}

#content #primary_2 .rating-col .rate-rating {
	font-size: 38px;
	margin-bottom: 12px;
}
#content #primary_2 .rating-col .casino-rating {
	font-size: 20px;
	display: flex;
}
#content #primary_2 .button-col .button-block {
	width: 100%;
	text-align: center;
}
#content #primary_2 .button-col .button-casino {
	display: block;
	padding: 10px;
	font-size: 20px;
	position: relative;
	margin-bottom: 5px;
}
#content #primary_2 .button-col .button-casino i {
	position: absolute;
	left: 15px;
	top: 13px;
}
#content #primary_2 .button-col .button-under-text {
	font-size: 12px;
}
#content #primary_2 .casino-bottom {
	padding: 10px 15px;
	font-size: 11px;
	margin: 17px 25px 17px 37px;
	line-height: 1.2;
}
#content #primary_2 .casino-bottom a {
	font-weight: 700;
}
#content #primary_2 .casino-bottom p {
	margin-bottom: 0;
}
#content #primary_2 .casino-flag {
	position: absolute;
	right: 0;
	text-align: center;
	width: 42px;
	height: 42px;
	font-size: 13px;
	line-height: 1.2;
	border-radius: 0 0 0 100%;
	padding-left: 5px;
	font-weight: 700;
	padding-top: 3px;
}
#content #primary_2 .casino-mobile {
	visibility: hidden;
}
#content #primary_2 .casino-desktop {
		visibility: visible;
	}
#content #primary_2 .mobile-block {
	display: none;
}
#content #primary_2 .games-col .mobile-title  {
	font-size: 12px;
}

@media only screen and (max-width: 912px) {
	#content #primary_2 .casino-desktop {
		visibility: hidden;
	}
	#content #primary_2 .casino-mobile {
		visibility: visible;
	}
	#content #primary_2 .mobile-block {
		display: block;
	}
	#content #primary_2 .casino-list-row {
		display: block;
		padding: 10px 10px 0 10px;
	}
	#content #primary_2 .logo-bonus-col {
		width: 100%;
		padding-bottom: 10px;
		padding-top: 10px;
	}

	#content #primary_2 .games-block-col {
		width: 100%;
		padding: 5px 20px;
		margin-bottom: 10px;
		background: #f6f6f7;
	}
	#content #primary_2 .rating-col {
		width: 100%;
		display: none;
	}
	#content #primary_2 .button-col {
		width: 100%;
	}
	#content #primary_2 .button-casino i {
		display: none;
	}
	#content #primary_2 .button-under-text {
		display: none;
	}
	#content .ast-container {
		padding: 0 !important;
	}
	#content #primary_2 .casino-number {
		height: auto;
	}
	#content #primary_2 .casino-bottom {
		margin: 10px;
		text-align: center;
	}
	#content #primary_2 .logo-col {	
		width: 35%;
		display: grid;
		border-right: solid 1px #d6d6d6;
	}

	#content #primary_2 .bonus-col {
		width: 65%;
		display: grid;
	}
	#content #primary_2 .bonus-col .bonus-title {
		font-size: 18px;
	}
}


/**** Casino reviews (3) page template style ****/
#content #primary_3 .casino-page-container {
	padding: 0 20px;
	margin: auto;
	max-width:1140px;
}
#content #primary_3 .casino-post {
	padding: 50px 0;
}
#content #primary_3 #single-casino-list .casino-list-row {
	display: flex;
	position: relative;
	border-radius: 12px;
	box-shadow: 0 0 21px rgb(0 0 0 / 12%);
}
#content #primary_3 .logo-col {
	width: 18%;
}

#content #primary_3 .logo-col .logo-row {
	display: flex;
	align-items: center;
	flex-direction: column;	
	height: 100%;
}

#content #primary_3 .logo-col  img {
	border-radius: 12px 0 0 12px;
	height: 100%;
}
#content #primary_3 .logo-col .logo_subtitle {
	position: absolute;
	bottom: 20px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 10px;
}

#content #primary_3 .brand-col {
	display: flex;
	width: 82%;
}

#content #primary_3 .brand-col .brand-left {
	width: 68%;
	padding: 15px 30px 15px 40px;
	display: flex;
	align-items: center;
}
#content #primary_3 .brand-col .brand-left div {
	width: 100%;
}
#content #primary_3 .brand-left .brand-rating {
	padding: 15px 0 15px 0;
}
#content #primary_3 .brand-left .casino-title {
	font-size: 16px;
	font-weight: 600;
}
#content #primary_3 .brand-left .casino-rating {
	font-size: 14px;
	font-weight: 700;
	display: flex;
	align-items: center;
}
#content #primary_3 .brand-left .casino-rating span {
	margin-left: 5px;
}

#content #primary_3 .brand-left .brand-bonus {
	padding: 15px 0;
}
#content #primary_3 .brand-left .brand-title {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 15px;
	margin-bottom: 3px;
}
#content #primary_3 .brand-left .brand-content {
	font-weight: 700;
	font-size: 20px;
}

#content #primary_3 .brand-col .brand-right {
	width: 32%;
	padding: 15px 20px;
	display: flex;
	align-items: center;
}
#content #primary_3 .brand-col .brand-right div {
	width: 100%;
}

#content #primary_3 .brand-right .brand-features {
	font-size: 14px;
	font-weight: 600;	
	margin-bottom: 10px;
}
#content #primary_3 .brand-right .brand-features i {
	font-size: 14px;
}
#content #primary_3 .brand-right .brand-button a {
	display: block;
	text-align: center;
	padding: 15px 10px;
	margin-top: 15px;
	color: #fff;
	will-change: transform;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 12px;	
	box-shadow: 0 3px 3px rgb(0 0 0 / 15%);
}
#content #primary_3 .brand-right .brand-button a:hover {
	transform: var(--buttonTransform, translate3d(0, -3px, 0));
}

#content #primary_3 .casino-ribbon {
	position: absolute;
	z-index: 2;
	overflow: hidden;
	width: 75px;
	height: 75px;
	text-align: right;
	margin-left: -4px;
	margin-top: -5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	top: 0;
	left: -1px;
}
#content #primary_3 .casino-ribbon span {
	font-size: 9px;
	font-weight: 800;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	width: 85px;
	display: block;
	box-shadow: 0 3px 10px -5px #000;
	position: absolute;
	top: 14px;
	left: -19px;
	letter-spacing: -.03em;
}
#content #primary_3 .casino-ribbon span:before {
	content: "";
	position: absolute;
	left: 0;
	top: 100%;
	z-index: -1;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
}
#content #primary_3 .casino-ribbon span:after {
	content: "";
	position: absolute;
	right: 0;
	top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-bottom: 3px solid transparent;
}
#content #primary_3 .casino-bottom {
	font-size: 9px;
	line-height: 1.5;
	padding: 5px;
	margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
	#content .ast-container {
		padding: 0 !important;
	}
	#content #primary_3 .logo-col {
		width: 33%;
	}
	#content #primary_3 .brand-col {
		width: 67%;
		display: block;
	}
	#content #primary_3 .brand-col .brand-left {
		width: 100%;
		padding: 0 0 0 10px;
	}
	#content #primary_3 .brand-col .brand-right {
		width: 100%;
		padding: 10px;
	}
	#content #primary_3 .brand-left .brand-rating {
		padding: 10px 0;
	}
	#content #primary_3 .brand-left .brand-bonus {
		padding: 10px 0;
	}
	#content #primary_3 .brand-right .brand-button a {
		margin-top: 0;
		padding: 10px;
	}
	#content #primary_3 .logo-col .logo_subtitle {
	    display: none;
	}
    #content #primary_3 .brand-left .brand-content {
        font-size: 16px;
    }
}

/** single casino review (3) page **/
#content #primary_3 .casino-page-header {
	padding: 50px 0;	
}
#content #primary_3 .casino-page-header h1 {
	font-weight: 700;
	margin-bottom: 25px;
	text-transform: uppercase;
}
#content #primary_3 .casino-lists-section {
	padding-top: 50px;
}
#content #primary_3 .casino-lists-header {
	margin-bottom: 10px;
}
#content #primary_3 .lists-header h3 {
	font-size: 32px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 10px;
}
#content #primary_3 .lists-text p {
	margin: 0;
}
#content #primary_3 .casino-page-footer {
	padding: 50px 0;	
}
#content #primary_3 .casino-page-footer h1, #content #primary_3 .casino-page-footer h2 , #content #primary_3 .casino-page-footer h3, #content #primary_3 .casino-page-footer h4 {
	margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
	#content #primary_3 .casino-page-header h1 {
		font-size:25px;
	}
	#content #primary_3 .lists-header h3 {
		font-size: 22px;
	}
}


/**** Casino reviews (4) page template style ****/