/* =========================================================================================== */
/* Responsive Background Image for Login Page
 * Responsive Full Background Image Using CSS
 * Tutorial URL: http://sixrevisions.com/css/responsive-background-image/
/* =========================================================================================== */
body.login { 
  font: 18px/23px "Cantarell", sans-serif;
  color: #ffffff;
  background-color:#464646;
}

#login-wrapper {	
  height: 100%;
  
  /* Location of the image */
  background-image: url(https://www.facilities.rochester.edu/_forms/request_for_quote/images/warehouse.jpg);
  
  /* Image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Image doesn't repeat */
  background-repeat: no-repeat;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;

  
   /* Pick a solid background color that will be displayed while the background image is loading */
  /* background-color:#464646; */
  
  /* SHORTHAND CSS NOTATION
   * background: url(background-photo.jpg) center center cover no-repeat fixed;
   */
}

/* Login Page Styles */
html,
body.login, body.login header {
  height: 100%;
}

/* Reset */
html,
body.login, body.login h1, body.login div, body.login section {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font: 18px/23px "Cantarell", sans-serif;

}

body.login header h1 {
  color: #efecec;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 80px;
  font-weight: 400;
  
  text-shadow: -4px 4px 4px black;
}

#login_form {
	font-size: 22px;
	line-height: 32px;
  	text-transform: uppercase;
  	text-shadow: -3px 3px 3px black;
}

#login_form label {
	font-weight: normal;
}

#login_form input {
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border: 1px solid #efecec;
  	border-radius: 11px;
  	background-color: rgba(0, 0, 0, 0.4);
  	margin: 7px auto;
  	font-size: 18px;
  	color: #FFFFFF;
  	text-align: center;
  	padding: 7px;
}

#login_form input.login_submit {
  display: inline-block;
  margin-top: 20px;
  padding: 6px 10px;
  color: #efecec;
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid #efecec;
  border-radius: 3px;
  
  line-height: normal;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
}

#login_form input.login_submit:hover {
  background-color: rgba(0, 0, 0, 1);
}

/* Layout */
body.login nav.navbar {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  height: 40px;
}

body.login div.inner {
    position: relative;
    margin: 0 auto;
    text-align: center;
  }

body.login nav.navbar a {
  display: inline-block;
  border: 1px solid #fff;
  font-size: 14px;
  line-height: 24px;
  border-radius: 3px;
  padding: 2px 15px;
  text-decoration: none;
  margin-top: 5px;
}

body.login header {
  display: table;
  width: 100%;
}

body.login section {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}



/* Media Queries */

/* For mobile devices */
@media only screen and (max-width: 767px) {
  #login-wrapper {
    /* The file size of this background image is 93% smaller
     * to improve page load speed on mobile internet connections */
    background-image: url(https://www.facilities.rochester.edu/_forms/request_for_quote/images/warehouse_mobile.jpg) !important;
  }
}

@media only screen and (max-width: 340px) {
	body.login section {
	    vertical-align: top;
	}
  
body.login header {
    position: relative;
    display: block;
    float: left;
    vertical-align: baseline;
    margin: 0 auto;
    padding: 0;
  }
  
body.login h1 {
    font-size: 18px;
    line-height: 23px;
  } 
  
body.login section, body.login blockquote {  
    display: inline;
    margin: 0 auto;
    padding-top: 80px;
    vertical-align: baseline;
  }
  
#login_form input.login_submit {
    max-width: 150px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 20px;
}

#login_form {
    font-size: 14px;
    line-height: 21px;
  }

html,
body.login, body.login header {
    height: 100%;
  }
}