﻿/*Bootstrap Overrides - these classes override default bootstrap classes*/

/***
HCPS Custom Colors
Pantone Green U:   26B5A0   greenish turqouise
Pantone 295 U:  266090      darker blue
Pantone 368 U:   7AC143     lime green
***/


h1, h2 {
    text-shadow: 0px 1px 1px #888888;
}

.custom-nav {
    -webkit-box-shadow: 0 0px 5px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0px 5px 2px rgba(0,0,0,0.3);
    box-shadow: 0 0px 5px 2px rgba(0,0,0,0.3);
    background: #266090;
    border-bottom: 1px solid white;
}

.custom-nav-green {
    background: #26B5A0;
}

.nav li {
    border-bottom: 2px solid #266090;
}

    .nav li:not(.nohover):hover {
        border-bottom: 2px solid #26B5A0;
        -webkit-box-shadow: 0 0 50px rgba(255, 255, 255, 0.1) inset;
        -moz-box-shadow: 0 0 50px rgba(255, 255, 255, 0.1) inset;
        box-shadow: 0 0 50px rgba(255, 255, 255, 0.1) inset;
    }

.navbar-nav > li > div {
    margin-top: 8px;
}

.navbar-nav > li > span {
    margin-top: 8px;
}

.navbar-brand > a {
    color: white;
    opacity: 1;
}

    .navbar-brand > a:hover {
        opacity: .8;
        text-decoration: none;
    }

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #26B5A0 !important;
    background-image: none !important;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #26B5A0;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #7AC143;
}

.navbar-nav.navbar-right:last-child {
    margin-right: 5px;
    margin-top: 0px;
}

/*increase or decrease the max-width number below depending on when you want the collapse in*/
@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

            .navbar-nav > li > div, span {
                margin-top: 0px;
            }

    .collapse.in {
        display: block !important;
    }
}
/* end nav adjustment */

.btn-primary {
    background-color: #266090;
}

.modal-lg {
    width: 900px;
}

.modal-xlg {
    width: 1024px;
}

.text-warning {
    color: #c09853;
}

    .text-warning:hover {
        color: #a47e3c;
    }

/*shadows*/
.panel {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.alert, .btn, .well, table {
    -webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3);
}

.form-control {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset;
}

/*end shadows*/

/*End Bootstrap Overrides*/
