@import "login-mediaawarecp-ff-modernTablet.css";
@import "login-mediaawarecp-ff-tablet.css";
@import "login-mediaawarecp-ff-iphone6.css";
/*general styles which apply to all layouts for leadership foundation*/
@import url('https://fonts.googleapis.com/css?family=Raleway:400,600,500,900,700');


/*

Media Aware College Programs
    
Header - ffffff
Vertical Login Banner - f48220 (Opacity - 90%) = hsla(28, 91%, 54%, 0.90)
Background (phone) - f48220 
Sign In Button - 8f323a
Sign In Button Over/Down - 5b141d
Sign In Button Text - ffffff

*/

body{

    font-family: "Raleway",sans-serif;


}
.header {
        background-color: #fff;
        font-weight: bold;
        width: 100vw;
        height: 10vh;
        clear: both;
        line-height:10vh;
        border-bottom: 8px solid #5bc500;
    }

   .header img {
            height: 8vh;
            position:relative;
            vertical-align:middle;

            
        }

   #imgRegAppLogo{
      margin-left:1vw;
   }

.LoginPageBody {
    position: relative;
    width: 100vw;
    /*height: 90vh;*/
    background: url('/images/custom/FactForward/multicultural-college-students.jpg');
    background-size: cover;
    /*background-position: 0 5vh;*/
    background-position: center;
}

  .vLoginBanner{
      min-width:27vw;
      position:absolute;
      right:6vw;
      color:#fff;
      background-color: hsla(199, 32.2%, 35.3%, 0.90);
    
  }

  .vLoginBanner .row{
      padding-bottom:1.5vh;
  }

    .vLoginBanner .row label{

      display:block;
      clear:both;
      text-transform:uppercase;
      letter-spacing:2px;
      padding-bottom:1vh;
        
  }

  .vLoginBanner a{

      color:#fff;
  }

  .vLoginBanner p.welcomeMessage{
      text-align:center;
      font-size:3.5vh;
      font-weight:bold;
  }

  .vLoginBanner p span.bigWelcome{
      display:block;
      break-after:always;
      font-weight:bolder !important;
      font-size:1.75em;
  }
  

  .vLoginBanner .inputWrapper{
      border-radius:6px;
  }
  .vLoginBanner .inputWrapper:not(.clear){
      box-shadow: 0px 0px 5px 1px #666;
  }

  .vLoginBanner input[type=submit]{
      background-color:#5bc500;
      color:#000;
      text-transform:uppercase;
  }

  .vLoginBanner input[type=submit]:hover, .vLoginBanner input[type=submit]:active{
      background-color:#893483;
  }
  .vLoginBanner .login-failure {
      color: white;
  }

  #pnlWelcome{
      font-weight: bolder;
      padding-top:4vh;
      padding-bottom:4vh;
  }

  .passwordLinks{
      visibility:hidden !important;
      display:none !important;
  }
  
.copyright:before {
    content: "© 2021 ";  
}

.copyright{
      font-weight:400;
      letter-spacing:2px;
      transform:translate(10%);
      font-size:smaller;
  }
 .vLoginBanner .whatsnew {
    font-size: x-large;
    font-weight: bolder;
  }
@media only screen and (min-device-width: 1025px) {  /* THIS IS DESKTOP */
  .vLoginBanner{
      
  }
  .vLoginBanner .welcome h2 {
      font-size:4.5vw;
  }
}