/*
Theme Name: jeanfrancoisCHILD
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/*************** CUSTOM CSS STARTS HERE ****************/
body, html{
	overflow-x:hidden;
}

.site-main-header{
	position:fixed;
	height:100vh;
	width:320px;
}

#content.site-main, footer {
    width: calc(100vw - 320px);
    margin-left: 320px;
    max-width: 100%;
}

.home-contact-form input, .home-contact-form textarea{
	background:transparent;
	border:0;
	border-bottom:3px solid #fff;
	padding:0;
	outline: 0;
    box-shadow: none;
    padding: 0;
    color: #fff;
    opacity: 1;	
}

.home-contact-form input{	
	height:30px;
}

.home-contact-form textarea{
	height:150px;
}

.home-contact-form input:hover, .home-contact-form textarea:hover, .home-contact-form input:focus, .home-contact-form textarea:focus{
	outline: 0;
	box-shadow: none;
	border-color: #fff;
}
.home-contact-form form .wpcf7-form-control-wrap{
	position:relative;
	margin:0 0 50px;
	display: block;
}

.home-contact-form input[type="submit"]{
	border: 2px solid #fff;
	color: #fff;
	font-weight: 700;
	padding: 20px 0;
	transition: opacity .3s ease;
    cursor: pointer;
	letter-spacing: 8px;
	text-transform:uppercase;
	height: auto;
    width: 100%;
}

.home-contact-form p{
	position:relative;
}

.home-contact-form p .wpcf7-spinner{
	position: absolute;
    top: 20px;
    left: 0;
    right: 0;
	margin: 0 auto;
}

.home-contact-form input[type="submit"]:hover, .home-contact-form input[type="submit"]:focus{
	background:#fff;
	color:#d3ac2b;
}

.home-menus-block{
	position:sticky;
	top:100px;
	z-index: 10;
}

.error-page-content {
  padding: 10rem 5%;
  text-align: center;
  min-height: calc(100vh - 3rem);
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

.error-page-content .page-header{
	width: 100%;
}

.error-page-content .page-content{
	width: 100%;
}

.error-page-content .default-btn a {
  background: #d3ac2b;
  padding: 12px 24px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  border: 2px solid #d3ac2b;
  color: #fff;
	display: inline-block;
}

.error-page-content .default-btn a:hover, .error-page-content .default-btn a:focus{
	background:transparent;
}

.error-page-content .default-btn {
  display: block;
  margin: 2rem 0 0;
}

@media (max-width:767px){
	#content.site-main, footer {
        width: 100vw;
        margin-left:0;
        max-width: 100%;
    }
	.site-main-header{
        position:static;
        height:auto;
        width:100%;
    }

}