/* sets background image and global font */

@font-face { font-family: 'iransans-web'; src: url('../fonts/iransans-web.woff') format('woff'), url('../fonts/iransans-web_bold.woff') format('woff'), url('../fonts/iransans-web_light.woff') format('woff'), url('../fonts/iransans-web_medium.woff') format('woff'), url('../fonts/iransans-web_ultralight.woff') format('woff'); }


body {
  /* background-image: url(http://benague.ca/files/congruent_outline.png); */
  /* font-family: 'Open Sans', 'sans-serif'; */
  font-family: 'iransans-web';
}

/* div surrounding login form */
#loginpage {
  background-color: #eee;
  opacity: .9;
  height: auto;
  width: 400px;
  border-radius: 10px;
  margin: 0 auto;
  margin-top: 50px;
  padding: 0;
  text-align: center;
}

/* form header */
h1 {
  font-size: 32px;
  padding: 10px;
  margin: 0;
  color: #fff;
  background-color: #55acee;
  margin-bottom: 15px;
}

/* text fields */
.textinput {
  width: 300px;
  height: 50px;
  border-radius: 6px;
  border: 1px solid #acacac;
  margin-bottom: 15px;
  text-align: center;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  font-family: 'iransans-web';
  
}

.textinput:focus {
  color: #55acee;
  width: 370px;
  border: 1px solid #55acee;
  outline: none;
  font-family: 'iransans-web';
}


.textinputcaptcha {
  width: 300px;
  height: 50px;
  border-radius: 6px;
  border: 1px solid #acacac;
  margin-bottom: 15px;
  text-align: center;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  
  
}

.textinputcaptcha:focus {
  color: #55acee;
  width: 370px;
  border: 1px solid #55acee;
  outline: none;
  
}

/* submit button */
input[type="submit"] {
  font-size: 20px;
  color: #fff;
  background-color: #55acee;
  box-shadow: 0 5px 0 0 #3C93D5;
  border: none;
  padding: 10px;
  width: 400px;
  display: inline-block;
  position: relative;
  outline: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  font-family: 'iransans-web';
}

input[type="submit"]:active {
  box-shadow: 0 1px 0 0 #3C93D5;
  -webkit-transform: translate(0,5px);
  -moz-transform: translate(0,5px);
  transform: translate(0,5px);
  font-family: 'iransans-web';
}