/* These styles are generated from project.scss. */

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}


.responsive-object {
  position: relative;
}

.responsive-object iframe,
.responsive-object object,
.responsive-object embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


img.left {
  float: left;
  margin-right: 1rem;
  margin-bottom: 1rem;
}

img.right {
  float: right;
  margin-left: 1rem;
  margin-bottom: 1rem;
}

img.full-width {
  display: block;
  /* width: 100%; */
  max-width: 100%;
  /* margin: 0 auto; */
}


html, body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
}

.container {
  flex: 1;
}

.footer {
  background-color: #e3e0e0;
  padding: 10px;
}

.footer-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  padding: 5px;
}
.footer-item {
  flex: 1 1 auto;
  max-width: 350px;
}

.footer-item a {
  text-decoration: none;
  color: inherit;
  transition: color 0.3s ease-in-out;
}


.footer-item a:hover {
  color: #10a7d0;
}

.navbar {
  max-width: 1340px;
  margin: 0 auto;
}