/**
 * Place for register page styles here.

MAIN

*/
 
/* MAIN */
.page-user-register-content {
    margin-top: 3em;
    margin-bottom: 3em;
}

.page-user-register-title {
    text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 35px;
    margin-top: 3em;
}

.page-user-register-title:after {
    display: inline-block;
    content: '';
    width: 65px;
    height: 2px;
    background: #0A253E;
}
 
#user-register-form,
#user-login-form,
.user-form {
    max-width: 30vw;
    min-width: 400px;
}

#edit-account .form-item,
#user-login-form .form-item,
.user-form .form-item {
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
}

.user-form .form-item-pass-pass2 label,
.user-form .form-item-pass-pass1 label,
.user-form .form-item-conf-mail label {
	display: none;
}

.user-form .form-item-conf-mail .description {
	max-width: 350px;
}

.user-form .password-strength__meter {
	max-width: 330px;
}

#edit-account .form-item-mail,
#edit-account .form-item-name,
#user-login-form .form-item-mail,
#user-login-form .form-item-name,
#user-login-form .form-item-pass,
.user-form .form-item-mail,
.user-form .form-item-name {
    display: flex;
    flex-direction: column;
}

#user-login-form .form-item-mail .description,
#user-register-form .form-item-mail .description,
.user-form .form-item-mail .description {
	display: none;
}

#edit-account .form-item-mail label,
.user-form .form-item-mail label,
#edit-account .form-item-name label,
.user-form .form-item-name label,
#user-login-form .form-item-mail label,
.user-form .form-item-mail label,
#user-register-form .form-wrapper > .form-item label,
#user-register-form .form-wrapper > .form-item > .form-item label,
.user-form .form-wrapper > .form-item label,
.user-form .form-wrapper > .form-item > .form-item label  {
    display: none;
}

.password-strength__title,
.password-confirm-message {
	font-size: 14px;
}

#user-register-form .form-wrapper > .form-item,
#user-register-form .form-wrapper > .form-item > .form-item,
.user-form .form-wrapper > .form-item,
.user-form .form-wrapper > .form-item > .form-item {
    display: flex;
    flex-direction: column;
}

#user-register-form .form-item-field-accounts-agreement-value,
#user-form .form-item-field-accounts-agreement-value {
    display: grid!important;
    grid-template-columns: 30px auto;
    row-gap: 10px;
    align-items: center;
}

#user-register-form .form-item-field-accounts-agreement-value .description,
.user-form .form-item-field-accounts-agreement-value .description {
    grid-row: 1;
	grid-column: 2;
}

#user-register-form .form-item-field-accounts-agreement-value .option,
.user-form .form-item-field-accounts-agreement-value .option {
    grid-row: 1;
    grid-column: 2/3;
}

#user-register-form .form-item-field-accounts-agreement-value .form-checkbox,
.user-form .form-item-field-accounts-agreement-value .form-checkbox {
    grid-row: 1;
	grid-column: 1;
}

#user-register-form .form-item-field-accounts-agreement-value label,
.user-form .form-item-field-accounts-agreement-value label {
    display: block!important;
}

#edit-account .description,
#user-login-form .description,
.user-form .description {
    font-size: 12px;
}

#user-register-form summary {
    display: none;
}

#user-register-form {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 1em;
}

#user-register-form #edit-account {
    grid-row: 1;
	grid-column: 1;
}

#user-register-form .field--name-personal-info-profiles {
    grid-row: 2;
	grid-column: 1;
}

#user-register-form .field--name-personal-info-profiles > details > div {
    margin-bottom: 1em;
}

#user-register-form .field--name-field-accounts-agreement {
    grid-row: 3;
	grid-column: 1;
}

#user-register-form .form-actions {
    grid-row: 4;
	grid-column: 1;
}

.user-login-form #edit-submit,
.user-register-form #edit-submit,
.user-pass #edit-submit,
.user-form #edit-submit {
    border: none;
    padding: 10px;
    font-family: 'Gilroy Semibold';
    cursor: pointer;
    font-size: 18px;
    width: 200px;
    display: inline-block;
    padding: 13px 25px;
    max-width: fit-content;
    border-radius: 10px;
    color: #fff;
	margin-top: 15px;
}

.user-login-form #edit-submit:hover,
.user-register-form #edit-submit:hover,
.user-pass #edit-submit:hover,
.user-form #edit-submit:hover {
    /* background: #fff; */
}

.user-login-form input,
.user-login-form textarea,
.user-register-form input,
.user-register-form textarea,
.user-pass input,
.user-pass textarea,
.user-form input,
.user-form textarea {
    background: #f6f6f6;
    border: none;
    border-radius: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #525b64;
    font: 18px 'Open Sans', sans-serif;
    max-width: 330px;
    width: 100%;
    padding: 12px 20px;
}

.form-item-field-accounts-agreement-value {
    display: grid;
    grid-template-columns: 30px auto;
}

.form-item-field-accounts-agreement-value input {
    grid-row: 1;
    grid-column: 1;
    width: 15px;
}

.form-item-field-accounts-agreement-value label {
    grid-row: 1;
    grid-column: 2;
    line-height: normal;
    font-size: 16px;
    color: #000;
}

.form-item-field-accounts-agreement-value .description {
    grid-row: 2;
    grid-column: 2;
    font-size: 14px;
}

.form-item-field-accounts-agreement-value .description a {
    color: #888;
}

.page-user-edit .view-profile-info-wrapper {
	display: none;
}







/* ADAPTIVE */
@media (min-width: 1920px) {
}

@media (max-width: 1920px) {
}

@media (max-width: 1919px) {
}

@media (max-width: 1700px) {
}

@media (max-width: 1600px) {
}

@media (max-width: 1440px) {
}

@media (max-width: 1366px) {
}

@media (max-width: 1280px) {

}

@media (max-width: 1150px) {

}

@media (max-width: 1024px) {

}

@media (max-width: 991px) {

}

@media (max-width: 834px) {
  
}

@media (max-width: 768px) {
	#user-register-form,
    #user-login-form,
	.user-form {
        max-width: 100%;
        min-width: 280px;
    }
}

@media (max-width: 650px) {
    
}

@media (max-width: 480px) {
}

@media (max-width: 450px) {
    #user-register-form,
    #user-login-form {
        max-width: 100%;
        min-width: 210px;
    }
}

@media (max-width: 380px) {
	.user-login-form input,
	.user-login-form textarea,
	.user-register-form input,
	.user-register-form textarea,
	.user-pass input,
	.user-pass textarea,
	.user-form input,
	.user-form textarea,
	.user-form .password-strength__meter {
		max-width: 330px;
	    max-width: 80vw;
	}
}