@font-face {
    font-family: 'Lulo';
    src: url('../fonts/lulo-clean-bold.woff2') format('woff2'), url('../fonts/lulo-clean-bold.woff') format('woff');
}

@font-face {
    font-family: 'Avenir Light';
    src: url('../fonts/avenir-light.woff2') format('woff2'), url('../fonts/avenir-light.woff') format('woff');
}


/* DEFAULTS
----------------------------------------------------------*/

body {
    background: #F5F5F5;
    font-family: "Avenir Light", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    color: #383838;
}

a:link, a:visited  { color: #034af3; }
a:hover            { color: #1d60ff; text-decoration: none; }
a:active           { color: #034af3; }

p {
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* NAVBAR
----------------------------------------------------------*/

.navbar .nav-link,
.navbar .nav-link:link,
.navbar .nav-link:visited  { color: #ffffff !important; }
.navbar .nav-link:hover    { color: #d4f0f1 !important; }
.navbar-brand,
.navbar-brand:link,
.navbar-brand:visited      { color: #ffffff !important; }
.navbar-brand:hover        { color: #d4f0f1 !important; }
.navbar .btn-outline-light       { color: #ffffff !important; border-color: #ffffff !important; }
.navbar .btn-outline-light:hover { background-color: #ffffff !important; color: #3A7C80 !important; }


/* HEADINGS
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lulo', sans-serif;
    color: #3A7C80;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; font-weight: 600; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5, h6 { font-size: 1em; }


/* BUTTONS
----------------------------------------------------------*/

.submitButton {
    background-color: #3A7C80;
    color: #ffffff;
    border: none;
    padding: 6px 16px;
    min-width: 160px;
    cursor: pointer;
    border-radius: 4px;
}

.submitButton:hover  { background-color: #2e6366; color: #ffffff; }
.submitButton:active,
.submitButton:focus  { background-color: #245356; color: #ffffff; outline: 0; }


/* TABLES
----------------------------------------------------------*/
.table thead th {
    background-color: #145c5f !important;
    color: white !important;
}

.table > thead > tr > th {
    background-color: #145c5f !important;
    color: white !important;
}

.table-striped > thead > tr > th {
    background-color: #145c5f !important;
    color: white !important;
}

/* Target GridView header row - VERY SPECIFIC */
table.table.table-striped.table-hover tbody tr:first-child td {
    background-color: #145c5f !important;
    color: white !important;
    font-weight: bold !important;
}

table[id*="Table"] tbody tr:first-child td {
    background-color: #145c5f !important;
    color: white !important;
    font-weight: bold !important;
}

/* Nuclear option - target by ID */
#LicenseTable tbody tr:first-child td {
    background-color: #145c5f !important;
    color: white !important;
    font-weight: bold !important;
}


/* FORMS
----------------------------------------------------------*/

fieldset {
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #ccc;
    border-radius: 4px;
}

legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 8px;
}

input:focus {
    outline: none;
    border-color: #3A7C80 !important;
    box-shadow: 0 0 0 0.2rem rgba(58, 124, 128, 0.25) !important;
}


/* MISC
----------------------------------------------------------*/

.failureNotification {
    font-size: 1.1em;
    color: #c0392b;
}

.bold { font-weight: bold; }