/* 
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
*/

/* Add your custom styles here */
#formContacter,#boxcommander{display: none;}
.elementor-11{display: flex; flex-direction: column; align-content: center; justify-content: center;  min-height: 100vh; padding-bottom: 10vw}
.bouton{background-color:var(--e-global-color-d9c3956 ); width: 40%; margin: auto; padding:0.5vw 1vw; border-radius: 0.3vw; transition: all 0.3s}

.bouton:hover,.bouton.open{background-color:transparent; color: #fff; transition: all 0.3s; cursor: pointer; padding-bottom: 0; border-bottom: solid 1px #ccc; border-radius: 0}
.bouton:hover h2{color: #fff !important; transition: all 0.3s}
#formContacter label{font-family: "Rock Salt", Sans-serif; color: #fff; text-align: center;}
#formContacter>button{width: 100%; background-color: #555; color: #fff; text-transform: uppercase; font-weight: 700}
#meContacter.estompe,#commander.estompe{opacity: 0.7;filter: blur(2px);}
#meContacter.estompe:hover,#commander.estompe:hover{opacity: 1;filter: blur(0px);}
#meContacter.open{margin-bottom: -2em}
div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message){ font-family: "Rock Salt", Sans-serif;}
#wpforms-submit-30{width: 100%}



/*--------------------MOBILE---------------------*/


@media screen and (max-width: 1024px){
	.bouton{background-color:var(--e-global-color-d9c3956 ); width: 100%; margin: auto; padding:0.8em 0; border-radius: 0.3em; transition: all 0.3s; font-size: 1em !important}
	.bouton h2{font-size: 1.5em; }
	#meContacter.estompe,#commander.estompe{opacity: 0.7;filter: blur(2px);}
	.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-half, .wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-sixths, .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fourths{width: 100% !important; margin: 0 !important; padding:15px 0 !important}
	input{text-align: center;}
	body #formContacter .iti--allow-dropdown input, body #formContacter .iti--allow-dropdown input[type=text], body #formContacter .iti--allow-dropdown input[type=tel], body #formContacter .iti--separate-dial-code input, body #formContacter .iti--separate-dial-code input[type=text], body #formContacter .iti--separate-dial-code input[type=tel], #formContacter div.wpforms-container .wpforms-form .iti--allow-dropdown input, #formContacter div.wpforms-container .wpforms-form .iti--allow-dropdown input[type=text], #formContacter div.wpforms-container .wpforms-form .iti--allow-dropdown input[type=tel], #formContacter div.wpforms-container .wpforms-form .iti--separate-dial-code input, #formContacter div.wpforms-container .wpforms-form .iti--separate-dial-code input[type=text], #formContacter div.wpforms-container .wpforms-form .iti--separate-dial-code input[type=tel], #formContacter div.wpforms-container-full .wpforms-form .iti--allow-dropdown input, #formContacter div.wpforms-container-full .wpforms-form .iti--allow-dropdown input[type=text], #formContacter div.wpforms-container-full .wpforms-form .iti--allow-dropdown input[type=tel], #formContacter div.wpforms-container-full .wpforms-form .iti--separate-dial-code input, #formContacter div.wpforms-container-full .wpforms-form .iti--separate-dial-code input[type=text], #formContacter div.wpforms-container-full .wpforms-form .iti--separate-dial-code input[type=tel], #formContacter #wpforms-conversational-form-page .iti--allow-dropdown input, #formContacter #wpforms-conversational-form-page .iti--allow-dropdown input[type=text], #formContacter #wpforms-conversational-form-page .iti--allow-dropdown input[type=tel], #formContacter #wpforms-conversational-form-page .iti--separate-dial-code input, #formContacter #wpforms-conversational-form-page .iti--separate-dial-code input[type=text], #formContacter #wpforms-conversational-form-page .iti--separate-dial-code input[type=tel]{padding-left: 0 !important}
	div.wpforms-container-full input[type=submit]:not(:hover):not(:active), div.wpforms-container-full button[type=submit]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active){width: 100%}
	#portrait{position: fixed;  left: 0;  top: 0; width: 30%;}
	div.wpforms-container-full{margin: 0 !important}
	.wpforms-container>.wpforms-field:first-child(){padding: 0 !important}
	div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message){margin-top: 2em !important}
}