body {
    color: #4f544f;
}
/* Headers and Paragraph */
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 20px;
    color: #4f544f;
}

h2 {
    color: #0084C9;
    font-weight: 400;
}

p, ol li, ul li {
    color: #4f544f;
}
/* END Headers and Paragraph */

/* Dividers */
.divider {
    margin: 40px 0px;
}

    .divider .fa { /* So the background matches the background of the site */
        background-color: white;
    }

    .divider .icon-tube {
        display: inline-block;
        height: 50px;
        line-height: 50px;
        text-align: center;
        width: 50px;
        font-size: 20px;
        position: absolute;
        top: -25px;
        left: 50%;
        margin: 0 auto 0 -25px;
        background-color: white;
        color: #1980B6;
    }

hr { /*So it's not as fat/tall*/
    margin: 10px 0;
}
/* END Dividers */

/* Contextuals */
.alert.alert-info {
    background-color: rgba(102, 182, 255, .8);
    border-left-color: #0084C9;
    color: white;
}

.alert.alert-warning {
    background-color: rgba(250, 173, 94, .5);
    border-left-color: rgb(249, 146, 43);
    color: rgb(249, 146, 43);
}

.modal-header.danger {
    background-color: #D9534F;
}

.btn-primary {
    background-color: #0084C9 !important;
}

    .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
        background-color: #5CA5E6 !important;
    }
/* END Contextuals */

/* Tabs, Pills, Accordions */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus,
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus,
ul.nav-pills li.active a {
    background-color: #0084C9;
    color: white;
}

.nav-tabs {
    border-bottom-color: #E6EDED;
}

    .nav-tabs > li > a, .nav-pills > li > a {
        border: solid 1px #0084C9;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        color: #0084C9;
    }

.nav > li > a:hover, .nav > li > a:focus {
    border-color: #EEE #EEE #DDD;
}

.panel-title .fa {
    color: #0084C9;
}

.panel > .panel-heading {
    background-color: #E6EDED;
}

    .panel > .panel-heading:hover,
    .panel > .panel-heading:hover > h4 > a,
    .panel > .panel-heading:hover > h4 > a > i,
    .table-hover > tbody > tr:hover,
    .table-hover > tbody > tr:hover > td > a {
        background-color: #0084C9;
        color: white;
    }


.tab-content {
    margin-bottom: 30px;
    border: solid 1px #E6EDED;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: none;
    padding: 5px;
}
/* END Tabs, Pills, Accordions */

/* Forms */
input[type=checkbox] {
    margin-top: 0;
}

.switch {
    display: none;
}

form label {
    font-weight: 400;
}

.form-control {
    border: #9BA09B 1px solid;
    height: 40px;
}

/* The multi-select styling from SF is lacking; these should help fit things into the grid better. */
.multiSelectPicklistTable {
    width: 100% !important;
}

    .multiSelectPicklistTable td {
        height: 0px; /*SF's multi select puts a blank table row/cell with a height of 5px; this overrides so they line up with other controls.*/
    }

.multiSelectPicklistCell, .multiSelectPicklistCell a img {
    width: 45px !important;
}

select.form-control {
    width: 100% !important;
}
/*For some reason, bootstrap is overriding essentials.css for selects*/
select[multiple].form-control, select[size].form-control {
    height: 40px;
    padding: 6px 12px;
}
/*essentials overrides all form-controls to have 46px height, let's re-override the sized controls*/
.input-sm, .btn-sm, .btn-sm:hover {
    height: 30px !important;
    padding: 5px 10px !important;
}

@media (max-width: 990px) {
    /*
        When using a horizontal form with multiple labels/controls in the same form-group, bottom margins mess up at small sizes.
        Use this class on all but the final form-control divs in the form-group.
    */
    .horizontal-inline-fix {
        margin-bottom: 15px;
    }
}

.bootstrap-switch {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border: #E6E6E6 2px solid;
}

    .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label {
        /*height: 42px;*/
        padding-top: 12px;
    }

.input-group-addon .bootstrap-switch {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border: none;
}
/* END Forms */

/* Tables */
.table {
    background-color: white; /*essentials styles table with gray background, which doesn't work with striped bootstrap tables*/
}

.table-hover > tbody > tr * {
    color: #4F544F;
}

.table-hover > tbody > tr:hover * {
    color: white;
}
/* END Tables */

/* Structural */
.alert { /*So it's not as fat/tall*/
    padding: 10px 15px;
    margin-bottom: 0px;
    line-height: 20px;
}

.alert-inline-block {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}

.modal {
    padding-top: 100px; /*So it goes below the header sections*/
}

.popover-content {
    color: #4F544F !important;
}

.text-left {
    text-align: left !important; /*Forces items we specify with text-left to get text-left; control-labels get overriden with right align*/
}
/* END Structural */

/* Specifics */
/* Header */
header#topHead .dropdown-menu {
    background-color: #E4E7E9;
}

#topHead .signin-dd h4,
#topHead .signin-dd,
header#topHead a {
    color: #4F544F;
}

