*:focus{

	outline:none !important;

}

img{

	max-width:100%;

}

a, button{

	-webkit-transition:all 0.3s ease-in;

	-moz-transition:all 0.3s ease-in;

	-o-transition:all 0.3s ease-in;

	transition:all 0.3s ease-in;menu-item-646

}

body{

	

}

#radio-Casino-1{
color: #96a5c1 !important;


display: inline-block !important;
}

#radio-CasinoandSports-1{
color: #96a5c1 !important;


display: inline-block !important;

}


 input[type='radio']:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #d1d3d1;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid white;
    }


#radio-Games-1{
color: #96a5c1 !important;


display: inline-block !important;

}
.alm-filters-container .alm-filter li div.alm-filter--link.active.field-checkbox:before,.alm-filters-container .alm-filter li div.alm-filter--link.active.field-radio:before{
    border-color:#343f47 !important;
    background-color:#54C5F0 !important;

}

.alm-filters-container .alm-filter li div.alm-filter--link.field-radio:after,.alm-filters-container .alm-filter li div.alm-filter--link.field-radio:before{
    -webkit-border-radius:100%;
    border-radius:100%
 color: #111111 !important;
  background-color:black !important;
border-color: #343f47

}



.alm-filters--reset-button{

font-size: 15px;
font-weight: 400;
height: 30px;
line-height: 30px;
color: #516279;
background-color: rgba(0, 59, 177, 0.07);
padding: 0 3px;
border: 1px solid #1a2042;
border-radius: 8px;
}


input[type="radio"] {
    position: absolute;
    opacity: 0;

       
        background-color: black !important;
        
      
    }


#alm-filters-search {
margin-bottom: 0px !important;}

#search-text-1{

background-color:black;
border-color: black;
color: #94aed0;
}
#alm-filters-reset-button {

}
.alm-filters-container {

padding-top: 10px !important


}

body.single-program{

	



	

	background:#131415 url("assets/images/body_bg.png") center no-repeat;

	



}





a.btn.status.Listed  {

color: #ffffff;

border-color: #bc2aff;

border-radius: 30px;



}



div.status.Listed {

color: #ffffff;

border-color: #bc2aff;

border-radius: 30px;



}



a.btn.status.Pending  {

color: #ffffff;

border-color: #eec41d;

border-radius: 30px;



}



div.status.Pending {

color: #ffffff;

border-color: #eec41d;

border-radius: 30px;



}









a.btn.status.Presale {

color: #ffffff;

border-color: #4cae4c;

border-radius: 30px;



}





div.status.Presale {

color: #ffffff;

border-color: #4cae4c;

border-radius: 30px;



}







a.btn.status.Active {

color: #ffffff;

border-color: #4cae4c;

border-radius: 30px;



}



div.status.Active {

color: #ffffff;

border-color: #4cae4c;

border-radius: 30px;



}











body.blog {

background: #131415;



}



body.page-id-50{

background: #131415;



}



section.page-content-border.mid {

background: url("assets/images/BG_AT.jpg") center no-repeat;

}



.continator {

	



	 min-height: 150px;



}

.flexy {

	padding-left:0;

	margin-top: 10px;

}





#collapseWhois .wh-label {



	color:#7c93ba;

	font-weight:700;

}

hr{

	background:none;

	border:none;

	border-bottom:1px dotted #1b6d85;

}

.box{

	color:#7789ad;

	background-color:rgba(0, 59, 177, 0.2);

	border:1px dashed rgba(49, 74, 123, 0.58);

	padding:15px;

	text-align:center;

}

.box strong{

	display:block;

	color:#E4E4E6;

	font-size:13px;

}

.btn{

	

}

.page-header{

	margin:0 0 50px 0;

	padding:0;

	border-bottom:2px solid #292f3a;

	background-color:#14191e;

}

.navbar-brand{

	padding:0;

	margin:0;

}

.navbar-brand img{

	margin:10px 0;

}

.navbar-main{

	border:none;

	margin:0;

}

.navbar-main .navbar-right{

	margin:40px -15px 40px 0;

}

.navbar-main .navbar-right li{

	margin-left:24px;

}

.navbar-main .navbar-right li a{

	padding:10px 0 10px 23px;

	color:#ccc;

	position:relative;

	font-size:17px;

}

.navbar-main .navbar-right li a:before{

	content:'';

	position:absolute;

	left:0;

	top:10px;

	width:16px;

	height:16px;

}

li#menu-item-48 a:before{

	background:url("assets/images/news_ico.png") center no-repeat;

}



.news li.test a:before {

background:url("assets/images/news_ico.png") center no-repeat;



}





li#menu-item-646 a:before{



background:url("assets/images/uniswapr.png") center no-repeat;

}



.well-black .section-content p

{



	

}



#s {



background-color: #a6a9ae;



}



#searchsubmit {



	background-color:

#0d0f0f;

color:

white;

border-color:

black;

}



div.col-md-3.top-programs {



width: auto;



}



.btn-success {



	background-color:#4cae4c;

}



li#menu-item-8 a:before{



background:url("assets/images/home_ico.png") center no-repeat;



}

li#menu-item-53 a:before{



background:url("assets/images/about_ico.png") center no-repeat;



}



li#menu-item-10 a:before{



background:url("assets/images/list_ico.png") center no-repeat;



}


li#menu-item-1674 a::before {
  background: url("assets/images/top_gamblefi_projects.png") center no-repeat;}



li#menu-item-838 a:before{



background:url("assets/images/bitcoin.png") center no-repeat;



}



li#menu-item-1029 a:before{



background:url("assets/images/poker1.png") center no-repeat;



}











.home li.test a:before {

background:url("assets/images/home_ico.png") center no-repeat;



}





.news li a:before {

background:url("assets/images/news_ico.png") center no-repeat;



}

.navbar-main .navbar-right li.hyip a:before{

	background:url("assets/images/list_ico.png") center no-repeat;

	top:11px;

}

.navbar-main .navbar-right li.mining a:before{

	background:url("assets/images/mining_ico.png") center no-repeat;

}

.navbar-main .navbar-right li.news a:before{

	background:url("assets/images/news_ico.png") center no-repeat;

	top:11px;

}

.navbar-main .navbar-right li.scams a:before{

	background:url("assets/images/skull_ico.png?v=1") center no-repeat;

	top:11px;

}

.navbar-main .navbar-right li.about a:before{

	background:url("assets/images/about_ico.png") center no-repeat;

}

.navbar-main .navbar-right li.secure a:before{

	background:url("assets/images/secure_ico.png") center no-repeat;

}

.navbar-main .navbar-right li a:after{

	content:'';

	height:1px;

	position:absolute;

	bottom:0;

	left:0;

	right:0;

	background:rgb(37, 232, 255);

	background:-moz-linear-gradient(left, rgba(37, 232, 255, 1) 0%, rgba(27, 61, 255, 1) 100%);

	background:-webkit-linear-gradient(left, rgba(37, 232, 255, 1) 0%, rgba(27, 61, 255, 1) 100%);

	background:linear-gradient(to right, rgba(37, 232, 255, 1) 0%, rgba(27, 61, 255, 1) 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#25e8ff', endColorstr='#1b3dff', GradientType=1);

	opacity:0;

	-webkit-transition:all 0.3s ease-in;

	-moz-transition:all 0.3s ease-in;

	-o-transition:all 0.3s ease-in;

	transition:all 0.3s ease-in;

}

.navbar-main .navbar-right li a:hover:after,

.navbar-main .navbar-right li a:focus:after,

.navbar-main .navbar-right li a:active:after,

.navbar-main .navbar-right li.active a:after{

	opacity:1;

}

.navbar-main .navbar-right li a:hover,

.navbar-main .navbar-right li a:focus,

.navbar-main .navbar-right li a:active,

.navbar-main .navbar-right li.active a{

	background:transparent;

	color:#E4E4E6;

}

.navbar-main .social {

	margin:47px 0px 38px 40px;

	float:left;

}

.navbar-main .social a {

	margin-right:20px;

}

.navbar-main .social a:hover {

	text-decoration:none;

}

.navbar-main .social a img {

	max-width:26px;

}

.ad{

	margin:25px 0;

}



.text-centrick {

	

}



.flex-container {

display: flex;



padding-left: 40px;





flex-wrap: wrap;



}

.page-title{

	width:100%;

	color:#E4E4E6;

	text-transform:uppercase;

	font-weight:900;

	font-size:15px;

	line-height:20px;

	margin:-21px 0 0 0;

	padding:11px 0;

	text-align:center;

	background:transparent url("assets/images/page_title_bg.png") center no-repeat;

	position:relative;

}

.page-content-border{

	margin:52px 0px 0;

	padding-bottom:20px;

	background:rgba(0, 0, 0, 0.78);

	border-top:1px solid rgba(106, 123, 150, 0.25);

	border-bottom:1px solid rgba(106, 123, 150, 0.25);

}

.program{

	margin:30px 0;

}



.page-content {



	background: #131415;

}

.program .header{

	border-top-left-radius:3px;

	border-top-right-radius:3px;

	border:2px solid #516371;

	background:rgb(65, 79, 91);

	background:-moz-linear-gradient(top, rgba(65, 79, 91, 1) 56%, rgba(53, 65, 75, 1) 57%);

	background:-webkit-linear-gradient(top, rgba(65, 79, 91, 1) 56%, rgba(53, 65, 75, 1) 57%);

	background:linear-gradient(to bottom, rgba(65, 79, 91, 1) 56%, rgba(53, 65, 75, 1) 57%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#414f5b', endColorstr='#35414b', GradientType=0);

	padding:7px 14px;

}

.program .header h3{

	margin:0;

	font-weight:900;

	font-size:16px;

	line-height:27px;

	display:inline-block;

}

.status.paying,

.status.pending,

.status.Casino{

	text-transform:uppercase;

	font-weight:900;

	font-size:12px;

	line-height:21px;

	text-align:center;

	padding:0 3px;

	color:#E4E4E6;

	margin-top:3px;

	display:inline-block;

	

}



.status.Exchange{

	text-transform:uppercase;

	font-weight:900;

	font-size:12px;

	line-height:21px;

	text-align:center;

	padding:0 3px;

	color:#E4E4E6;

	margin-top:3px;

	display:inline-block;

	background: url("assets/images/no_paying_bg.png") center repeat-x;

	border: 2px solid #602525;

	border-radius: 5px;

	

}

















.status.CasinoandSports {



content:"test";

text-transform:uppercase;

	font-weight:900;

	font-size:12px;

	line-height:21px;

	text-align:center;

	padding:0 3px;

	color:#E4E4E6;

	margin-top:3px;

	display:inline-block;

	

	background:url("assets/images/pending_bgpurple.png") center repeat-x;

	border: 2px solid #402560;

border-radius: 5px;

}

.status.paying{

	background:url("assets/images/paying_bg.png") center repeat-x;

}

.status.Poker{

	text-transform:uppercase;

	font-weight:900;

	font-size:12px;

	line-height:21px;

	text-align:center;

	padding:0 3px;

	color:#E4E4E6;

	margin-top:3px;

	display:inline-block;

	

	background:url("assets/images/no_paying_bgcold.png") center repeat-x;

	border: 2px solid

#0f628a;

border-radius: 5px;

}



.status.Casino.Sports{

	text-transform:uppercase;

	font-weight:900;

	font-size:12px;

	line-height:21px;

	text-align:center;

	padding:0 3px;

	color:#E4E4E6;

	margin-top:3px;

	display:inline-block;

	

	background:url("assets/images/pending_bgpurple.png") center repeat-x;

	border: 2px solid #402560;

border-radius: 5px;

}



.status.Games{

	text-transform:uppercase;

	font-weight:900;

	font-size:12px;

	line-height:21px;

	text-align:center;

	padding:0 3px;

	color:#E4E4E6;

	margin-top:3px;

	display:inline-block;

	

	background:url("assets/images/paying_bg.png") center repeat-x;

	border: 2px solid #0d4006a3;

#0f628a;

border-radius: 5px;

}









.status.Casino{

	background:url("assets/images/no_paying_bg.png") center repeat-x;

	border: 2px solid

#602525;



border-radius: 5px;

}

.risk{

	width:100%;

	height:auto;

	padding:10px;

	background:red;

	text-align:center;

	font-size:15px;

	color:#E4E4E6;

}

.risk.Low{

	background:#3dd1ff;

	color:#3dd1ff;

}

.risk.Medium{

	background:#FF6600;

	color:#FF6600;

}

.risk.High{

	background:#ff0000;

	color:#ff0000;

}

.program .status{

	float:right;

}

.program .content{

	background:#232b31;

	border:2px solid #35414a;

	border-top:none;

	padding:15px 13px;

}



#hanky {background:

    #131415 url("assets/images/.jpg") center no-repeat;

}



.program .content .thumb{

	max-width:118px;

	display:inline-block;

	vertical-align:middle;

	max-height: 100px;

}

.program .content .right-content{

	display:inline-block;

	vertical-align:middle;

	width:calc(100% - 122px);

	padding-left:18px;

}

.program .content .right-content p{

	font-size:14px;

	

	margin:0;

	color:#7c93ba;

	font-weight:400;

}



.program .content .right-content p span{

	font-size:14px;

	line-height:26px;

	margin:0;

	color:#7c93ba;

	font-weight:300;

}



#test p{



	font-size:14px !important;

	font-weight:600;

}







