/*
 Theme Name:   Divi Form FLCE Subtheme
 Theme URI:    http://www.laclef.org/
 Description:  Customs for Divi theme
 Author:       Simon JANVIER
 Author URI:   https://www.simonjanvier.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         custom
 Text Domain:  divi-form-flce-subtheme
*/

body{font-family: 'Roboto', sans-serif !important;}
header{display:none !important;}
small{font-size:80% !important;}

h1{font-family: 'Dosis', sans-serif;font-weight:bold;font-size:2.6em;}
h2{font-family: 'Dosis', sans-serif;font-weight:bold;}
h2.gsection_title{color: #FFFFFF;font-size: 1.6em;}
body .gform_wrapper textarea, body .gform_wrapper input[type=text],body .gform_wrapper input[type=tel], body .gform_wrapper input[type=email], body .gform_wrapper select{color: #000000 !important;border-radius: 5px !important;border: solid 1px #0c71c3 !important;background: #FFFFFF !important; font-family: 'Roboto', sans-serif !important; font-size: 1.2em !important;height: 3.5em !important;}
body .gform_wrapper textarea{height: 12em !important;line-height: 1.6em !important;}
body .gform_wrapper input:hover, body .gform_wrapper input:focus,body .gform_wrapper select:active,body .gform_wrapper select:hover,body .gform_wrapper select:focus{background: #e6f6ff !important;}
body .gform_wrapper input[type=button]:hover, body .gform_wrapper input[type=button]:focus{border-width: 2px;}
input[type=radio] + label{height: 2.3em !important;}
input[type=radio] + label:before {color: #0c71c3;}
input[type=radio]:checked + label:before{color: #0c71c3 !important;}
body .gform_wrapper label{font-family: 'Roboto', sans-serif !important; font-size: 1.2em !important;line-height: 1.6em !important;}
body .gform_wrapper label.gfield_label{font-size: 1em;}
body .gform_wrapper .ginput_complex span label{font-size: 0.8em !important;}

/* body .et_pb_row{margin:0 4em;} */

.gform_page_footer{position: fixed;bottom: 0;left: 0;background: #FFFFFF;margin: 0 !important;  padding: 1em 2em !important;}
#main-footer{margin-bottom: 6em !important;}



/* Form styling */
.gfield_html{margin: 1em 0;padding: 2em !important;border-radius: 1em;background: #e6f6ff;display:block;}
#field_1_9{background:none;padding:1em 16px 1em 0 !important;}
#field_1_9 .container{padding:0 !important;width: 100% !important;}

h2{font-size:20px !important;}
p{padding-bottom:0.5em !important;}
sup{font-size:50% !important;}

.col_1{display:block;float:left;margin-right:1em;clear:both;margin-top: 1.5em;}
.col_1 span{width:3em;}
.col_1 span::before{content:"";display:inline-block;width:2em;height:2em;}
.col_1 span.fr_flag::before{background:url(http://devflce.simonjanvier.com/wp-content/uploads/2020/02/france-flag-xl-e1582125386946.png) no-repeat;background-size:100%;}
.col_1 span.en_flag::before{background:url(http://devflce.simonjanvier.com/wp-content/uploads/2020/02/united-kingdom-flag-xl-e1582125406602.png) no-repeat;background-size:100%;}

.col_2{display:block;margin-left:3em;margin-top:1em;}

body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]).grayed, body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]).grayed:hover, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_left select.grayed, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_left select.grayed:hover {background:#f0f0f0 !important;}


/*** Video player ***/

#gform_page_1_4 #field_1_133,#gform_page_1_4 #field_1_134,#field_1_135{background: none;}
#gform_page_1_4 #field_1_133 .number{background: #045176; border-radius: 50%;color: #FFFFFF;margin-right:2em;display:block;float:left;height:2em;width:2em;font-size:3em; font-weight:bold;line-height:2em;text-align:center;margin-bottom:2em;}
#gform_page_1_4 #field_1_133 .number.disabled{background:gray;}
#gform_page_1_4 #field_1_133 .consign{font-size: 2em;line-height: 1.5em;margin-right:10em;}
#gform_page_1_4 #field_1_133 .consign.disabled{text-decoration-line: line-through;}
#gform_page_1_4 #field_1_133 #button_1, #gform_page_1_4 #field_1_133 #button_2
, #gform_page_1_4 #field_1_133 #button_3, #gform_page_1_4 #field_1_134 #button_4, #gform_page_1_4 #field_1_9 #button_4, #field_1_135 #button_manual_address{float:right; border-radius: 4px; padding: 0.5em 1em; margin-left: 1em; background: #044d70;font-size:1.5em;color:#FFFFFF; font-weight:bold;display:block;cursor:pointer;width:13em;text-align: center;}
#field_1_135 #button_manual_address{float:none;width:50%;margin: 0 auto;}
#gform_page_1_4 #field_1_133 #button_1{margin-top: -2.7em;}
#gform_page_1_4 #field_1_133 #button_2{margin-top: -1em;}
#gform_page_1_4 #field_1_133 #button_3{margin-top: -3em;}
#gform_page_1_4 #field_1_133 #button_1:hover, #gform_page_1_4 #field_1_133 #button_2:hover
, #gform_page_1_4 #field_1_133 #button_3:hover, #gform_page_1_4 #field_1_134 #button_4:hover, #gform_page_1_4 #field_1_9 #button_4:hover, #field_1_135 #button_manual_address:hover{background: #022637;}

#gform_page_1_4 #field_1_133 #button_1.disabled, #gform_page_1_4 #field_1_133 #button_2.disabled
, #gform_page_1_4 #field_1_133 #button_3.disabled{background-color: gray;cursor: not-allowed}
#gform_page_1_4 #field_1_134 #button_4, #gform_page_1_4 #field_1_9 #button_4{float:none;margin-left:auto;margin-right:auto;font-size:2em;padding: 0.8em 1.5em;margin-top:1em;}
#gform_page_1_4 #field_1_9 .video_end #button_4{font-size:1em;}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 880px) {
	#gform_page_1_4 #field_1_133 .consign{font-size:1.3em;margin:0;}
	#gform_page_1_4 #field_1_133 .consign{font-size:1.3em;margin:0;}
	#gform_page_1_4 #field_1_133 #button_1, #gform_page_1_4 #field_1_133 #button_2, #gform_page_1_4 #field_1_133 #button_3{float:none;margin: 1em auto 2em;}
}

@media screen and (max-width: 768px) {
  #gform_page_1_4 #field_1_133 .number{font-size:2em;margin-left:-1em;margin-right: 1em;margin-bottom: 1em;}
	#gform_page_1_4 #field_1_133 .consign{font-size:1.3em;margin:0;}
	#gform_page_1_4 #field_1_133 #button_1, #gform_page_1_4 #field_1_133 #button_2, #gform_page_1_4 #field_1_133 #button_3{float:none;margin: 1em auto 2em;}
	li#field_1_134{margin:0;padding:0 !important;}
	#gform_page_1_4 #field_1_134 #button_4, #gform_page_1_4 #field_1_9 #button_4{font-size:1.5em;margin: 1em auto;padding: 1em;width: auto;}
	#field_1_135 #button_manual_address{float:none;width:90%;margin: 0 auto;}
}


li#field_1_131{background: none;padding: 1em 16px 1em 0 !important;margin: 0 !important;}
li#field_1_131 div.btn_start_video{background: #0aa7a6;color: #FFFFFF;display:block;margin:1em auto;border-radius: 4px;font-size:1.6em;padding:0.8em 1.8em;cursor: pointer;width: 15rem;text-align:center;}

.letter_img{height:6em;margin-bottom: 1em;}

.container {
	margin: 20px auto;
}
.plyr__video-embed iframe {
	top: -50%;
	height: 200%;
}

h2.video_end{font-weight:bold !important;font-size:1.8vmax !important;position: absolute;top: 13rem;left: 0;bottom: 0; right: 0; text-align: center;display:block;width: 80%;margin: 0 auto;}
.player_placeholder{width:100%;padding-top:56.25%;position: relative;background:#e6f6ff;padding-left: 1em;padding-right: 1em;}

@media screen and (max-width: 1024px) {
  h2.video_end{top: 10rem;}
}

@media screen and (max-width: 880px) {
  h2.video_end{top: 7rem;}
}

@media screen and (max-width: 768px) {
  h2.video_end{top: 2rem;}
}






/*** MAIN FORM WRAPPER ***/
.gform_wrapper {
 background: rgba(255, 255, 255, 0.95);
 padding: 5%;
}
/*** GRAVITY FIELDS ***/
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper textarea.medium,
.gform_wrapper textarea.large {
 background: rgba(0, 0, 0, 0);
 border-top: none;
 border-left: none;
 border-right: none;
 border-bottom: 2px solid #000;
}
.gform_wrapper ul.gform_fields li.gfield {
 margin-bottom: 20px;
}
input[type=text]:focus,
input.text:focus,
input.title:focus,
textarea:focus {
 border-bottom: 2px solid #b5b5b5 !important;
}

/*** BUTTON STYLING ***/
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit] {
 background: #A2D400;
 text-transform: uppercase;
 border: 2px solid #1d1d1d;
 padding: 7px 12px;
 cursor: pointer;
 font-size: 18px;
 -moz-transition: all 0.2s;
 -webkit-transition: all 0.2s;
 transition: all 0.2s;
 border-radius: 0 !important;
}
/*** BUTTON HOVER STYLING ***/
.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type=submit]:hover {
 background: #1d1d1d;
 color: #fff;
}
/*** SECTION STYLING ***/
.gform_wrapper h2.gsection_title {
 font-weight: normal;
 font-size: 2em;
}
.gform_wrapper .gsection {
 padding: 20px !important;
 border-bottom: none;
 background: #0c71c3;
 border-radius: 5px;
}
/*** GRAVITY RADIO AND CHECKBOXES ***/
.gform_wrapper ul.gfield_checkbox li input[type=checkbox],
.gform_wrapper ul.gfield_radio li input[type=radio] {
 visibility: hidden;
 margin: 0;
 width: 0!important;
}
.gform_wrapper input[type=checkbox] + label,
.gform_wrapper input[type=radio] + label {
 font-size: 16px;
}
input[type=checkbox] + label:hover,
input[type=radio] + label:hover {
 cursor: pointer;
}
input[type=checkbox] + label:before,
input[type=radio] + label:before {
 font-family: "ETmodules" !important;
 font-size: 30px;
 position: relative;
 top: 0.3em;
 margin-right: 0.2em;
}
.gform_wrapper li.gf_list_inline ul.gfield_checkbox li,
.gform_wrapper li.gf_list_inline ul.gfield_radio li {
 display: -moz-inline;
 display: inline;
}
input[type=checkbox] + label:before {
 content: '\056';
}
input[type=checkbox] + label:hover:before {
 content: '\05a';
 filter: alpha(opacity=40);
 opacity: 0.4;
}
input[type=checkbox]:checked + label:before {
 content: '\05a';
 color: #A2D400;
}
input[type=checkbox]:checked + label:hover:before {
 color: #A2D400;
 filter: alpha(opacity=100);
 opacity: 1;
}
input[type=radio] + label:before {
 content: '\05b';
}
input[type=radio] + label:hover:before {
 content: '\05c';
 filter: alpha(opacity=40);
 opacity: 0.4;
}
input[type=radio]:checked + label:before {
 content: '\05c';
}
input[type=radio]:checked + label:hover:before {
 color: #A2D400;
 filter: alpha(opacity=100);
 opacity: 1;
}
.gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label,
.gform_wrapper ul.gfield_radio li input[type=radio]:checked+label {
 font-weight: normal;
}
/*** SUCCESS MESSAGE ***/
.gform_confirmation_wrapper {
 background: #fff;
 padding: 15px;
}