/*
 * Quark 2 — user customizations
 *
 * This file is safe to edit. It is loaded last so anything here overrides
 * theme.css without having to mark rules !important.
 */

#header {
	--q2-nav-bg: rgba(51, 30, 95,0.8);
	--q2-text-strong: #fff;
}

#header .navbar-brand img {
	height: 42px;
}

html[data-theme="light"] {
	#header .dropmenu a:hover {
		color: #000;
	}
	#header .dropmenu a.active {
		background-color: rgb(51, 30, 95);
	}
	#header .dropmenu a.active:hover {
		background-color: #fff;
	}

}

html[data-theme="dark"] {
	#header .dropmenu a:hover {
		color: #fff;
		background-color: rgb(51, 30, 95);
	}
}

div#homepage-intro-text + section div div div h2 {
	margin-top: -0.25em; color: var(--q2-accent); 
}

#footer{
  padding-top: 0;
}

/* column for footer */
footer .container .columns {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  margin-top: 2.5rem;
}

footer .container .columns .column {
  /*padding: 1.5rem 1.25rem;*/
  padding: 0 1.25rem;
  display: grid; 
  align-items: center
}

 
footer .container .columns .column img {
  max-width: 210px;
}

footer .container .columns .column h6, 
footer .container .columns .column p, 
footer .container .columns .column a {
  font-family: "Cal Sans", "Inter", sans-serif;
  font-size: .9rem;
  color: var(--q2-text-muted);
}

footer .container-fluid ul {
  justify-content: space-;
}

footer .container-fluid li {
  display: inline;
  font-size: .9rem;
  color: var(--q2-text-muted);
  padding-left: 2rem;
}