.program .content .right-content p span{

	color:#E4E4E6;

}

.program .footer{



	border-bottom-left-radius:3px;

	border-bottom-right-radius:3px;

	border:2px solid #2a3036;



	padding:5px 5px;

}

.program .footer a{

	font-size:12px;

	line-height:1;

}

.program .footer a:hover{

	color:#E4E4E6;

}



a.btn.btn-successs {



background-color:#000;



}





a.btn.btn-successs:hover {



background-color:#36044d;

}

.program .footer p{

	display:inline-block;

	float:right;

	font-weight:300;

	color:#7c93ba;

	font-size:12px;

	line-height:14px;

	margin:2px 0 0 0;

}

.program .footer p span{

	color:#E4E4E6;

}

.program .footer .post-ratings{

	display:inline-block;

	float:right;

	width:auto;

	margin-top:-1px;

}

.program .footer .post-ratings img{

	display:inline-block;

}

.slider .slick-arrow{

	border:none;

	font-size:0;

	padding:0;

	width:21px;

	height:72px;

	position:absolute;

	top:calc(50% - 36px);

	z-index:4;

}

.slider .slick-arrow.slick-prev{

	background:transparent url("assets/images/slider_arrow_prev.png") center left no-repeat;

	left:-30px;

}

.slider .slick-arrow.slick-next{

	background:transparent url("assets/images/slider_arrow_next.png") center right no-repeat;

	right:-30px;

}

.slider .slick-arrow.slick-next:hover{

	right:-35px;

	width:26px;

}

.slider .slick-arrow.slick-prev:hover{

	left:-35px;

	width:26px;

}

.table{

	margin:16px 0;

	background:transparent;

	border-collapse:separate;

	margin-bottom: 30px;

}

.table thead{

	border-radius:100%;

}

.table thead tr th{

	background:#353c4a;

	color:#E4E4E6;

	font-weight:500;

	font-size:15px;

	line-height:1;

	border-bottom:2px solid #424b5d;

	border-top:2px solid #424b5d !important;

	border-right:1px solid rgba(0, 0, 0, 0.25);

	text-align:center;

	padding-left:5px;

	padding-right:5px;

}

.table thead tr th:first-of-type{

	text-align:left;

	border-left:2px solid #424b5d;

	border-radius:3px 0 0 0;

	padding-left:18px;

	padding-right:18px;

}

.table thead tr th:last-of-type{

	border-right:2px solid #424b5d;

	border-radius:0 3px 0 0;

	padding-left:18px;

	padding-right:18px;

}

.table tbody tr td{

	text-align:center;

	font-size:14px;

	font-weight:500;

	color:#799399;

	border-right:1px solid rgba(0, 0, 0, 0.25);

	border-top:none;

	vertical-align:middle;

	padding:5px 10px;

}

.table tbody tr td:first-child{

	text-align:left;

	border-left:2px solid #424b5d;

}

.table tbody tr:nth-last-child(2) td:first-child{

	border-radius:0 0 0 3px;

}

.table tbody tr td:last-child{

	border-right:2px solid #424b5d;

}

.table tbody tr:nth-last-child(2) td:last-child{

	border-radius:0 0 3px 0;

	border-right:2px solid #424b5d;

}

.table tbody tr:nth-last-child(2) td,

.table tbody tr:nth-last-child(1) td{

	border-bottom:2px solid #424b5d;

}

.table tbody tr td img{

	display:inline-block;

	vertical-align:middle;

}

.table tbody tr td h6{

	display:inline-block;

	vertical-align:middle;

	margin:0;

	color:#E4E4E6;

	font-weight:400;

	font-size:16px;

	width:calc(100% - 135px);

}

.table tbody tr td a{

	vertical-align:middle;

}

.table tbody tr td:first-child img{

	max-width:48px;

	margin-right:13px;

	margin-left:-5px;

}

.results tr[visible='false'],

.no-result{

	display:none;

}

.results tr[visible='true']{

	display:table-row;

}

.page-footer{

	background:#090a0a;

	margin-top: -27px;

}

.page-footer h5{

	font-size:14px;

	font-weight:900;

	color:#E4E4E6;

	text-transform:uppercase;

	margin:20px 0 10px 0;

}

.page-footer p{

	font-weight:300;

	color:#c7d0ea;

	font-size:13px;

	line-height:24px;

}

.page-footer ul{

	list-style-type:none;

	margin:0;

	padding:0;

}

.page-footer ul li{

	position:relative;

	padding-left:11px;

	margin:5px 0;

}

.page-footer ul li:before{

	content:' »';

	color:#486cd2;

	font-size:13px;

	font-weight:400;

	position:absolute;

	left:0;

	top:0;

}

.page-footer ul li a{

	color:#486cd2;

	font-size:13px;

	font-weight:400;

	padding-left:0;

}

.page-footer ul li a:hover{

	padding-left:5px;

	text-decoration:none;

	color:#E4E4E6;

}

.last-line p{

	font-weight:400;

	font-size:12px;

	color:#b9c3d6;

	margin:0;

	padding:20px 0;

}

.last-line p a{

	color:#486cd2;

}

.page-program{

}

.page-program .program-image{

	min-width:100%;

}

.page-program .program-title{ }

.page-program .program-title h2{

	margin-bottom:6px;

}

.page-program .program-title .post-ratings{

	margin-bottom:16px;

	width:auto;

	float:left;

	margin-right:10px;

}

.page-program .program-title .status{

	top:-6px;

	margin-left:5px;

	padding:0 6px;

	position:relative;

}

.page-program .program-title .votes{

	font-size:12px;

}

.page-program .page-paragraphs{

	font-weight:400;

	color:#E4E4E6;

	font-size:14px;

	line-height:27px;

	padding-top:30px;

}

.page-program .sidebar-box{

	margin-top:20px;

	margin-bottom:10px;

	padding:15px;

	background:rgba(0, 0, 0, 0.4);

	display:block

}

.page-program .sidebar-box p{

	font-size:14px;

	font-weight: 500;

	color:#E4E4E6;

	text-align: center;

	padding:0;

	margin:0;

}

.page-program .sidebar-box a{

}

.page-program .sidebar-box a:hover{

	text-decoration:none;

}

.page-program .sidebar-box img{

	margin-bottom:5px;

}

.page-program .box{

	font-size:14px;

	font-weight: 600;

	padding:8px;

}

.page-program .program-title .votes{

}

.page-program .program-title .votes span{

	color:#E4E4E6;

	margin-right:20px;

}

.page-program .program-sidebar .btn{

	margin-top:18px;

	width:100%;

}



.single-program .adspace {

	display:none;

}

.wrapper{

	padding:20px;

	border:2px solid #292f3a;

	background: #21252ce6;

}

.program-row{

	padding:20px;

	margin-bottom:20px;

	background:#111;

}

.program-row .program-image{

	min-width:100%;

}

.program-row .program-title{

	min-height:47px;

}

.program-row .program-title h3{

	margin-bottom:6px;

	margin-top:10px;

	float:left;

	font-size:18px;

	font-weight:normal;

}

.program-row .program-title a:hover{

	text-decoration:none;

}

.program-row .program-title a:hover h3{

	text-decoration:underline;

}

.program-row .program-title .post-ratings{

	width:auto;

	float:right;

	margin-top:10px;

}

.program-row .program-title .status{

	top:5px;

	margin-left:8px;

	padding:0 6px;

	position:relative;

}

.program-row .program-title .risk{

	width:17px;

	height:17px;

	-webkit-border-radius:20px;

	-moz-border-radius:20px;

	border-radius:20px;

	top:6px;

	margin-left:5px;

	padding:0;

	display:inline-block;

	position:relative;

	text-indent:22px;

	font-size:12px;

	line-height:19px;

}

.program-row .box{

	font-size:13px;

	padding:10px;

}

.program-row .box strong{



}

.program-row .program-paragraphs{

	font-weight:300;

	color:#E4E4E6;

	font-size:13px;

	line-height:23px;

	padding-top:10px;

}

.program-row .program-paragraphs a{

	color:#E4E4E6;

	background:#1374BD;

	padding:3px;

}

.program-row .program-paragraphs a:hover{

	background:#0092ff;

	text-decoration:none;

}

.program-row .btn{

	margin-top:18px;

	width:100%;

}

[type="radio"]:checked,

[type="radio"]:not(:checked){

	position:absolute;

	left:-9999px;

}

[type="radio"]:checked + label,

[type="radio"]:not(:checked) + label{

	position:relative;

	padding-left:28px;

	cursor:pointer;

	line-height:20px;

	display:inline-block;

	color:#96a5c1;

}

[type="radio"]:checked + label:before,

[type="radio"]:not(:checked) + label:before{

	content:'';

	position:absolute;

	left:0;

	top:0;

	width:18px;

	height:18px;

	border:1px solid #3e4c56;

	border-radius:100%;

	background:#111;

}

[type="radio"]:checked + label:after,

[type="radio"]:not(:checked) + label:after{

	content:'';

	width:12px;

	height:12px;

	background:#54c5f0;

	position:absolute;

	top:3px;

	left:3px;

	border-radius:100%;

	-webkit-transition:all 0.2s ease;

	transition:all 0.2s ease;

}

[type="radio"]:not(:checked) + label:after{

	opacity:0;

	-webkit-transform:scale(0);

	transform:scale(0);

}

[type="radio"]:checked + label:after{

	opacity:1;

	-webkit-transform:scale(1);

	transform:scale(1);

}

.filter-group{

	padding:0 10px;

}

.filter-group strong{

	color:#E4E4E6;

	display:block;

}

.filters-sidebar h3{

	background:#293346;

	color:#E4E4E6;

	font-size:12px;

	line-height:14px;

	font-weight:300;

	padding:10px;

	margin-bottom:10px;

}

.filters-sidebar h3:first-of-type{

	margin-top:0;

}

.sorts button{

	background-color:#000000;

	border:1px solid #292d31;

	color:#7789ad;

	width:100%;

	height:32px;

	line-height:30px;

	margin-bottom:5px;

}

.sorts button.sorted{

	color:#FFF;

	border:1px solid #494d51;

}



#first {



	max-width: 500px;

}

.sorts button:after{

	width:12px;

	height:6px;

	display:inline-block;

	top:-2px;

	margin-left:10px;

	position:relative;

	content:' ';

	opacity:0;

}

.sorts button.asc:after{

	background:url('assets/images/sort-arrows.png') top;

}

.sorts button.desc:after{

	background:url('assets/images/sort-arrows.png') bottom;

}

.sorts button.sorted:after{

	opacity:1;

}

.news-row{

	padding:20px;

	margin-bottom:20px;

	background:#111;

}

.news-row .news-row{

	min-width:100%;

}

.news-row .news-title{

	min-height:38px;

}

.news-row .news-title h3{

	margin-bottom:6px;

	margin-top:10px;

	float:left;

	font-size:18px;

	font-weight:normal;

}

.news-row .news-title a:hover h3{

	text-decoration:underline;

}

.news-row .news-paragraphs{

	font-weight:300;

	color:#c7d0ea;

	font-size:13px;

	line-height:23px;

}

.news-row .news-paragraphs a{

	color:#E4E4E6;

	background:#1374BD;

	padding:3px;

}

.news-row .news-paragraphs a:hover{

	background:#0092ff;

	text-decoration:none;

}

.news-row .btn{

	margin-top:18px;

	width:100%;

}

.page-news{

}

.page-news .news-image{

	min-width:100%;

}

.page-news .news-title{ }

.page-news .news-title h2{

	margin-bottom:6px;

}

.page-news .news-paragraphs{

	font-weight:400;

	color:#E4E4E6;

	font-size:14px;

	line-height:27px;

	padding-top:30px;

}

.page-news .btn{

	margin-top:18px;

	width:100%;

}

.sidebar h3{

	background:#293346;

	color:#E4E4E6;

	font-size:18px;

	line-height:14px;

	font-weight:500;

	text-align: center;

	padding:10px;

	margin-bottom:10px;

}

.sidebar h3:first-of-type{

	margin-top:0;

}

.sidebar ul{

	padding:0 30px;

	margin:0;

}

.top-programs ul{

	list-style:none;

	margin:20px 0 0 0;

	padding:0;

}

.top-programs ul li{

	padding:15px;

	background:#292f3a;

	margin-bottom:5px;

}

