/* 
Theme Name: Padel By Lis
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
*/

/* Add your custom styles here */
div[data-elementor-type="header"]{
		position: fixed !important;
		top: 0 !important;
		width: 100%;
		z-index: 1000;
}
@media(max-width: 768px){
	.header-opacity{
		min-height: 110px;
	}
}


.before_line,.after_line{
	position: relative;
}
.before_line::before,.after_line::after {
	position: absolute;
	content:"";
	display: block;
	width: 75px;
	height: 5px;

	top: calc((100% - 5px)/2);
}
.before_line::before{
	left: -80px;
}
.after_line::after {
	right: -80px;
}

.before_primary::before{
	background-color: var( --e-global-color-primary )
}
.after_primary::after{
	background-color: var( --e-global-color-primary )
}
.before_secondary::before{
	background-color: var( --e-global-color-secondary )
}
.after_secondary::after{
	background-color: var( --e-global-color-secondary )
}
@media(max-width: 768px){
	.before_line::before ,.after_line::after {
		width: 30px;
	}
	.before_line::before{
		left: -35px
	}
	.after_line::after {
		right: -35px;
	}
	.first-video-container,.middle-video-container{
		overflow-x: hidden;
	}
}


/* Contact Form */
form[name="contact"] input,form[name="contact"] textarea{
	outline: 1px solid White;
	color: #000;
	height: 220px;
}
form[name="contact"] input,form[name="contact"] .elementor-field-type-submit{
	width: fit-content;
	margin: autol;
	margin-bottom: 20px;
	margin: auto;
}
form[name="contact"] input,form[name="contact"] .elementor-field-type-submit button{
    padding: 0;
    width: 300px;
    outline: 1px solid #fff;
	font-weight: bold !important;
	height: 45px;
	font-family: "Cuprum";
	font-size: 22px;
		
}
form[name="contact"] input{
   padding: 9px 14px;
   font-weight: 400 !important
}
form[name="contact"] .elementor-field-type-submit button{
	margin-top: 20px;
}
form[name="contact"] input,form[name="contact"] .elementor-field-type-submit button:hover{
	color: #000 !important;
}
@media(max-width: 768px){
	form[name="contact"] input,form[name="contact"] .elementor-field-type-submit button{
		font-size: 16px;
		margin-top: 0px;
	}
	form[name="contact"] .elementor-field-type-submit button{
		height: 27px;
		min-height: 27px !important;
	}
	form[name="contact"] input,form[name="contact"] .elementor-field-type-submit button{
		width: 172px;
	}
}


/* Mailchimp */

#mc_embed_signup #mc_embed_signup_scroll input[type="email"]{
	border:3px solid;
	border-color: var( --e-global-color-primary ) !important;
	font-family: "Cuprum";
	text-align: center;
	padding-right: 118px;
	outline: none !important;
	background-color: transparent;
	color: #fff
}
#mc_embed_signup #mc_embed_signup_scroll input[type="email"]::placeholder{
	color: #fff !important;
	font-weight: 700 !important;
	opacity: 1 !important;
}
#mc_embed_signup #mc_embed_signup_scroll .clear input[type="submit"]{
	position: absolute;
	font-family: "Cuprum";
	right: 0;
	top: 0px;
	background-color: transparent;
	color: #fff;
	border:3px solid;
	border-color: var( --e-global-color-primary );
	border-left-color: var( --e-global-color-secondary );
	border-radius: 0;
	font-weight: bold  !important;
}

@media only screen and (min-width: 768px){
	.desktop-top-image img{
		max-height: 55vh;
		width: auto
	}
	.mce_inline_error{
		font-size: 18px
	}
}

/* footer */
#site-footer{
	display: none
}