.bg-custom-primary {
      background-color: #3d445f !important;
  }

.special-img {
  height: 200px;
    object-fit: cover;
}
  .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #5B6382;
}

/* the id_captcha_1 is needed to render a small form for the captcha field; */
#id_captcha_1 {
  max-width: 100px;
  margin-top: 8px;
}

/* to rescale the card-groups earlier; */

@media (max-width: 768px) {
  .card-group {
      display: block; /* Change display to "block" at the custom breakpoint */
  }

}

.breadcrumb {
  background-color: #e3e5ed !important;
  /* background-color: rgba(170, 136, 57, 0.36) !important; */
  border: 0.5px solid;
  border-color: rgba(0, 0, 0, 0.125) !important;
  border-radius: 0.25rem;
}

  .bm-offset  {
    padding-top: 56px;
    margin-top: -56px;
  }

  .btn-custom-primary {
    color: #fff;
    background-color: #3d445f;
    border-color: #3d445f;
  }
  
  .btn-custom-primary:hover {
    color: #fff;
    background-color: #5B6382;
    border-color: #5B6382;
  }
  
  .btn-custom-primary:focus, .btn-custom-primary.focus {
    color: #fff;
    background-color: #5B6382;
    border-color: #5B6382;
    box-shadow: 0 0 0 0.2rem rgba(61, 68, 95, 0.5);
  }
  
  .btn-custom-primary.disabled, .btn-custom-primary:disabled {
    color: #fff;
    background-color: #777c8f;
    border-color: #777c8f;
  }
  
  .btn-custom-primary:not(:disabled):not(.disabled):active, .btn-custom-primary:not(:disabled):not(.disabled).active,
  .show > .btn-custom-primary.dropdown-toggle {
    color: #fff;
    background-color: #5B6382;
    border-color: #5B6382;
  }
  
  .btn-custom-primary:not(:disabled):not(.disabled):active:focus, .btn-custom-primary:not(:disabled):not(.disabled).active:focus,
  .show > .btn-custom-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(61, 68, 95, 0.5);
  }

  .bg-twitter {
    background-color: #1DA1F2 !important;
}

.bg-linkedin {
  background-color: #0082ca !important;
}

.bg-youtube {
  background-color: #c00 !important;
}

.bg-mastodon {
  background-color: #563ACC !important;
}


.btn-outline-custom-primary {
  color: #3d445f;
  border-color: #3d445f;
}

.btn-outline-custom-primary:hover {
  color: #fff;
  background-color: #5B6382;
  border-color: #5B6382;
}

.btn-outline-custom-primary:focus, .btn-outline-custom-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(61, 68, 95, 0.5);
}

.btn-outline-custom-primary.disabled, .btn-outline-custom-primary:disabled {
  color: #5B6382;
  background-color: transparent;
}

.btn-outline-custom-primary:not(:disabled):not(.disabled):active, .btn-outline-custom-primary:not(:disabled):not(.disabled).active,
.show > .btn-utline-custom-primary.dropdown-toggle {
  color: #fff;
  background-color: #5B6382;
  border-color: #5B6382;
}

.btn-outline-custom-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-custom-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-custom-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(61, 68, 95, 0.5);
}