@font-face {
    font-family: 'the-sans'; 
    src: url('fonts/thesans-5-regular.woff2') format('woff2'),
        url('fonts/thesans-5-regular.woff') format('woff');
}
  
@font-face {
    font-family: 'the-sans-light'; 
    src: url('fonts/thesans-light.woff2') format('woff2'),
         url('fonts/thesans-light.woff') format('woff');
}  

body {
    font-family: "the-sans";
}

.login-pf body {
    background: white none;
}

.card-pf {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);
}

#kc-header-wrapper {
    color: black;
    text-transform: inherit;
}

a {
    color: #1781e3;
    transition: all 0.2s;
}

.login-pf a:hover {
    color: #0851da;
}

.btn-primary {
    background-color: #1781e3;
    border-color: #1781e3;
    background-image: none;
    border: 0;
    border-radius: 5px;
    height: 37px;
    font-size: 18px;
    font-family: "the-sans";
    transition: all 0.2s;
}

.btn-primary:hover {
    background-color: #0851da;
}

#kc-locale ul li a:hover {
    background-color: #eef3f6;
}

.newsletter-checkbox {
    width: 25px;
    height: 25px;
}