/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

h1.entry-title {
display: none;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}

iframe.se-game_iframe {
	width:100%;
	height:60vw;
	max-height:450px;
}




.d-none{
	display:none;
}
@media(min-width:1025px) {
	.d-pc-block {
		display: block;
	}
}

@keyframes sway1 {
    0% { transform: translateX(-0%) rotate(-10deg); }
    100% { transform: translateX(-0%) rotate(-5deg); }
}

@keyframes sway2 {
    0% { transform: translateX(-30px) rotate(10deg); }
    100% { transform: translateX(-30px) rotate(5deg); }
}

body {
	background: linear-gradient(to right, rgba(29,40,61,1) 0%,rgba(121,71,160,1) 50%,rgba(29,40,61,1) 100%);
}

.se-redirectLoader {

    text-align:center;
    color:#fff;

	a {
	    color:#ffb900 !important;
	    text-decoration: underline; 
	}
}

.loader-cards{


		margin:0 auto 20px auto;
		width:300px;
		text-align:center;
		pointer-events: none;
		padding-left:30px;

		img {
			width:120px;
			@media(max-width:1024px) {
				width:80px;
			}
			&:nth-child(1) {
					transform: translateX(0%) rotate(-10deg);
         animation: sway1 1s infinite ease-in-out alternate;
			}
			&:nth-child(2) {
				 transform: translateX(0%) rotate(10deg);
          animation: sway2 1.2s infinite ease-in-out alternate;
			}
		}
	}

.se-card {

	color:#fff;
	margin-bottom: 20px;
	border-radius:8px;
	background-color:rgba(0,0,0,.15);
	transition: all 0.4s ease-in-out;
	transform-origin:center;
	font-family: "Poppins", Sans-serif;
	overflow:hidden;
	border:4px solid transparent;

	@media(max-width:575px) {
		p {
			font-size:13px
		}
	}

	small {
		font-size:90%;
	}
	
	.row {

		display:flex;
		flex-direction:row;
		gap:0px 10px;
		align-items: stretch; 

		&.bonus-row {
			margin:0 -15px;
			align-items:center;
			> div {
				padding:0 15px;
			}
		}

		@media(max-width:1024px) {
			&:not(.bonus-row) {
				flex-direction: column;
			}
		}

		@media(max-width:500px) {
			&.bonus-row {
				flex-direction: column;
				gap:10px 10px;
			}
		}

		.bonus-title {	
				font-size: 20px;
				font-weight:700;
		}
		.bonus-subtitle {
			font-size: 20px;
			font-weight:300;
		}
		@media(max-width: 1024px) {
			.bonus-title,.bonus-subtitle {
				font-size:16px;
			}
		}


		@media(min-width: 501px) {
				.col-2 {
					width:14%;
					img {
						width:100%;
						border-radius:8px;
					}
				}
				.col-10 {
					width:85.99%;
				}
		}
		@media(max-width: 500px) {
				.col-2 {
					width:100%;
					text-align:left; 
					img {
						width:100px;
						float:left;
						border-radius:8px;
					}
				}
		}

		.left {

			display:block;
			min-height: 100%;
			width:15%;
			position:relative;
			min-height:80px;
			text-align:center;

			@media(max-width:1024px) {
				width:100%;
				padding:20px;
			}

			img {
				position: absolute;
				top:50%;
				left:15%;  
				width:70%;
				transition:all .3s;
				transform:translate(0, -50%);

				@media(max-width:1024px) {
					position:relative;
					left:auto;
					transform:none;
					max-width:140px;
				}
			}

		}
		.middle {

			width:55%;
			position:relative;

			@media(max-width:1024px) {
				width:100%;
			}

			h3 {
				font-size: 1.4rem;
				font-weight:700;
				margin-bottom:15px;
			}
			p {
				line-height:1.8;
			}
			strong {
				font-weight:500;
			}
			big {
				font-size:1.3rem;
				@media(max-width:575px) {
					font-size:1.1rem;
				}
				strong {
					font-weight:600;
				}
			}

			.bg-cards{

				position:absolute;
				top:50%;
				left:50%;
				margin-left:40px;
				transform:translate(-50%, -50%);
				pointer-events: none;
				opacity:0.1;

				img {
					width:120px;
					@media(max-width:1024px) {
						width:80px;
					}
					&:nth-child(1) {
						transform:rotate(-10deg);
					}
					&:nth-child(2) {
						transform:rotate(8deg);
						margin-left:-20px;
					}
				}
			}

		}
		.right{
			width:30%;

			@media(max-width:1024px) {
				width:100%;
			}
		}

	}

	&:hover {
		background-color:rgba(255,255,255,.02);
	
		.bg-cards{
			opacity:0.15;
		}

		@media(min-width:1025px) {
			.left {
				img {
					width:75%;
					left:12.5%;
				}
			}
		}
		.se-button_gold {
			animation: pulse 0.6s infinite alternate ease-in-out;
		}
	}

	.inner {
		padding:15px;
	}

	.elementor-button{
		font-family: "Roboto", Sans-serif;
	    font-size: 14px;
	    font-weight: 600;
	    padding:6px 8px;
	    box-shadow:0px 2px 4px rgba(0,0,0,.075);

	    &.elementor-size-md{
	    	padding:8px 12px;
	    }
	    &.elementor-size-lg {
	    	padding:15px 30px;
	    	width:100%;
	    	font-weight:700;
	    }

	    img {
	    	position:relative;
	    	top:2px;
	    	height:12px;
	    	margin-right:5px;
	    }
	}


	.se-button_transparent {
		color:#fff;
		background-color: rgba(255,255,255,.1);
	}
	.se-button_purple {
		color:#fff;
		background-color:#452575;
		&:hover {
			background-color:#5a3096;
		}
	}




	.se-button_gold {
		color:#7b3305; 
		font-size:18px;
		background-color:#ffb900;
		transition: transform 0.3s ease-in-out;
	}
	.se-button_gold-outline {
		color:#ffb900; 
		border:1px solid #ffb900;
		font-size:18px;
		background-color:transparent;
		transition: transform 0.3s ease-in-out;
	}

	.se-button_red {
		color:#fb2c36;
		background-color: #fb2c364f;
	}

	.se-button_green {
		
	    background-color:#37596c;
	    color: #00BC7D;
	}


}

  .modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 9999;
  }

  .modal-content {
    background:#2e2d4f;
    border:1px solid rgba(255,255,255,.1);
    padding: 25px;
    max-width: 500px;
    border-radius: 8px;
    color:#fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    position: relative;
    .modal-title {
    	font-weight:600;
    	margin-bottom:20px;
    	font-size:20px;
    }
  }

  .modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
  }

.table-params{
  	color:#fff;
  	font-size:16px;
  	tr {
  		border-bottom:1px solid rgba(0,0,0,.1);
  		td,th {
  			padding:8px 12px;
  			border:none;
  			text-align:left;
  		}
  		th {
  			font-weight:800;
  		}
  	}
}