/*
 Theme Name:     citizink Theme
 Theme URI:      https://citizink.com;
 Description:    A child theme of WPBS Theme
 Author:         Vicente Canteli
 Author URI:     https://canteli.com/
 Template:       wp-bootstrap-starter
 Version:        1.4
*/


/****************************************
*** Login customization starts below ***
*****************************************/

@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:200,300,400,600,700,800,900&display=swap');

:root {
    --main-color:#008FB9;
    --main-green:#39A935;
    --main-purple:#941B80;
    --main-orange:#F29100;
    --main-skin1:#F8C2A9;
    --main-skin2:#EBA584;
    --main-skin3:#D5795A;
    --main-resumen:RGBA(51, 102, 153, 1);

}



body {
  font-family: 'Nunito Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* Change background color and font family */
body {
  background: var(--main-color);
  background-image: url(/wp-content/uploads/2019/12/Axo-Utopia-City-3-RGB-2K-Gris.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  background-position: center;
  background-blend-mode: soft-light;
}
 
/* Change Width and Height of Logo Image + Add Custom Image File */
.login h1 a {
  background-image: url(logo.png);
  width: 213px;
  height: 97px;
  background-size: 213px 97px;
}
 
/* Add a few changes to the color and style of form itself */
.login label {
  color: #454545;
  display: block;
  margin-bottom: 1em;
  font-weight: bold;
}
 
.login form .input {
  font-weight: normal;
  border-radius: 10px;
}

.login form, .message  {
  border-radius: 25px;
}
 
.login #backtoblog a, .login #nav a {
  color: white;
  font-weight: 900;
}
 
.wp-core-ui .button-primary {
  background: var(--main-color);
}


#login h1 a, .login h1 a {
    background-image: url(logo.png);
    height:100px;
    width:320px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding-bottom: 30px;
    }

.login #login_error,
.login .message,
.login .success {
 border-left:0px solid #00a0d2;
 padding:12px;
 padding-left: 25px;
 margin-left:0;
 margin-bottom:20px;
 background-color: var(--main-color);
 box-shadow:0 1px 1px 0 rgba(0,0,0,.1);
 color: white;
 font-weight: 800;
 font-size: 1.3em;
}

.acf-input .message {
  border-left:0px solid #00a0d2;
 padding:0px;
 margin-left:0;
 margin-bottom:0px;
 background-color: white;
 box-shadow:0 0px 0px 0 rgba(0,0,0,0);
 color: black;
 font-weight: 800;
 font-size: 1em;
}

.login #login_error {
 background-color: var(--main-orange);
 border-radius: 25px;
 font-size: 1.1em;
}

.wp-core-ui .button, .wp-core-ui .button-primary, .wp-core-ui .button-secondary {

    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    line-height: 26px;
    height: 28px;
    margin: 0;
    padding: 0 10px 1px;
    cursor: pointer;
    border-width: 0px;
    border-style: solid;
    -webkit-appearance: none;
    border-radius: 8px;
    white-space: nowrap;
    box-sizing: border-box;
    font-weight: 800;

}

.wp-core-ui .button-primary {

    background: #0085ba;
    border-color: #0073aa #006799 #006799;
    box-shadow: 0 0px 0 #006799;
    color: #fff;
    text-decoration: none;
    text-shadow: none;

}

.login form .input, .login input[type="text"] {

    font-size: 18px;
    width: 100%;
    padding: 5px;
    margin: 2px 6px 16px 0;

}