/* styles.css */

:root {
  --accent: #4D7F80;
}

a:hover {
  color: var(--accent); /* Your desired hover color (e.g., the deep red from your palette) */
  text-decoration: none; /* Optional: Remove underline on hover */
}

/* Navbar link hover color */
.navbar-nav .nav-link:hover {
  color: var(--accent) !important; /* Your desired hover color */
}

blockquote {
    border-left: 5px solid var(--accent);
}

/* Change the hover color of the navbar brand (your name) */
.navbar-brand:hover {
  color: var(--accent) !important; /* Use your accent color */
}

.main-heading {
  color: var(--accent) !important;
  animation: fadeIn 1s ease-in forwards;
}

.sub-heading {
  animation: fadeIn 1s ease-in forwards;
}

/* Fade in and rotate the logo when the page loads */
.quarto-about-trestles img {
  opacity: 0;
  animation: fadeIn 1s ease-in forwards;
}

/* Start animation */
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

/* Target the Impressum link in the footer */
a.nav-link:hover,
a.nav-link:hover p {
  color: var(--accent) !important;
  text-decoration: none;
}

/* Remove the white line between about-entity and about-contents */
.quarto-about-trestles .about-entity {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-right: none !important;
}

.quarto-about-trestles .about-contents {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-left: none !important;
}

/* heading for 404 */
.large-accent-heading {
    font-size: 5rem; /* Adjust the size as needed */
    color: var(--accent); /* Uses the accent color defined in your theme */
    font-weight: bold; /* Ensures the text is bold */
    margin: 0.5em 0; /* Adds spacing around the heading */
}

.btn-accent {
  --bs-btn-color: #000;
  --bs-btn-bg: #4D7F80;
  --bs-btn-border-color: #4D7F80;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #2f4f4f;
  --bs-btn-hover-border-color: #2f4f4f;
  --bs-btn-focus-shadow-rgb: 204, 205, 206;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c0c1c2;
  --bs-btn-active-border-color: #b4b5b6;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f0f1f2;
  --bs-btn-disabled-border-color: #f0f1f2;
}