/*
Theme Name: Levupp
Description: Le thème enfant gâté
Author: Aaron Berrebi
Author URI: https://www.levupp.com
Template: Divi
Version: 1.3
*/

/*
 _    _____   ___   _ ___ ___  
| |  | __\ \ / / | | | _ \ _ \ 
| |__| _| \ V /| |_| |  _/  _/ 
|____|___| \_/  \___/|_| |_|

*/


/* 
** CENTRER DU CONTENU VERTICALEMENT 
*/

.lp-vcenter {
	display: flex;
	flex-direction: column;
	justify-content: center;
  	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	 -moz-box-orient: vertical;
	 -moz-box-direction: normal;
	  -ms-flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
}


/*
** INVERSER LE SENS DES COLONNES SUR MOBILE (METTRE LES CLASSES DANS ROW ET SECTION)
*/

@media only screen and (max-width : 980px) {
	.lp-mobile-reverse-section .lp-mobile-reverse-row .lp-mobile-reverse {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}


/*
** MENU MOBILE : en pleine largeur et le hamburger devient une croix pour fermer
*/

.et_mobile_menu {
	margin-left: -30px;
	padding: 5%;
	width: calc( 100% + 60px);
}

.mobile_nav.opened .mobile_menu_bar:before {
	content: "\4d";
}


/* 
** AUGMENTER LA LARGEUR CHAMP RÉSULTAT CAPTCHA 
** Parfois, suivant la taille du texte, certains chiffres du résultat sont masqués
*/
.et_pb_contact_right p input {
	max-width: 50px;
}


/*
** METTRE EXPOSANTS ET INDICES À LA BONNE TAILLE
** Généralement, ils sont bien trop gros…
*/
sup, sub {
    font-size: 70%;
}




/************************************* GRAVITY FORMS *******************************************/
.gform_wrapper input[type=text],
.gform_wrapper textarea {
  background: #eee;
  border: none;
  border-radius: 0;
  color: #999 !important;
  padding: 15px !important;
}
.gform_wrapper .gform_page_footer{
  justify-content: flex-end;
  display: flex;
  flex-flow: row wrap;
}



/*** BUTTON STYLING ***/
.gform_wrapper .gform_page_footer input.button {
  display: inline-block;
  padding: 12px 20px !important;
  margin-right: 20px !important;
  font-weight: 600;
  text-align:center;
  font-size: 16px !important;
  color: #222222!important;
  border: solid #343434 6px!important;
  text-transform: uppercase!important;
  cursor:pointer;
  background-color:transparent;
  transition: all 300ms ease 0ms;
}
/*** BUTTON HOVER STYLING ***/
.gform_wrapper input.button:hover {
  background: rgba(0,0,0,0.2);
  border-color: transparent!important;
}
.gform_wrapper input.button {
   display: inline-block;
  padding: 12px 20px !important;
  margin-right: 20px !important;
  font-weight: 600;
  text-align:center;
  font-size: 16px !important;
  color: #222222!important;
  border: solid #343434 4px!important;
  text-transform: uppercase!important;
  cursor:pointer;
  background-color:transparent;
  transition: all 300ms ease 0ms;
}

.gform_wrapper .gform_ajax_spinner{
  height:100%
}

/*** TITRES ***/
.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label {
  display: -moz-inline-stack;
  display: inline-block;
  line-height: 1.3;
  clear: both;
  /* float: initial; */
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
}

/*** SELECT ***/

.gform_wrapper .ginput_container_select{
  cursor: pointer;
}

.gform_wrapper span.ginput_total{
	font-size: 30px;
}

.gform_wrapper input.button.gform_button_select_files {
    border: solid 4px;
    border-radius: 0px;
	transition: all 300ms ease 0ms;
}
.gform_wrapper .gf_step span.gf_step_label, .gform_wrapper .gf_step span.gf_step_number {
    text-transform: uppercase;
}
.gform_wrapper h2{
	font-size: 1.825em !important;
}
.gform_wrapper .gravity-tooltip {
    height: 16px;
    width: 16px;
}
.gform_wrapper .gform_title{
	display:none;	
}	


/************************************* FIN GRAVITY FORMS *******************************************/