/**
* Template Name: Arsha
* Template URL: https://bootstrapmade.com/arsha-free-bootstrap-html-template-corporate/
* Updated: Aug 07 2024 with Bootstrap v5.3.3
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# Font & Color Variables
# Help: https://bootstrapmade.com/color-system/
--------------------------------------------------------------*/

/**
* Forensic Toxicology Services
* Author: Jack Kalin
* Updated: Nov-06-2025
*/

/*--------------------------------------------------------------
Custom Styles
--------------------------------------------------------------*/

:root { 
  --accent-color: #0d6efd;
  --nav-hover-color: #68a4fd;
  --nav-dropdown-hover-color: #0d6efd;
}

.dark-background {
  --background-color: #010f25;

}

.index-page.scrolled .header {
  --background-color: rgba(0, 0, 0, 0.9);
}

h5, .h5 {
	font-weight: 600;
}

.modal a, .portfolio-item a, .footer a, section .link {
  text-decoration: underline;
  cursor: pointer;
}

.header .logo {
  color: #fff;
}

@media (min-width: 576px) {
  .header .logo {
	font-size: 20px;
  }
}

.call-to-action:before {
  background: color-mix(in srgb, var(--background-color), transparent 70%);
}

.services .service-item h4, .team .team-member h4  {
  font-size: 22px;
}

.services .service-item p, .team .team-member p {
  font-size: 16px;
}

.hero img, .call-to-action img {
	width: 100%;
}

.services img, .portfolio img {
  max-width: 100%;
}

@media (max-width: 575px) {
  .services img, .portfolio img {
	max-width: 15em;
  }
}

.modal img {
  float: right;
  max-width: 8em;
  margin: 0 0 1em 1em;
}

.portfolio {
  text-align: center;
}

.author {
  color: var(--accent-color);
}

.scroll-top {
  z-index: 99;
}

@media (max-width: 468px) {
  .team .team-member .member-info {
    text-align: left;
  }
}