/** Custom Styles for Divi Login **/

@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,700);

.login #login h1 a {
    width: 250px!important;
    height: 75px!important;
}

body h1 a {
    background-image: url(/wp-content/uploads/2016/08/TP-Logo-Header-White-small-v2.png) !important;
}
  
.login {
    background: url(http://www.terrapetrophysics.com.au/wp-content/uploads/2016/05/Terra-BG-05.jpg);
    background-size: cover;
}

.login label, .login #nav a, .login #backtoblog a {
    font-family: 'Josefin Sans', sans-serif;
    color: #c09744!important;
    text-transform: uppercase;
}

.login form {
    margin-top: 20px;
    margin-left: 0;
    padding: 0;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.login form .input {
    background-color: rgba(0, 0, 0, 0)!important;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .5)!important;
    border-radius: 0!important;
    transition: all .3s ease-in-out;
    font-size: 16px!important;
    letter-spacing: 1px;
    padding: 14px!important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}

.login form .input, .login input[type=text] {
    color: #fff!important;
}

.login form .input:focus, .login input[type=text]:focus {
    color: #000!important;
}

.login form .input:focus {
  background-color: rgba(255, 255, 255, 1)!important;
  border: 1px solid rgba(255, 255, 255, 1)!important;
}

.login #login h1 a {
    width: 200px;
    height: 100px;
    background-size: contain;
    background-position: center;
    margin-top: -20px;
}

.login input.button {
    text-transform: uppercase;
    box-shadow: none;
    border: none;
    padding: 18px;
    font-size: 14px;
    line-height: 1px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}

.login a:hover {
    color: #765a82!important;
}

input#wp-submit {
    font-family: 'Josefin Sans', sans-serif;
    background: #C09744;
    border: 1px solid rgba(255, 255, 255, .5)!important;
    border-radius: 0px!important;
    padding: 20px;
    line-height: 0;
    color: #fff !important;
    font-weight: normal;
    text-shadow: none!important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}

input#wp-submit:hover {
    background: #fff;
    border: 1px solid rgba(255, 255, 255, .5)!important;
    color: #000 !important;
    font-weight: normal;
    -webkit-box-shadow: none;
    box-shadow: none;
}