/*  Theme Name:   hello-elementor-child 
	Template:     hello-elementor  
Version:      0.1.0 */


/*
COULEURS
	#355C7D > Bleu LEV
	#4D85B5 > Bleu LEV léger
	#5A9DD5 > Bleu LEV très léger
	#E4EEF7 > Bleu LEV fond
	
*/

/* MEDIA CSS utilisant elementor : desktop - tablet - mobile */
/*
body[data-elementor-device-mode="mobile"] h1 {
	border: 10px solid red;
}
*/


/*
@media (min-width:480px)
{
	html,body
	{
		overflow:scroll;
	}
} 
*/






/* --------------------- contact form 7 ---------------------- */
/*
.wpcf7-form : formulaire
.wpcf7-form-control : tous les inputs et boutons
.wpcf7-text : input text (marque aussi les emails)
.wpcf7-email : input email
.wpcf7-textarea : input textarea
.wpcf7-submit : submit
.wpcf7-validates-as-required : champ requis
.wpcf7-not-valid : pour message "Veuillez renseigner ce champ." qui apparait après input
.wpcf7-response-output : pour message succès/échec d'envoi d'email

exemple structure
<label> Votre e-mail
    <span class="wpcf7-form-control-wrap" data-name="your-email">
		<input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email wpcf7-not-valid" autocomplete="email" aria-required="true" aria-invalid="true" value="" type="email" name="your-email" aria-describedby="wpcf7-f1259-p139-o1-ve-your-email">
		<span class="wpcf7-not-valid-tip" aria-hidden="true">Veuillez renseigner ce champ.</span>
	</span>
</label>
*/

.wpcf7-form {
	width: 100%;
}
.wpcf7-form .wpcf7-form-control {
	font-size: 15px;
	border-style: solid;
	border-radius: 11px;
	margin-top: 0.4em;
	display: block;
}
.wpcf7-form label,
.wpcf7-form .wpcf7-submit,
.wpcf7-form .wpcf7-form-control,
.wpcf7-form .wpcf7-response-output,
.wpcf7-form .codedropz-upload-wrapper
{
	box-sizing: border-box;
	width: 100%;
	/* width: 50%; */
	/* min-width: 580px; */
}
body[data-elementor-device-mode="mobile"] .wpcf7-form label,
body[data-elementor-device-mode="mobile"] .wpcf7-form .wpcf7-submit,
body[data-elementor-device-mode="mobile"] .wpcf7-form .wpcf7-form-control,
body[data-elementor-device-mode="mobile"] .wpcf7-form .wpcf7-response-output,
body[data-elementor-device-mode="mobile"] .wpcf7-form .codedropz-upload-wrapper
{
	/* width: 100%; */
	min-width: inherit;
}
.wpcf7-form label,
.wpcf7-form .wpcf7-submit  {
	margin-top: 1em;
}
.wpcf7-form .wpcf7-not-valid {
	margin-top: 0.3em;
}

body .wpcf7-form .wpcf7-response-output,
body .wpcf7-form .codedropz-upload-wrapper
{
	margin: 0 0 0 0;
}

.cf7_bloc_envoi {
	position: relative;
}
/*
.wpcf7-spinner {
    position: absolute;
    top: 15px;
	left: 10px;
}
*/
.wpcf7-not-valid-tip {
	margin-top: 0.3em;
}

.select2-container {
	width: 100% !important;
}
.wpcf7-double-col {
	display: flex;
	width: 100%;
	gap: 1em;
}
.wpcf7-col1, .wpcf7-col2 {
	flex: 1;
	width: 50%;
	box-sizing: border-box;
}



/*
CSS du formulaire d'inscription newsletter

selector .newslet_form_bloc {
    text-align: center;
}
selector .newslet_form_bloc a {
    color: white;
}
selector .newslet_form_title {
    font-size: 1.6em;
    color: white;
}
selector .newslet_form_input {
    margin-bottom: 1em;
}
selector .newslet_form_input input {
    text-align: center;
    width: 250px;
    border: none;
}
selector .newslet_form_submit {
    color: white;
    background-color: transparent;
    border-color: white;
    margin-bottom: 1em;
    font-size: 15px;
    padding: 6px 60px;
    width: 250px;
}
selector .newslet_form_rgpd 
{
    max-width: 380px;
    color: white;
    font-size: smaller;
}
selector .newslet_form_rgpd label, selector .newslet_form_charte{
    display: inline;
}
selector .newslet_form_success{
    color: white;
    padding-top: 75px;
    padding-left: 18px;
    padding-right: 118px;
}
selector .newslet_form_error {
    color: red;
    padding-bottom: 5px;
    margin-top: -10px;
    font-size: smaller;
}
*/