/* general style */

body{
	margin:0;
	
}

/* homepage jackport winners */

.badge-blk{
	transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);	
}


.text-gradient h2{
	
	-webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff7200+42,fffe31+68,ffffb6+100 */
background: linear-gradient(to bottom,  #ff7200 42%,#fffe31 68%,#ffffb6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* casino page */

.tabs-active a{
	background-color:#83A1F2 !important;
	color:white !important;
	border-color:#83A1F2;
}

#slot-tab, #table-tabs, #promotional-tabs{
	display:none;
}

/* Faq Page */

.faq-section details{
border-bottom:1px solid rgba(255,255,255,0.10);
padding-bottom:15px;		
}

.faq-section p{
	margin-bottom:0px;
}

/* Single post */

.post .wp-post-image {
    border-radius: 8px;
    margin-bottom: 30px;
}

.single-post-grid {
    padding: 40px 20px;
    max-width: 1140px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 300px;
	gap:50px;
}
.single.single-post p{
font-size:1rem;	
line-height:1.75rem;	
margin-bottom:1rem;	
}

.recent-post ul {
    padding: 0px 15px;
    margin: 0;
}

.recent-post li {
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(255,255,255,0.10);
    padding-bottom: 15px;
}

.recent-post a {
    color: white;
}

.recent-post a:hover{
color:var( --e-global-color-secondary)
}	
.single-post-grid h1 {
	font-size: 1.875rem;
	text-align: left;
	max-width: 100% !important;
}
.single-post-grid h2{
 font-size:1.5rem;
}

.single-post-grid h3{
 font-size:1.375rem;
}

.single-post-grid h4{
 font-size:1.25rem;
}
.single-post-grid h5{
font-size:1.125rem;
}

.single-post-grid h6{
font-size:1rem;
}


/* form */

.form-wrap {
    display: flex;
    justify-content: center;
    gap: 30px;
    max-width: 1000px;
    margin: 0 auto;
}

.form-wrap__field{
	flex:1;
	
}

.form-wrap label {
    display: block;
    margin-bottom: 10px;
    text-transform: capitalize;
    color: white;
    font-weight: 500;
} 

.form-wrap input {
    background: transparent;
    border-radius: 8px;
    padding: 15px;
    outline: none !important;
    color: white;
	  font-weight: bold;
    border-color: white;
}
.form-wrap input[type="submit"]{
	border-radius:8px !important;
	width:100%;
}

/* footer */

.mobile-menu{
	display:none;
}

/* Mobile menu */
body{
	overflow-x:hidden;
}

.mobile-menu{
	display: block;
	position:fixed;
	left:-100%;
	top:0px;
	transition:all .15s ease-in;
}

.mobile-menu > .e-con-inner {
    overflow-y: auto;
	  overflow-x:hidden;
    max-height: 90%;
}

.mobile-menu-open {
    left: 0;
}

#close-menu {
    position: fixed;
    right: 15px;
    top: 15px;
	  display:none;
}

.mobile-menu-open #close-menu{
	display:block;
}


/* .scrolling-text {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
}
.scrolling-text p {
	display: inline-block;
	padding-left: 50%;
	animation: scroll-left 15s linear infinite;
}
@keyframes scroll-left {
	from {
		transform: translateX(100%);
	}
	to {
		transform: translateX(-100%);
	}
}
.scrolling-text p {
    font-weight: 700;
    color: #fff;
} */


/* marquee div container */

.ticker-text {
    position: absolute;
    top: 0px;
    z-index: 9;
}

.marquee {
    font-size: 1.5vw;
    color: #fff;
    height: 2.5vw;
    overflow: hidden;
   position: relative;
}

/* nested div inside the container */
.marquee div {
    display: block;
    width: 200%;
    position: absolute; 
    overflow: hidden;
    animation: marquee 15s linear infinite;
}
/* span with text */
.marquee span {
    float: left;
    width: 50%;
}
/* keyframe */
@keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}


/* Gallery */

.gallery-six-items img {
    width: 100%;
    height: 180px;
    object-position: top center;
    object-fit: cover;
    transform: translateY(0);
    transition: transform .5s ease-in-out;
}

.gallery-six-items img:hover {
    transform: translateY(-15px);
}

/* Blog page */

.blogs-grid img{
    object-fit: fill !important;
}


/* Footer */

	
.sticky-footer a{
    color:white !important;
}


/* MEDIA QUERY START */


@media (max-width:1024px){

    .counter__blk br{
        display: none;
    }
    
    .counter__blk span:before{
        content: "$";
    }
    
}

@media (max-width:1023px){
    
    
    .btn-signup, .header-navmenu{
    display: none;
    }
    
    .gt-mobile .gtranslate_wrapper {
        text-align: left !important;
    }
    
/*
	.header-grid > .e-con-inner{
		grid-template-columns:1fr !important;
	}
*/
/*
		.header-grid > .e-con-inner > div:first-child, .header-grid > .e-con-inner > div:last-child {
    display: none;
}
*/
	
	.sticky-footer{
		display:flex !important;
		
	}
    
    /* footer */
    
    .copy-right {
	    padding-bottom: 80px;
    }
    .copy-right li{
    margin-bottom: 10px !important;
    }
}



@media (max-width:991px){
	
	/* Blog Page */
	.single-post-grid {
	max-width: 100%;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr;
	gap: 50px;
}
	
	.single-post-grid main{
		width:100% !important;
		max-width:100% !important;
	}
	
	
}

@media (max-width:767px){
    
    /* Header */
    
    
	.header-grid > .e-con-inner{
		grid-template-columns:1fr 100px 1fr !important;
	}
    
    .gt-mobile .gtranslate_wrapper {
        text-align: left !important;
    }
    
    .gt-mobile .gtranslate_wrapper .gt_switcher-popup img{
        width:15px;
    }
    
    

    
	/* homepage badges */
	
	.badge-tab {
    position: absolute;
    width: auto !important;
    top: -14px;
    left: 20px;
}
	
	.badge-tab img{
		width:60px;
	}
	
	.badge-blk {
    left: 30px !important;
}
	
	/* Gallery */
	
	.gallery-six-items .gallery{
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
	.gallery-six-items .gallery-item{
		max-width:100% !important;
	}
    
    .gallery-six-items img {
	height: 150px;
        object-fit: fill;
    }
}


@media (max-width:667px){

    .form-wrap{
     flex-wrap: wrap;
    }
    .form-wrap__field{
     width: 100%;
        flex-basis: 100%;
    }
    
    .form-wrap > .form-wrap__field:last-child label{
        display: none;
    }
        
}

@media (max-width:567px){
    
    .marquee {
    font-size: 3vw;
    color: #fff;
    height: 5vw;
   }

}