#buddypress .dir-search .extra-field, .extra-field { position:relative; }
#buddypress .dir-search .extra-field .extra-indicator, .extra-field .extra-indicator {
position:absolute;
top:0;
left:0;
color:#ffffff;
line-height:25px;
font-size:12px;
font-weight:300;
letter-spacing:0.1em;
text-transform:uppercase;
-webkit-transition:top 0.3s ease-out;
transition:top 0.3s ease-out;
z-index:0;
}
#buddypress .dir-search .extra-field .label-wrapper, .extra-field .label-wrapper {
display:block;
width:100%;
height:100%;
pointer-events:none;
position:absolute;
top:0;
left:0;
overflow:hidden;
z-index:2;
}
#buddypress .dir-search .extra-field label, .extra-field label {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
color:#040418;
font-size:14px;
line-height:30px;
font-weight:900;
letter-spacing:0.3em;
text-transform:uppercase;
text-align:left;
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
-webkit-transition:-webkit-transform 0.3s ease-out;
transition:transform 0.3s ease-out;
}
#buddypress .dir-search .extra-field input, .extra-field input {
position:relative;
z-index:1;
}
#buddypress .dir-search .extra-field input[type="text"], #buddypress .dir-search .extra-field input[type="password"], #buddypress .dir-search .extra-field input[type="email"], #buddypress .dir-search .extra-field textarea, .extra-field input[type="text"], .extra-field input[type="password"], .extra-field input[type="email"], .extra-field textarea {
color:#040418;
border:1px solid rgba(4,4,24,0.3);
-webkit-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
#buddypress .dir-search .extra-field input[type="text"]:focus, #buddypress .dir-search .extra-field input[type="text"]:hover, #buddypress .dir-search .extra-field input[type="password"]:focus, #buddypress .dir-search .extra-field input[type="password"]:hover, #buddypress .dir-search .extra-field input[type="email"]:focus, #buddypress .dir-search .extra-field input[type="email"]:hover, #buddypress .dir-search .extra-field textarea:focus, #buddypress .dir-search .extra-field textarea:hover, .extra-field input[type="text"]:focus, .extra-field input[type="text"]:hover, .extra-field input[type="password"]:focus, .extra-field input[type="password"]:hover, .extra-field input[type="email"]:focus, .extra-field input[type="email"]:hover, .extra-field textarea:focus, .extra-field textarea:hover {
border:1px solid rgba(4,4,24,0.8);
-webkit-transition:all 0.1s ease-out;
transition:all 0.1s ease-out;
}
#buddypress .dir-search .extra-field.extra-full .extra-indicator, .extra-field.extra-full .extra-indicator { top:-25px; }
#buddypress .dir-search .extra-field.extra-full label, .extra-field.extra-full label {
-webkit-transform:translate3d(0,-100%,0);
transform:translate3d(0,-100%,0);
}
.extra-field-checkbox label {
position:relative;
overflow:hidden;
font-size:16px;
line-height:30px;
font-weight:300;
padding:7px 0 7px 30px;
}
.extra-field-checkbox label input {
position:absolute;
top:0;
left:0;
opacity:0;
}
.extra-field-checkbox label .text:after, .extra-field-checkbox label .text:before {
content:'';
display:inline-block;
height:20px;
width:20px;
position:absolute;
top:6px;
left:0;
-webkit-transition:opacity 0.3s ease-out;
transition:opacity 0.3s ease-out;
}
.extra-field-checkbox label .text:before {
border:1px solid #040418;
vertical-align:-4px;
margin-right:4px;
opacity:1;
}
.extra-field-checkbox label .text:after {
background:transparent url('https://www.lense.fr/wp-content/themes/lense/extra/assets/img/sprite-form.svg') -2px -102px;
background-size:50px 125px;
opacity:0;
height:23px;
width:23px;
}
.extra-field-checkbox label:hover .text:before {
opacity:0.6;
-webkit-transition:opacity 0.2s ease-out;
transition:opacity 0.2s ease-out;
}
.extra-field-checkbox label input:checked ~ .text:before, .extra-field-checkbox label input:checked ~ .text:after {
opacity:1;
-webkit-transition:opacity 0.1s ease-out;
transition:opacity 0.1s ease-out;
}
.extra-field-checkbox label input:checked ~ .text:before { opacity:0; }
#buddypress .extra-form .submit-button, .submit-button {
font-family:"niveau-grotesk", sans-serif;
color:#040418;
background-color:#ffffff;
border:1px solid rgba(4,4,24,0.3);
min-height:70px;
font-size:14px;
line-height:30px;
font-weight:900;
letter-spacing:0.3em;
text-transform:uppercase;
padding:20px 30px 20px;
}
#buddypress .extra-form .submit-button:hover, .submit-button:hover {
background-color:rgba(4,4,24,0.05);
border:1px solid rgba(4,4,24,0.8);
-webkit-transition:all 0.2s ease-out;
transition:all 0.2s ease-out;
}
#buddypress .extra-form .submit-button:active, .submit-button:active {
background-color:rgba(4,4,24,0.1);
border:1px solid rgba(4,4,24,0.8);
-webkit-transition:all 0.1s ease-out;
transition:all 0.1s ease-out;
}
#buddypress .extra-form .submit-button:disabled, #buddypress .extra-form .submit-button:disabled:hover, #buddypress .extra-form .submit-button:disabled:active, .submit-button:disabled, .submit-button:disabled:hover, .submit-button:disabled:active {
color:rgba(4,4,24,0.3);
background-color:rgba(4,4,24,0.1);
border:1px solid rgba(4,4,24,0.3);
}
#buddypress .rounded-form-wrapper form .extra-field, .rounded-form-wrapper #signup_form #basic-details-section .extra-field, .recoverform-wrapper form .extra-field, .loginform-wrapper form .extra-field, .rounded-form-wrapper form .extra-field {
display:block;
position:relative;
width:100%;
height:70px;
margin-top:20px;
}
#buddypress .rounded-form-wrapper form .extra-field label, .rounded-form-wrapper #signup_form #basic-details-section .extra-field label, .recoverform-wrapper form .extra-field label, .loginform-wrapper form .extra-field label, .rounded-form-wrapper form .extra-field label {
margin:0;
color:#040418;
line-height:30px;
padding:20px 30px;
}
#buddypress .rounded-form-wrapper form .extra-field .extra-indicator, .rounded-form-wrapper #signup_form #basic-details-section .extra-field .extra-indicator, .recoverform-wrapper form .extra-field .extra-indicator, .loginform-wrapper form .extra-field .extra-indicator, .rounded-form-wrapper form .extra-field .extra-indicator {
color:#ffffff;
padding:0 30px;
line-height:16px;
}
#buddypress .rounded-form-wrapper form .extra-field input[type="text"], #buddypress .rounded-form-wrapper form .extra-field input[type="password"], #buddypress .rounded-form-wrapper form .extra-field input[type="email"], .rounded-form-wrapper #signup_form #basic-details-section .extra-field input[type="text"], .rounded-form-wrapper #signup_form #basic-details-section .extra-field input[type="password"], .rounded-form-wrapper #signup_form #basic-details-section .extra-field input[type="email"], .recoverform-wrapper form .extra-field input[type="text"], .recoverform-wrapper form .extra-field input[type="password"], .recoverform-wrapper form .extra-field input[type="email"], .loginform-wrapper form .extra-field input[type="text"], .loginform-wrapper form .extra-field input[type="password"], .loginform-wrapper form .extra-field input[type="email"], .rounded-form-wrapper form .extra-field input[type="text"], .rounded-form-wrapper form .extra-field input[type="password"], .rounded-form-wrapper form .extra-field input[type="email"] { height:70px; }
#buddypress .rounded-form-wrapper form .extra-field input[type="text"], #buddypress .rounded-form-wrapper form .extra-field input[type="password"], #buddypress .rounded-form-wrapper form .extra-field input[type="email"], #buddypress .rounded-form-wrapper form .extra-field textarea, .rounded-form-wrapper #signup_form #basic-details-section .extra-field input[type="text"], .rounded-form-wrapper #signup_form #basic-details-section .extra-field input[type="password"], .rounded-form-wrapper #signup_form #basic-details-section .extra-field input[type="email"], .rounded-form-wrapper #signup_form #basic-details-section .extra-field textarea, .recoverform-wrapper form .extra-field input[type="text"], .recoverform-wrapper form .extra-field input[type="password"], .recoverform-wrapper form .extra-field input[type="email"], .recoverform-wrapper form .extra-field textarea, .loginform-wrapper form .extra-field input[type="text"], .loginform-wrapper form .extra-field input[type="password"], .loginform-wrapper form .extra-field input[type="email"], .loginform-wrapper form .extra-field textarea, .rounded-form-wrapper form .extra-field input[type="text"], .rounded-form-wrapper form .extra-field input[type="password"], .rounded-form-wrapper form .extra-field input[type="email"], .rounded-form-wrapper form .extra-field textarea {
display:block;
width:100%;
background-color:#ffffff;
border:1px solid rgba(4,4,24,0.3);
border-radius:5px;
color:#040418;
line-height:30px;
padding:20px 30px;
}
#buddypress .rounded-form-wrapper form .extra-field input[type="text"]:hover, #buddypress .rounded-form-wrapper form .extra-field input[type="password"]:hover, #buddypress .rounded-form-wrapper form .extra-field input[type="email"]:hover, #buddypress .rounded-form-wrapper form .extra-field textarea:hover, .rounded-form-wrapper #signup_form #basic-details-section .extra-field input[type="text"]:hover, .rounded-form-wrapper #signup_form #basic-details-section .extra-field input[type="password"]:hover, .rounded-form-wrapper #signup_form #basic-details-section .extra-field input[type="email"]:hover, .rounded-form-wrapper #signup_form #basic-details-section .extra-field textarea:hover, .recoverform-wrapper form .extra-field input[type="text"]:hover, .recoverform-wrapper form .extra-field input[type="password"]:hover, .recoverform-wrapper form .extra-field input[type="email"]:hover, .recoverform-wrapper form .extra-field textarea:hover, .loginform-wrapper form .extra-field input[type="text"]:hover, .loginform-wrapper form .extra-field input[type="password"]:hover, .loginform-wrapper form .extra-field input[type="email"]:hover, .loginform-wrapper form .extra-field textarea:hover, .rounded-form-wrapper form .extra-field input[type="text"]:hover, .rounded-form-wrapper form .extra-field input[type="password"]:hover, .rounded-form-wrapper form .extra-field input[type="email"]:hover, .rounded-form-wrapper form .extra-field textarea:hover { border:1px solid #040418; }
#buddypress .rounded-form-wrapper form .extra-field input[type="text"]:active, #buddypress .rounded-form-wrapper form .extra-field input[type="password"]:active, #buddypress .rounded-form-wrapper form .extra-field input[type="email"]:active, #buddypress .rounded-form-wrapper form .extra-field textarea:active, .rounded-form-wrapper #signup_form #basic-details-section .extra-field input[type="text"]:active, .rounded-form-wrapper #signup_form #basic-details-section .extra-field input[type="password"]:active, .rounded-form-wrapper #signup_form #basic-details-section .extra-field input[type="email"]:active, .rounded-form-wrapper #signup_form #basic-details-section .extra-field textarea:active, .recoverform-wrapper form .extra-field input[type="text"]:active, .recoverform-wrapper form .extra-field input[type="password"]:active, .recoverform-wrapper form .extra-field input[type="email"]:active, .recoverform-wrapper form .extra-field textarea:active, .loginform-wrapper form .extra-field input[type="text"]:active, .loginform-wrapper form .extra-field input[type="password"]:active, .loginform-wrapper form .extra-field input[type="email"]:active, .loginform-wrapper form .extra-field textarea:active, .rounded-form-wrapper form .extra-field input[type="text"]:active, .rounded-form-wrapper form .extra-field input[type="password"]:active, .rounded-form-wrapper form .extra-field input[type="email"]:active, .rounded-form-wrapper form .extra-field textarea:active { border:1px solid #040418; }
#buddypress .rounded-form-wrapper form .extra-field.extra-full input, .rounded-form-wrapper #signup_form #basic-details-section .extra-field.extra-full input, .recoverform-wrapper form .extra-field.extra-full input, .loginform-wrapper form .extra-field.extra-full input, .rounded-form-wrapper form .extra-field.extra-full input { border:1px solid #040418; }
#buddypress .rounded-form-wrapper form .extra-field.extra-full .extra-indicator, .rounded-form-wrapper #signup_form #basic-details-section .extra-field.extra-full .extra-indicator, .recoverform-wrapper form .extra-field.extra-full .extra-indicator, .loginform-wrapper form .extra-field.extra-full .extra-indicator, .rounded-form-wrapper form .extra-field.extra-full .extra-indicator { top:-16px; }
#buddypress .rounded-form-wrapper form .submit-button, .rounded-form-wrapper #signup_form #basic-details-section .submit-button, .recoverform-wrapper form .submit-button, .loginform-wrapper form .submit-button, .rounded-form-wrapper form .submit-button {
margin:20px 0 15px;
width:100%;
color:#ffffff;
background-color:#f50057;
border-radius:5px;
font-size:14px;
border:1px solid rgba(4,4,24,0.3);
-webkit-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
#buddypress .rounded-form-wrapper form .submit-button .text, .rounded-form-wrapper #signup_form #basic-details-section .submit-button .text, .recoverform-wrapper form .submit-button .text, .loginform-wrapper form .submit-button .text, .rounded-form-wrapper form .submit-button .text { position:relative; }
#buddypress .rounded-form-wrapper form .submit-button:hover, .rounded-form-wrapper #signup_form #basic-details-section .submit-button:hover, .recoverform-wrapper form .submit-button:hover, .loginform-wrapper form .submit-button:hover, .rounded-form-wrapper form .submit-button:hover {
background-color:rgba(245,0,87,0.8);
border:1px solid #040418;
-webkit-transition:all 0.2s ease-out;
transition:all 0.2s ease-out;
}
#buddypress .rounded-form-wrapper form .submit-button:active, .rounded-form-wrapper #signup_form #basic-details-section .submit-button:active, .recoverform-wrapper form .submit-button:active, .loginform-wrapper form .submit-button:active, .rounded-form-wrapper form .submit-button:active {
background-color:#f50057;
border:1px solid #040418;
-webkit-transition:all 0.1s ease-out;
transition:all 0.1s ease-out;
}
#buddypress .rounded-form-wrapper form .submit-button:disabled, #buddypress .rounded-form-wrapper form .submit-button:disabled:hover, #buddypress .rounded-form-wrapper form .submit-button:disabled:active, .rounded-form-wrapper #signup_form #basic-details-section .submit-button:disabled, .rounded-form-wrapper #signup_form #basic-details-section .submit-button:disabled:hover, .rounded-form-wrapper #signup_form #basic-details-section .submit-button:disabled:active, .recoverform-wrapper form .submit-button:disabled, .recoverform-wrapper form .submit-button:disabled:hover, .recoverform-wrapper form .submit-button:disabled:active, .loginform-wrapper form .submit-button:disabled, .loginform-wrapper form .submit-button:disabled:hover, .loginform-wrapper form .submit-button:disabled:active, .rounded-form-wrapper form .submit-button:disabled, .rounded-form-wrapper form .submit-button:disabled:hover, .rounded-form-wrapper form .submit-button:disabled:active {
background-color:rgba(245,0,87,0.5);
border:1px solid rgba(4,4,24,0.3);
}
#buddypress .extra-form .extra-simple-field #pass-strength-result, #buddypress .rounded-form-wrapper form #pass-strength-result, .rounded-form-wrapper #signup_form #basic-details-section #pass-strength-result, .recoverform-wrapper form #pass-strength-result, .loginform-wrapper form #pass-strength-result, .rounded-form-wrapper form #pass-strength-result {
width:100%;
height:0;
margin:0;
text-align:center;
border:none;
padding:0 20px;
position:relative;
top:-3px;
display:block;
line-height:20px;
text-transform:none;
font-weight:300;
letter-spacing:0.1em;
font-size:14px;
color:#ffffff;
background-color:transparent;
overflow:hidden;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
-webkit-transition:height 0.3s ease-out;
transition:height 0.3s ease-out;
}
#buddypress .extra-form .extra-simple-field #pass-strength-result:before, #buddypress .rounded-form-wrapper form #pass-strength-result:before, .rounded-form-wrapper #signup_form #basic-details-section #pass-strength-result:before, .recoverform-wrapper form #pass-strength-result:before, .loginform-wrapper form #pass-strength-result:before, .rounded-form-wrapper form #pass-strength-result:before {
content:'';
display:block;
position:absolute;
top:0;
left:0;
bottom:0;
right:100%;
background-color:#f50057;
-webkit-transition:right 0.3s ease-out;
transition:right 0.3s ease-out;
}
#buddypress .extra-form .extra-simple-field #pass-strength-result .text, #buddypress .rounded-form-wrapper form #pass-strength-result .text, .rounded-form-wrapper #signup_form #basic-details-section #pass-strength-result .text, .recoverform-wrapper form #pass-strength-result .text, .loginform-wrapper form #pass-strength-result .text, .rounded-form-wrapper form #pass-strength-result .text {
position:relative;
opacity:0;
vertical-align:-5px;
-webkit-transition:opacity 0.3s ease-out;
transition:opacity 0.3s ease-out;
}
#buddypress .extra-form .extra-simple-field #pass-strength-result.strong, #buddypress .extra-form .extra-simple-field #pass-strength-result.good, #buddypress .extra-form .extra-simple-field #pass-strength-result.bad, #buddypress .extra-form .extra-simple-field #pass-strength-result.short, #buddypress .rounded-form-wrapper form #pass-strength-result.strong, #buddypress .rounded-form-wrapper form #pass-strength-result.good, #buddypress .rounded-form-wrapper form #pass-strength-result.bad, #buddypress .rounded-form-wrapper form #pass-strength-result.short, .rounded-form-wrapper #signup_form #basic-details-section #pass-strength-result.strong, .rounded-form-wrapper #signup_form #basic-details-section #pass-strength-result.good, .rounded-form-wrapper #signup_form #basic-details-section #pass-strength-result.bad, .rounded-form-wrapper #signup_form #basic-details-section #pass-strength-result.short, .recoverform-wrapper form #pass-strength-result.strong, .recoverform-wrapper form #pass-strength-result.good, .recoverform-wrapper form #pass-strength-result.bad, .recoverform-wrapper form #pass-strength-result.short, .loginform-wrapper form #pass-strength-result.strong, .loginform-wrapper form #pass-strength-result.good, .loginform-wrapper form #pass-strength-result.bad, .loginform-wrapper form #pass-strength-result.short, .rounded-form-wrapper form #pass-strength-result.strong, .rounded-form-wrapper form #pass-strength-result.good, .rounded-form-wrapper form #pass-strength-result.bad, .rounded-form-wrapper form #pass-strength-result.short {
width:100%;
background-color:transparent;
display:block;
color:#ffffff;
height:25px;
}
#buddypress .extra-form .extra-simple-field #pass-strength-result.strong .text, #buddypress .extra-form .extra-simple-field #pass-strength-result.good .text, #buddypress .extra-form .extra-simple-field #pass-strength-result.bad .text, #buddypress .extra-form .extra-simple-field #pass-strength-result.short .text, #buddypress .rounded-form-wrapper form #pass-strength-result.strong .text, #buddypress .rounded-form-wrapper form #pass-strength-result.good .text, #buddypress .rounded-form-wrapper form #pass-strength-result.bad .text, #buddypress .rounded-form-wrapper form #pass-strength-result.short .text, .rounded-form-wrapper #signup_form #basic-details-section #pass-strength-result.strong .text, .rounded-form-wrapper #signup_form #basic-details-section #pass-strength-result.good .text, .rounded-form-wrapper #signup_form #basic-details-section #pass-strength-result.bad .text, .rounded-form-wrapper #signup_form #basic-details-section #pass-strength-result.short .text, .recoverform-wrapper form #pass-strength-result.strong .text, .recoverform-wrapper form #pass-strength-result.good .text, .recoverform-wrapper form #pass-strength-result.bad .text, .recoverform-wrapper form #pass-strength-result.short .text, .loginform-wrapper form #pass-strength-result.strong .text, .loginform-wrapper form #pass-strength-result.good .text, .loginform-wrapper form #pass-strength-result.bad .text, .loginform-wrapper form #pass-strength-result.short .text, .rounded-form-wrapper form #pass-strength-result.strong .text, .rounded-form-wrapper form #pass-strength-result.good .text, .rounded-form-wrapper form #pass-strength-result.bad .text, .rounded-form-wrapper form #pass-strength-result.short .text { opacity:1; }
#buddypress .extra-form .extra-simple-field #pass-strength-result.short:before, #buddypress .rounded-form-wrapper form #pass-strength-result.short:before, .rounded-form-wrapper #signup_form #basic-details-section #pass-strength-result.short:before, .recoverform-wrapper form #pass-strength-result.short:before, .loginform-wrapper form #pass-strength-result.short:before, .rounded-form-wrapper form #pass-strength-result.short:before { right:90%; }
#buddypress .extra-form .extra-simple-field #pass-strength-result.bad:before, #buddypress .rounded-form-wrapper form #pass-strength-result.bad:before, .rounded-form-wrapper #signup_form #basic-details-section #pass-strength-result.bad:before, .recoverform-wrapper form #pass-strength-result.bad:before, .loginform-wrapper form #pass-strength-result.bad:before, .rounded-form-wrapper form #pass-strength-result.bad:before { right:60%; }
#buddypress .extra-form .extra-simple-field #pass-strength-result.good:before, #buddypress .rounded-form-wrapper form #pass-strength-result.good:before, .rounded-form-wrapper #signup_form #basic-details-section #pass-strength-result.good:before, .recoverform-wrapper form #pass-strength-result.good:before, .loginform-wrapper form #pass-strength-result.good:before, .rounded-form-wrapper form #pass-strength-result.good:before { right:30%; }
#buddypress .extra-form .extra-simple-field #pass-strength-result.strong:before, #buddypress .rounded-form-wrapper form #pass-strength-result.strong:before, .rounded-form-wrapper #signup_form #basic-details-section #pass-strength-result.strong:before, .recoverform-wrapper form #pass-strength-result.strong:before, .loginform-wrapper form #pass-strength-result.strong:before, .rounded-form-wrapper form #pass-strength-result.strong:before { right:0; }
.connection .rounded-form-wrapper #signup_form #basic-details-section .extra-field .extra-indicator, .connection .rounded-form-wrapper #signup_form #basic-details-section .extra-field label, .recoverform-wrapper form .extra-field .extra-indicator, .recoverform-wrapper form .extra-field label, .loginform-wrapper form .extra-field .extra-indicator, .loginform-wrapper form .extra-field label, .main-popup-form-wrapper .rounded-form-wrapper #signup_form #basic-details-section .extra-field .extra-indicator, .main-popup-form-wrapper .rounded-form-wrapper #signup_form #basic-details-section .extra-field label, .rounded-form-wrapper-white form .extra-field .extra-indicator, .rounded-form-wrapper-white form .extra-field label { color:#ffffff; }
.connection .rounded-form-wrapper #signup_form #basic-details-section .extra-field input[type="text"], .connection .rounded-form-wrapper #signup_form #basic-details-section .extra-field input[type="password"], .connection .rounded-form-wrapper #signup_form #basic-details-section .extra-field input[type="email"], .connection .rounded-form-wrapper #signup_form #basic-details-section .extra-field textarea, .recoverform-wrapper form .extra-field input[type="text"], .recoverform-wrapper form .extra-field input[type="password"], .recoverform-wrapper form .extra-field input[type="email"], .recoverform-wrapper form .extra-field textarea, .loginform-wrapper form .extra-field input[type="text"], .loginform-wrapper form .extra-field input[type="password"], .loginform-wrapper form .extra-field input[type="email"], .loginform-wrapper form .extra-field textarea, .main-popup-form-wrapper .rounded-form-wrapper #signup_form #basic-details-section .extra-field input[type="text"], .main-popup-form-wrapper .rounded-form-wrapper #signup_form #basic-details-section .extra-field input[type="password"], .main-popup-form-wrapper .rounded-form-wrapper #signup_form #basic-details-section .extra-field input[type="email"], .main-popup-form-wrapper .rounded-form-wrapper #signup_form #basic-details-section .extra-field textarea, .rounded-form-wrapper-white form .extra-field input[type="text"], .rounded-form-wrapper-white form .extra-field input[type="password"], .rounded-form-wrapper-white form .extra-field input[type="email"], .rounded-form-wrapper-white form .extra-field textarea {
background-color:#040418;
border:1px solid rgba(255,255,255,0.3);
color:#ffffff;
}
.connection .rounded-form-wrapper #signup_form #basic-details-section .extra-field input[type="text"]:hover, .connection .rounded-form-wrapper #signup_form #basic-details-section .extra-field input[type="password"]:hover, .connection .rounded-form-wrapper #signup_form #basic-details-section .extra-field input[type="email"]:hover, .connection .rounded-form-wrapper #signup_form #basic-details-section .extra-field textarea:hover, .recoverform-wrapper form .extra-field input[type="text"]:hover, .recoverform-wrapper form .extra-field input[type="password"]:hover, .recoverform-wrapper form .extra-field input[type="email"]:hover, .recoverform-wrapper form .extra-field textarea:hover, .loginform-wrapper form .extra-field input[type="text"]:hover, .loginform-wrapper form .extra-field input[type="password"]:hover, .loginform-wrapper form .extra-field input[type="email"]:hover, .loginform-wrapper form .extra-field textarea:hover, .main-popup-form-wrapper .rounded-form-wrapper #signup_form #basic-details-section .extra-field input[type="text"]:hover, .main-popup-form-wrapper .rounded-form-wrapper #signup_form #basic-details-section .extra-field input[type="password"]:hover, .main-popup-form-wrapper .rounded-form-wrapper #signup_form #basic-details-section .extra-field input[type="email"]:hover, .main-popup-form-wrapper .rounded-form-wrapper #signup_form #basic-details-section .extra-field textarea:hover, .rounded-form-wrapper-white form .extra-field input[type="text"]:hover, .rounded-form-wrapper-white form .extra-field input[type="password"]:hover, .rounded-form-wrapper-white form .extra-field input[type="email"]:hover, .rounded-form-wrapper-white form .extra-field textarea:hover { border:1px solid #ffffff; }
.connection .rounded-form-wrapper #signup_form #basic-details-section .extra-field input[type="text"]:active, .connection .rounded-form-wrapper #signup_form #basic-details-section .extra-field input[type="password"]:active, .connection .rounded-form-wrapper #signup_form #basic-details-section .extra-field input[type="email"]:active, .connection .rounded-form-wrapper #signup_form #basic-details-section .extra-field textarea:active, .recoverform-wrapper form .extra-field input[type="text"]:active, .recoverform-wrapper form .extra-field input[type="password"]:active, .recoverform-wrapper form .extra-field input[type="email"]:active, .recoverform-wrapper form .extra-field textarea:active, .loginform-wrapper form .extra-field input[type="text"]:active, .loginform-wrapper form .extra-field input[type="password"]:active, .loginform-wrapper form .extra-field input[type="email"]:active, .loginform-wrapper form .extra-field textarea:active, .main-popup-form-wrapper .rounded-form-wrapper #signup_form #basic-details-section .extra-field input[type="text"]:active, .main-popup-form-wrapper .rounded-form-wrapper #signup_form #basic-details-section .extra-field input[type="password"]:active, .main-popup-form-wrapper .rounded-form-wrapper #signup_form #basic-details-section .extra-field input[type="email"]:active, .main-popup-form-wrapper .rounded-form-wrapper #signup_form #basic-details-section .extra-field textarea:active, .rounded-form-wrapper-white form .extra-field input[type="text"]:active, .rounded-form-wrapper-white form .extra-field input[type="password"]:active, .rounded-form-wrapper-white form .extra-field input[type="email"]:active, .rounded-form-wrapper-white form .extra-field textarea:active { border:1px solid #ffffff; }
.connection .rounded-form-wrapper #signup_form #basic-details-section .extra-field.extra-full input, .recoverform-wrapper form .extra-field.extra-full input, .loginform-wrapper form .extra-field.extra-full input, .main-popup-form-wrapper .rounded-form-wrapper #signup_form #basic-details-section .extra-field.extra-full input, .rounded-form-wrapper-white form .extra-field.extra-full input { border:1px solid #ffffff; }
.connection .rounded-form-wrapper #signup_form #basic-details-section .extra-field-textarea, .recoverform-wrapper form .extra-field-textarea, .loginform-wrapper form .extra-field-textarea, .main-popup-form-wrapper .rounded-form-wrapper #signup_form #basic-details-section .extra-field-textarea, .rounded-form-wrapper-white form .extra-field-textarea { height:auto; }
.connection .rounded-form-wrapper #signup_form #basic-details-section #pass-strength-result, .recoverform-wrapper form #pass-strength-result, .loginform-wrapper form #pass-strength-result, .main-popup-form-wrapper .rounded-form-wrapper #signup_form #basic-details-section #pass-strength-result, .rounded-form-wrapper-white form #pass-strength-result { color:#ffffff; }
.connection .rounded-form-wrapper #signup_form #basic-details-section #pass-strength-result.strong, .connection .rounded-form-wrapper #signup_form #basic-details-section #pass-strength-result.good, .connection .rounded-form-wrapper #signup_form #basic-details-section #pass-strength-result.bad, .connection .rounded-form-wrapper #signup_form #basic-details-section #pass-strength-result.short, .recoverform-wrapper form #pass-strength-result.strong, .recoverform-wrapper form #pass-strength-result.good, .recoverform-wrapper form #pass-strength-result.bad, .recoverform-wrapper form #pass-strength-result.short, .loginform-wrapper form #pass-strength-result.strong, .loginform-wrapper form #pass-strength-result.good, .loginform-wrapper form #pass-strength-result.bad, .loginform-wrapper form #pass-strength-result.short, .main-popup-form-wrapper .rounded-form-wrapper #signup_form #basic-details-section #pass-strength-result.strong, .main-popup-form-wrapper .rounded-form-wrapper #signup_form #basic-details-section #pass-strength-result.good, .main-popup-form-wrapper .rounded-form-wrapper #signup_form #basic-details-section #pass-strength-result.bad, .main-popup-form-wrapper .rounded-form-wrapper #signup_form #basic-details-section #pass-strength-result.short, .rounded-form-wrapper-white form #pass-strength-result.strong, .rounded-form-wrapper-white form #pass-strength-result.good, .rounded-form-wrapper-white form #pass-strength-result.bad, .rounded-form-wrapper-white form #pass-strength-result.short { color:#ffffff; }
.extra-tag-field { max-width:none; }
.extra-tag-field .label-wrapper, .extra-tag-field .extra-tag-input { max-width:290px; }
.extra-tag-field .extra-tag {
display:inline-block;
font-size:16px;
line-height:25px;
font-style:italic;
font-weight:500;
color:#040418;
margin:10px 10px 0 0;
background-color:#f5f5f5;
border-radius:5px;
padding:3px 10px 2px;
cursor:pointer;
}
.extra-tag-field .extra-tag .icon {
display:inline-block;
width:9px;
height:9px;
margin:0 10px 0 0;
}
.extra-tag-field .extra-tag .icon * { fill:#040418; }
.extra-tag-field .extra-tag:hover {
background-color:#040418;
color:#ffffff;
}
.extra-tag-field .extra-tag:hover .icon * { fill:#ffffff; }
#buddypress .extra-form .extra-simple-field, .extra-form .extra-simple-field {
display:block;
width:100%;
max-width:290px;
margin:19px 0 0;
}
#buddypress .extra-form .extra-simple-field.extra-tag-field, #buddypress .extra-form .extra-simple-field.extra-simple-field-textarea, .extra-form .extra-simple-field.extra-tag-field, .extra-form .extra-simple-field.extra-simple-field-textarea { max-width:none; }
#buddypress .extra-form .extra-simple-field textarea, #buddypress .extra-form .extra-simple-field input[type="password"], #buddypress .extra-form .extra-simple-field input[type="email"], #buddypress .extra-form .extra-simple-field input[type="text"], .extra-form .extra-simple-field textarea, .extra-form .extra-simple-field input[type="password"], .extra-form .extra-simple-field input[type="email"], .extra-form .extra-simple-field input[type="text"] {
display:block;
width:100%;
height:40px;
border:1px solid rgba(4,4,24,0.3);
padding:0 15px;
font-size:16px;
line-height:30px;
font-weight:300;
-webkit-transition:border 0.3s ease-out;
transition:border 0.3s ease-out;
}
#buddypress .extra-form .extra-simple-field textarea:hover, #buddypress .extra-form .extra-simple-field textarea:focus, #buddypress .extra-form .extra-simple-field input[type="password"]:hover, #buddypress .extra-form .extra-simple-field input[type="password"]:focus, #buddypress .extra-form .extra-simple-field input[type="email"]:hover, #buddypress .extra-form .extra-simple-field input[type="email"]:focus, #buddypress .extra-form .extra-simple-field input[type="text"]:hover, #buddypress .extra-form .extra-simple-field input[type="text"]:focus, .extra-form .extra-simple-field textarea:hover, .extra-form .extra-simple-field textarea:focus, .extra-form .extra-simple-field input[type="password"]:hover, .extra-form .extra-simple-field input[type="password"]:focus, .extra-form .extra-simple-field input[type="email"]:hover, .extra-form .extra-simple-field input[type="email"]:focus, .extra-form .extra-simple-field input[type="text"]:hover, .extra-form .extra-simple-field input[type="text"]:focus { border:1px solid #040418; }
#buddypress .extra-form .extra-simple-field textarea, .extra-form .extra-simple-field textarea {
height:120px;
max-width:590px;
padding:15px;
}
#buddypress .extra-form .extra-simple-field.extra-simple-field-textarea-tall textarea, .extra-form .extra-simple-field.extra-simple-field-textarea-tall textarea { height:360px; }
#buddypress .extra-form .extra-simple-field.extra-date-field .extra-date-selects, .extra-form .extra-simple-field.extra-date-field .extra-date-selects {
display:flex;
justify-content:space-between;
width:100%;
}
#buddypress .extra-form .extra-simple-field.extra-date-field .selectric-extra-date-day-selector, .extra-form .extra-simple-field.extra-date-field .selectric-extra-date-day-selector { width:65px; }
#buddypress .extra-form .extra-simple-field.extra-date-field .selectric-extra-date-month-selector, .extra-form .extra-simple-field.extra-date-field .selectric-extra-date-month-selector { width:110px; }
#buddypress .extra-form .extra-simple-field.extra-date-field .selectric-extra-date-year-selector, .extra-form .extra-simple-field.extra-date-field .selectric-extra-date-year-selector { width:95px; }
#buddypress .extra-form .extra-simple-field .label-wrapper, .extra-form .extra-simple-field .label-wrapper {
display:flex;
justify-content:space-between;
margin-bottom:1px;
}
#buddypress .extra-form .extra-simple-field label, .extra-form .extra-simple-field label {
color:#040418;
display:block;
font-size:16px;
line-height:30px;
font-weight:500;
}
#buddypress .extra-form .extra-simple-field .extra-instruction, .extra-form .extra-simple-field .extra-instruction {
color:#808080;
display:block;
font-size:14px;
line-height:30px;
font-weight:300;
}
#buddypress .extra-form .extra-simple-field .extra-instruction.extra-instruction-fail, .extra-form .extra-simple-field .extra-instruction.extra-instruction-fail { color:#f50057; }
#buddypress .extra-form .extra-simple-field a.extra-instruction, .extra-form .extra-simple-field a.extra-instruction {
color:#f50057;
font-weight:500;
}
#buddypress .extra-form .extra-simple-field a.extra-instruction:hover, .extra-form .extra-simple-field a.extra-instruction:hover { color:#040418; }
#buddypress .extra-form .extra-label-title, .extra-form .extra-label-title {
color:#040418;
display:block;
font-size:16px;
line-height:30px;
font-weight:500;
}
#buddypress .extra-form button.submit-button, .extra-form button.submit-button {
display:block;
width:100%;
color:#040418;
margin:40px 0 0;
}
#buddypress .extra-form .extra-fields-wrapper, .extra-form .extra-fields-wrapper {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
#buddypress .extra-form .extra-fields-wrapper .extra-simple-field, .extra-form .extra-fields-wrapper .extra-simple-field { flex:0 0 auto; }
#buddypress .extra-form .extra-fields-wrapper .extra-simple-field-textarea textarea, .extra-form .extra-fields-wrapper .extra-simple-field-textarea textarea { max-width:none; }
#buddypress .extra-form .extra-success, #buddypress .extra-form .extra-error, .extra-form .extra-success, .extra-form .extra-error {
font-size:14px;
line-height:20px;
font-weight:300;
color:#f50057;
}
#buddypress .extra-form .extra-success, .extra-form .extra-success { color:#689074; }
#buddypress .extra-form .delete-button-wrapper, .extra-form .delete-button-wrapper {
border-top:1px solid #dcdcde;
margin:50px 0 0;
padding:19px 0 0;
}
.js .extra-select { visibility:hidden; }
.selectric-wrapper {
position:relative;
cursor:pointer;
}
.selectric-responsive { width:100%; }
.selectric {
background:#ffffff;
position:relative;
font-size:16px;
line-height:30px;
font-weight:300;
border:1px solid rgba(4,4,24,0.3);
-webkit-transition:border 0.3s ease-out;
transition:border 0.3s ease-out;
}
.selectric:hover { border:1px solid rgba(4,4,24,0.8); }
.selectric .label {
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
margin:0 40px 0 15px;
line-height:36px;
padding:0 0 2px;
font-weight:300;
color:#040418;
height:38px;
}
.selectric .button {
display:block;
position:absolute;
right:0;
top:0;
bottom:0;
margin:auto 8px auto auto;
width:25px;
height:25px;
color:#040418;
text-align:center;
overflow:hidden;
text-indent:100%;
white-space:nowrap;
background:transparent url('https://www.lense.fr/wp-content/themes/lense/extra/assets/img/sprite-form.svg') -25px -75px;
background-size:50px 125px;
-webkit-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
.selectric-open .selectric .button {
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
}
.selectric .button .icon {
position:relative;
top:8px;
left:-8px;
width:13px;
height:12px;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
-webkit-transition:-webkit-transform 0.3s ease-out;
transition:transform 0.3s ease-out;
}
.selectric .button .icon * {
fill:#f50057;
-webkit-transition:fill 0.2s ease-out;
transition:fill 0.2s ease-out;
}
.selectric-hover .selectric .button .icon * { fill:#040418; }
.selectric-open { z-index:9999; }
.selectric-open .selectric { background:#ffffff; }
.selectric-open .selectric .button .icon {
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.selectric-open .selectric-items {
display:block;
opacity:1;
-webkit-transform:translate(0,0);
transform:translate(0,0);
-webkit-transition:-webkit-transform 0.3s ease-out, opacity 0.3s ease-out;
transition:transform 0.3s ease-out, opacity 0.3s ease-out;
}
.selectric-disabled {
opacity:0.5;
cursor:default;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.selectric-hide-select {
position:relative;
overflow:hidden;
width:0;
height:0;
}
.selectric-hide-select select {
position:absolute;
left:-100%;
display:none;
}
.selectric-input {
position:absolute !important;
top:0 !important;
left:0 !important;
overflow:hidden !important;
clip:rect(0,0,0,0) !important;
margin:0 !important;
padding:0 !important;
width:1px !important;
height:1px !important;
outline:none !important;
border:none !important;
background:none !important;
}
.selectric-temp-show {
position:absolute !important;
visibility:hidden !important;
display:block !important;
}
.selectric-items {
display:none;
position:absolute;
top:100%;
left:0;
background:#ffffff;
z-index:-1;
border:1px solid rgba(4,4,24,0.3);
border-top:none;
opacity:0;
-webkit-transform:translate(0,-20px);
transform:translate(0,-20px);
}
.selectric-items .selectric-scroll {
height:100%;
overflow:auto;
}
.selectric-above .selectric-items {
top:auto;
bottom:100%;
}
.selectric-items ul, .selectric-items li {
list-style:none;
padding:0;
margin:0;
line-height:25px;
min-height:25px;
}
.selectric-items li {
display:block;
padding:8px 15px;
border-top:1px solid #ffffff;
color:#040418;
font-weight:300;
cursor:pointer;
}
.selectric-items li.selected {
color:#040418;
font-weight:500;
}
.selectric-items li:hover {
background:#f5f5f5;
color:#040418;
font-weight:500;
}
.selectric-items .disabled {
filter:alpha(opacity=50);
opacity:0.5;
cursor:default !important;
background:none !important;
color:#666 !important;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.selectric-items .selectric-group .selectric-group-label {
font-weight:300;
cursor:default;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background:none;
color:#808080;
font-style:italic;
padding:8px 15px;
}
.selectric-items .selectric-group.disabled li {
filter:alpha(opacity=100);
opacity:1;
}
.selectric-items .selectric-group li { padding-left:25px; }
#main-popup #loginform:after {
content:"";
clear:both;
display:block;
width:100%;
height:0;
}
#main-popup .fbLoginButton {
border-top:1px solid rgba(255,255,255,0.3);
display:block;
height:auto;
margin-top:30px;
padding-top:30px;
}
@media only screen and (max-width: 780px) {
#buddypress .rounded-form-wrapper form .extra-field label, .rounded-form-wrapper #signup_form #basic-details-section .extra-field label, .recoverform-wrapper form .extra-field label, .loginform-wrapper form .extra-field label, .rounded-form-wrapper form .extra-field label { padding:20px 20px; }
#buddypress .dir-search .extra-field label, .extra-field label {
letter-spacing:0.1em;
font-size:13px;
}
}