@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

/*
#00102D brand blue
Classic Earth Brown: #B18061
Deep Earth/Rich Soil: #654321
Warm Clay/Terracotta: #895129
Muted/Sandy Dirt: #836539
Dark Walnut: #3d251e


*/
:root {
  --accent: #00102D;
  --accent-1: #3e3f95;
}

a {
  text-decoration: none;
  color: var(--accent-1) !important; /* force override */
}

a:hover {
  text-decoration: none;
  color: var(--accent) !important;
}

.bg-accent {
  background-color: var(--accent) !important; /* ensure it overrides Bootstrap */
  color: #fff; /* optional: make text readable */
}

.bg-accent-1 {
  background-color: var(--accent-1) !important; /* ensure it overrides Bootstrap */
  color: #fff; /* optional: make text readable */
}

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


 /*-- Cookies --*/
.cookie-container {
display: none;
}

.cookie-container.active {
  display: block;
}

.angled-header {
  background: var(--accent); /* blue background */
  color: #fff;
  overflow: hidden;
}

.angled-header .content-block {
  background: var(--accent); /* left side background */
  padding: 3rem;
}



.logo {
	background: #fff;
	padding: 2rem;
}

ul.list-unstyled li img {
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #f8f9fa; /* subtle background behind icons */
  padding: 6px;
}

ul.list-unstyled li strong {
  color: var(--accent); /* brand blue accent */
}

ul.list-unstyled li small {
  color: #555;
}


 .timeline:before {
      content: "";
      background: var(--bs-secondary);
      width: 5px;
      height: 95%;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      }
      .timeline-item:nth-child(even) .timeline-content {
      float: right;
      padding: 40px 30px 10px 30px;
      }
      .timeline-item:nth-child(even) .timeline-content .date {
      right: auto;
      left: 0;
      }
      .timeline-item:nth-child(even) .timeline-content::after {
      content: "";
      position: absolute;
      border-style: solid;
      width: 0;
      height: 0;
      top: 30px;
      left: -15px;
      border-width: 10px 15px 10px 0;
      border-color: transparent var(--bs-light) transparent transparent;
      }
      .timeline-item::after {
      content: "";
      display: block;
      clear: both;
      }
      .timeline-content {
      position: relative;
      width: 45%;
      padding: 10px 30px;
      border-radius: 4px;
      background: var(--bs-light);
      }
      .timeline-content::after {
      content: "";
      position: absolute;
      border-style: solid;
      width: 0;
      height: 0;
      top: 30px;
      right: -15px;
      border-width: 10px 0 10px 15px;
      border-color: transparent transparent transparent var(--bs-light);
      }
      .timeline-img {
      width: 30px;
      height: 30px;
      background: var(--bs-secondary);
      border-radius: 50%;
      position: absolute;
      left: 50%;
      margin-top: 25px;
      margin-left: -15px;
      }
      @media screen and (max-width: 768px) {
      .timeline::before {
      left: 50px;
      }
      .timeline .timeline-img {
      left: 50px;
      }
      .timeline .timeline-content {
      max-width: 100%;
      width: auto;
      margin-left: 70px;
      }
      .timeline .timeline-item:nth-child(even) .timeline-content {
      float: none;
      }
      .timeline .timeline-item:nth-child(odd) .timeline-content::after {
      content: "";
      position: absolute;
      border-style: solid;
      width: 0;
      height: 0;
      top: 30px;
      left: -15px;
      border-width: 10px 15px 10px 0;
      border-color: transparent #f5f5f5 transparent transparent;
      }
      }

/* Product list hover effect */
ul.list-unstyled li a {
  display: flex;                /* keep icon + text aligned */
  align-items: start;
  padding: 1rem;                /* add some breathing space */
  border-radius: 8px;           /* rounded corners */
  transition: background 0.3s;  /* smooth hover */
}

ul.list-unstyled li a:hover {
  background-color: var(--accent-1) !important; 
  color: #f0f0f0;
  text-decoration: none;        /* keep links clean */
}