/*
****************************************************************************
*-*-*-* Chaffey Skin *-*-*-*
*****************************************************************************
*/

/* Google Font: Lato */
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');

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

    /* Theme Colors: Main/Accent */
	--theme-main:        #990000;
	--theme-accent:      var(--theme-neutral-150);

    /* Theme Colors: Neutral */
    --theme-white:       #FFFFFF;
    --theme-neutral-050: #F8F9FA;
    --theme-neutral-100: #F2F3F5;
    --theme-neutral-150: #E9ECEF;
    --theme-neutral-200: #E3E6EA;
    --theme-neutral-250: #DEE2E6;
    --theme-neutral-300: #D4D9DF;
    --theme-neutral-350: #CED4DA;
    --theme-neutral-400: #BDC5CD;
    --theme-neutral-450: #ACB6C1;
    --theme-neutral-500: #99A1A7;
    --theme-neutral-550: #878F97;
    --theme-neutral-600: #7A848C;
    --theme-neutral-650: #6C757D;
    --theme-neutral-700: #596067;
    --theme-neutral-750: #464C51;
    --theme-neutral-800: #34393D;
    --theme-neutral-850: #212426;
    --theme-neutral-900: #17181A;
    --theme-neutral-950: #0B0C0D;
    --theme-black:       #000000;

    /* Theme Colors: Light/Dark */
    --theme-light:       var(--theme-neutral-050);
    --theme-dark:        var(--theme-neutral-850);

    /* Theme - +Add Buttons */
    --theme-add:         #A90000;
    --theme-add-dkr:     #7E0000;
    --theme-add-dk:      #6E0000;
    --theme-add-xdk:     #5E0000;
    --theme-add-fg:      var(--theme-light);

	/* ********************************************
	   *** Catalog Header
	******************************************** */
	--header-border-color: var(--theme-main);

    /* ********************************************
	    ** Search Toolbar
	******************************************** */
	--form-focus-highlight: rgba(153, 0, 0, 0.6); 
    --pdf-export-active-color: var(--theme-main);
    --search-highlight-active-bg-color:  var(--theme-main);
    --search-highlight-active-fg-color:  var(--theme-white);

    /* ********************************************
	   ** Search Results
	******************************************** */
    /* Result Items */
	--search-results-active-bg-color: var(--theme-main);
	--search-results-active-fg-color: var(--theme-light); 

    /* Results - Highlighted Text */
	--mark-bg-color: var(--theme-main);
	--mark-fg-color: var(--theme-light);

	/* ********************************************
	   *** Catalog Menu - Left Sidebar
	******************************************** */ 	
    /* Menu Items */
    --sidenav-item-fg-color: var(--theme-black);
    --sidenav-item-active-bg-color: var(--theme-black);
	--sidenav-item-active-fg-color: var(--theme-neutral-100);

    /* ********************************************
	   *** Catalog Content
	******************************************** */
    /* Tabs */
	--tab-bg-color:        var(--theme-neutral-100);
	--tab-fg-color:        var(--theme-main);
        /* Hover */
    --tab-hover-bg-color:  var(--theme-main);
    --tab-hover-fg-color:  var(--theme-white);
        /* Active */
	--tab-active-bg-color: var(--theme-white);
	--tab-active-fg-color: var(--theme-main);

        /* Background Panel */
	--tab-panel-bg-color:  var(--theme-white);

    --tab-gap:             5px;

    /* ********************************************
	   *** Catalog Properties - Right Sidebar
	******************************************** */

	/* ********************************************
	 *** Catalog Footer
	******************************************** */
	--footer-bg-color:     var(--theme-white);
    --footer-border-color: var(--theme-neutral-300);
}

/* *************************************************************
   *** Custom CSS: Elements
************************************************************* */ 

/* ********************************************
	*** Catalog Header
******************************************** */
/* Client Logo */
.client-logo {
	max-height: 55px;
}

/* ********************************************
   *** Catalog Menu - Left Sidebar
******************************************** */

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


/* ********************************************
   *** Catalog Properties - Right Sidebar
******************************************** */
/* --- Properties Header --- */
#rightsidebar div.header {
    color: var(--theme-neutral-800);
}

/* 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-light) !important;
}
                       

/* ********************************************
   *** Catalog Footer
******************************************** */