/* Recipe card */
.recipe-row
{
  display: flex ;
  flex-direction: row;
  justify-content: space-evenly;
  gap: 0 30px;
}

.recipe-row:not(.recipe-meta) .col {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  width: 100%;
}

.recipe-card-times .col { text-align: center;}
.recipe-card-times span
{
  margin: 10px auto;
}
.recipe-card-times strong
{
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px;
}
.btn-primary
{
  color: #fff;
  background-color: #32373c;
  border-radius: 9999px;
  box-shadow: none;
  text-decoration: none;
  padding: 7px 23px;
  font-size: 1.125em;
  border-radius: 5px;
  letter-spacing: 1px;
  font-family: 'Bebas Neue', sans-serif;
  text-align: center;
}
.recipe-card-buttons .btn-primary
{
  width: 100%;
}

.recipe-card-buttons i
{
  margin-right: 10px;
}

.recipe-ingredient-group,
.recipe-instructions-group
{
  list-style-type: none;
  padding-left: 0;
}

.recipe-ingredient-group li,
.recipe-instructions-group li {
  display: flex;
  flex-direction: row;
  column-gap: 15px;
  padding: 0;
  cursor: pointer;
  line-height: 30px;
  align-items: center;
}

.recipe-instructions-group li
{
  column-gap: 30px;
  align-items: flex-start;
  margin-bottom: 30px;

}

.recipe-instructions-group li span
{
  min-width: 40px;
  height: 40px;
  border: 1px solid white;
  border-radius: 50%;
  display: inline-block;
  /* background-color: white; */
  text-align: center;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  padding: 4px;
}

.recipe-instructions-group li.complete .instruction-content *
{
  text-decoration: line-through;
}
.recipe-page-header-title
{
  margin-top: 1.25rem;
  font-size: 4rem;
  line-height: 1.1;
  margin-bottom: 0;
}
/* end Recipe card */

/* Small Recipe block */
.recipe-image { width:100%;}
.recipe-image img { aspect-ratio:1;object-fit:cover;}
.recipe-headline {
  display: flex;
  flex-direction: row;
  column-gap: 30px;
}
.headline-content
{
  align-self: center;
  width: 100%;
}
.align-image-right .recipe-headline
{
  justify-content: space-between;
}
.align-image-right .recipe-headline .recipe-image {
  order: 99;
}
.align-image-center .recipe-headline
{
  flex-direction: column;
  row-gap: 20px;
  flex-wrap: nowrap;
  align-items: center;
}

.align-image-center .headline-content
{
  width: 100%;
  text-align: center;
}
.align-image-center .cs-entry__post-meta
{
  display: block;
}

.align-image-center .cs-entry__post-meta .cs-meta-category .post-categories { margin-left:auto; margin-right: auto;}
.align-image-center .recipe-row.recipe-meta { justify-content: center;}
.headline-content .recipe-card-times.recipe-row {   margin: 0;}
.recipe-short-card .recipe-row { justify-content: flex-start;}
.recipe-short-card .recipe-card-times span {
  font-size: 12px;
  text-transform: uppercase;
  margin-left: 5px;
}
.recipe-read-more { text-align: right; margin-top: 20px;}
.align-image-center .recipe-read-more { text-align: unset;}
.icon-button
{
  border:1px solid #fff;
  padding: 10px;
  border-radius: 5px;
}

.recipe-short-card.border {
  border: 1px solid white;
  padding: 30px;
}