/* your styles go here */
/* Example site test */

.box-image-text .image {
  min-height: 190px;
  max-height: 190px;
}

.box-image-text .image img {
  max-height: 190px;
  margin: auto;
}

.box-simple {
  min-height: 230px;
}

:root {
  --primary-accent: #a8d5e2; /* Soft pastel blue */
  --navbar-border-top: #b2e5dc; /* Light pastel mint */
  --button-border: #b3e0e5; /* Light aqua */
  --link-focus: #a0d2cb; /* Soft pastel teal */
  --form-shadow: rgba(168, 213, 226, 0.6); /* Light blue shadow */
  --pagination-bg: #d0f0e5; /* Soft mint green */
  --link-hover-bg: #c3e6e4; /* Pale aqua */
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff; /* White text for better contrast */
  background-color: var(--primary-accent); /* Consistent button color */
}

.logo-top-left {
  float: left; /* Float the logo to the left */
  z-index: 10; /* Adjust to make sure it doesn’t overlap the navbar items */
}

.navbar {
  overflow: hidden; /* Ensure it contains floated elements */
}

.navbar-header,
.navbar-collapse {
  float: right; /* Keep the navbar content on the right side */
}

.logo-top-left img {
  margin-top: -10px;
  max-width: 125px; /* Adjust the size of the logo */
}

@media (max-width: 900px) {
  .logo-top-left img {
    max-width: 80px; /* Adjust for smaller screens */
  }
}

#top {
  background: #ffffff;
  color: #000000;
  padding: 10px 0;
}

.bar.background-pentagon {
  background: url("../img/texture-bw.png") center center repeat;
  background-size: 100% 100%; /* Ensures it stretches horizontally */
  border-top: solid 1px #999999;
  border-bottom: solid 1px #999999;
}

/* Ensure buttons look cohesive */
.btn-block {
  width: 100%;
  margin-top: 10px;
}

/* Center-align text in the card */
.card-title,
.card-text {
  text-align: center;
}

#heading-breadcrumbs {
  margin-bottom: 0px;
}

.dropdown-no-bottom-margin {
  margin-bottom: 0px;
}

#blog-post {
  margin-top: 1em;
}

.faq-body {
  padding-left: 1em; /* Adjust the amount of indentation as needed */
}

.header-container {
  background-color: #ffffff;
}