/*
 * Theme Name: Keycafe Inc.
 * Theme URI: https://keycafe-leads.herokuapp.com/ConsumerAssignment
 * Description: A custom theme for Keycafe Leads App.
 *
 * Author: Maninder Pal Singh
 * Author URI: http://www.keycafe.com/
 */

/* Embedded fonts
 * -------------------------------------------------- */
@font-face {
    font-family: 'MuseoSans-100';
    font-weight: normal;
    font-style: normal;

    src: url('0Za9RrBgGa54rKAuUMGN6BAK8vIG8Owh54afTKYvk2m.eot');
    src: url('0Za9RrBgGa54rKAuUMGN6BAK8vIG8Owh54afTKYvk2m.eot?#iefix') format('embedded-opentype'),
        url('fbJbzWgt8yaRuARk2kVuj86VgRkAagwYuuBNCOs6EQP.woff') format('woff'),
        url('u6RX5gnfElFELLP3eiu5fiU0OzDuHLVThVjv0Onw8uX.ttf') format('truetype'),
        url('gxASKWcoB3XInrAshiCVmyEHXmMVh8FKaP8f6OYM9uh.svg#MuseoSans-100') format('svg');
}

@font-face {
    font-family: 'MuseoSans-300';
    font-weight: normal;
    font-style: normal;

    src: url('v3u70hODxzIthrTmZfv4H6jR7NrMosuozAISqeZT4uJ.eot');
    src: url('v3u70hODxzIthrTmZfv4H6jR7NrMosuozAISqeZT4uJ.eot?#iefix') format('embedded-opentype'),
        url('qNLfLJRxFZdAh2mwGOUOmw649XfkpVtvUt17IB9404V.woff') format('woff'),
        url('NvA1QlmXikdQUerrEEW15zLMVcEe8SyFxJK26TF7pYB.ttf') format('truetype'),
        url('Ek7wKDnQCNAlY3IHqIHrVnNeNdccxEkNdzbGYXQduqW.svg#MuseoSans-300') format('svg');
}

@font-face {
    font-family: 'MuseoSans-500';
    font-weight: normal;
    font-style: normal;

    src: url('xtWl1gi8bh9p80l3zMlcxrE96wTuJNkb0EZ79nqX3wH.eot');
    src: url('xtWl1gi8bh9p80l3zMlcxrE96wTuJNkb0EZ79nqX3wH.eot?#iefix') format('embedded-opentype'),
        url('WrNUqiLfYI0x5KGEDpfBuJFHQGB9rJALGJ8PiHmorcx.woff') format('woff'),
        url('kPQdozsjuDR3a0jHoUSfsQVkDQxHYWNtZqUF0y0SPhL.ttf') format('truetype'),
        url('lX97BEkkaUzVnvzHa6C7HMMcyeMPBGCr56d4ejQbSpD.svg#MuseoSans-500') format('svg');
}

@font-face {
	font-family: 'MuseoSans-700';
    font-weight: normal;
	font-style: normal;

	src: url('MAWSzU1ELlOiYuXmLUVeGYjoekkPd4tgLtaz9yxiepG.eot');
	src: url('MAWSzU1ELlOiYuXmLUVeGYjoekkPd4tgLtaz9yxiepG.eot?#iefix') format('embedded-opentype'),
	url('2u827hovSvKW6nVheNfoEjrBPwqJXaZ5ZRfz8EQCZrR.woff2') format('woff2'),
	url('3yvKHa0xVkkfQU5ZmIhRdwhAWa1AsBHazE9pcSqdsSq.woff') format('woff'),
	url('oqQ8OPeu4F3cgm6jJoS7k2SQ1aqhOjnCv13uP6DAdGJ.ttf') format('truetype'),
	url('sHmxxAa3v861n0tWvlc918ORRgsMDaX2t39YNC3gE62.svg#MuseoSans-700') format('svg');
}

@font-face {
    font-family: 'MuseoSans-900';
    font-weight: normal;
    font-style: normal;

    src: url('sKX4N3gp3AYdQv4cAeAUENL5GGXOPJpE8ZEIfsDPXmI.eot');
    src: url('sKX4N3gp3AYdQv4cAeAUENL5GGXOPJpE8ZEIfsDPXmI.eot?#iefix') format('embedded-opentype'),
        url('MPrdH3iMQ9qf2LlfkDatoHKbTBx1ZFZFOqqXziUPgD7.woff') format('woff'),
        url('MyRV0mTaZJkQb08ZRYdZaLR75iYMkPajGkn8bNi2xKf.ttf') format('truetype'),
        url('jhBmnpyI4abNUPFw63FDHWFqMuEnYXk4kco2DbQeNU.svg#MuseoSans-900') format('svg');
}

/* Base styles
 * -------------------------------------------------- */
body,
body:before,
body:after,
body *,
body *:before,
body *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: 'MuseoSans-300', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #3a3a3a;
    background: #fff;
}

a,
button {
    cursor: pointer;
    -webkit-transition: 0.3s color ease-in-out, 0.3s background-color ease-in-out;
    -o-transition: 0.3s color ease-in-out, 0.3s background-color ease-in-out;
    transition: 0.3s color ease-in-out, 0.3s background-color ease-in-out;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    -webkit-touch-callout: none;
}

a {
    color: #07a7e0;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    color: #fc6608;
    text-decoration: none;
    outline: none;
}

:focus {
    outline: 1px solid #07a7e0;
}

img {
    max-width: 100%;
}

/* Buttons
 * -------------------------------------------------- */
.btn {
    font-family: 'MuseoSans-100', Arial, Helvetica, sans-serif;
    font-size: 1.2rem;
    line-height: 1.3;
    text-align: center;
    display: inline-block;
    padding: 0.75rem 0.6rem;
    margin: 0;
    border-radius: 0.25rem;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
    cursor: pointer;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-primary {
    color: #fff;
    background-color: #07a7e0;
    border: none;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    color: #fff;
    background-color: #fc6608;
    outline: none;
}

/* Login Screen
 * -------------------------------------------------- */
.page-login {
    background: url('2B87zjAifKloii4a1Wd7BdiONmXx1eSY8jQ3jrc3OcZ.svg') no-repeat 50% 0;
    background-size: cover;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page-login .content {
    text-align: center;
    margin: 30px auto;
    width: 75vw;
    max-width: 350px;
}

.page-login .logo {
    line-height: 0;
    margin: 0 auto 2em;
    width: 90%;
    max-width: 240px;
    position: relative;
}

.page-login .logo strong {
    font-family: MuseoSans-500, Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 1;
    color: #0d4b60;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    bottom: -3px;
}

.page-login input[type="text"] {
    border: 1px solid #d9d9d9;
    font-size: 1.1em;
    width: 100%;
    padding: 12px 10px;
    background: transparent;
}

.page-login p {
    margin: 5px 0 10px;
    font-size: 14px;
    line-height: 22px;
}


/******************
 * Flash Messaging
 */
.flash {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    color: #3a87ad;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #d9edf7;
    border: 1px solid #bce8f1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.flash.successful {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.flash.warning {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #fbeed5;
}
.flash.error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.flash.note {
    color: #999;
    background-color: #fafafa;
    border-color: #989898;
}