/* 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;
}

footer {
  position: sticky;
/*  bottom: 0;*/
  width: 100%;
/*  height: 60px; !* Set the fixed height of the footer here *!*/
/*  line-height: 60px; !* Vertically center the text there *!*/
/*  background-color: #f5f5f5;*/
}

/* equal card height */
.row-equal > div[class*='col-'] {
    display: flex;
    flex: 1 0 auto;
}

.row-equal .card {
   width: 100%;
}

/* ensure equal card height inside carousel */
.carousel-inner>.row-equal.active,
.carousel-inner>.row-equal.next,
.carousel-inner>.row-equal.prev {
    display: flex;
}

/* prevent flicker during transition */
.carousel-inner>.row-equal.active.left,
.carousel-inner>.row-equal.active.right {
    opacity: 0.5;
    display: flex;
}

/* big device */

@media(min-width: 992px) {
  .tab-content > .tab-pane {
    display: block;
  }
}

/* control image height */
.card-img-top-250 {
    max-height: 250px;
    overflow:hidden;
}

.form-group {
  margin-bottom: 0;
  font-size: .75rem;
}

.form-control {
  font-size: .75rem;
}

* { box-sizing: border-box; }

.grid {
  background: #EEE;
  /* center */
  margin: 0 auto;
}

.grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid-item {
  width: 160px;
  height: 120px;
  float: left;
  background: #feffff;
  border: 1px solid #333;
  border-color: hsla(0, 0%, 0%, 0.5);
  border-radius: 5px;
  margin-bottom: 20px;
}

.grid-item--width2 { width: 340px; }
.grid-item--width3 { width: 520px; }
.grid-item--width4 { width: 780px; }

.grid-item--height2 { height: 200px; }
.grid-item--height3 { height: 260px; }
.grid-item--height4 { height: 480px; }