/*****
Theme Name: MH #LaOposición Custom Login
Theme URI: http://www.mhthemes.com/themes/mh/squared/
Description: This is a child theme for MH Squared WordPress theme to make customizations much easier for you. By using this child theme you make sure, that you keep your changes after an update of the parent theme.
Author: MH Themes
Author URI: http://www.mhthemes.com/
Template: mh-magazine
Version: 1.0.0
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*****/



body.login {
  /*background-image: url("/wp-content/themes/mh-magazine-child/images/fall-back-img.png");*/
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-color: #008fc9;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  
}

.login form {
    margin-top: 20px;
    margin-left: 0;
    padding: 26px 20px 46px;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13);
    box-shadow: 0 1px 3px rgba(0,0,0,.13);
}

.login #backtoblog, .login #nav {
    font-size: 13px;
    padding: 0 24px 0 0;
}

.login h1 a {
  background-image: url("/wp-content/themes/mh-magazine-child/images/mag_web_header-w.png");
  width: 200px;
height: 100px;
background-size: 200px;
}


.login label {
  font-size: 12px;
  color: #555555;
}

.login input[type="text"]{
  background-color: #ffffff;
  border-color:#dddddd;
  -webkit-border-radius: 4px;
}

.login input[type="password"]{
  background-color: #ffffff;
  border-color:#dddddd;
  -webkit-border-radius: 4px;
}


.wp-core-ui .button.button-large {
    height: 30px;
    line-height: 28px;
    padding: 2px 12px 2px;
     font-family: 'Roboto', Helvetica, Arial, sans-serif;
text-transform: uppercase;
}


.login .button-primary {
  width: 120px;
  float:right;
  background-color:##008fc9 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(##008fc9), to(##008fc9));
  background: -webkit-linear-gradient(top, ##008fc9, ##008fc9);
  background: -moz-linear-gradient(top, ##008fc9, ##008fc9);
  background: -ms-linear-gradient(top, ##008fc9, ##008fc9);
  background: -o-linear-gradient(top, ##008fc9, ##008fc9);
  background-image: -ms-linear-gradient(top, ##008fc9 0%, ##008fc9 100%);
  color: #ffffff;
  -webkit-border-radius: 0px;
  border: 0px solid #0d9ed9;
 
}

.login .button-primary:hover {
  background-color:##008fc9 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(##008fc9), to(#0d9ed9 ));
  background: -webkit-linear-gradient(top, ##008fc9, #0d9ed9 );
  background: -moz-linear-gradient(top, ##008fc9, #0d9ed9 );
  background: -ms-linear-gradient(top, ##008fc9, #0d9ed9 );
  background: -o-linear-gradient(top, ##008fc9, #0d9ed9 );
  background-image: -ms-linear-gradient(top, #0b436e 0%, #0d9ed9 100%);
  color: #fff;
  -webkit-border-radius: 0px;
  border: 0px solid #0d9ed9;
}

.login .button-primary:active {
  background-color:##008fc9 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#0d9ed9), to(##008fc9));
  background: -webkit-linear-gradient(top, #0d9ed9, ##008fc9);
  background: -moz-linear-gradient(top, #0d9ed9, ##008fc9);
  background: -ms-linear-gradient(top, #0d9ed9, ##008fc9);
  background: -o-linear-gradient(top, #0d9ed9, ##008fc9);
  background-image: -ms-linear-gradient(top, #0d9ed9 0%, ##008fc9 100%);
  color: #fff;
  -webkit-border-radius: 0px;
  border: 0px solid #0d9ed9;
}

p#nav {
  display: none;
}

.wp-social-login-provider-list img {
    width: 56px;
    opacity: 1;
    filter: alpha(opacity=1);
}

.wp-social-login-provider-list a {
    width: 22%;
    display: inline-block;
    margin-right: 2%;
}

.wp-social-login-provider-list {
    padding: 10px 0px 25px;
}

.wp-social-login-connect-with  {
display: block;
margin: 15px 0px 10px;
font-weight: 400;
font-size: 14px;


}

.login #backtoblog a, .login #nav a {
    text-decoration: none;
    color: #fff;
}