.top-programs ul li a{

	display:block;

	font-size:14px;

	margin-top:4px;

	color:#E4E4E6;

}

.top-programs ul li .program-image{

	float:left;

	max-height:48px;

	min-width:0px;

	margin-right:10px;

}

.well-black{

	border-color:rgba(0, 0, 0, 0.5);

	background-color:rgba(0, 0, 0, 0.5);

	box-shadow:none;

	padding:0;

}

.well-black.well-impressed{

	border:none;

	-webkit-box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(0, 0, 0, 0.07), inset 1px 0 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 1);

	-moz-box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(0, 0, 0, 0.07), inset 1px 0 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 1);

	box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.4), inset 0 1px 1px rgba(0, 0, 0, 0.15), inset 1px 0 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.15);

}

.well-black .section-title{

	border-bottom:1px solid #000;

	padding:0 10px;

	min-height:26px;

	cursor:pointer;

}

.well-black .section-content{

	border-top:1px solid #232a33;

	padding:15px 10px;

	font-size:14px;

	

	color: #c9cfdd;



}




.well-black 

 h4{

	margin:0;

	padding:0;

}

.well-black .statistic-values{

	font-size:15px;

	margin:0 0 10px 0;

}

.statistic-box .row{

	margin:0;

}

.statistic-box .col-md-2,

.statistic-box .col-md-4{

	padding:0;

}

.whois{

	border-color:rgba(0, 0, 0, 0.5);

	background-color:rgba(0, 0, 0, 0.5);

	padding:10px;

	max-height:400px;

}

.wh-row{

	padding:3px 8px;

}

.wh-label{                     /* already in your stylesheet */
    float:left;
    width:116px;               /* ← fixed column width */
}

.wh-value{
    color:#E4E4E6;             /* (you already have this) */

    display:block;             /* new – make it its own line */
    margin-left:120px;         /* new – indent by label width */
    word-wrap:break-word;      /* new – wrap long tokens/URLs */
}

.wh-heading{

	font-size:15px;

	font-weight:bold;

	text-transform:uppercase;

	padding:5px 8px;

}



.filters-sidebar {



	width: 30% !important;

}



.report-post-link {


background-image: none !important;
padding-left: 10px;

color: #d08484;



}

.report-container {
  
  }

  @media (max-width: 767px) {
    .report-container {
         text-align: center;
		  padding-bottom: 20px;
    }
  }



.joker a {



font-size: 14px;

font-weight: 600;

color:

#db9818;

text-transform: uppercase; }



.col-md-3 {



width: 25%; }



@media (max-width:510px) {



.program-row .program-paragraphs {

font-size: 16px;

}



h5 {



font-size: 18px;}

.program-row .box {



font-size: 16px; }



.btn {



font-size: 18px;

}



.well-black .section-content {



font-size:16px;



}



.page-program .sidebar-box p {

font-size: 16px;

}

body {

font-size:16px;

}







@media (max-width:767px){

	
.col-md-4 {



width: 100%; }


.col-md-3 {



width: 100%; }



div.col-md-4.col-sm-3 {

width:100%;}



div.col-md-8.col-sm-9 {



width:100%;}



.page-program .box {



font-size: 18px;

}



.box strong {

font-size: 16px;

}



.top-programs ul li a {



font-size:16px;

}



.sidebar h3 {



font-size:20px; }



.page-footer h5 {



font-size: 20px; }



.page-footer p {



font-size: 16px;}



.page-footer ul li a {



font-size: 16px;}



	.navbar-toggle{

		margin-right:0;

		border-color:#E4E4E6;

	}

	.navbar-toggle .icon-bar{

		background:#E4E4E6;

	}

	.navbar-main .navbar-right li{

		margin-left:0;

	}

	.navbar-main .navbar-right{

		margin:20px 0 20px 0;

	}

	.navbar-main .navbar-right li a:before{

		position:initial;

		display:inline-block;

		vertical-align:text-top;

		margin-right:5px;

	}

	.navbar-main .navbar-right li a{

		padding-left:0;

		text-align:center;

	}

	.program .content .thumb{

		display:block;

		margin:10px auto;

	}

	.program .content .right-content{

		padding-left:0;

		display:block;

		width:100%;

	}

	.page-footer,

	.last-line,

	.last-line .text-right{

		text-align:center;

	}

	.page-footer p{

		text-align:justify;

	}

	.page-footer ul li{

		padding-left:0;

	}

	.page-footer ul li:before{

		display:none;

	}

	.slider .slick-arrow{

		display:none !important;

	}

}

@media (min-width:768px) and (max-width:991px){

	.slider .slick-arrow{

		display:none !important;

	}

}

@media (min-width:992px) and (max-width:1100px){

	.slider .slick-arrow{

		display:none !important;

	}

}



.modal-header {

	padding: 15px;

	border-bottom: 1px solid #1b1c1d;

}

.modal-content {

	border-radius:0;

	max-width: 850px;

}



.bonustypes .col-md-3 p {

	margin-top: 20px;

	margin-left: 10px;

	







}



.modal-content .body {

	max-height: 600px;

border: 2px solid;

min-height: 180px;

}

.loader{

	position:absolute;

	left:50%;

	top:50%;

	margin-top:-50px;

	margin-left:-50px;



}











li.bonustext {

	font-size:11px;

}

p.joker:hover {



	color:white;

 cursor: pointer; 



} 



.stencial {



	display: inline-block;

}





.wrap{

	position:absolute;

	width:100px;

	height:100px;

	float:left;

	-webkit-animation-name:rotateThis;

	-webkit-animation-duration:1s;

	-webkit-animation-iteration-count:infinite;

	-webkit-animation-timing-function:linear;

	-moz-transform:scale(0.3);

	-o-transform:scale(0.3);

}

.wrap div{

	width:10px;

	height:30px;

	background:#344871;

	position:absolute;

	top:35px;

	left:45px;

	border-radius:50px;

	-moz-border-radius-bottomleft:50px;

	-moz-border-radius-bottomright:50px;

	-moz-border-radius-topleft:50px;

	-moz-border-radius-topright:50px;

}

@-webkit-keyframes rotateThis{

	from{ -webkit-transform:scale(0.3) rotate(0deg); }

	to{ -webkit-transform:scale(0.3) rotate(360deg); }

}

.bar1{

	-o-transform:rotate(0deg) translate(0, -40px); opacity:0.1;

	-moz-transform:rotate(0deg) translate(0, -40px); opacity:0.1;

	-webkit-transform:rotate(0deg) translate(0, -40px); opacity:0.1;

}

.bar2{

	-o-transform:rotate(36deg) translate(0, -40px); opacity:0.2;

	-moz-transform:rotate(36deg) translate(0, -40px); opacity:0.2;

	-webkit-transform:rotate(36deg) translate(0, -40px); opacity:0.2;

}

.bar3{

	-o-transform:rotate(72deg) translate(0, -40px); opacity:0.3;

	-moz-transform:rotate(72deg) translate(0, -40px); opacity:0.3;

	-webkit-transform:rotate(72deg) translate(0, -40px); opacity:0.3;

}

.bar4{

	-o-transform:rotate(108deg) translate(0, -40px); opacity:0.4;

	-moz-transform:rotate(108deg) translate(0, -40px); opacity:0.4;

	-webkit-transform:rotate(108deg) translate(0, -40px); opacity:0.4;

}

.bar5{

	-o-transform:rotate(144deg) translate(0, -40px); opacity:0.5;

	-moz-transform:rotate(144deg) translate(0, -40px); opacity:0.5;

	-webkit-transform:rotate(144deg) translate(0, -40px); opacity:0.5;

}

.bar6{

	-o-transform:rotate(180deg) translate(0, -40px); opacity:0.6;

	-moz-transform:rotate(180deg) translate(0, -40px); opacity:0.6;

	-webkit-transform:rotate(180deg) translate(0, -40px); opacity:0.6;

}

.bar7{

	-o-transform:rotate(216deg) translate(0, -40px); opacity:0.7;

	-moz-transform:rotate(216deg) translate(0, -40px); opacity:0.7;

	-webkit-transform:rotate(216deg) translate(0, -40px); opacity:0.7;

}

.bar8{

	-o-transform:rotate(252deg) translate(0, -40px); opacity:0.8;

	-moz-transform:rotate(252deg) translate(0, -40px); opacity:0.8;

	-webkit-transform:rotate(252deg) translate(0, -40px); opacity:0.8;

}

.bar9{

	-o-transform:rotate(288deg) translate(0, -40px); opacity:0.9;

	-moz-transform:rotate(288deg) translate(0, -40px); opacity:0.9;

	-webkit-transform:rotate(288deg) translate(0, -40px); opacity:0.9;

}

.bar10{

	-o-transform:rotate(324deg) translate(0, -40px); opacity:1;

	-moz-transform:rotate(324deg) translate(0, -40px); opacity:1;

	-webkit-transform:rotate(324deg) translate(0, -40px); opacity:1;

}



.td-payment {

	max-height:16px;

}



th.sort {

	cursor:pointer;

}



.ccc-chart .header-div a:last-child {

	display:none!important;

}





.program-title h2 {



	font-size: 35px;

	text-transform: uppercase;

}

.ccc-widget {

	float:none!important;

}

.coins {

	padding-top:60px;

}

.coins .slick-slide .inner {

	background: #101010;

	border: 1px solid #303B42;

	margin:10px;

	padding:10px 10px 40px 10px;

	position:relative;

}

.coins .slick-slide .inner p {margin:0; padding:0;}

.coins .ccc-price-primary  span{

	font-size:20px!important

}

.coins .ccc-coin-container {

	padding:18px;

}

.coins .coin-buy {

	position:absolute;

	bottom:10px;

	right:10px;

	height:30px;

	background-color: #76aa21;

	display:block;

	color:#fff;

	font-size: 16px;

	padding: 3px 10px;

	line-height: 24px;

}

.coins .coin-buy:hover {

	text-decoration:none;

	background:#21aa69;

}



.coins .coin-logo {

	position:absolute;

	bottom:10px;

	left:10px;

	max-height:30px;

}





div.col-md-3.sidebar {

width: 30%;

}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { }
	
	td { 
		/* Behave  like a "row" */
		border: none;
	
		position: relative;
		padding-left: 50%; 
	}
	
	.ttt {
		text-align:center;
	}
	
	.table tbody tr td:first-child{
	border-top:2px solid #424b5d;

}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 5%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	
	td:nth-of-type(2):before { content: "Type: "; }
	td:nth-of-type(3):before { content: "Rating: "; }
	td:nth-of-type(4):before { content: "Bonus: "; }
	td:nth-of-type(5):before { content: "No KYC:"; }
	td:nth-of-type(6):before { content: "Wagering:"; }
	td:nth-of-type(7):before { content: "Bonus Details: "; }
	
	
	.program-title h2 {
    text-align:center;
  }
	

}
	
	.readmore:hover {
		
		color:red;
		background-color:red;
		
	}

	
#myIframe {
  width: 500px;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#myButton {
  background-color: blue;
  color: white;
  padding: 10px 20px;
  cursor: pointer;
}
	
	
.searchandfilter ul	{
		
		padding-left:10px !important
	}
	
	
	
	
}


	
	/* ───────────────────────────────
   DARK-NEON “MECHA” THEME
   for page-gamblefi.php
   ─────────────────────────────── */

/* === Card shell === */
.project-card{
	background:#0c0d13;
	border:1px solid #20222e;
	border-radius:14px;
	color:#e4e4f1;
	box-shadow:0 0 14px 1px rgba(18,19,28,.6) inset,
	           0 0 6px     rgba(0,0,0,.55);
	transition:transform .25s cubic-bezier(.3,.7,.2,1);
}
.project-card:hover{
	transform:translateY(-3px);
}

/* remove Bootstrap’s default white card padding */
.project-card .card-body{padding:1.25rem 1rem 1.5rem}

/* logo */
.project-logo{
	max-height:76px;
	border-radius:12px;
}

