/*
****************************************************************************
*-*-*-* Shasta Skin *-*-*-*
*****************************************************************************
*/

:root {
    /* Shasta Logo */
    --client-logo: url('/Content/ClientThemes/shasta/shasta_college_logo.png');
	--client-logo-sm: var(--client-logo);

    --theme-main:   #00573F; 
	--theme-accent: #A7A9AC; 
    --theme-dark:   #2E2E2E;
	--theme-light:  #FFFFFF;
    --body-bg-color: #FFFFFF;

    /**********************************
		Header
	***********************************/
    --header-border-color: var(--theme-main);
    /**********************************
		Tabs
	***********************************/
    --tab-active-fg-color:  var(--theme-main);
    --tab-hover-bg-color:   var(--theme-main);
    /**********************************
		Sidebar
	***********************************/
    --sidenav-item-active-bg-color: var(--theme-main);
    --sidenav-item-active-fg-color: var(--theme-white);
    /**********************************
		Search Results
	***********************************/
    /* Search bar - highlight when clicked */
    --form-focus-highlight:             var(--theme-accent);
    /* Export link - hover/click */
    --pdf-export-active-color:          var(--theme-main);

    /* Text highlights in search results */
    --mark-bg-color:                    var(--theme-main);
    --mark-fg-color:                    var(--theme-white);

    /* Page highlights in search results */
    --search-results-active-bg-color:   var(--theme-main);
    --search-results-active-fg-color:   var(--theme-white);

    /**********************************
		Footer
	***********************************/
    --footer-bg-color: var(--theme-white);
}

/* Search Toolbar - focus highlight border */
#search-toolbar .form-control:focus {
    border-color: var(--theme-light);
}

/* Programs: Summary/Outcomes */
.program-summary-wrapper .program-outcomes-summary-wrapper {
	display: initial;
}

/* -- Catalog Properties -- */

/* Tabs */
#rightsidebar .nav-tabs > .nav-item > .nav-link {
    background-color: var(--theme-neutral-350);
    border: 1px solid var(--theme-neutral-400);
    color: var(--theme-black);
}
    #rightsidebar .nav-tabs > .nav-item > .nav-link:hover,
    #rightsidebar .nav-tabs > .nav-item > .nav-link.active {
        background-color: var(--theme-neutral-100);
        color: var(--theme-main); 
    }

/* My Tasks Tab */
#my-tasks.nav-link,
#my-tasks.nav-link:hover, 
#my-tasks.nav-link.active {
    background-color: var(--theme-main) !important;
    border: 1px solid var(--theme-main) !important;
    color:  var(--theme-white) !important;
}