header#topNav {
    box-shadow: none;
}

    header#topNav nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu,
    header#topNav nav ul.nav-main ul.dropdown-menu {
        background-color: white;
        box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 6px 0px;
        border-radius: 3px;
    }

        header#topNav nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title,
        header#topNav nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu a,
        header#topNav nav ul.nav-main ul.dropdown-menu > li > a {
            color: #4F544F;
        }

    header#topNav nav ul.nav-main .dropdown-submenu > a:after {
        border-left-color: #0084C9;
    }

@media (max-width: 990px) {
    header#topNav div.nav-main-collapse {
        background-color: white;
    }

    header#topNav nav.nav-main ul li {
        border-bottom: 1px solid #939893;
    }

        header#topNav nav.nav-main ul li:hover {
            border-bottom: 1px solid transparent;
        }

        header#topNav nav.nav-main ul li:last-child {
            border-bottom: 1px solid transparent;
        }

    header#topNav nav ul.nav-main .dropdown-submenu > a:after {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #0084C9;
        margin-right: 0px;
    }

    header#topNav nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
        margin-left: 5px !important;
        margin-top: -2px !important;
    }

    header#topNav nav ul.nav-main li a,
    header#topNav nav ul.nav-main li.dropdown:hover a {
        color: #4F544F !important;
    }

    header#topNav nav ul.nav-main li.dropdown:hover > a,
    header#topNav nav ul.nav-main ul.dropdown-menu li:hover > a,
    header#topNav nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a:hover {
        background-color: #0084C9 !important;
        color: white !important;
        box-shadow: 0px 3px 2px -2px #4F544F;
        border-radius: 3px;
    }

    header#topNav nav ul.nav-main li.dropdown:hover > a {
        font-size: 14px;
        padding: 10px 8px;
    }

    header#topNav nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a:after {
        border-left-color: white;
    }

    header#topNav nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
        padding-left: 20px;
    }

    .menu-button {
        margin-left: 0px !important;
        margin-top: 5px !important;
    }

    header#topNav nav ul.nav-main li.menu-button a {
        color: white !important;
    }

        header#topNav nav ul.nav-main li.menu-button:hover a,
        header#topNav nav ul.nav-main li.menu-button a:hover {
            background-color: white !important;
            color: #0084C9 !important;
        }
}

header#topNav div.nav-main-collapse {
    background-color: white;
}

header#topNav nav.mega-menu ul.nav-main li.mega-menu-item:hover ul.sub-menu li:hover a:hover,
header#topNav nav ul.nav-main ul.dropdown-menu li:hover > a {
    color: white;
    background-color: #0084C9;
}

@media (min-width: 991px) {
    header#topNav nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu a {
        transition: none;
    }

    .menu-button {
        margin-left: 10px !important;
    }
}

.menu-button {
    background-color: #0084C9;
    border: solid 1px #0084C9;
    border-radius: 5px;
    padding: 1px !important;
    box-shadow: 0px 3px 2px -2px #4F544F !important;
}

    .menu-button a {
        background-color: transparent !important;
        color: white !important;
        font-weight: bold !important;
        padding: 8px 6px !important;
        border-radius: 5px;
        border: solid 1px transparent;
    }

    .menu-button:hover {
        background-color: white !important;
        border-radius: 5px !important;
    }

        .menu-button:hover a {
            color: #0084C9 !important;
        }

.right-menu .dropdown-menu {
    right: 0;
}

header#topNav button.btn-mobile {
    background: white;
    color: #0084C9;
    border: solid 1px #0084C9;
    border-radius: 3px;
}


/* END Header */
/* Menu */
a.become-provider, a.order-resources {
    text-align: center;
    padding: 4px;
    background-color: #0084C9;
    color: white !important;
    border-radius: 4px;
}

    a.become-provider .fa, a.order-resources .fa {
        font-size: 16px;
        margin-left: 3px;
    }
/* END Menu */

/* Wrapper */
#wrapper {
    min-height: 800px;
    background-color: white;
    padding: 15px 0;
}
/* END Wrapper */
/* Title */
header#page-title {
    background-color: #0084C9;
    margin-bottom: 25px;
}

    header#page-title:before {
        content: "";
        position: absolute;
        background: url(../plugins/revolution-slider/assets/shadow1.png) no-repeat;
        background-size: 100% 100%;
        height: 30px;
        bottom: -28px;
        width: 100%;
        opacity: .4;
    }

    header#page-title h1 {
        font-weight: 400;
    }

    header#page-title h1,
    header#page-title a,
    header#page-title li {
        color: white;
    }

        header#page-title li.active {
            font-weight: bold;
        }

        header#page-title a:hover {
            color: #F5F5F5;
        }
/* END Title */

/* Footer */
footer .footer-content {
    background-color: #a7aeb1 !important;
    border-top: white 1px dashed;
}

footer .footer-bar {
    background: #8b9194 !important;
}

    footer .footer-bar .toTop {
        border-left: white 1px dashed;
    }

footer .column.logo {
    background: #b3babd !important;
}

