/* 
Theme Name:		Hello Child
Theme URI:		https://elementor.com/
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:		1.0.0
Text Domain:	hello-child
Tags:           flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

.page-id-15, .page-id-143{
    background-color: #070709!important;
}

.page-id-15 > #site-header, .page-id-143 > #site-header{
    display: none!important;
}

.form-group .form-control {
	font-family: 'Poppins', sans-serif;
    font-size: .8rem;
    padding: .8rem;
    background-color: #ffffff;
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.form-group .form-control::placeholder {
	font-family: 'Poppins', sans-serif;
	color: rgb(20, 22, 38);
	opacity: 1;
	/* Firefox */
	text-transform: uppercase;
}

.email-input{
	height: 4rem;
}

.form-group .form-control {
	border: none;
}

.form-group .form-control:focus {
	border: none;
}

.form-group i {
    font-size: 1.2rem;
    padding: .5rem;
    background-color: #ffffff;
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
    color: rgb(7 7 9);
    transition: all .3s;
}

.form-submit {
    color: #070709;
    background-color: #fbe70d;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    line-height: 1em;
    font-size: 1rem;
    border: 2px solid #fbe70d;
    padding: .8rem;
    border-radius: .5rem;
    width: 100%;
    margin: 0 auto;
    transition: all 0.2s;
    position: relative;
    overflow: hidden;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.3s;
    white-space: nowrap;
}

button.form-submit:hover, button.form-submit:focus {
	background: #fff481;
	border-color: #fff481;
    color: #070709;
}

.form-text {
	color: #ffffff;
	font-size: 1.2rem;
	font-family: 'Poppins', sans-serif;
}

.form-check-input {
	display: inline-block;
	vertical-align: top;
	height: 1.2rem;
	width: 1.2rem;
}

.form-check-label {
    color: #ffffff;
    font-size: .7rem;
    line-height: 1rem;
    font-family: 'Poppins', sans-serif;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 1rem);
}

.form-check-label p{
    margin: 0!important;
}
.form-group .form-control:focus {
	box-shadow: none !important;
}

.error-active {
    background-color: rgba(200, 30, 30, 0.75);
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: white;
    font-size: .8rem;
    padding: .8rem .1rem;
    border-radius: .5rem;
}

.success-active {
	background-color: rgba(0, 177, 53, 0.75);
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	color: white;
    font-size: .8rem;
    padding: .8rem .1rem;
    border-radius: .5rem;
}

.form-submit::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    animation: shine 3s ease-in-out infinite;
    -webkit-animation: shine 3s ease-in-out infinite;
}

@keyframes shine{
	0% {
    left: -100%;
    transition-property: left;
	}
	14%, 100% {
    left: 100%;
    transition-property: left;
	}
}