body.login{
	background-image: url(https://www.pimeataivas.fi/wp-content/uploads/karuselli3_linnunrata_suolla_Matti_Helin.jpg) !important;
	background-size: cover;
	/*background-color: #FFFFFF;*/
}
body div h1 a {
	background-image: url(https://kauppa.ursa.fi/kauppa/wp-content/uploads/2015/12/Ursan_logo.png) !important;
	background-size: 200px !important;
	width: 200px !important;
	height: 200px !important;
}
div#login a {
	/*color: white !important;*/
}

.login-info{
    text-align:center;
    margin-bottom:2rem;
}

.login-info p{
    margin-bottom:1rem;
}

.login-form-wrapper{
    width:500px;
    margin:auto;
    text-align:center;
}

.login-form-wrapper p{
    margin-bottom:1rem;
}

#loginform input{
    max-width:300px;
    margin-top:10px;
}

#loginform label{
    font-family:'Titillium Web', sans-serif;
}

.login-submit{
    margin:auto;
}

#nsl-custom-login-form-1{
    display:flex;
    justify-content:center;
}

a input.button {
	margin: 4px 2px 4px 2px !important;
}

.userprofile-content{
  display:flex;
  flex-direction:row;
  gap:32px;
  margin-bottom:100px;
}

.userprofile-nav{
  flex: 1 1 30%;
}

.userprofile-button{
    font-size:1rem!important;
}

.userprofile-main{
  flex: 1 1 70%;
}

.userprofile-main h3{
  margin-top:0;
  font-family:'Titillium Web', sans-serif;
  font-size:28px;
}

.profile-info-container {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.profile-row {
    display: flex;
    gap: 1rem;
    border-bottom:1px solid #EEEEFF;
    padding:4px 0 4px 0;
}

.profile-section-header{
    border-bottom:none;
}

.profile-label {
    flex: 0 0 50%;
    font-weight: normal;
    font-family:'Titillium Web', sans-serif;
    align-content:center;
}

.profile-value {
    flex: 1;
}

.profile-section-header {
    margin-top: 1.5rem;
}

.profile-section-header .profile-label {
    flex: 1;
}

.profile-info{
    flex: 0 0 100%;
}

#updateform input, #updateform select{
    border: 1px solid #bababa;
}

#activateform input{
    margin-bottom:2rem;
}

/*
#################################################
mobiiliasetukset, puhelin
#################################################
*/

@media (max-width: 1024px) {

    .login-form-wrapper{
        width:100%;
        margin:auto;
        text-align:center;
    }
    
    .userprofile-content{
        flex-direction:column;
        gap:1rem;
    }
    
    .userprofile-button{
        padding:0.4rem!important;
    }
    
    .profile-row{
        flex-direction:column;
        gap:0.5rem;
        padding:1rem 0;
    }
    
    .profile-section-header{
        padding:0;
    }
    
    .profile-row h3{
        margin:0;
    }

}