footer p.contact-desc {
    margin: 0 0 30px 0;
    padding: 0 0 10px 0;
    border-bottom: white 1px dashed;
}

footer .post-item {
    border-top: #4f544f 1px dashed;
    padding-top: 10px;
    margin-top: 10px;
}

footer .footer-contact .fa {
    font-size: 24px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    width: 24px;
    text-align: center;
}

footer .footer-contact p {
    display: inline-block;
}

@media(max-width: 990px) {
    footer .column.text-right {
        display: block;
    }
}

@media(max-width: 768px) {
    footer .column.text-right {
        display: none;
    }
}
/* END Footer */

/* Cards */
.card {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    background-color: #FFF;
    border-radius: 4px;
    padding: 10px .5em;
    margin-bottom: 10px;
}

    .card .title {
        box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.16);
        border-radius: 3px;
        text-align: center;
        font-size: larger;
        margin-bottom: 5px;
    }
/* END Cards */

/* Custom Font */
@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?-8v6xpk');
    src: url('../fonts/icomoon.eot?#iefix-8v6xpk') format('embedded-opentype'), url('../fonts/icomoon.woff?-8v6xpk') format('woff'), url('../fonts/icomoon.ttf?-8v6xpk') format('truetype'), url('../fonts/icomoon.svg?-8v6xpk#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-circle-nt:before {
    content: "\e601";
}

.icon-circle-marker .path1:before {
    content: "\e602";
    color: rgb(255, 255, 254);
}

.icon-circle-marker .path2:before {
    content: "\e603";
    margin-left: -1em;
    color: rgb(254, 174, 92);
}

.icon-circle-marker .path3:before {
    content: "\e604";
    margin-left: -1em;
    color: rgb(254, 174, 92);
}

.icon-circle-marker .path4:before {
    content: "\e605";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.icon-circle-marker .path5:before {
    content: "\e606";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.icon-tube:before {
    content: "\e600";
}
/* END Custom Font */
/* END Specifics */

.tp-bannershadow {
    opacity: .5;
}

.fa .fa:hover { /*A bit of definition when hovering*/
    text-decoration: underline;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

a.darken {
    display: inline-block;
    background-color: black;
    padding: 0;
}

    a.darken img {
        display: block;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -ms-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

    a.darken:hover img {
        opacity: 0.7;
    }

.progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    z-index: 1000;
}

    .progress.active .progress-bar, .progress-bar.active {
        -webkit-animation: progress-bar-stripes .5s linear infinite;
        -o-animation: progress-bar-stripes .5s linear infinite;
        animation: progress-bar-stripes .5s linear infinite;
    }

.progress-bar {
    border-radius: 0;
}

.overlay.color5 {
    background: rgba(0, 132, 201, 0.7) !important;
}

.overlay.color6 {
    background: rgba(43, 17, 102, 0.7) !important;
}

.overlay.color7 {
    background: rgba(0, 84, 160, 0.7) !important;
}

.overlay.color8 {
    background: rgba(45, 198, 214, 0.7) !important;
}

.item-box .item-hover, .item-box .item-hover .overlay {
    -webkit-border-top-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomleft: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-left-radius: 100px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.img-responsive {
    border-radius: 100px;
}

div.featured-box i.fa:after {
    border-color: none;
}

div.featured-box.nobg.border-only i.fa {
    color: white;
    border-color: none;
    background-color: #0084c9 !important;
}

/* Featured Icons */
i.featured-icon,
i.featured-icon:after {
    border: red 1px solid;
}

    i.featured-icon.empty {
        color: #0084c9 !important;
    }

.tp-caption.medium_bg_labrixblue {
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: #0084c9;
    padding: 10px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none;
    border-radius: 10px;
}

.tp-caption.medium_bg_orange {
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(243, 156, 18);
    padding: 10px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none;
    border-radius: 10px;
}

footer {
    background-color: #A7AEB1;
}

    footer .f-content {
        background-color: #A7AEB1;
    }

    footer .f-bar {
        background-color: rgb(139, 145, 148);
        text-align: center;
        color: white;
    }

    footer .f-tab-wrapper {
        text-align: center;
    }

.f-content .col-sm-3 {
    margin-bottom: 30px;
}

.f-tab-top {
    display: inline-block;
    background-color: white;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    padding: 4px 8px;
    margin-bottom: 30px;
}

    .f-tab-top a {
        display: inline-block;
        color: #4F544F;
        font-size: 18px;
        margin: 0 10px;
        border-radius: 3px;
        width: 30px;
        text-align: center;
        padding: 3px;
    }

        .f-tab-top a:hover {
            background-color: rgb(139, 145, 148);
            color: white;
        }

.f-tab-bottom {
    display: inline-block;
    background-color: rgb(139, 145, 148);
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    padding: 12px 41px;
}

.tp-caption.medium_bg_darkblue {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(52, 73, 94);
    padding: 10px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none;
    border-radius: 10px;
}

.tp-caption.medium_bg_red {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(227, 58, 12);
    padding: 10px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none;
    border-radius: 10px;
}

.rounded-15 {
    border-radius: 15px;
}