/**
 * Only used for the Bootstrap5 templates.
 *
 * All CSS in this file should be custom-written CSS.
 * Do not include Bootstrap or other already-minified CSS in this file.
 *
 * To deploy, the contents of this file should be minified, then placed
 * at the end of main.min.css
 *
 * - Gregor Morrill, Stevens & Stevens
 */

:root {
	/* optionally: update default font stack */
	/* --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */

	--primary-color: #6772cf;
	--secondary-color: #9a9bdf;
	--tertiary-color: #555;

	/* this is really close to the secondary color, do we still need it? */
	--secondary-heading-color: #a4aae2;

	--bs-btn-bg: var(--primary-color);
	--bs-btn-color: #fff;
	--bs-btn-border-color: var(--primary-color);

	--bs-btn-hover-bg: var(--secondary-color);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-border-color: var(--secondary-color);
}

@font-face {
	font-family: 'BebasNeueRegular';
	font-display: swap;
	src: url('/assets/fonts/BebasNeue-webfont.eot');
	src: url('/assets/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/BebasNeue-webfont.woff') format('woff'), url('/assets/fonts/BebasNeue-webfont.ttf') format('truetype'), url('/assets/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Champagne & Limousines';
	font-display: swap;
	font-style: normal;
	font-weight: 400;
	src: local('Champagne & Limousines'), url('/assets/fonts/Champagne & Limousines.woff') format('woff');
}

@font-face {
	font-family: "FontAwesome";
	font-style: normal;
	font-display: swap;
	font-weight: 900;
	src: url('/assets/fonts/fa-solid-900.eot');
	src: url('/assets/fonts/fa-solid-900.eot?#iefix') format("embedded-opentype"), url('/assets/fonts/fa-solid-900.woff2') format("woff2"), url('/assets/fonts/fa-solid-900.woff') format("woff"), url('/assets/fonts/fa-solid-900.ttf') format("truetype"), url('/assets/fonts/fa-solid-900.svg#fontawesome') format("svg")
}

@font-face {
	font-family: Museo;
	src: url('/assets/fonts/museosans_300-webfont.woff');
}

@font-face {
	font-family: Museo;
	src: url('/assets/fonts/museosans_700-webfont.woff');
	font-weight: bold;
}

a.social-icon:hover {
	opacity: .6;
	transition: ease .3s;
}

/**
 * Buttons
 * For customizing, see: See https://getbootstrap.com/docs/5.3/components/buttons/#variables
 */

/* careful: only customize properties that should apply to all buttons */
.btn {}

.btn-primary {
    --bs-btn-bg: var(--primary-color);
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-hover-bg: var(--secondary-color);
    --bs-btn-hover-border-color: var(--secondary-color);
}

.btn-outline-primary {
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-color: var(--primary-color);
    --bs-btn-hover-bg: var(--primary-color);
    --bs-btn-hover-border-color: var(--primary-color);
}

.btn-secondary {
    --bs-btn-bg: var(--secondary-color);
    --bs-btn-border-color: var(--secondary-color);
    --bs-btn-hover-bg: var(--primary-color);
    --bs-btn-hover-border-color: var(--primary-color);
}

.btn-outline-secondary {
    --bs-btn-border-color: var(--secondary-color);
    --bs-btn-color: var(--secondary-color);
    --bs-btn-hover-bg: var(--secondary-color);
    --bs-btn-hover-border-color: var(--secondary-color);
}

.btn-tertiary {
    --bs-btn-bg: var(--tertiary-color);
    --bs-btn-color: #fff;
    --bs-btn-border-color: var(--tertiary-color);
    --bs-btn-hover-bg: var(--primary-color);
    --bs-btn-hover-border-color: var(--primary-color);
}

.btn-outline-tertiary {
    --bs-btn-border-color: var(--tertiary-color);
    --bs-btn-color: var(--tertiary-color);
    --bs-btn-hover-bg: var(--tertiary-color);
    --bs-btn-hover-border-color: var(--tertiary-color);
}

/* page header */
header .navbar {
	font-size: 1.05rem;
	--bs-navbar-nav-link-padding-x: 1.4rem;
}

header .tagline {
	font-family: 'Champagne & Limousines';
	font-weight: 100;
	font-size: 25px;
	color: #4d4d4d;
	letter-spacing: .06em;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

header .nav-link {
	--bs-nav-link-hover-color: var(--secondary-color);
}

header .dropdown-menu {
	--bs-dropdown-bg: rgba(77, 77, 77, 0.85);
	--bs-dropdown-border-radius: 0;
	--bs-dropdown-item-padding-y: 0.4rem;

	--bs-dropdown-color: #fff;
	--bs-dropdown-link-color: #fff;

	--bs-dropdown-link-hover-color: var(--secondary-color);
	--bs-dropdown-link-hover-bg: transparent;
}

/* nav styles for students page in the jump section*/

.border-dark {
    border-color: #343a40 !important;
}
.border-right {
    border-right: 1px solid #dee2e6 !important;
}

/* page footer */
footer ul {
	list-style: none;
}

footer a:link,
footer a:visited,
footer a:hover {
	color: #555;
	text-decoration: none;
}

footer a:hover {
	color: var(--secondary-color);
}

footer a.social-icon:hover {
	opacity: .7;
}



/** media queries below this point **/

/* BS5 `lg` breakpoint */
@media (min-width: 992px) {
	header .tagline {
		border-left: 1px solid #4d4d4d;
	}
}