// The content defaultHTML_learner.scss and all the equivalent skin files. Change this an then all the skin files change. 
$login_logo: "/lams/images/svg/lams_logo_black.svg";
$login_logo_size: auto 20px;
$login-logo_div_width: 100px;

// --- Split screens to width <= 500, >= 501
@media (max-width: 500px) {
//    .navbar-login {
//      margin-bottom: 5px;
//    }
  .navbar .navbar-brand-login {
     font-size: large;
   }
}

@media (min-width: 501px) {
//  .navbar-login {
//     margin-bottom: 10px;
//   }
 .navbar .navbar-brand-login {
    font-size: x-large;
  } 
}

.navbar-brand {
    margin-left: 1rem;
}


// --------------------

// 
// .login-logo {
//   background: url($login_logo) no-repeat center right;
//   background-size: $login_logo_size;
//   width:$login-logo_div_width;
//   height:50px;
// }

// User Photo / Avatar
$portrait-size-image-sm: 35px;
$portrait-size-image-md: 80px;
$portrait-size-image-lg: 200px;
$portrait-size-image-xl: 400px;

.portrait-round {
	border-radius:50%;
}

.portrait-sm {
	@include portrait($portrait-size-image-sm);
}

.portrait-md {
	@include portrait($portrait-size-image-md);
}

.portrait-lg {
	@include portrait($portrait-size-image-lg);
}

.portrait-xl {
	@include portrait($portrait-size-image-xl);
}

.portrait-container-sm {
	height: $portrait-size-image-sm + 3;
	margin-top: $border-radius-small;
}

// Used in PortraitTag.java when user does not have a portrait
.portrait-color-0 {
	color:$portrait-color-0;
}
.portrait-color-1 {
	color:$portrait-color-1;
}
.portrait-color-2 {
	color:$portrait-color-2;
}
.portrait-color-3 {
	color:$portrait-color-3;
}
.portrait-color-4 {
	color:$portrait-color-4;
}
.portrait-color-5 {
	color:$portrait-color-5;
}
.portrait-color-6 {
	color:$portrait-color-6;
}

// lineheight setting to use on the name if it is next to portrait, as generated by the Portrait tag. e.g. in Peer Review
.portrait-sm-lineheight {
	line-height: 32px;
	vertical-align: top;
}

.portrait-generic-sm {
	@include portrait-generic($portrait-size-image-sm, 35px);
}

.portrait-generic-md {
	@include portrait-generic($portrait-size-image-md, 65px);
}

.portrait-generic-lg {
	@include portrait-generic($portrait-size-image-lg, 200px);
}

.portrait-generic-xl {
	@include portrait-generic($portrait-size-image-xl, 400px);
}

.leader-display {
	margin: 0px;
	h4 {
	    margin-bottom: 0px;
	}
}