:root {
    --theme-color: #ff5733;
    --theme-color2: var(--dark);
}

.recipe-step-edit {
    border-radius: 5px;
    border: solid 1px white;
    margin: 1rem;
    padding: 1rem;
}

.recipe-step-edit:hover {
    border-color: var(--theme-color);
    border: solid 1px var(--theme-color);
}

.recipe-step-edit-selected {
  border-radius: 5px;
  border: solid 1px var(--dark);
  margin: 1rem;
  padding: 1rem;
}

.recipe-step-edit-selected:hover {
  border: solid 1px var(--theme-color);
}

.recipe-step-edit-disabled {
  border-radius: 5px;
  border: solid 1px var(--gray);
  margin: 1rem;
  padding: 1rem;
}

.recipe-step-edit-disabled:hover {
  border-color: var(--theme-color);
  border: solid 1px var(--theme-color);
}

.card-columns-2.card-columns {
  column-count: 2;
}

.card-columns-3.card-columns {
  column-count: 3;
}

.card-columns-4.card-columns {
  column-count: 4;
}

.card-columns-5.card-columns {
  column-count: 5;
}

#recipe-search-result.card-columns {
    column-count: 4;
}

#ingredient-search-result.card-columns {
  column-count: 5;
}

#tool-search-result.card-columns {
  column-count: 5;
}

#tag-search-result.card-columns {
  column-count: 5;
}

#dish-search-result.card-columns {
  column-count: 5;
}

.recipe-card.card-img-top {
    width: 100%;
    height: 15vw;
    object-fit: cover;
}

.recipe-card.card:hover {
    border-color: var(--theme-color) !important;
    border-width: 1px;
}

.recipe-card.card-title {
    color: var(--gray-dark);
}

.recipe-card.card-text {
    color: var(--gray);
}

.recipe-step-control {
  display: none;
}
    
.recipe-step-edit:hover .recipe-step-control {
  display: flex;
}

.hover-outline img {
  border: 1px solid white;
}

.hover-outline img:hover {
  border: 1px solid #e3e3e3;
}
   
.tag > .btn, .tag {
  padding: .2rem .4rem;
  font-size: .675rem;
  font-weight: bold;
  border-radius: .2rem;
}

.recipe-ingredient-edit:hover .recipe-ingredient-control {
  display: block;
}

.recipe-ingredient-control {
  display: none;
}

.recipe-tool-edit:hover .recipe-tool-control {
  display: block;
}

.recipe-tool-control {
  display: none;
}

.bookmark-button {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1000;
  margin: 0px 0px 0px 0px;
}