/* links */
.project-link{color:#ffffff;text-decoration:none}
.project-link:hover{color:#4385d1;text-decoration: none !important;}

/* === Badge bar === */
.gf-badgebar{font-size:13px;letter-spacing:.3px}

/* generic badge look */
.gf-badge{
	display:inline-block;
	margin:0 6px 6px 0;
	padding:4px 12px 3px;
	border-radius:32px;
	font-weight:600;
	text-transform:uppercase;
	background:linear-gradient(145deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.02) 100%);
	box-shadow:0 0 8px 2px rgba(0,255,255,.15) inset,
	           0 0 6px rgba(0,0,0,.4);
}

/* colour versions (neon LEDs) */
.gf-green {border:1px solid #27ff9a;color:#27ff9a}
.gf-blue  {border:1px solid #00c2ff;color:#00c2ff}
.gf-orange{border:1px solid #ff9a27;color:#ff9a27}
.gf-purple{border:1px solid #c155ff;color:#c155ff}
.gf-cyan  {border:1px solid #15e0ff;color:#15e0ff}
.gf-gold  {border:1px solid #ffd552;color:#ffd552}
.gf-grey  {border:1px solid #7f8694;color:#7f8694}
.gf-light {border:1px solid #87fff8;color:#87fff8}
.gf-red{
    border:1px solid #ff4c4c;      /* outline */
    color:#ff4c4c;                 /* text   */
}

/* === Mini info boxes (Chain, Decentralisation, etc.) === */
.project-card .box{
	background:rgba(0,59,177,.06);
	border:1px solid rgba(49,74,123,.58);
	border-radius:12px;
	padding:6px 10px;
	font-size:13px;
	line-height:1.25em;
	color:#a8b1d4;
	margin-bottom:.75rem;
}

/* “Token Status” box inherits .box, make text smaller */
.project-card .box strong{display:block;font-size:11px;color:#e4e4f1}

/* === Filter sidebar tweaks (optional) === */
.filters-sidebar .filter-group .radio{margin-bottom:5px}
.filters-sidebar .filter-group label{margin-left:4px;color:#d0d3e0}

/* === Responsive === */
@media(max-width:767px){
	.project-card .row.g-0{flex-direction:column}
	.project-logo{max-height:60px}
}



/* Rail behind the buttons + centering */
.gf-modebar{
  margin: 0 auto 24px;
  padding: 8px 10px;
  display: flex;
  justify-content: center;
  gap: 8px;
  width: max-content;
  position: relative;
  isolation: isolate;
}
.gf-modebar::before{
  content:"";
  position:absolute; inset:0;


 
}

/* Base tab button */
.gf-mode{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 22px;
  border-radius: 12px;
  cursor: pointer;

  /* mech plating */
  background:
    linear-gradient(180deg, rgba(0,255,225,.08), rgba(0,0,0,.25)),
    linear-gradient(180deg, #141a22 0%, #0f141c 100%);
  border: 1px solid rgba(57,65,84,.9);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.35);

  /* type */
  color: #7ee2ff;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: none;

  /* micro-interactions */
  transition:
    transform .12s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    color .22s ease,
    background-position .4s ease;
  background-size: 200% 100%;
  background-position: 0% 0%;
  text-shadow: 0 0 8px rgba(0,255,225,.18);
}

/* corner “brackets” */
.gf-mode::before,
.gf-mode::after{
  content:"";
  position:absolute;
  width:10px; height:10px;
  opacity:.9; pointer-events:none;
  transition: transform .18s ease, opacity .18s ease, filter .18s ease;
}
.gf-mode::before{
  top:-6px; left:-6px;
  background: linear-gradient(135deg, var(--mecha-cyan), transparent 60%);
  clip-path: polygon(0 0, 100% 0, 0 100%);
  filter: drop-shadow(0 0 6px rgba(0,255,225,.35));
}
.gf-mode::after{
  bottom:-6px; right:-6px;
  background: linear-gradient(315deg, var(--mecha-amber), transparent 60%);
  clip-path: polygon(100% 100%, 0 100%, 100% 0);
  filter: drop-shadow(0 0 6px rgba(213,150,2,.35));
}

/* Hover */
.gf-mode:hover{
  transform: translateY(-1px);
  border-color: rgba(0,255,225,.45);
  color: #cffff6;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.06),
    0 12px 22px rgba(0,0,0,.45),
    0 0 16px rgba(0,255,225,.10);
  background-position: 100% 0%;
}
.gf-mode:hover::before,
.gf-mode:hover::after{
  opacity:1;
  transform: scale(1.06);
}

/* Active state (supports .active, .is-active, or aria-selected) */
.gf-mode.active,
.gf-mode.is-active,
.gf-mode[aria-selected="true"]{
  color: white;
  background:
    linear-gradient(180deg, rgba(0,255,225,.18), rgba(0,0,0,.10)),
    linear-gradient(180deg, var(--mecha-amber-soft), var(--mecha-amber));
  border-color: rgba(2, 193, 213, 0.9);
  text-shadow: none;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.16),
    0 10px 22px rgba(0,0,0,.45),
    0 0 22px rgba(213,150,2,.20);
}
.gf-mode.active::before,
.gf-mode.active::after,
.gf-mode.is-active::before,
.gf-mode.is-active::after,
.gf-mode[aria-selected="true"]::before,
.gf-mode[aria-selected="true"]::after{
  opacity:1;
  transform: scale(1.08);
  filter: drop-shadow(0 0 10px rgba(0,255,225,.28));
}

/* Small bottom neon indicator on active */
.gf-mode.active > ._bar,
.gf-mode.is-active > ._bar,
.gf-mode[aria-selected="true"] > ._bar{
  content:"";
}
.gf-mode.active::marker,
.gf-mode.is-active::marker{ /* noop — keeps list styles from interfering if used inside UL */ }

/* Focus (keyboard) */
.gf-mode:focus-visible{
  outline: none;
  box-shadow:
    0 0 0 3px rgba(0,255,225,.16),
    0 0 0 1.5px var(--mecha-cyan) inset,
    0 8px 24px rgba(0,0,0,.45);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .gf-mode, .gf-mode::before, .gf-mode::after{ transition: none; }
}

/* Advanced sidebar */
.gf-sidebar-heading{font-weight:700;margin-bottom:8px}
.gf-filter-block{margin-bottom:14px}
.gf-filter-block label{color:#cdd2e3;margin-left:4px}

/* Recommended crown png next to title */
.gf-reco-badge{width:60px;mix-blend-mode:screen}

/* ───────────── Advanced filter (mecha style) ───────────── */
.filters-sidebar{
	background:#0a0b11;
	border:1px solid #1b1d26;
	border-radius:14px;
	padding:18px 20px;
	box-shadow:0 0 12px rgba(0,0,0,.6) inset;
	color:#e0e3f1;
	font-size:14px;
}

.gf-sidebar-heading{
	font-size:18px;
	font-weight:700;
	margin-bottom:14px;
	letter-spacing:.4px;
	display:flex;
	align-items:center;
	gap:8px;
	color:#ffd552;
}

.gf-filter-row{
	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:10px;
	padding:8px 10px;
	border:1px solid #242633;
	border-radius:12px;
	background:#11121a;
	transition:background .25s, border-color .25s;
	cursor:pointer;
}

.gf-filter-row:hover{
	border-color:#00c2ff;
	background:#10131e;
}

.gf-filter-row input{
	appearance:none;
	width:18px;height:18px;
	border:2px solid #555970;
	border-radius:4px;
	background:#08090e;
	position:relative;
	transition:border-color .25s, background .25s;
}

.gf-filter-row input:checked{
	background:#00c2ff;
	border-color:#00c2ff;
}

.gf-filter-row input:checked::after{
	content:'\f00c';                       /* Font Awesome check */
	font-family:"Font Awesome 6 Free";
	font-weight:900;
	font-size:10px;
	color:#081018;
	position:absolute;
	top:1px;left:2px;
}

.gf-filter-row .gf-ico{
	font-size:15px;
	color:#7dd8ff;
	min-width:17px;
}

.gf-filter-row span{
	flex:1;
	line-height:1.25em;
}

/* small screens – stack icons & text nicely */
@media(max-width:767px){
	.filters-sidebar{margin-top:30px}
	.gf-filter-row{font-size:13px;padding:8px}
}


.page-template-gamblefi .programs{
    min-height: 65vh;        /* at least 85 % of viewport height   */
    padding-bottom: 4rem;    /* room for the card’s drop-shadow    */
}

/* optional: make the dark sidebar match the new length */
.page-template-gamblefi .filters-sidebar{
    min-height: 37vh;
}

.page-template-gamblefi .programs .project-card{
	/* 1.5 rem  →  2 rem  (approx. +8 px) */
	margin-bottom: 0.9rem;
}


.gf-loader{
    width:32px; height:32px; margin:24px auto;
    border:4px solid rgba(0,255,255,.25);
    border-top:4px solid #00e5ff;
    border-radius:50%;
    animation: spin 0.8s linear infinite;
    filter: drop-shadow(0 0 6px #00e5ff);
}
@keyframes spin{ to { transform: rotate(360deg); } }



/* coloured dot for Yes / No */
.gf-dot{
  display:inline-block;width:10px;height:10px;margin-right:4px;
  border-radius:50%;vertical-align:middle;
}
.gf-dot.yes{background:#27ff9a;}   /* green  */
.gf-dot.no {background:#ff5252;}   /* red    */




/* Existing styles for boxes and badges (if any) */
.box, .status-badge {
    cursor: pointer !important; /* Changes cursor to finger on hover */
    transition: background-color 0.3s; /* Optional smooth hover effect */
}

.box:hover, .status-badge:hover {
     background-color: #1d264d; /* Optional: Light highlight on hover */
}

/* If you want it only on specific elements, e.g., the "Bonus" box */
.box[data-toggle="tooltip"] {
    cursor: pointer;
}


/* Mecha-style status badges */
.status-badge {
  display: inline-block;
  text-align: center;
  margin-right: 2px;
  margin-top: 0.25rem;
  padding: 0.25em 0.75em;
  font-size: 0.85rem;
  font-family: 'Orbitron', sans-serif;  /* for that techno feel */
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-radius: 0.25rem;
  position: relative;
  color: #fff;
  box-shadow: 0 0 8px rgba(0,0,0,0.5), inset 0 0 4px rgba(255,255,255,0.2);
  animation: mechaflicker 2.5s infinite;
}

/* Specific color schemes */
.status-casino {
  background: linear-gradient(135deg, hsl(240, 28%, 14%), #008cff);
}
.status-sports-betting {
  background: linear-gradient(135deg, #328f63, #0b0c10);
}
.status-games {
  background: linear-gradient(135deg, #4e1600, #9e2a2b);
}

/* Neon-like flicker */
@keyframes mechaflicker {
  0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% { opacity: 1; }
  20%, 24%, 55% { opacity: 0.85; }
}

/* Optional hover glow */
.status-badge:hover {
  box-shadow: 0 0 12px rgba(255,255,255,0.8),
              inset 0 0 6px rgba(255,255,255,0.4);
}


/* Container */
.review-panel {
  position: relative;
  margin-bottom: 2rem;
  border: 2px solid #1f1f1f;
  border-radius: 0.5rem;
  background: #0b0c10;
  overflow: hidden;
  transition: box-shadow .3s ease;
}
.review-panel:hover {
  box-shadow: 0 0 20px rgba(2, 2, 2, 0.6), inset 0 0 10px rgba(255,255,255,.2);
}

/* Header */
.review-panel .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
  background: rgba(21,50,75,0.8);
}
.review-panel .section-header h5 {
  color: #d59602;
  margin: 0;
  font-family: 'Orbitron', sans-serif;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: 1rem;
}
/* === READ MORE (MECHA) =========================================== */
.btn-readmore{
 position: relative;
 color: white;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  padding: .56rem 1rem .54rem 1rem;
    padding-right: 1rem;
  border-radius: .6rem;
  border: 1px solid rgba(2, 213, 75, 0.94);
  font-weight: 800;
  letter-spacing: .03em;
  text-transform: uppercase;
  font-size: .92rem;
  color: white !important;
  background: linear-gradient(180deg, rgba(64, 177, 0, 0.18), rgba(0,0,0,.45)) padding-box, linear-gradient(90deg, rgba(255,255,255,.12), rgba(14, 255, 40, 0)) padding-box;
    background-position-x: 0%, 0%;
    background-position-y: 0%, 0%;
    background-size: auto, auto;
  box-shadow: 0 0 0 1px rgba(255,255,255,.06) inset, 0 10px 28px rgba(0,0,0,.45), 0 0 18px rgba(213,150,2,.12);
  cursor: pointer;
  user-select: none;
  isolation: isolate;
  overflow: hidden;
  transition: color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease, background-position .5s ease;
  background-size: 200% 100%;
  background-position: 0% 0%;
  animation: mechaPulse 2.4s ease-in-out infinite;
  will-change: transform, box-shadow, background-position, opacity;
}

/* Animated moving "scan line" sheen */
.btn-readmore::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(95deg,
      transparent 0%,
      rgba(255,255,255,.10) 45%,
      rgba(255,255,255,.18) 50%,
      rgba(255,255,255,.10) 55%,
      transparent 100%);
  mix-blend-mode:screen;
  transform:translateX(-120%);
  animation:mechaSweep 3.2s ease-in-out infinite .6s;
  pointer-events:none;
  opacity:.85;
}

/* Down chevron that animates to draw the eye */
.btn-readmore::after{
  content:"▾";
  font-size:1.05rem;
  line-height:1;
  position:absolute;
  right:.65rem; /* inside the button */
  transform:translateY(-1px);
  color:var(--mecha-cyan);
  text-shadow:0 0 10px rgba(0,255,225,.35);
  animation:nudgeY 1.4s ease-in-out infinite;
  pointer-events:none;
}

/* Hover/active */
.btn-readmore:hover{
  color:#ffd993;
  border-color:var(--mecha-amber-soft);
  transform:translateY(-1px);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 12px 32px rgba(0,0,0,.5),
    0 0 24px rgba(0,255,225,.16);
  background-position:100% 0%;
}
.btn-readmore:active{
  transform:translateY(0);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.07) inset,
    0 8px 22px rgba(0,0,0,.45);
}

/* Focus ring (keyboard) */
.btn-readmore:focus-visible{
  outline:none;
  box-shadow:
    0 0 0 3px rgba(0,255,225,.2),
    0 0 0 1.5px var(--mecha-cyan) inset,
    0 12px 32px rgba(0,0,0,.55);
}

/* Expanded state = cyan mode + flip chevron upward */
.review-panel.is-expanded .btn-readmore{
  color:var(--mecha-cyan);
  border-color:rgba(0,255,225,.75);
  background:
    linear-gradient(180deg, rgba(0,59,177,.12), rgba(0,0,0,.5)) padding-box,
    linear-gradient(90deg, rgba(0,255,225,.14), rgba(255,255,255,0)) padding-box;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 10px 28px rgba(0,0,0,.5),
    0 0 18px rgba(0,255,225,.16);
}
.review-panel.is-expanded .btn-readmore::after{
  content:"▴";
  color:#b6fff5;
  animation:nudgeYup 1.4s ease-in-out infinite;
}

/* Optional: make the button feel a bit bigger without changing layout */
.section-header .btn-readmore{ padding-right:2.1rem; } /* space for chevron */

/* === Animations ================================================ */
@keyframes mechaPulse{
  0%,100%{ box-shadow:0 0 0 1px rgba(255,255,255,.06) inset, 0 10px 28px rgba(0,0,0,.45), 0 0 16px rgba(213,150,2,.12); }
  50%    { box-shadow:0 0 0 1px rgba(255,255,255,.08) inset, 0 12px 34px rgba(0,0,0,.52), 0 0 22px rgba(0,255,225,.16); }
}
@keyframes mechaSweep{
  0%   { transform:translateX(-130%); opacity:.0; }
  10%  { opacity:.85; }
  60%  { transform:translateX(130%); opacity:.75; }
  100% { transform:translateX(130%); opacity:0; }
}
@keyframes nudgeY{
  0%,100%{ transform:translateY(-1px); opacity:.95; }
  50%    { transform:translateY(1px);  opacity:1;   }
}
@keyframes nudgeYup{
  0%,100%{ transform:translateY(1px);  opacity:.95; }
  50%    { transform:translateY(-1px); opacity:1;   }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .btn-readmore,
  .btn-readmore::before,
  .btn-readmore::after{
    animation:none !important;
    transition:none !important;
    transform:none !important;
  }
}

.page-program{
  --mecha-amber:#d59602;
  --mecha-amber-soft:#ffcc66;
  --mecha-cyan:#00ffe1;
  --mecha-ink:#0b1220;
  --mecha-ink-2:#0f1626;
}
/* Overlay (hidden by default) */
.review-panel .review-overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
 
  transition: opacity .4s ease-in-out;
  pointer-events: none;
}

/* Content (collapsed by default) */
.review-panel .section-content {
  max-height: 0;
  overflow: hidden;
  padding: 0 1rem;
  transition: max-height .5s ease, padding .3s ease;
  color: #c7cfd0;

  line-height: 1.6;
}

/* When active: expand content & show overlay */
.review-panel.active .review-overlay {
  opacity: 1;
}
.review-panel.active .section-content {
  max-height: 2000px; /* big enough for your article */
  padding: 1rem;
}

.gf-bonus-box,
.gf-live-box,
.gf-kyc-box,
.gf-attr-box,
.gf-ct-badge {
  display: none;
}


.pros-cons-box {
  background: linear-gradient(145deg, #15191e, #0f1216);
  border: 1px solid #1e242d;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,255,200,0.1);
  font-size: 14px;
  color: #c7cfd0;
}

.pros-cons-title {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #333;
  margin-bottom: 10px;
  padding-bottom: 5px;
  text-transform: uppercase;
  text-align:center;
  letter-spacing: 0.5px;
}

.pros-cons-group {
  margin-bottom: 15px;
}
.pros-cons-group img {
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: middle;
  flex-shrink: 0;
}
.pros-cons-group ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.pros-cons-group li {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  padding: 6px 8px;
  border-radius: 6px;
  background-color: rgba(255,255,255,0.02);
  transition: background 0.2s ease-in-out;
}

.pros-cons-group li:hover {
  background-color: rgba(0,255,255,0.06);
}



.pros-separator {
  border-top: 1px dashed #333;
  margin: 15px 0;
}


.pros-cons-group li img {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  filter: drop-shadow(0 0 2px #00ffe7);
}

.pros-icon {
  width: 18px;
  height: 18px;
  filter: drop-shadow(0 0 3px #00ff99);
}

.cons-icon {
  width: 18px;
  height: 18px;
  filter: drop-shadow(0 0 3px #ff3b47);
}

.warning-icon {
  width: 18px;
  height: 18px;
  filter: drop-shadow(0 0 3px #ffaa00);
}

.title-rating-wrapper {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: nowrap;
  margin-bottom: 2px;
}
.program-title {
  margin-bottom: 20px;
}
.program-heading {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 5px;
  
}

.rating-block {
 
  align-items: center;
}

.votes {
  margin-left: 6px;
  font-size: 13px;
  color: #aaa;
  white-space: nowrap;
}
.tag-badges-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.rating-group {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #ccc;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.rating-stars {
  display: flex;
  align-items: center;
  white-space: nowrap;
}



.mecha-trust-bar-container {
  margin-top: 20px;
  margin-bottom: 30px;
  text-align: center;
}

.mecha-trust-bar-bg {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  height: 20px;
  background: #0a0a0a;
  border: 1px solid #00ffe7;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 10px #00ffe7, 0 0 10px #00ffe7;
}

.mecha-trust-bar-fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #00ffe7 0%, #007d7d 100%);
  box-shadow: 0 0 10px #00ffe7;
  animation: loadTrustBar 2.5s ease-out forwards, trustShimmer 1.5s infinite linear;
  background-size: 200% 100%;
}

.mecha-trust-bar-label {
  margin-top: 10px;
  color: #00ffe7;
  font-size: 14px;
  font-family: 'Orbitron', monospace;
  text-shadow: 0 0 4px #00ffe7;
  letter-spacing: 1px;
}

/* Loading animation to 80% */
@keyframes loadTrustBar {
  to { width: var(--trust-score); }
}

/* Sci-fi shimmer / scan effect */
@keyframes trustShimmer {
  0% { background-position: 0% 0; }
  100% { background-position: 200% 0; }
}

.section-content.show {
  display: block;
}

.games-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 10px;
  margin-bottom:10px;
}
.game-badge {
  display: flex;
  align-items: center;
  font-size: 12px;
 
  border-radius: 6px;
  padding: 5px 8px;
  box-shadow: 0 0 4px #7482c1;
}
.game-badge img {
  width: 20px;
  height: 20px;
  margin-right: 6px;
}

.btn-show-all-games {
  background: transparent;
  color: #d59602;
  border: 1px solid #d59602;
  border-radius: 5px;
  padding: 4px 10px;
 
  font-size: 12px;
  cursor: pointer;
}
.trust-index-box {

  border: 1px solid #333;
  padding: 20px;
  margin-top: 20px;
margin-bottom: 20px;
  color: #fff;
  box-shadow: 0 0 15px rgba(0, 255, 200, 0.1);
  transition: all 0.3s ease;
}

.trust-index-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #00ffd9;
  border-left: 4px solid #00ffd9;
  padding-left: 12px;
}

.trust-index-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.trust-index-list li {
  position: relative;
  padding-left: 26px; /* room for the icon */
  margin: 6px 0;
}

.trust-index-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 16px;
  line-height: 1;
}



/* Icons by category */
.trust-index-list li.reason--green::before {
  content: '✅';
  color: #00ff90;
}

.trust-index-list li.reason--red::before {
  content: '❌';
  color: #ff4d4f;
}

.trust-index-list li.reason--neutral::before {
  content: 'ⓘ';
  color: #8892a6;
}

.game-badge img {
  height: 34px;
  width: 24px;
  margin-right: 6px;

}


.top-programsy .sidebar {
  background-color: #1e1e1e;
  padding: 20px;
  border-radius: 8px;
  color: #fff;
  box-shadow: 0 0 10px rgba(0,0,0,0.4);
}

.top-program-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: #2a2a2a;
  padding: 15px;
  border-radius: 6px;
  margin-bottom: 10px;
  color: #fff;
}

.top-program-slide img.program-image {
  max-width: 80px;
  margin-bottom: 10px;
  border-radius: 4px;
}

.top-program-slide .program-info a {
  color: #00ffd9;
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}

.swiper-button-next,
.swiper-button-prev {
  color: #fff;
}

.statistic-box.review-panel{
  position: relative;          /* anchor overlay */
  overflow: hidden;            /* keep fades inside */
}

/* Smooth transitions on the content */
.statistic-box.review-panel .section-content{
  transition: max-height .35s ease, opacity .25s ease;
}

/* Collapsed state: dim content + feather fade at the bottom */
.statistic-box.review-panel:not(.is-expanded) .section-content{
  opacity: .68;
}

/* Use mask fade only where supported (Chrome/Safari/Firefox) */
@supports (-webkit-mask-image: linear-gradient(#000,#000)) or (mask-image: linear-gradient(#000,#000)) {
  .statistic-box.review-panel:not(.is-expanded) .section-content{
    -webkit-mask-image: linear-gradient(
      to bottom,
      rgba(0,0,0,1) 0%,
      rgba(0,0,0,1) 70%,
      rgba(0,0,0,.30) 85%,
      rgba(0,0,0,0) 100%
    );
    mask-image: linear-gradient(
      to bottom,
      rgba(0,0,0,1) 0%,
      rgba(0,0,0,1) 70%,
      rgba(0,0,0,.30) 85%,
      rgba(0,0,0,0) 100%
    );
  }
}

/* Gradient scrim that darkens lower body (fallback + extra depth) */
.statistic-box.review-panel .review-overlay{
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 48%;                   /* increase to 55% for stronger fade */
  pointer-events: none;          /* let clicks through */
  opacity: 0;
  transition: opacity .25s ease;
  background:
    linear-gradient(
      to bottom,
      rgba(11,18,32,0)   0%,
      rgba(11,18,32,.18) 28%,
      rgba(11,18,32,.42) 62%,
      rgba(11,18,32,.80) 100%
    );
  box-shadow: inset 0 14px 28px -14px rgba(0,0,0,.55);
}
.statistic-box.review-panel:not(.is-expanded) .review-overlay{ opacity: 1; }

/* Optional: stronger inner shadow only when collapsed */
.statistic-box.review-panel:not(.is-expanded){
  box-shadow: inset 0 -18px 28px -16px rgba(0,0,0,.55);
}

/* Reduced motion: keep the look, drop animation timing */
@media (prefers-reduced-motion: reduce){
  .statistic-box.review-panel .section-content,
  .statistic-box.review-panel .review-overlay{
    transition: none;
  }
}

/* =========================================================
   CTA BUTTON (mecha) — your styles moved to the right target
   If you plan to remove the CTA completely, you can delete
   this whole section or add `.review-cta{display:none}`
   ========================================================= */

/* This was previously on .statistic-box.review-panel — moved here */
.statistic-box.review-panel .review-cta.cta-mecha{
  position: absolute;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 12px;
  background: rgba(10,16,18,0.85);
  color: #cffff6;
  border: 1px solid rgba(0,255,225,0.55);
  border-radius: 10px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .2px;
  cursor: pointer;
  z-index: 3;
  box-shadow:
    inset 0 0 10px rgba(0,255,225,.08),
    0 8px 22px rgba(0,0,0,.40);
  text-shadow: 0 0 6px rgba(0,255,225,.35);
  transition: transform .12s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease, opacity .2s ease;
}

/* Mecha skin */
.statistic-box.review-panel .review-cta.cta-mecha{
  --neon: #00ffe1;
  --neon-dim: rgba(0,255,225,.35);
  --panel: rgba(8,14,16,.92);
  background: linear-gradient(180deg, rgba(12,20,22,.95) 0%, var(--panel) 100%);
  border-color: var(--neon-dim);
}

/* Corner brackets */
.statistic-box.review-panel .review-cta.cta-mecha::before,
.statistic-box.review-panel .review-cta.cta-mecha::after{
  content: "";
  position: absolute;
  width: 8px; height: 8px;
  border: 2px solid var(--neon);
  opacity: .7;
}
.statistic-box.review-panel .review-cta.cta-mecha::before{
  left: -4px; top: -4px;
  border-right: 0; border-bottom: 0; border-radius: 3px 0 0 0;
  box-shadow: 0 0 10px var(--neon-dim);
}
.statistic-box.review-panel .review-cta.cta-mecha::after{
  right: -4px; bottom: -4px;
  border-left: 0; border-top: 0; border-radius: 0 0 3px 0;
  box-shadow: 0 0 10px var(--neon-dim);
}

/* Tiny LEDs */
.statistic-box.review-panel .review-cta .led{
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--neon);
  box-shadow: 0 0 8px var(--neon);
  opacity: .9;
}
.statistic-box.review-panel .review-cta .led-l{ margin-right: 2px; }
.statistic-box.review-panel .review-cta .led-r{ margin-left: 2px; animation: led-pulse 2.2s ease-in-out infinite; }
@keyframes led-pulse{
  0%,100%{opacity:.55; box-shadow:0 0 6px rgba(0,255,225,.35)}
  50%    {opacity:1;   box-shadow:0 0 10px rgba(0,255,225,.65)}
}

/* Chevrons */
.statistic-box.review-panel .chevrons{ display:inline-flex; gap:2px; }
.statistic-box.review-panel .chev{
  width:7px; height:7px;
  border-right:2px solid currentColor; border-bottom:2px solid currentColor;
  transform: rotate(45deg) translateY(-1px);
  opacity:.9;
  animation: chev-mech 1.3s infinite ease-in-out;
}
.statistic-box.review-panel .chev + .chev{ animation-delay:.18s; }
@keyframes chev-mech{
  0%,60%,100%{ transform:rotate(45deg) translateY(-1px); opacity:.85; }
  30%       { transform:rotate(45deg) translateY(2px);  opacity:1;    }
}

/* Hover / active */
.statistic-box.review-panel .review-cta:hover{
  box-shadow:
    inset 0 0 12px rgba(0,255,225,.12),
    0 10px 26px rgba(0,0,0,.45),
    0 0 18px rgba(0,255,225,.15);
  border-color: rgba(0,255,225,.75);
}

/* Expanded state hides CTA */
.statistic-box.review-panel.is-expanded .review-cta{ opacity:0; pointer-events:none; }

/* Respect short content */
.statistic-box.review-panel.is-short .review-cta{ display:none; }
.cta-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin: 24px 0 8px;
  flex-wrap: wrap;            /* allows nice wrap on smaller widths */
}


th.sort {
    cursor: pointer;
}

/* Optional “mecha” gradient for Join */
.btn-join {
  background: linear-gradient(135deg, #19ffb4 0%, #4cae4c 100%);
  color: #0b0b0b;
  border: 0;
}

/* Outline style for Report (keeps visual hierarchy) */
.btn-cta.btn-outline-danger {
  border: 1px solid #ff5a5a;
  color: #ff5a5a;
  background: rgba(255, 90, 90, 0.06);
}

/* Mobile: stack full width, centered */
@media (max-width: 576px) {
  .btn-cta {
    width: 100%;
    max-width: 360px;
  }
}
/* --- Card: taller, roomier, and flex so CTA can pin to bottom --- */
.modal .monitor-card{
  position: relative;
  display: flex;                 /* let content grow and footer pin */
  flex-direction: column;
  padding: 18px 20px 20px;
  border-radius: 14px;
  background:
    radial-gradient(120% 140% at 5% 0%, rgba(0,255,225,.06), rgba(0,255,225,0) 45%),
    linear-gradient(180deg, #0f1820 0%, #0b1218 100%);
  border: 1px solid rgba(0,255,225,.28);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.035), 0 10px 26px rgba(0,0,0,.35);
  min-height: 280px;             /* a touch more breathing room */
}

/* --- Sci‑fi header bar (centered) --- */
.modal .monitor-head{
  position: relative;
  
  align-items: center;
  justify-content: center;        /* center icon + title */
  gap: 10px;
  padding: 10px 12px;
  margin: -4px -2px 14px;
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(0,255,225,.10), rgba(0,255,225,0) 80%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0));
  border: 1px solid rgba(0,255,225,.28);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.035);
  text-align: center;             /* extra safety */
  overflow: hidden;
}
.modal .monitor-head .mh-ear{     /* decorative tabs don’t capture events */
  position: absolute; width: 12px; height: 12px; opacity: .85;
  background: linear-gradient(135deg, #00ffe1, transparent 60%);
  filter: drop-shadow(0 0 8px rgba(0,255,225,.4));
  pointer-events: none;
}
.modal .monitor-head .mh-ear--lt{ top:-6px; left:-6px; clip-path: polygon(0 0, 100% 0, 0 100%); }
.modal .monitor-head .mh-ear--rt{ top:-6px; right:-6px; clip-path: polygon(100% 0, 100% 100%, 0 0); }

.modal .monitor-head .mh-glow{
  position:absolute; inset:0;
  background: radial-gradient(120px 50% at left 50%, rgba(0,255,225,.08), transparent 60%);
  animation: mh-glide 4.8s linear infinite;
  pointer-events:none;
}
@keyframes mh-glide{
  0% { transform: translateX(-40%); opacity:.65; }
  50%{ transform: translateX(40%);  opacity:.45; }
  100%{ transform: translateX(-40%); opacity:.65; }
}
.modal .monitor-head .mh-icon{
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  line-height: 1;
  /* keep your existing color/glow from before */
  color:#00ffe1;
  text-shadow: 0 0 10px rgba(0,255,225,.55);
}
.modal .monitor-head .mh-title{
  margin: 0;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  color:#b7fff6;
  font-size: 2.2rem;
}

/* --- Content: readable (fix accidental 2.06rem -> 1.06rem) --- */
.modal .monitor-content{
  flex: 1 1 auto;                 /* fills available space */
  color: #e9f3ff;
  font-size: 2.06rem !important;
  line-height: 1.72;
}
.modal .monitor-content p{ margin: 0 0 1rem; }
.modal .monitor-content strong, .modal .monitor-content b{ color:#fff; }
.modal .monitor-content a{
  color: #ffd480; text-decoration: none; border-bottom: 1px dashed rgba(213,150,2,.55);
}
.modal .monitor-content a:hover{
  color: #ffe4a6; border-bottom-color: #ffcf73;
}
.modal .monitor-content img{
  max-width: 100%;
  height: auto;
  border-radius: 6px;
}

/* --- CTA: fixed place at the bottom & centered --- */
.modal .monitor-actions{
  margin-top: auto;               /* pins this block to the bottom */
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.06);
  display:flex;
  justify-content:center;
}
.modal .monitor-cta{
  display: inline-flex; align-items: center; justify-content: center;
  gap: .45rem;
  min-width: 180px;
  padding: .52rem .92rem;
  border-radius: 10px;
  color: #0b1220;
  background: linear-gradient(180deg,#ffd480,#d59602);
  border: 1px solid rgba(213,150,2,.85);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.15), 0 6px 14px rgba(0,0,0,.35);
  text-decoration: none;
  font-weight: 800;
  letter-spacing: .02em;
  transition: transform .12s ease, box-shadow .2s ease, filter .2s ease;
  text-align: center;
}
.modal .monitor-cta:hover{
  transform: translateY(-1px);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18), 0 10px 18px rgba(0,0,0,.45);
  filter: brightness(1.03);
}
.modal .monitor-cta:active{ transform:none; }
@media (max-width: 480px){
  .modal .monitor-cta{ width: 100%; }
}

/* --- Modal sizing & grid (full‑width, adaptive) --- */
#monitors .modal-dialog,
#allGamesModal .modal-dialog{
  width: 95%;
  max-width: 1200px;
}
#monitors .modal-body,
#allGamesModal .modal-body{
  padding: 22px 24px !important;
}
#monitors .monitor-list,
#allGamesModal .monitor-list{
  list-style:none; margin:0; padding:0;
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  grid-gap: 22px;
}
@media (max-width: 480px){
  #monitors .monitor-list, #allGamesModal .monitor-list{
    grid-template-columns: 1fr; min-width:0;
  }
}



/* ============================
   UND🦴AD MODE (program is dead)
   ============================ */
/* ===========================
   DEAD VIEW — Neo‑mecha anomaly
   =========================== */

.program-view.is-dead{
  --dead-red: #ff3b3b;
  --dead-ink: #0b0f13;
  --dead-cyan: #00ffe1;

  /* Multi-layered background: glow + conic haze + scanlines + base */
  background:
    radial-gradient(120% 70% at 50% -10%, rgba(255,60,60,.08), rgba(0,0,0,0) 70%),
    conic-gradient(from 180deg at 50% 120%, rgba(255,60,60,.05), rgba(0,0,0,0) 40% 60%, rgba(0,255,225,.05) 75%, rgba(0,0,0,0) 100%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 2px, rgba(255,255,255,0) 2px 4px), /* scanlines */
    linear-gradient(180deg, #0c1116, #080b0e);
  filter: grayscale(.25) saturate(.85);
}

/* Dim/fade interactive sections in dead view */
.program-view.is-dead .statistic-box,
.program-view.is-dead .status-badge,
.program-view.is-dead .stats-row .box,
.program-view.is-dead .games-grid,
.program-view.is-dead .simple-carousel,
.program-view.is-dead .pros-cons-box,
.program-view.is-dead .sidebar-box,
.program-view.is-dead .cowntain{
  opacity: .65;
  pointer-events: none;
  filter: saturate(.85) contrast(.95);
}

/* Keep title and dead banner readable at full strength */
.program-view.is-dead .program-title,
.program-view.is-dead .dead-banner { opacity: 1; pointer-events: auto; }

/* Join/Visit disabled look */
.btn-dead{
 cursor: not-allowed !important;
  background: linear-gradient(rgb(59, 16, 20), rgb(42, 12, 15));
  border: 1px solid var(--dead-red-dim);
  color: rgb(255, 222, 222) !important;
  text-shadow: rgba(255, 62, 78, 0.25) 0px 0px 8px;
  box-shadow: rgba(255, 255, 255, 0.06) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.45) 0px 6px 18px;
}

/* Dead banner — refined (no skull background) */
.dead-banner{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  margin: 10px 0 18px;
  border-radius: 12px;
  color: #ffdede;
  background:
    linear-gradient(180deg, rgba(255,60,60,.09), rgba(0,0,0,0.25)),
    linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,0));
  border: 1px solid rgba(255,60,60,.45);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 12px 26px rgba(0,0,0,.45),
    0 0 18px rgba(255,60,60,.12);
  position: relative;
  overflow: hidden;
}
.dead-banner::after{
  /* subtle moving danger glow */
  content: "";
  position: absolute; inset: 0;
  background: radial-gradient(160px 60% at -10% 50%, rgba(255,60,60,.12), transparent 60%);
  animation: dead-glide 5.2s linear infinite;
  pointer-events: none;
}
@keyframes dead-glide{
  0% { transform: translateX(-30%); opacity: .6; }
  50%{ transform: translateX(30%);  opacity: .4; }
  100%{ transform: translateX(-30%); opacity: .6; }
}

.dead-banner__icon{
  display: grid; place-items: center;
  width: 40px; height: 40px; min-width: 40px;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255,60,60,.2), rgba(0,0,0,.25));
  border: 1px solid rgba(255,60,60,.5);
  box-shadow: 0 0 14px rgba(255,60,60,.2);
  color: var(--dead-red);
  text-shadow: 0 0 10px rgba(255,60,60,.5);
  z-index: 1; /* above the moving glow */
}
.dead-banner__text{
  z-index: 1;
}
.dead-banner__text strong{
  text-transform: uppercase; letter-spacing: .06em;
  color: #ffe1e1;
}
.dead-banner__sub{
  margin-top: 2px; color: #ffb7b7; opacity: .95;
}
.dead-banner__cta{
  margin-left: auto;
  z-index: 1;
  display: inline-flex; align-items: center; gap: .5rem;
  padding: .5rem .8rem;
  border-radius: 10px;
  color: #0b1220;
  background: linear-gradient(180deg, #ffd480, #d59602);
  border: 1px solid rgba(213,150,2,.85);
  text-decoration: none;
  font-weight: 800;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.15), 0 6px 14px rgba(0,0,0,.35);
}
.dead-banner__cta:hover{ filter: brightness(1.05); transform: translateY(-1px); }
.dead-banner__cta:active{ transform: none; }


.program-view.is-dead .statistic-box.well.well-black,
.statistic-box.well.well-black.is-dead-top {
  margin-top: 30px;
}

.statistic-box.well.well-black.nono { margin-top: -25px; }


/* ====== DEAD STATE – mining ====== */
.mining-view.is-dead {
  --dead-ink: #0b1016;
  --dead-ink-2: #0f141c;
  --dead-red: #ff3347;
  --dead-red-dim: rgba(255,51,71,.28);
  --dead-cyan: #00ffe1;
}

/* Subtle scanline background and desaturation */
.mining-view.is-dead .content, 
.mining-view.is-dead .main, 
.mining-view.is-dead .container {
  position: relative;
  filter: grayscale(.25) brightness(.92);
}
.mining-view.is-dead .content::after,
.mining-view.is-dead .main::after,
.mining-view.is-dead .container::after{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(255,51,71,.06) 0,
      rgba(255,51,71,.06) 1px,
      transparent 2px,
      transparent 4px
    );
  mix-blend-mode: overlay;
  opacity:.35;
}

/* Banner */
.dead-banner{
  display:flex; align-items:center; gap:14px;
  padding:14px 16px;
  border-radius:12px;
  border:1px solid var(--dead-red-dim);
  background:
    linear-gradient(180deg, rgba(255,51,71,.10), rgba(0,0,0,.35)),
    linear-gradient(90deg, rgba(255,255,255,.04), transparent);
  color:#ffe8ec;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.035), 0 10px 26px rgba(0,0,0,.35);
  margin: 10px 0 18px;
}
.dead-banner__icon{
  font-size: 28px; line-height: 1;
  color: var(--dead-red);
  text-shadow: 0 0 12px rgba(255,51,71,.45);
}
.dead-banner__text strong{ color:#fff; }
.dead-banner__sub{ opacity:.9; font-size:.95rem; }
.dead-banner__cta{
  margin-left:auto;
  display:inline-flex; align-items:center; gap:.45rem;
  padding:.45rem .8rem; border-radius:10px;
  color:#0b1220;
  background: linear-gradient(180deg,#ffd480,#d59602);
  border: 1px solid rgba(213,150,2,.85);
  text-decoration:none; font-weight:800;
}
.dead-banner__cta:hover{ filter: brightness(1.05); }
/* Earning Type Section (Mecha/Alien Sci-Fi Style) */
.sci-fi-earning-type {
    margin-top: 15px;
    padding: 15px;
    background: linear-gradient(135deg, var(--mecha-ink), var(--mecha-ink-2));
   
    border-radius: 12px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.035), 0 10px 26px rgba(0,0,0,.35);
    font-family: 'Orbitron', sans-serif;
    color: #c7cfd0; /* Matches .statistic-box .section-content */
    text-align: center;
    position: relative;
    overflow: hidden;
}

/* Corner brackets for sci-fi effect (like .review-cta.cta-mecha) */
.sci-fi-earning-type::before,
.sci-fi-earning-type::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border: 2px solid var(--mecha-cyan);
    opacity: 0.7;
}
.sci-fi-earning-type::before {
    left: -4px;
    top: -4px;
    border-right: 0;
    border-bottom: 0;
    border-radius: 3px 0 0 0;
    box-shadow: 0 0 10px rgba(0,255,225,0.35);
}
.sci-fi-earning-type::after {
    right: -4px;
    bottom: -4px;
    border-left: 0;
    border-top: 0;
    border-radius: 0 0 3px 0;
    box-shadow: 0 0 10px rgba(0,255,225,0.35);
}

/* Scanline glow effect (like .mining-view.is-dead) */
.sci-fi-earning-type .scanline {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(0,255,225,0.12), transparent);
    animation: sci-fi-glow 4s linear infinite;
    pointer-events: none;
    opacity: 0.65;
}

