/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 40px;
  padding-top: 10px;
  background-color: #f5f5f5;
}

h1 {
  margin-top: 20px;
}

.home-logo {
  width: 100%;
  margin-top: 100px;
  text-align: center;
}

/*---------------------------------------------------*/
.btn-group-xs > .btn, .btn-xs {
  padding: 0.25rem 0.35rem;
  font-size: 0.875rem;
  line-height: 0.5;
  border-radius: 0.2rem;
}

/*---------------------------------------------------*/
tr.clickable {
  cursor: pointer;
}

/*---------------------------------------------------*/
.is-editable {
  cursor: pointer;
}

/*---------------------------------------------------*/
.recipe-ingredient-holder {
  margin: 0 0 10px 0;
  padding: 10px 10px 10px 10px;
  background-color: #f5f5f5;
}

.recipe-ingredient-select {
  width: 350px;
}

.recipe-ingredient-quantity {
  width: 100px;
}

.recipe-ingredient-unit-select {
  width: 120px;
}

.recipe-ingredient-instructions {
  width: 300px;
}

/*---------------------------------------------------*/
.recipe-details-main-image {
  background-color: #e0e0e0;
  width: 400px;
  height: 320px;
  object-fit: contain;
}

/*# sourceMappingURL=global.css.map */
