﻿
@import "login-cs-iphone6.css";
@import "login-cs-modernTablet.css";
@import "login-umbstudy-tablet.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');


/*


UMB

Header – ffffff
Banner - 005a8b (Opacity - 85%) hsl(201, 100%, 27%. .85)
Background - 005a8b
Sign In Button - a33f1f
Sign In Button Over/Down - 822d16
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;
    }

   .header img {
            height: 8vh;
            position:relative;
            vertical-align:middle;

            
        }

   #imgRegAppLogo{
      margin-left:1vw;
   }

   .LoginPageBody{

              position: relative;
        width: 100vw;
        /*height: 90vh;*/
        background: url("/images/custom/iStock_000050467760_web.jpg");
        background-size: cover;
        background-position: 0 5vh;
   }

  .vLoginBanner{
      min-width:25vw;
      position:absolute;
      right:6vw;
      color:black;
      background-color: hsla(44, 77.8%, 62.9%, .84);
      /*background-color: hsla(44, 57.7%, 43.5%, .84);*/
  }

  .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:black;
  }

  .vLoginBanner p.welcomeMessage{
      text-align:center;
      font-size:3.5vh;
      font-weight:bold;
      color: black;
  }

  .vLoginBanner p span.bigWelcome{
      display:block;
      break-after:always;
      font-weight:bolder !important;
      font-size:1.25em;
  }
  

  .vLoginBanner .inputWrapper{
      border-radius:6px;
  }

  .vLoginBanner input[type=submit]{
      background-color:#002E5D;
      color:#fff;
      text-transform:uppercase;
  }

  .vLoginBanner input[type=submit]:hover, .vLoginBanner input[type=submit]:active{
      background-color:#002E5D;
  }


  #pnlWelcome{

      padding-top:4vh;
      padding-bottom:4vh;
  }

  .passwordLinks{
      visibility:hidden !important;
      display:none !important;
  }

.copyright:before {
    content: "© 2017 ";  
}

  .copyright{
      font-weight:400;
      letter-spacing:2px;
      transform:translate(10%);
      font-size:smaller;
  }
  .vLoginBanner .whatsnew {
      font-size: x-large;
      font-weight: bolder;
  }
@media screen and (min-device-width: 1025px) { /* THIS IS DESKTOP */
    .vLoginBanner .welcome h2 {
        font-size: 4.5vw;
    }
}