@keyframes sci-fi-glow {
    0% { transform: translateX(-100%); }
    50% { transform: translateX(100%); }
    100% { transform: translateX(100%); }
}

.sci-fi-earning-type strong {
    font-size: 1.2em;
    font-weight: 700;
    color: var(--mecha-cyan);


}

.earning-type-list {
    display: grid;
    gap: 12px;

    margin: 8px 0 0;
    padding: 0;
    list-style: none;
}

.earning-type-list li {
   
    padding: 6px 14px;
 
  
    font-size: 0.9em;
    font-weight: 600;
    color: #e4e4f1; /* Matches .project-card */
    transition: transform 0.3s, box-shadow 0.3s;
    box-shadow: 0 0 6px rgba(0,255,225,0.2);
}

.earning-type-list li:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 12px rgba(0,255,225,0.4);
}

/* Dead state styling (matches .mining-view.is-dead) */
.mining-view.is-dead .sci-fi-earning-type {
    opacity: 0.65;
    filter: saturate(0.85) contrast(0.95);
    border-color: rgba(255,51,71,0.25); /* Matches --dead-red-dim */
}

.mining-view.is-dead .sci-fi-earning-type strong {
    color: #ff3347; /* Matches --dead-red */
    text-shadow: 0 0 8px rgba(255,51,71,0.45);
}

