/**
    Global Styles
**/
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}
.kea-grey-text { color: #767676!important; }
.kea-ghost-charcoal-btn { background: rgba(42, 42, 42, 0.25); color: #fff; text-transform: uppercase; }
.kea-orange-btn { background-color: #fe8c00; color: #fff; text-transform: uppercase; }
.hidden { display: none; }
.showing { display: block; }
.error { background-color: #e63946!important; border: 1px solid #e63946!important; color: #fff!important; }
.error-outline { background: rgba(230, 57, 70, 0.25); border: 2px solid #e63946!important; }

/**
    Header Styles
**/
#logo { max-width: 75%; }

/*
    Section Styles
*/
.jumbotron { border-radius: 0!important; }
.hero { background: url('../img/health_screening_hero_img.png') no-repeat center center; background-size: cover; }
.hero h1 { color: #fe8c00; font-size: 24px; font-weight: 700; }
.hero h1 small { color: #a2a2a2!important; font-weight: 600; text-shadow: 0 0 20px #fff; }
.jumbotron p { font-size: 1rem; }
.jumbotron p sup { color: #e63946; }

/**
    Form Styles
**/
.employee-info label { font-weight: 700; }
.employee-info label:after { content: ":"; display: inline; }
.highlighted-question { background: #767676; color: #fff!important; padding: 1rem; }
.highlighted-question label:first-of-type { font-size: 16px; font-weight: 600; }
.highlighted-question .grouping label { font-size: 1rem; font-weight: 400; }
.questions { border: 1px solid #767676; padding: 1rem; }
.questions label { font-size: 16px; }
.question-details { padding: .75rem 0; }
#screening_questions .btn { border-radius: 0!important; font-weight: 700; letter-spacing: 1px; margin: 1rem auto; width: 85%; }
.conditional-questions { margin-top: 1rem; }
.conditional-questions textarea { background-color: #f6f6f6; border: 2px solid #b2b2b2; border-radius: 0!important; }

/**
    Visitor Screening Questions
**/
#visitor_screening_questions .kea-orange-btn { width: 100%!important; }



/**
    Confirmation Styles
**/
.confirmation-container { border: 1px solid #767676; font-size: 1.25rem; padding: 1rem; margin: 1rem 0; }
.sentiment .material-icons { border-radius: 50%; box-shadow: 2px 2px 10px #b2b2b2; font-size: 48px; padding: 1rem; }
#in_office_healthy { background: rgba(0, 127, 95, 0.25); }
#in_office_healthy .material-icons { background: #2b9348; color: #fff; }
#in_office_symptoms { background: rgba(230, 57, 70, 0.25); }
#in_office_symptoms .material-icons { background: #e63946; color: #fff; }
#not_in_office .material-icons { background: #767676; color: #fff; }


/**
    Footer Styles
**/
footer { background-color: #2a2a2a; color: #fff; }