/* Modify this stylesheet to change ILS branding colors.
 *
 * USAGE: Alter default colors below. ILS styling does not
 * rely on any CSS in this document so you are free to add
 * and/or override classes in this document.
 *
 * RECOMENDED:
 * :hover - base color + 10 points luminance
 * :active - base color - 10 points luminance
 *
 * PRIMARY & SECONDARY COLORS
 */
.primaryColorBg {
    background-color: #B44A3C;
}
.secondaryColorBg, .secondaryBtn, .secondaryBtn:focus {
    background-color: #779B5E;
}
.secondaryBtn:hover {
    background-color: #81A569;
}
.secondaryBtn:active {
    background-color: #6C8E55;
}

/* HEADERS
 *
 * .headerBanner - header section containing the words: Interactive Learning System
 * .ilsSectionTitle - Background banner for section titles. Ex: Course Catalog, Resources, Announcements, etc.
 */
.headerBanner {
    background-image: linear-gradient(to right, #FFFFFF, #B44A3C);
}
.ilsSectionTitle {
    background-image: linear-gradient(to right, #B44A3C, #CC7770);
}

/* WARNING BUTTON
 *
 * Button used for most destructive actions, ie. delete
 */
.warningBtn, .warningBtn:focus {
    background-color: #B44A3C;
}
.warningBtn:hover {
    background-color: #C05545;
}
.warningBtn:active {
    background-color: #A44537;
}

/* MAIN MENU, TABLE HEADERS, LOADING ANNIMATION, TEXT COLOR
 *
 * .mainNav - background color for manu menu
 */
.mainNav {
    background-color: #666666;
}
/* hover color of main menu options */
.mainNav .navbar-nav .nav-item:hover {
    background-color: #707070;
}
.mainNav .mobileNavLink {
    color: #666666 !important;
}
.mainNav .dropdown-menu {
    border: 1px solid #666666;
}
/* table header colors */
.ilsTable th {
    background-color: #666666;
}
/* system text color */
body, .ilsTable td, .mainNav .dropdown-item, .mainNav .dropdown-item:hover, .mainNav .dropdown-item:active  {
    color: #666666;
}
/* loading annimation color */
.lds-default div {
    background: #666666;
}