:root{
    --clues-yellow: #FAD680;
    --bs-font-size-base:  14;
    --xmm-headline-color: #333333;
    --bs-primary-bg: #002244;
    --bs-dark-rgb: 0, 33, 68;
    --bs-primary-bg: #08c;
    --bs-secondary-bg: #eee;

}

.form-control:focus,
.form-check-input:focus {
    border-color: rgba(144, 32, 58, 0.25);
    box-shadow: 0 0 0 2px rgba(144, 32, 58, 0.25);
}
.form-check-input:checked {
    border-color: var(--clues-yellow);
    background-color: var(--clues-yellow);
}


.btn-primary {
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.btn-primary:active:focus {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}

.dropdown-item {
    --bs-dropdown-link-active-bg: var(--bs-tertiary-bg);
}

.dropdown-item:active {
    color: var(--bs-dropdown-link-color);
}


.dropdown-menu-dark {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
}

.bg-yellow {
  --bs-bg-opacity: 1;
  background-color: #FAD680;
  color: black;
}

.banner-clues {
  background: url(../img/cloudy_background.jpg) repeat-x;
  background-size: auto 150px;
  overflow: hidden;
}

.banner-clues-logo {
  object-fit: contain; 
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 10px"
}

.aip-logo {
    margin-bottom: 15px;
    margin-right: 10px;
    height: 50px;
}

.lyon-logo {
    margin-top: 10px;
}

.hu-logo {
    margin-top: 11px;
}

.uam-logo {
    margin-top: 15px;
    margin-left: 10px;
}
.content-img{
  margin-top: 3rem;
  margin-right: -10rem;
  width: 200px;
}

.h1{
  max-width: 100%
}

.bottom-buffer{
  margin-bottom: 3rem;
}

.top-buffer {
  margin-top: 3rem;
}

footer.container{
  margin-bottom: -3rem;
  margin-top: -1rem;
}
footer h4 {
    margin-top: 0;
    font-size: 16px;
    line-height: 20px;
}

footer .content {
    background-color: #FAD680; 
    color: black;
}

footer .bottom {
    background: url(../img/cloudy_background.jpg) repeat-x;
    border-top: 1px solid #C0C0C0;
}