/*===========================================
	INFO

	AUTHOR
	----------------------
	BPS Bildungsportal Sachsen GmbH
	Dresdner Str. 76, D-09130 Chemnitz

=============================================*/

/* IMPORT BASIC */
@import url(../basic_new/layout.css);

.logo {width: 300px; background: url(images/logo-opal-cloud.png) no-repeat 10px center;}

.user-role-learner .nav-tab.learn,
.home .main-header h1 {display: none;}


/**************************************
	LOGIN
**************************************/	
.login.page {
	background: 
	    linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)),
	    url(images/ocloud-login-back-sm.jpg) top center no-repeat fixed var(--main-theme-color-50);
    background-size: cover;
	}
.login .main-header {margin-bottom: 4vw;}
.login .logo {background: url("images/logo-opal-cloud-login.png") no-repeat center center transparent;}
.login .login-additional .btn,
.login .main-header .btn {background: rgba(0,0,0,.4); text-shadow: 1px 1px 2px var(--neutral-black);}
.login-content {width: 100%;}
.login-container {width: 500px; max-width: 100%; margin: 0 auto;}
.logo-container h1 {font-size: 1.5em; text-shadow: 1px 1px 2px var(--neutral-black);}
.logo-container h1 small {display: block; margin-top: 1vw; color: var(--neutral-white); font-size: .8em;}
.login-form {background: rgba(0,0,0,.7);}
.login-form-inner .col-lg-6 {width: 100%;}
.login-form .btn-highlight {background: var(--3rd-theme-color-50); border-color: var(--3rd-theme-color-50);}
.login-form .btn-highlight:hover, .login-form .btn-highlight:focus, .login-form .btn-highlight:active {background-color: var(--3rd-theme-color-70); border-color: var(--3rd-theme-color-70);}

/************* custom login banner *************/
.custom-banner {margin-top: 2vw;}
.custom-banner a {color: var(--main-theme-color-5); text-decoration: underline;}
.custom-login-info, .custom-login-footer {
   padding: 1em;
   background: rgba(0,0,0,.5);
   border-radius: 5px;
   color: var(--neutral-white);
   text-align: center;
}
.custom-login-info {
   width: 500px;
   margin: 0 auto;
}
.custom-login-footer {
   display: flex; 
   justify-content: center; 
   margin-top: 3vw;
   font-size: .9em;
   text-align: left;
   background: rgba(0,0,0,0.35);
}
.custom-login-footer .logo-award {display: block; width: 150px; height: 130px; background: url("images/eLearning-Award-2022_eTesting_BPS_KFZ-NRW.jpg") no-repeat transparent; background-size: 150px auto;}
.custom-login-footer-text {width: 50%; padding-left: 2vw; text-shadow: 1px 1px 2px var(--neutral-black);}