/*
****************************************************************************
*-*-*-* Peralta: LAN Skin *-*-*-*
*****************************************************************************
*/


/* **************************************************************************************
   *** Google Fonts
************************************************************************************** */

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300&family=Roboto:wght@300&display=swap');

/* **************************************************************************************
   *** Root Variables
************************************************************************************** */

:root {

    /* Logo */
	--client-logo: url('/Content/ClientThemes/lan/lan-logo-new.png');
	--client-logo-sm: var(--client-logo);

    /* Theme Colors */
	--theme-main:       #008349;
    --theme-white:      #FFFFFF;
	--theme-accent:     var(--theme-white);
	--theme-neutral:    #F7F7F7;
	--theme-light:      var(--theme-white);

    /* Theme Font */
	--theme-base-font: 'Raleway';

    /* ******************************************************************
	   * Catalog Header 
	****************************************************************** */
	/* Background & Border */
    --header-bg-color:     var(--theme-white);
	--header-border-color: var(--theme-main);

    /* Utility Nav/Navbar Background & Border */
    --nav-top-bg-color: var(--theme-white);

    /* Catalog Title & Subtitle */
    --catalog-title-color: var(--theme-main);
    --catalog-sub-title-color: var(--theme-black);

    /* PDF Export Link */
    --pdf-export-link-color:   var(--theme-black);
	--pdf-export-active-color: var(--theme-main);

    /* ********************************************************
	   --- Search Toolbar 
	******************************************************** */
    /* Search Input Field */
    --form-focus-highlight: rgb(0, 131, 72, 0.6);

    /* Search Buttons */
    --search-highlight-active-fg-color: var(--theme-main);

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

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

    /* ******************************************************************
	   * Catalog Menu
	****************************************************************** */

    /* ******************************************************************
	   * Catalog Content
	****************************************************************** */
    /* Tabs */
	--tab-active-fg-color: var(--theme-main);

    /* Tabs: Space Between */
    --tab-gap: 5px;

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

}

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

/* ****************************************************************************
   ** Catalog Header
**************************************************************************** */
.editor-header {

}

/* ******************************************************************
   * Utility Nav
****************************************************************** */
#utilitynav {

}

/* Navbar - Login */
#utilitynav .navbar {
    background-color: var(--nav-top-bg-color) !important;
}

/* Login Button */
#login.btn {
    color: var(--theme-black) !important;
}
    #login.btn:hover,
    #login.btn:active {
        color: var(--theme-main) !important;
    }

    #login.btn:focus {
        box-shadow: none;
    }

/* ******************************************************************
   * Primary Nav
****************************************************************** */
#primarynav {

}

/* Client Logo */
.client-logo {
    max-height: 110px;
}

/* ***********************************************************
   --- Search Toolbar 
*********************************************************** */
/* Search Input Field */
#search-keyword.form-control:focus {
	border: none !important;
	box-shadow: 0 0 3px 0.125rem var(--form-focus-highlight);
}



/* ****************************************************************************
   ** Catalog Menu
**************************************************************************** */
#leftsidebar > #leftsidemenu {

} 

/* ******************************************************************
   * Menu Header 
****************************************************************** */
/* Edit Mode off - header hides */
#leftsidemenu > .sidebar-menu-header {
	display: none;
}
    /* Edit Mode on - header shows */
    body.edit-mode #leftsidemenu > .sidebar-menu-header {
	    display: inherit;
    }




/* ****************************************************************************
   ** Catalog Content
**************************************************************************** */
#primarycontent > #content-body {

}

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




/* ****************************************************************************
   ** Catalog Properties
**************************************************************************** */
#rightsidebar {

}



/* ****************************************************************************
   ** Catalog Footer
**************************************************************************** */
#catalog-footer {

}