@import url("_accordion.css");
@import url("_alert.css");
@import url("_background.css");
@import url("_border.css");
@import url("_button.css");
@import url("_dropdown.css");
@import url("_dropzone.css");
@import url("_input.css");
@import url("_layout.css");
@import url("_margin.css");
@import url("_modal.css");
@import url("_nav.css");
@import url("_offcanvas.css");
@import url("_opacity.css");
@import url("_padding.css");
@import url("_pagination.css");
@import url("_position.css");
@import url("_progress-bar.css");
@import url("_sizing.css");
@import url("_table.css");
@import url("_text.css");
@import url("_tooltip.css");

:root {
	scroll-behavior: auto;

	--primary-700: #0c3337;
	--primary-600: #088890;
	--primary-650: #067f87;
	--primary-500: #46bdc5;
	--primary-400: #84ebf2;
	--primary-300: #d3f5f7;
	--primary-220: #ecf9f7;
	--primary-200: #f3faf9;

	--neutral-600: #495057;
	--neutral-500: #adb5bd;
	--neutral-300: #dee2e6;
	--neutral-200: #e9ecef;
	--neutral-100: #f8f9fa;

	--success-500: #28a745;
	--success-400: #d1e7dd;

	--error-500: #dc3545;
	--error-400: #f8d7da;

	/* Overrides */

	--bs-primary: var(--primary-600);
	--bs-secondary: var(--neutral-500);
	--bs-success: var(--success-500);
	--bs-danger: var(--error-500);
	--bs-light: var(--primary-200);
	--bs-dark: var(--primary-700);
}

body {
	--bs-body-font-family: "muli", sans-serif;
	--bs-body-color: var(--primary-700);
}

main {
	background-color: #fcfcfc;
}

#desktop-view {
	display: flex;
}

#mobile-view {
	display: none;
}

#privacy-policy > h2 {
	margin-top: 3.25rem;
	margin-bottom: 1.25rem;
}

#privacy-policy > h3,
#privacy-policy > h4 {
	margin-top: 1.5rem;
}

#privacy-policy > h3,
#privacy-policy > h4,
#privacy-policy > p {
	margin-bottom: 1rem;
}

#privacy-policy > p,
#privacy-policy > li {
	color: var(--neutral-600);
}

a {
	text-decoration: none;
}

footer {
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);
}

hr {
	opacity: 1 !important;
}

.project-card {
	transition: 0.3s background-color, 0.3s border-color;
}

.project-card:hover {
	--bs-card-bg: var(--primary-220);
	--bs-card-border-color: var(--primary-500);
}

.resource-card {
	transition: 0.3s background-color, 0.3s border-color;
}

.resource-card:hover {
	--bs-card-bg: var(--primary-220);
	--bs-card-border-color: var(--primary-500);
}

.link-card {
	transition: 0.3s border-color;
}

.link-card:hover {
	--bs-card-border-color: var(--primary-500);
	background-color: var(--primary-220);
}

.link-card .card-header {
	transition: 0.3s background-color, 0.3s border-bottom;
	background-color: var(--primary-200);
}

.link-card:hover .card-header {
	background-color: var(--primary-220);
}

/* Overrides */

.card {
	--bs-card-spacer-x: 16px;
	--bs-card-spacer-y: 16px;
	--bs-card-bg: var(--primary-200);
	--bs-card-border-color: var(--primary-400);
}

@media only screen and (max-width: 1024px) {
	#desktop-view {
		display: none;
	}

	#mobile-view {
		display: flex;
	}
}