.mining-view.is-dead .sci-fi-earning-type .scanline {
    background: linear-gradient(90deg, transparent, rgba(255,51,71,0.12), transparent);
}

.mining-view.is-dead .earning-type-list li {
    border-color: rgba(255,51,71,0.25);
    box-shadow: 0 0 6px rgba(255,51,71,0.2);
}

.mining-view.is-dead .earning-type-list li:hover {
    box-shadow: 0 0 12px rgba(255,51,71,0.4);
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .sci-fi-earning-type {
        padding: 10px;
        font-size: 0.9em;
    }
    .earning-type-list li {
        padding: 4px 10px;
        font-size: 0.85em;
    }
}



.rating-group {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px;
   
    color: #c7cfd0; /* Matches .sci-fi-earning-type */
}

.rating-blocksy {
    display: inline-flex;
    align-items: center;
	max-width: 13%;
}

.votes {
    font-size: 12px; /* Matches .program-title .votes */
    font-weight: 400;
    color: #E4E4E6; /* Matches theme text */
    text-shadow: 0 0 4px rgba(0,255,225,0.2); /* Subtle mecha glow */
}

/* Dead state styling */
.mining-view.is-dead .rating-group {
    opacity: 1; /* Keep readable, matches .program-title */
}

.mining-view.is-dead .votes {
    color: #ffb7b7; /* Matches .dead-banner__sub */
    text-shadow: 0 0 4px rgba(255,51,71,0.2); /* Red glow */
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .rating-group {
        flex-direction: row; /* Keep horizontal on mobile for compactness */
        gap: 8px;
        font-size: 11px;
    }
    .votes {
        font-size: 11px;
    }
}



  .statistic-box.well.well-black.nono.no-trust { margin-top: 74px; }



