:root{
    --pf-global--primary-color--100: #A2BD30;
    --pf-global--primary-color--200: #829D10;
    --pf-global--primary-color--dark-100: #A2BD30;
    --pf-global--primary-color--dark-200: #829D10;
}

.login-pf a {
    color: #A2BD30;
}

.login-pf a:visited{
    color: #829D10;
}
.login-pf a:active{
    color: #829D10;
}
.login-pf a:hover{
    color: #829D10;
}
.login-pf a:focus {
    color: #829D10;
}

body {
    font-size: 16px;
}
.login-pf body {
    background-image: url(../img/support.jpg);
}

div.kc-logo-text {
    background-image: url(../img/boom.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 5em;
    width: auto;
    margin: 0 auto;
}

#kc-header-wrapper {
    font-size: 1em;
}

.btn-primary {
    color: white;
    background-color: #A2BD30;
    background-image: none;
    border-style: none;
    padding: 0.75em;
    border-radius: 0.15em;
    box-shadow: 0 0.15em 0.1em 0 #829D10;
    margin-right: 0.6em;
    transition: background-color 0.25s;
    vertical-align: middle;
    min-height: 2.09em;
    font-size: 1em;
    cursor: pointer;
    line-height: normal;
 }
 
 .btn-lg, .btn-group-lg > .btn
 {
     line-height: normal;
     font-family: "Open Sans", Helvetica, Arial, sans-serif;
     font-size: 16px;
     padding: 0.5em;
 }

 .btn-primary:hover {
    background-color: #BAD354;
    background-image: none;
    border-style: none;
}

.form-control {
    border: none;
    border-bottom: 1px solid #A2BD30;
    background-color: rgba(255, 255, 255, 0);
    display: block;
    width: 100%;
    margin-bottom: 2em;
    box-shadow: none;
    font-size: 1em;
}

.form-control:focus {
    border-color: #A2BD30;
    outline: 0;
    box-shadow: none;
}

@media (max-width: 767px) {

    .login-pf body {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
    }

    div.kc-logo-text {
        /* width: 150px; */
        height: 4em;
        width: auto;
    }

    #kc-header-wrapper {
      padding: 2em 0px 0 0;
    }
}