/* Colors
    Light blue: #458FF6 Buttons, solid blues, etc.
    Blue gradient: #407BFF - #5A98F2
    Orange: #FF891C
    White
    Black
*/

@font-face {
    font-family: "Mulish";
    src: url("/fonts/mulish.ttf");
}

body {
    background: linear-gradient(90deg, #dbd12a 9.05%, #f89909 76.4%);
    font-family: "Mulish";
    color: #eee;
}

.orange {
    background-color: #f89909;
    color: #111!important;
}

.neon-orange {
    color: #fff;
    text-shadow:
        0 0 2px #fff,
        0 0 4px #fff,
        0 0 7px #fff,
        0 0 15px #f91,
        0 0 20px #f91,
        0 0 24px #e60,
        0 0 40px #e60,
        0 0 50px #e60;
    ;
}

.sol-grad {
    background: linear-gradient(90deg, #dbd12a 9.05%, #f89909 76.4%);
}

.content {
    position: relative;
    background-color: rgba(20, 20, 20, 0.9);
}

.content-inner {
    padding-top: 3rem;
    padding-bottom: 150px;
}

.grad-text-light {
    text-shadow: 0 0 6px #222, 0 0 20px #111;
    color: #FFF;
}

.navbar {
    background-color: rgba(20, 20, 20, 0.9);
    font-weight: 600;
    display: flex;
    justify-content: space-between;
}

.nav-user {
    color: rgb(230, 180, 17);
}

.navbar-brand {
    color: #eee!important;
}

.nav-item {
    margin-left: 16px;
    text-align: right;
}

.nav-item a {
    font-weight: 600;
    color: #eee;
    text-decoration: none;
}

.nav-item a:hover {
    text-decoration: underline;
}

.page {
    max-width: 1500px;
    padding: 10px 30px;
}

.banner-text {
    font-size: 2.5em;
    font-weight: 600;
    padding: 30px 10px 30px 10px;
    height: 100%;
}

.flash-error {
    color: #721C24;
    background-color: #F8D7DA;
    border-color: #F5C6CB;
}

.flash-warning {
    color: #856404;
    background-color: #FFF3CD;
    border-color: #FFEEBA;
}

.flash-notice {
    color: #0C5460;
    background-color: #D1ECF1;
    border-color: #BEE5EB;
}

.flash-success {
    color: #155724;
    background-color: #D4EDDA;
    border-color: #C3E6CB;
}

.mt-big {
    margin-top: 150px;
}

.mt-med {
    margin-top: 90px;
}

.card {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    height: 100%;
    border: 0;
}

.card-header {
    border-radius: 0.25rem 0.25rem 0.25rem 0.25rem !important;
    background-color: #f5f5f5;
    height: 100px;
    padding: 0;
    border: 0;
}

.hide {
    display: none;
}

.btn-or {
    background-color: #FF891C;
    color: #EEE;
    border-radius: 0.25rem;
}

.btn-blue {
    background-color: white;
    color: #444;
    border-radius: 0.25rem;
    border: 1px solid #458FF6;
}

.btn-blue:hover {
    background-color: #458FF6;
}

.btn-blue.selected {
    background-color: #458FF6;
    color: #eee;
    border: 0px;
}

.form-errors {
    color: #D23;
}

.form-item-errors {
    border: solid 3px #D23;
    box-shadow: 0 0 5px 2px #F00;
}

.form-errors ul {
    list-style-type: none;
}

footer {
    color: #111;
}

footer a {
    text-decoration: none;
}

footer a:visited {
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
}

footer a:active {
    color: #444;
    text-decoration: none;
}

footer h6 {
    font-weight: bold;
}

.h-100 {
    height: 100%;
}

.gc-tabs {
    border-bottom: 0;
}

.gc-tabs li {
    display: block;
    padding: 0.5rem 1rem;
}

.gc-tabs a {
    font-weight: 600;
    color: #4D4D4D;
}

.gc-tabs a.active {
    color: black;
    border-bottom: 4px solid #36e;
}

.gc-pane:not(.show) {
    opacity: 0;
}

.gc-fade {
    transition: opacity 0.3s linear;
}