/*
Theme Name: Formula Spin
Theme URI: http://example.com/имя-вашей-темы/
Author: FS
Author URI: http://example.com
Description: Formula Spin Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: left-sidebar, fixed-layout, responsive-layout
Text Domain: Formula Spin
*/

@font-face {
    font-family: 'SF UI Display'; 
    src: url('assets/fonts/SFUIText-Regular.ttf') format('truetype'); 
}


*{
    margin: 0;
    padding: 0;
}

:root{
    --black: #000000;
    --red: #e42725;
    --white: #ffffff;
    --grey: #808080;
}


body {
    background: var(--black);
    position: relative;
    font-family: 'SF UI Display',  sans-serif;
    overflow-x: hidden;
}

/*.hold-to-win {
	text-shadow: yellow 1px 0 14px;
	color: yellow;
}*/

#fullscreen-btn {
	position: absolute;
	top: 0;
	height: 16px;
	width: 16px;
	font-size: 16px;
	transform: translateX(440px);
	z-index: 100;
	background-color: transparent;
	color: red;
	border: none;
	cursor: pointer;
}

#main-tmpl{
    background-image: url(/wp-content/uploads/2024/04/bg.svg);
    background-position: center center;
    background-size: auto 90%; 
    background-repeat: no-repeat;
}

a{
    text-decoration: none;
    outline: none;
}

#content {
    position: relative;
    top: -75px;
}

#elementor-main {
    position: relative;
    top: 75px;
    margin: 50px 0 ;
}

section.games-section{
    background-image: url(/wp-content/uploads/2024/04/bg.svg);
    background-position: center center;
    background-size:  cover; 
    background-repeat: no-repeat;
}

main#main {
    background-image: url(/wp-content/uploads/2024/04/bg.svg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

main#games {
    background-image: url(/wp-content/uploads/2024/04/bg.svg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}


.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
	width: auto;
}


.grecaptcha-badge{
	display: none;
}

ul.list-box.about_us-list-box {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 40px;
}

ul.list-box.about_us-list-box li {
	flex: 1 1 40%;
}

ul.list-box.about_us-list-box li h2 {
	margin: 0 0 10px 0;
	font-size: 20px;
	line-height: 30px;
}

ul.list-box.about_us-list-box li p {
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
}

@media (max-width: 555px) {
	ul.list-box.about_us-list-box{
		flex-direction: column;
	}
}