/* --- Base: keep the old layout on desktop --- */
.gf-mobile-filter-bar,
.gf-filter-drawer,
.gf-filter-backdrop { display: none; }

/* --- Mobile styles --- */
@media (max-width: 991px) {
  /* Show the sticky filter button */
  .gf-mobile-filter-bar {
    position: sticky; top: 0; z-index: 30;
    background: #0f1820; padding: 10px 12px; margin: 0 -10px 10px; /* edge-to-edge */
    border-bottom: 1px solid rgba(255,255,255,.06);
  }
  .gf-filter-toggle {
    display: inline-flex; align-items: center; gap: 8px;
    width: 100%;
    font-size: 15px; line-height: 1.2;
    padding: 10px 12px;
    background: #1a2430; color: #e8eef6;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
  }
  .gf-filter-toggle .gf-badge {
    margin-left: auto;
    min-width: 22px; padding: 2px 7px;
    border-radius: 999px; font-size: 12px;
    background: #2a7bff; color: #fff; text-align: center;
  }

  /* Drawer & backdrop appear on mobile */
  .gf-filter-backdrop {
    display: block;
    position: fixed; inset: 0;
    background: rgba(0,0,0,.55);
    opacity: 0; pointer-events: none;
    transition: opacity .22s ease;
    z-index: 1038;
  }
  .gf-filter-backdrop.is-open { opacity: 1; pointer-events: auto; }

  .gf-filter-drawer {
    display: block;
    position: fixed;
    left: 0; right: 0; bottom: 0;
    height: 80vh; max-height: 80vh;
    background: #0f1820; color: #e8eef6;
    border-top: 1px solid rgba(255,255,255,.08);
    transform: translateY(100%);
    transition: transform .28s ease;
    z-index: 1039;
    /* iOS safe area */
    padding-bottom: env(safe-area-inset-bottom);
  }
  .gf-filter-drawer.is-open { transform: translateY(0); }

  .gf-filter-drawer__header {
    display: flex; align-items: center; justify-content: space-between;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(255,255,255,.08);
  }
  .gf-filter-drawer__header #gf-filter-title { font-weight: 600; }
  .gf-filter-close {
    line-height: 1; font-size: 26px;
    background: transparent; color: #cbd6e2;
    border: 0; padding: 2px 8px;
  }

  .gf-filter-drawer__body {
    position: absolute; left: 0; right: 0;
    top: 54px; bottom: 58px; /* header & footer height */
    overflow: auto; padding: 14px;
  }
  .gf-filter-drawer__footer {
    position: absolute; left: 0; right: 0; bottom: 0;
    display: flex; gap: 10px;
    padding: 10px 14px;
    border-top: 1px solid rgba(255,255,255,.08);
    background: #111a22;
  }
  .gf-filter-drawer__footer .btn { flex: 1 1 50%; }

  /* On mobile, show programs full-width; hide the sidebar column (we move its content into the drawer) */
  .filters-sidebar { display: none !important; }
  .programs { width: 100% !important; float: none !important; }
  
  /* Touch targets inside the drawer */
  .filters-sidebar .gf-filter-row,
  .gf-filter-drawer__body .gf-filter-row {
    display: flex; align-items: center; gap: 10px;
    padding: 10px 6px; border-bottom: 1px solid rgba(255,255,255,.05);
  }
  .filters-sidebar input[type="checkbox"],
  .gf-filter-drawer__body input[type="checkbox"] {
    width: 20px; height: 20px;
  }
  .gf-ico { width: 18px; text-align: center; opacity: .85; }
  .gf-adv[data-field="faucet_types"],
  .gf-adv[data-field="poker_games"],
  select.gf-adv,
  .filters-sidebar select { width: 100%; margin-top: 8px; }
}


#datatable .status-badges .status-badge {
  display: block;
}
@media (max-width: 767px) {
  #datatable .status-badges .status-badge {
    display: inline-block;
  }
}



  @media (max-width: 767px) {

    /* 
     * Target the .games-grid class:
     * - Remove any flex display (if it's set elsewhere in your theme/CSS)
     * - Stack games vertically instead of in a grid
     * - Use !important to override higher-specificity rules if needed
     * - Improves mobile readability
     */
    .games-grid {
      display: block !important;
    }

    /* 
     * Target the "Show All" button (.btn.btn-show-all-games):
     * - Set width to 100% so it spans the full container width
     * - Makes the button easier to tap on small screens
     */
    .btn.btn-show-all-games {
      width: 100%;
       margin-top: 8px;
       height: 44px;
    }

    /* 
     * Target each .game-badge (individual game items):
     * - Add 8px top margin for spacing between badges
     * - Creates vertical gaps when stacked on mobile
     */
    .game-badge {
     
      
    margin-top: 8px;
    }

    /* 
     * Override for the first .game-badge:
     * - Remove top margin on the very first item
     * - Keeps the section tight and aligned properly
     */
    .game-badge:first-child {
      margin-top: 0;
    }
  }



  /* Mobile only: applies up to 767.98px */
@media (max-width: 767.98px) {
  .statistic-box.well.well-black.nono {
    /* your mobile styles */
    margin-top: 8px;
  }
}



.btn-edit-post-link {
  width:100%
}

