@charset "utf-8";
/*---------------------------------------------
cosmosfarm-members-form
-----------------------------------------------*/
.cosmosfarm-members-form { margin:0 auto; max-width:800px; width: 100%; } 
.cosmosfarm-members-form *,
.cosmosfarm-members-form *:before,
.cosmosfarm-members-form *:after { box-sizing:border-box; } 
.signin-form { max-width:600px; } 

/* Common */
.cosmosfarm-members-form a { cursor:pointer; font-size:16px; } 
.cosmosfarm-members-form a:link,
.cosmosfarm-members-form a:active,
.cosmosfarm-members-form a:visited { text-decoration:none; color:#111; } 
.cosmosfarm-members-form a:hover { color:inherit; text-decoration:none; } 
.cosmosfarm-members-form p { margin:0; padding:0; } 
.cosmosfarm-members-form fieldset { position:static; display:block; margin:0; padding:0; min-width:0; border:0; background-color:transparent; } 
.cosmosfarm-members-form legend { display:none; } 
.cosmosfarm-members-form label { display:inline-block; margin:0 0 10px 0; padding:0; font-size:16px; } 
.cosmosfarm-members-form select,
.cosmosfarm-members-form input[type=text],
.cosmosfarm-members-form input[type=email],
.cosmosfarm-members-form input[type=date],
.cosmosfarm-members-form input[type=url],
.cosmosfarm-members-form input[type=number],
.cosmosfarm-members-form input[type=password] { width:100%; height:50px; line-height:50px; margin:0; padding:0 20px; font-size:16px; border-radius:8px; background:#f5f5f5; border:1px solid #ededed; color:#111; } 
.cosmosfarm-members-form select:hover,
.cosmosfarm-members-form input[type=text]:hover,
.cosmosfarm-members-form input[type=email]:hover,
.cosmosfarm-members-form input[type=date]:hover,
.cosmosfarm-members-form input[type=url]:hover,
.cosmosfarm-members-form input[type=number]:hover,
.cosmosfarm-members-form input[type=password]:hover,
.cosmosfarm-members-form select:focus,
.cosmosfarm-members-form input[type=text]:focus,
.cosmosfarm-members-form input[type=email]:focus,
.cosmosfarm-members-form input[type=date]:focus,
.cosmosfarm-members-form input[type=url]:focus,
.cosmosfarm-members-form input[type=number]:focus,
.cosmosfarm-members-form input[type=password]:focus { border:1px solid #522cf8; background:#fff; outline:none; -webkit-appearance:none; } 
.cosmosfarm-members-form input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #f5f5f5 inset; outline:1px solid #f5f5f5; } 
.cosmosfarm-members-form input[type=checkbox] { -webkit-appearance:none; -moz-appearance: none; position:relative; width:20px; height:20px; margin:-1px 7px 0 0; cursor:pointer; background:#fff; border:1px solid #bebebe; border-radius:50px; vertical-align:middle; } 
.cosmosfarm-members-form input[type=checkbox]:after { content:""; position:absolute; display:block; left:5px; top:1px; width:7px; height:12px; border:2px solid #fff; border-top:0; border-left:0; transform:rotate(35deg); opacity:0; } 
.cosmosfarm-members-form input[type=checkbox]:checked { -webkit-appearance:none; background:#522cf8; border:1px solid #522cf8; outline:none !important; } 
.cosmosfarm-members-form input[type=checkbox]:checked:after { opacity:1; } 
.cosmosfarm-members-form input.cursor-pointer { cursor:pointer; } 
.cosmosfarm-members-form input.cursor-default { cursor:default; } 
.cosmosfarm-members-form textarea { padding:20px; height:200px; font-size:15px; line-height:1.6; overflow-y:auto; color:#111; background:#f5f5f5; border: 1px solid #ededed; border-radius:8px; cursor:text; width: 100%; } 
.cosmosfarm-members-form textarea:hover,
.cosmosfarm-members-form textarea:focus { border:1px solid #522cf8; } 
.cosmosfarm-members-form .req { color:#f73d3d; margin:0 3px; font-size:18px; line-height:16px; } 
.cosmosfarm-members-form .req-text { font-size:16px; } 
.cosmosfarm-members-form .div_multicheckbox,
.cosmosfarm-members-form .div_multiselect,
.cosmosfarm-members-form .div_checkbox,
.cosmosfarm-members-form .div_textarea,
.cosmosfarm-members-form .div_select,
.cosmosfarm-members-form .div_image,
.cosmosfarm-members-form .div_radio,
.cosmosfarm-members-form .div_file,
.cosmosfarm-members-form .div_text { margin:0 0 25px 0; } 
.cosmosfarm-members-form .div_multiselect select { height:auto; } 

/* Btn */
.cosmosfarm-members-form button,
.cosmosfarm-members-form input[type=submit] { display:inline-block; -webkit-appearance:none; min-width:100%; width:100%; height:auto; margin:0; padding:18px 0; font-size:18px; text-align:center; border:0; border-radius:8px; background:#522cf8; color:#fff; cursor:pointer; transition:all .4s cubic-bezier(0.45,-0.11, 0, 0.8); } 
.cosmosfarm-members-form button:hover,
.cosmosfarm-members-form input[type=submit]:hover,
.cosmosfarm-members-form button:focus,
.cosmosfarm-members-form input[type=submit]:focus { box-shadow:0 10px 40px rgba(0, 0, 0 , 0.15); } 
.cosmosfarm-members-form .button_div { margin:0 0 10px; } 
.cosmosfarm-members-form .button_div label { font-size:16px; cursor:pointer; } 
.cosmosfarm-members-form .button_div label input[type=checkbox] { margin:4px; } 
.cosmosfarm-members-form .add-buttons { position:relative; } 
.cosmosfarm-members-form .add-buttons .add-buttons-wrap { position:absolute; right:5px; top:5px; } 
.cosmosfarm-members-form .add-buttons .add-buttons-wrap button { width:auto; height:40px; line-height:40px; padding:0 20px; font-size:14px; } 

/* etc. */
.cosmosfarm-members-form .agree textarea { cursor:default; height:150px; } 
.cosmosfarm-members-form .agree label { margin:8px 0 0 0; cursor:pointer; } 
.cosmosfarm-members-form .policy_content { padding:20px; height:200px; font-size:15px; color:#666; line-height:1.6; overflow-y:auto; background:#f5f5f5; border:1px solid #ededed; border-radius:8px; cursor:text; } 
.cosmosfarm-members-form .policy_content p { margin:5px 0; } 
.cosmosfarm-members-form .policy_content p:first-child { margin-top:0 } 
.cosmosfarm-members-form .message { font-size:15px; margin:20px 0 50px; padding:20px; background:#522cf8; text-align:center; color:#fff; border-radius:100px; } 
.cosmosfarm-members-form .message > div > .message { margin:0; padding:0; } 
.cosmosfarm-members-form .message p { margin:10px 0; } 
.cosmosfarm-members-form .message a { display:block; font-size:15px; padding:10px 0 0; outline:none; background-color:transparent; cursor:pointer; color:#fff; text-decoration:underline; } 
.cosmosfarm-members-form .link-text { margin:0 0 5px 0; text-align:right; } 
.cosmosfarm-members-form .captcha { margin:0 0 25px 0; text-align:left; } 
.cosmosfarm-members-form .captcha .g-recaptcha { display:block; margin:0 auto; width:304px; } 
.cosmosfarm-members-form .password-strength-meter-display { font-size:14px; } 
.cosmosfarm-members-form .password-strength-meter-display.good { color:#428bca; } 
.cosmosfarm-members-form .password-strength-meter-display.bad { color:#f73d3d; } 
.cosmosfarm-members-form .field-description { font-size:14px; } 

/*---------------------------------------------
Login
-----------------------------------------------*/
.cosmosfarm-members-form .form-top .form-top-wrap .form-input-row { padding:0 0 12px 0; } 
.cosmosfarm-members-form .form-top .form-top-wrap .form-input-row input { height:60px; line-height:60px; padding:0 25px; } 
.cosmosfarm-members-form .form-top .form-top-wrap .form-checkbox-row { display:inline-block; margin:2px 0 0 0; } 
.cosmosfarm-members-form .form-top .form-top-wrap .form-checkbox-row label { cursor:pointer; margin:0; } 
.cosmosfarm-members-form .form-top .form-top-wrap .form-link { display:inline-block; float:right; margin:2px 0 0 0; } 
.cosmosfarm-members-form .form-top .form-top-wrap .form-top-button { margin:27px 0 0 0; } 
.cosmosfarm-members-form .form-bottom { margin:52px 0 0 0; text-align:center; } 
.cosmosfarm-members-form .form-bottom .cosmosfarm-social-login + .form-link { margin:50px 0 0 0; } 
.cosmosfarm-members-form .form-bottom .form-link p { display:inline-block; font-size:16px; } 
.cosmosfarm-members-form .form-bottom .form-button.register { cursor:pointer; font-size:17px; color:#522cf8; border-bottom:1px solid #522cf8; font-weight:600; margin-left:5px;} 
.cosmosfarm-members-form .form-bottom .form-button:hover { font-weight:600; } 

/* social-login */
.cosmosfarm-social-login { text-align:center; max-width:800px; margin:0 auto; } 
.cosmosfarm-social-login-title { position:relative; font-size:17px; font-weight:600; color:#444; } 
.cosmosfarm-social-login-title:after,
.cosmosfarm-social-login-title:before { content:''; position:absolute; display:inline-block; width: calc(50% - 70px); height:1px; top:50%; background:#ededed; } 
.cosmosfarm-social-login-title:after { left:0 } 
.cosmosfarm-social-login-title:before { right:0; } 
.cosmosfarm-social-login a { position: relative; display:inline-block; width:60px; height:60px; margin:30px 0 0 15px; } 
.cosmosfarm-social-login a:nth-child(2) { margin-left:0; } 
.cosmosfarm-social-login a img { width:100%; height:100%; } 
.cosmosfarm-social-login a:before { content:''; position: absolute; display:inline-block; width:100%; height:100%; top:0; left:0; border:1px solid #ededed; background:#fff; border-radius:50%; transition:all .4s cubic-bezier(0.45,-0.11, 0, 0.8); z-index:-1; } 
.cosmosfarm-social-login a:hover:before { border:1px solid #8575fa; box-shadow:0 10px 40px rgba(0, 0, 0 , 0.15); } 
.cosmosfarm-social-login + .cosmosfarm-members-form { margin:30px auto 0; } 

/*---------------------------------------------
Profile
-----------------------------------------------*/
.cosmosfarm-members-form .profile-header,
.cosmosfarm-members-form .members-link { margin:0; padding:50px 35px; border:1px solid #ededed; } 
.cosmosfarm-members-form .profile-header { position:relative; text-align:center; background:#fff; border-radius:25px; z-index:2; } 
.cosmosfarm-members-form .profile-header input[type=file] { position:absolute !important; margin:-1px !important; padding:0 !important; width:1px !important; height:1px !important; border:0 !important; box-shadow:none !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; } 
.cosmosfarm-members-form .profile-header #cosmosfarm_members_avatar_form { margin:0; } 
.cosmosfarm-members-form .profile-header .avatar-img { position:relative; z-index:1; } 
.cosmosfarm-members-form .profile-header .avatar-img:before { content:''; position:absolute; display:inline-block; width:160px; height:160px; top:-5px; left:50%; margin-left:-80px; border:1px solid #ededed; background:#fff; border-radius:50%; z-index:-1; } 
.cosmosfarm-members-form .profile-header .avatar-img img { position:relative; display:block; margin:0; padding:0; width:150px; height:150px; border-radius:50%; vertical-align:middle; pointer-events:none; } 
.cosmosfarm-members-form .profile-header .avatar-img label { float:none; display:inline-block; margin:0; padding:0; cursor:pointer; } 
.cosmosfarm-members-form .profile-header .avatar-img .change-avatar-message { display:inline-block; margin:15px 0 0 0; font-size:14px; padding:0 0 0 20px; background:url(./images/icon-edit.png) no-repeat left center; background-size:15px 15px; } 
.cosmosfarm-members-form .profile-header .display-name { display:inline-block; font-size:22px; padding:16px 30px; margin:22px 0 0 0; border-radius:50px; background:#522cf8; color:#fff; word-break: break-all; } 
.cosmosfarm-members-form .members-link { padding:70px 35px 42px; background:#ededed; border-radius:0 0 25px 25px; margin-top:-25px; } 
.cosmosfarm-members-form .members-link li { padding:0 30px; background:#fff; border:1px solid #fff; border-radius:10px; margin:0 0 15px 0; list-style:none; list-style-type:none !important; transition:all .4s; } 
.cosmosfarm-members-form .members-link li:last-child { margin-bottom:0; } 
.cosmosfarm-members-form .members-link li:hover { border:1px solid #522cf8; box-shadow:0 10px 40px rgba(0, 0, 0 , 0.15); } 
.cosmosfarm-members-form .members-link li a { position:relative; display:inline-block; width:100%; height:70px; line-height:70px; padding:0 0 0 18px; font-size:17px; transition:all .4s; } 
.cosmosfarm-members-form .members-link li a:before { content:''; position: absolute; display:inline-block; width:6px; height:6px; left:0; top:50%; margin-top:-3px;; background:#522cf8; border-radius:50%; } 

@media all and (max-width:999px){
.cosmosfarm-members-form,
.cosmosfarm-social-login { max-width:600px; } 
 }

@media all and (max-width:600px){
.cosmosfarm-members-form.signin-form .cosmosfarm-social-login { padding:0; } 
.cosmosfarm-members-form a { font-size:15px; } 
.cosmosfarm-members-form label { display:inline-block; margin:0 0 6px 0; font-size:15px; } 
.cosmosfarm-members-form select,
.cosmosfarm-members-form input[type=text],
.cosmosfarm-members-form input[type=email],
.cosmosfarm-members-form input[type=date],
.cosmosfarm-members-form input[type=url],
.cosmosfarm-members-form input[type=number],
.cosmosfarm-members-form input[type=password] { height:45px; line-height:45px; font-size:15px; padding:0 15px; } 
.cosmosfarm-members-form input[type=checkbox] { width:19px; height:19px; margin:-3px 6px 0 0; } 
.cosmosfarm-members-form textarea { padding:18px; height:150px; font-size:15px; } 
.cosmosfarm-members-form .div_multicheckbox,
.cosmosfarm-members-form .div_multiselect,
.cosmosfarm-members-form .div_checkbox,
.cosmosfarm-members-form .div_textarea,
.cosmosfarm-members-form .div_select,
.cosmosfarm-members-form .div_image,
.cosmosfarm-members-form .div_radio,
.cosmosfarm-members-form .div_file,
.cosmosfarm-members-form .div_text { margin:0 0 22px 0; } 
.cosmosfarm-members-form button,
.cosmosfarm-members-form input[type=submit] { font-size:17px; padding:15px 0; } 
.cosmosfarm-members-form .req { font-size:16px; } 
.cosmosfarm-members-form .req-text { font-size:15px; } 
.cosmosfarm-members-form .button_div { margin:0 0 8px; } 
.cosmosfarm-members-form .button_div label { font-size:14px; } 
.cosmosfarm-members-form .add-buttons .add-buttons-wrap button { height:35px; line-height:35px; padding:0 15px; font-size:13px; } 
.cosmosfarm-members-form .policy_content { padding:15px 18px; height:150px; font-size:14px; } 
.cosmosfarm-members-form .message { margin:20px 0 30px; padding:15px; } 

/*-----------
Login
-------------*/
.cosmosfarm-members-form .form-top .form-top-wrap { padding:0; } 
.cosmosfarm-members-form .form-top .form-top-wrap .form-input-row { padding:0 0 10px 0; } 
.cosmosfarm-members-form .form-top .form-top-wrap .form-input-row input { height:50px; line-height:50px; margin:0; padding:0 20px; } 
.cosmosfarm-members-form .form-top .form-top-wrap .form-checkbox-row { padding:0; } 
.cosmosfarm-members-form .form-top .form-top-wrap .form-top-button { margin:22px 0 0 0; } 
.cosmosfarm-members-form .form-top .form-top-wrap .form-top-button .login-button { height:auto !important; } 
.cosmosfarm-members-form .form-bottom { margin:45px 0 0 0; padding:0; } 
.cosmosfarm-members-form .form-bottom .cosmosfarm-social-login + .form-link { margin:40px 0 0 0; } 
.cosmosfarm-members-form .form-bottom .form-link p { font-size:15px; } 
.cosmosfarm-members-form .form-bottom .form-button.register { font-size:16px; margin-left:3px; width:auto !important; } 

.cosmosfarm-social-login { padding:0 !important; } 
.cosmosfarm-social-login-title { font-size:16px; } 
.cosmosfarm-social-login-title:after, 
.cosmosfarm-social-login-title:before { width: calc(50% - 60px); } 
.cosmosfarm-social-login a { width:55px; height:55px; margin:20px 0 0 10px; } 

/*-----------
Profile
-------------*/
.cosmosfarm-members-form .profile-header,
.cosmosfarm-members-form .members-link { padding:30px 25px; } 
.cosmosfarm-members-form .profile-header .avatar-img:before { width:150px; height:150px; margin-left:-75px; } 
.cosmosfarm-members-form .profile-header .avatar-img img { width:140px; height:140px; } 
.cosmosfarm-members-form .profile-header .avatar-img .change-avatar-message { font-size:13px; margin:10px 0 0 0; padding:0 0 0 18px; background-size:12px 12px; } 
.cosmosfarm-members-form .profile-header .display-name { font-size:20px; padding:14px 25px; margin:15px 0 10px 0; } 
.cosmosfarm-members-form .members-link { padding:55px 25px 30px; } 
.cosmosfarm-members-form .members-link li { padding:0 20px; margin:0 0 10px 0; } 
.cosmosfarm-members-form .members-link li a { height:60px; line-height:60px; padding:0 0 0 15px; font-size:15px; } 
 }