﻿
@import "login-eckerd-iphone6.css";
@import "login-eckerd-modernTablet.css";
@import "login-eckerd-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');


/*

Eckerd
Header - ffffff
Banner - 005bbb (Opacity - 85%) = hsla(211, 100%, 36.7%, 0.85)
Background (phone) - 005bbb
Sign In Button - 58a618
Sign In Button Over/Down - 47840d
Sign In Button Text - 000000

*/

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_83187685_web.jpg');
    background-size: cover;
    /*background-position: 0 5vh;*/
    background-position: center;
}

  .vLoginBanner{
      min-width:24vw;
      position:absolute;
      right:6vw;
      color:#fff;
      background-color: hsla(211, 100%, 36.7%, 0.85);
    
  }

  .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 input[type=submit]{
      background-color:#58a618;
      color:#fff;
      text-transform:uppercase;
  }

  .vLoginBanner input[type=submit]:hover, .vLoginBanner input[type=submit]:active{
      background-color:#58a618;
  }


  #pnlWelcome{
      font-weight: bolder;
      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 only screen and (min-device-width: 1025px) {  /* THIS IS DESKTOP */
  .vLoginBanner{
      
  }
  .vLoginBanner .welcome h2 {
      font-size:4.5vw;
  }
}