@media (max-width: 767px) {
.mobile-program-header {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.rating-group {
justify-content: center;
margin: 0 auto;
width: auto;
max-width: 100%;
}
}




@media (max-width: 575.98px){

  /* Stack card content cleanly */
 .visit-website-btn {
    display: block !important
  }

  /* Project card layout */
  .project-card{
    display: flex; flex-direction: column; align-items: center;
    padding: 12px; margin-bottom: 16px;
    background: rgba(255,255,255,.04);
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 6px 14px rgba(0,0,0,.35);
 }
  .project-card .col-sm-2{ order:1; text-align:center; }
  .project-card .col-sm-10{ order:2; }

  /* Bigger, centered project logo */
  .project-card .project-logo{
   
    height: auto;
    margin: 8px auto 12px;
    image-rendering: -webkit-optimize-contrast;
    display: block;
  }

  /* Typography + spacing */
  .project-card .card-body{ padding: 12px 12px 16px; }
  .project-card .card-title{
    font-size: clamp(18px, 5vw, 22px);
    line-height: 1.15;
    margin-bottom: 10px;
    text-align: center;
  }
  .project-card .gf-reco-badge{ vertical-align: text-bottom; margin-left: 6px; }

  /* Badgebar: organized "chips" with wrap + gaps */
  .gf-badgebar{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;                 /* space between badges */
    justify-content: center;  /* center row */
    margin-bottom: 12px !important;
  }
  /* Generic chip styling for whatever gamblefi_render_badges() outputs */
  .gf-badgebar > *{
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.06);
    white-space: nowrap;
  }
  .gf-badgebar > * i{ margin-right: 6px; }

  /* Optional: clamp long excerpt for tidy cards */
  .project-card .card-text{
    font-size: 14px;
    line-height: 1.5;
   
    margin: 8px 0 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;         /* show up to 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* Make links/buttons easier to tap */
  .project-card .project-link{ padding: 2px 4px; display: inline-block; }
}

/* ============== SMALL DESKTOP TWEAKS (optional) ============== */
@media (min-width: 576px){
  /* Keep badges neat on larger screens too */
  .gf-badgebar{ display:flex; flex-wrap: wrap; gap: 6px; }
  .gf-badgebar > *{ padding: 4px 10px; font-size: 12px; }
}





/* Overall Program Box Styling: Enhanced Dark Mecha Robotic Alien Theme */
.program {
   
  
    border-radius: 10px; /* Rounded for pod-like shape */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.6), inset 0 0 15px rgba(42, 42, 42, 0.4); /* Layered shadows for depth */
    overflow: hidden;
    position: relative;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease; /* Smooth bounce transition */
   
    color: #a0a0a0; /* Cool gray text */
}

.program:hover {
    transform: scale(1.03) translateY(-5px); /* Lift and scale for hovering mech effect */
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.8), inset 0 0 20px rgba(42, 42, 42, 0.6); /* Intensified shadow */
}

/* Add Rivet Details for Mecha Look */

.program::before {
    top: 10px;
    left: 10px;
}

.program::after {
    top: 10px;
    right: 10px;
}





.status-badge:hover {
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5), inset -1px -1px 2px rgba(58, 58, 58, 0.3);
    transform: translateY(-1px); /* Slight lift */
}

/* Content Styling: Core Module with Alien Circuitry */
.content {
    display: flex;
    padding: 18px;
    background: rgba(13, 13, 13, 0.95);
    position: relative;
    align-items: flex-start; /* Align items to the top */
}

.content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9IiMxZjFmMWYiIG9wYWNpdHk9IjAuMSI+PC9yZWN0PjxsaW5lIHgxPSIwIiB5MT0iMCIgeDI9IjEwMCIgeTI9IjEwMCIgc3Ryb2tlPSIjM2EzYTNhIiBzdHJva2Utd2lkdGg9IjEiIG9wYWNpdHk9IjAuMiIvPjxsaW5lIHgxPSIxMDAiIHkxPSIwIiB4Mj0iMCIgeTI9IjEwMCIgc3Ryb2tlPSIjM2EzYTNhIiBzdHJva2Utd2lkdGg9IjEiIG9wYWNpdHk9IjAuMiIvPjwvc3ZnPg=='); /* Subtle crosshatch for metal texture */
    pointer-events: none;
    opacity: 0.5;
}

.thumb {
    width: 110px;
    height: auto;
    border: 3px ridge #3a3a3a; /* Ridge border for 3D effect */
    border-radius: 6px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
    transition: border-color 0.3s ease, filter 0.3s ease;
    filter: contrast(1.1) saturate(0.8); /* Slightly desaturated for mecha */
    flex-shrink: 0; /* Prevent shrinking on small screens */
}

.thumb:hover {
    border-color: #4a4a4a;
    filter: contrast(1.3) saturate(1.2); /* Boost on hover */
}

.right-content {
  
    flex: 1;
}

.right-content-field p {
    margin: 6px 0;
    font-size: 0.95em;
    display: flex;
    align-items: center;
    color: #909090;
    position: relative;
    padding-left: 20px; /* Space for icon */
}



.right-content-field p i {
    font-size: 1.3em;
    margin-left: 5px;
    transition: color 0.3s ease;
}

/* Icon Enhancements */
.fa-check-circle {
    color: #006600 !important; /* Dark green */
}

.fa-check-circle:hover {
    color: #009900 !important;
}

.fa-times-circle {
    color: #660000 !important; /* Dark red */
}

.fa-times-circle:hover {
    color: #990000 !important;
}

/* Wager Text */
.right-content-field p span[style*="color:green"] {
    color: #006600 !important;
}

.right-content-field p span[style*="color:red"] {
    color: #660000 !important;
}

/* Footer Styling: Activation Panel */
.footer {
    background: linear-gradient(to top, #1a1a1a, #0d0d0d);
  
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.9em;
}

.footer a {
   
    text-decoration: none;
    position: relative;
    transition: color 0.3s ease;
}

.footer a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background: #4a4a4a;
    transition: width 0.3s ease;
}

.footer a:hover {
    color: #8a8a8a;
}

.footer a:hover::after {
    width: 100%; /* Underline expand on hover */
}



.program {
    animation: bootup 0.8s ease-out forwards;
}

/* Media Queries */
@media (max-width: 768px) {
    .content {
        flex-direction: row; /* Keep side-by-side on mobile */
        flex-wrap: wrap; /* Allow wrapping if too narrow */
        align-items: flex-start; /* Align to top */
        justify-content: flex-start; /* Align to left */
    }
    .thumb {
        width: 80px; /* Smaller image on mobile to fit better */
        margin-right: 10px; /* Space between image and text */
    }
    .right-content {
        margin-left: 0;
        margin-top: 0;
        flex: 1;
        text-align: left; /* Keep left-aligned for natural reading */
    }
    .right-content-field p {
        justify-content: flex-start;
        padding-left: 20px; /* Keep the prompt icon */
    }
}


/* ========================================
   IMMEDIATE FIX for Program Header Badges
   This overrides inline styles and fixes the layout
   ======================================== */

/* Force the header to use flexbox layout */
.program .header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    min-height: 45px !important;
    padding: 10px 15px !important;
    flex-wrap: nowrap !important;
    position: relative !important;
}

/* Title section */
.program .header a,
.program .header h3 {
    flex: 1 !important;
    margin: 0 !important;
    text-align: left !important;
}

/* Override ALL inline float styles on badges */
.program .header .status-badge,
.program .header > div[class*="status-badge"],
.program .header > span[class*="status-badge"] {
    float: none !important;
    display: inline-block !important;
    margin-left: 3px !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: relative !important;
    vertical-align: middle !important;
    font-size: 8px !important;
    padding: 3px 6px !important;

    white-space: nowrap !important;
    line-height: 1 !important;
}

/* Create a badges wrapper effect using CSS */


/* Ensure badges stay on same line */
.program .header {
    white-space: nowrap !important;
    overflow: visible !important;
}

/* Badge colors */
.status-casino {
    background: #e78200  !important;
    color: #fff !important;
}

.status-sports-betting {
    background: #007bff !important;
    color: #fff !important;
}

.status-games {
    background: #ffc107 !important;
    color: #fff !important;
}



/* Mobile adjustments */


/* Fallback: If flexbox doesn't work, use inline-block approach */
@supports not (display: flex) {
    .program .header {
        display: block !important;
        text-align: right !important;
        line-height: 1.5 !important;
    }
    
    .program .header a {
        float: left !important;
        text-align: left !important;
    }
    
    .program .header .status-badge,
    .program .header > div[class*="status-badge"],
    .program .header > span[class*="status-badge"] {
        display: inline !important;
        float: none !important;
    }
}

/* Ensure header takes fixed space */
.program .header {
    flex: 0 0 auto !important; /* Don't grow or shrink */
    height: auto !important;
    min-height: 50px !important;
    max-height: 60px !important;
    overflow: hidden !important;
}

/* Content area fills remaining space */
.program .content {
    flex: 1 1 auto !important; /* Grow and shrink as needed */
    display: flex !important;
    overflow: hidden !important;
    min-height: 0 !important; /* Allow flexbox to shrink */
}

/* Ensure footer takes fixed space */
.program .footer {
    flex: 0 0 auto !important; /* Don't grow or shrink */
    height: auto !important;
    min-height: 40px !important;
    max-height: 50px !important;
    overflow: hidden !important;
}

/* Fix the right-content-field to prevent height variations */
.program .content .right-content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    overflow: hidden !important;
}



/* PURE CSS DOTS - NO JAVASCRIPT */
/* Hide original FontAwesome icons */
.program .right-content-field .fas {
    display: none !important;
}

/* Base styling for status items */
.program .right-content-field p {
    position: relative !important;
    padding: 4px 30px 4px 8px !important;
    margin: 2px 0 !important;
    border-radius: 3px !important;
    background: rgba(255, 255, 255, 0.02) !important;
    border-left: 2px solid transparent !important;
    transition: all 0.3s ease !important;
    flex: 0 0 auto !important; /* Fixed size */
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

/* Default dots for the first 3 status items only */
.program .right-content-field p:nth-child(1)::before,
.program .right-content-field p:nth-child(2)::before,
.program .right-content-field p:nth-child(3)::before {
    content: '●';
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    opacity: 0.8;
    font-weight: bold;
    z-index: 0;
    font-family: Arial, sans-serif;
    text-shadow: 0 0 4px currentColor;
    color: #666; /* Default gray */
}

/* GREEN DOTS - When FontAwesome check-circle icon is present */
.program .right-content-field p:has(.fa-check-circle)::before {
    color: #22c55e !important; /* Green dot */
}

/* RED DOTS - When FontAwesome times-circle icon is present */
.program .right-content-field p:has(.fa-times-circle)::before {
    color: #ef4444 !important; /* Red dot */
}

/* WAGER VALUE DISPLAY - Show value in right position like dots */
.program .right-content-field p:nth-child(4) {
    padding: 4px 30px 4px 8px !important; /* Keep right padding for alignment */
}

/* Position wager value where dots normally appear */
.program .right-content-field p:nth-child(4) span {
    position: absolute !important;
    right: 0.5px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 14px !important;
    opacity: 0.9 !important;
    font-weight: bold !important;
    z-index: 2 !important;
    font-family: Arial, sans-serif !important;
    transition: all 0.3s ease !important;
}

/* Hover effect for wager value */
.program .right-content-field p:nth-child(4):hover span {
    opacity: 1 !important;
    transform: translateY(-50%) scale(1.1) !important;
}

/* Border colors for each status type */
.program .right-content-field p:nth-child(1) {
    border-left-color: rgba(0, 180, 0, 0.3) !important;
}

.program .right-content-field p:nth-child(2) {
    border-left-color: rgba(0, 140, 255, 0.3) !important;
}

.program .right-content-field p:nth-child(3) {
    border-left-color: rgba(255, 180, 0, 0.3) !important;
}

.program .right-content-field p:nth-child(4) {
    border-left-color: rgba(180, 0, 255, 0.3) !important;
}

/* Hover effects */
.program .right-content-field p:hover {
    background: rgba(255, 255, 255, 0.04) !important;
    border-left-width: 3px !important;
    padding-left: 7px !important;
    transform: translateX(2px) !important;
}

.program .right-content-field p:nth-child(1):hover::before,
.program .right-content-field p:nth-child(2):hover::before,
.program .right-content-field p:nth-child(3):hover::before {
    opacity: 1 !important;
    transform: translateY(-50%) scale(1.1) !important;
}

/* Status value styling */
.program .right-content-field p span {
    font-weight: 600 !important;
    position: relative !important;
    z-index: 2 !important;
    padding: 1px 4px !important;
    border-radius: 2px !important;
}

/* Color coding for positive indicators */
.program .right-content-field p span[style*="color:green"] {
    color: #4ade80 !important;
    background: rgba(74, 222, 128, 0.08) !important;
    text-shadow: 0 0 3px rgba(74, 222, 128, 0.3) !important;
}

/* Color coding for negative indicators */
.program .right-content-field p span[style*="color:red"] {
    color: #f87171 !important;
    background: rgba(248, 113, 113, 0.08) !important;
    text-shadow: 0 0 3px rgba(248, 113, 113, 0.3) !important;
}

/* Grid alternative */
.program-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
    gap: 20px !important;
    align-items: stretch !important;
}

/* Mobile adjustments */
@media (max-width: 767px) {
    .col-md-4 .program,
    .program {
        height: 280px !important;
        min-height: 280px !important;
        max-height: 280px !important;
    }
    
    .program .header {
        min-height: 45px !important;
        max-height: 50px !important;
    }
    
    .program .footer {
        min-height: 35px !important;
        max-height: 40px !important;
    }
    
    .program .right-content-field p {
        padding: 3px 25px 3px 6px !important;
        margin: 1px 0 !important;
        font-size: 12px !important;
    }
    
    /* Adjust mobile positioning for wager item */
    .program .right-content-field p:nth-child(4) span {
     
        font-size: 12px !important;
    }
    
    .program .right-content-field p::before {
        right: 6px !important;
        font-size: 22px !important;
    }
}