@import '_content/BestRecipes.Framework/BestRecipes.Framework.1ybbmlc1fh.bundle.scp.css';
@import '_content/DataMine.Framework/DataMine.Framework.akzr6kftkp.bundle.scp.css';

/* _content/BestRecipes.WebApp/Components/RecipeCard.razor.rz.scp.css */
.recipe-card[b-xyiuqm5ykp] {
    box-sizing: border-box;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 12px;
}

    .recipe-card img[b-xyiuqm5ykp] {
        width: 100%;
    }

.recipe-card-body[b-xyiuqm5ykp] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 0px 8px 0px 8px;
}

.recipe-card-name[b-xyiuqm5ykp] {
    margin: 1rem 0 1rem 0;
}

.recipe-card-source[b-xyiuqm5ykp] {
    margin-top: 0;
}

.recipe-card[b-xyiuqm5ykp]  .star-rating {
    margin-top: auto;
    justify-content: flex-end;
}

/* _content/BestRecipes.WebApp/Components/StarRating.razor.rz.scp.css */
.star-rating[b-xayikrlt74] {
    --percent: calc(var(--star-rating) / 5 * 100%);
    font-size: 1.5em;
    display: inline-block;
}

    .star-rating .stars[b-xayikrlt74] {
        position: relative;
        display: inline-block;
    }

        .star-rating .stars[b-xayikrlt74]::before {
            position: absolute;
            content: "☆☆☆☆☆";
            color: #666666;
        }

        .star-rating .stars[b-xayikrlt74]::after {
            position: absolute;
            top: 0;
            left: 0;
            content: "★★★★★";
            color: #feac25;
            width: var(--percent);
            overflow: hidden;
        }

    .star-rating .rating[b-xayikrlt74] {
        font-size: 1ex;
        color: #605E5C
    }

    .star-rating input[b-xayikrlt74] {
        display: none;
    }

    .star-rating label[b-xayikrlt74] {
        float: right;
    }

        .star-rating label[b-xayikrlt74]:before {
            content: "☆";
            color: #666666;
            cursor: pointer;
        }

    .star-rating input:checked ~ label[b-xayikrlt74]:before,
    .star-rating:not(:checked) > label:hover[b-xayikrlt74]:before,
    .star-rating:not(:checked) > label:hover ~ label[b-xayikrlt74]:before {
        content: "★";
        color: #feac25;
    }
/* _content/BestRecipes.WebApp/Identity/Manage/Profile/Profile.razor.rz.scp.css */
fieldset[b-u547bw2l3n] {
  margin-bottom: 10px;
}

.btn[b-u547bw2l3n] {
  background-color: rgba(0, 0, 0, 0.2);
  color: white;
}
/* _content/BestRecipes.WebApp/Layout/AppLayout.razor.rz.scp.css */
.app-body[b-y12tkix4r7] {
  min-height: 100vh;
}

.app-foot[b-y12tkix4r7] {
  background: #435869;
  font-family: "Playfair Display", serif;
  color: white;
}
/* _content/BestRecipes.WebApp/Layout/AppLayoutFoot.razor.rz.scp.css */
.app-layout-foot[b-rb3lc8dwyo] {
  text-align: center;
  padding: 30px;
  background: #435869;
}

.brand-company[b-rb3lc8dwyo] {
  font-family: "Playfair Display", serif;
  color: white;
}

.brand-logo[b-rb3lc8dwyo] {
  margin-bottom: 5px;
}

.logo-img[b-rb3lc8dwyo] {
  height: 30px;
}

.brand-copyright[b-rb3lc8dwyo] {
  font-family: Arial;
  font-size: 0.8em;
}

.datamine-link[b-rb3lc8dwyo] {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.4);
}
/* _content/BestRecipes.WebApp/Layout/BlazorError.razor.rz.scp.css */
#blazor-error-ui[b-jbreg2768y] {
  color-scheme: light only;
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

#blazor-error-ui .dismiss[b-jbreg2768y] {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}
/* _content/BestRecipes.WebApp/Pages/Home/Index.razor.rz.scp.css */
.logo-img[b-h01mxs6rrv] {
  width: 200px;
}

.page-banner[b-h01mxs6rrv] {
  padding: 20px;
}

.page-content[b-h01mxs6rrv] {
  padding: 20px;
  text-align: center;
}

.nav[b-h01mxs6rrv] {
  list-style: none;
  padding: 20px;
  justify-content: center;
}

.card[b-h01mxs6rrv] {
  background-color: #e6fffa;
}
.card .label[b-h01mxs6rrv] {
  font-size: 2em;
}
.card .count[b-h01mxs6rrv] {
  font-size: 2em;
  font-weight: bold;
}

.nav-link[b-h01mxs6rrv] {
  text-decoration: none;
}
/* _content/BestRecipes.WebApp/Pages/Recipes/Detail/Detail.razor.rz.scp.css */
.page[b-1hjf6ktk6k] {
  padding: 20px;
  display: flex;
  justify-content: center;
  text-align: center;
}

.page-content[b-1hjf6ktk6k] {
  padding: 10px;
  margin: 0 auto;
  max-width: 1000px;
}

.recipe-detail[b-1hjf6ktk6k] {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}

.back-link[b-1hjf6ktk6k] {
  display: block;
  font-family: "Playfair Display", serif;
  text-transform: uppercase;
  color: #435869;
  text-decoration: none;
  margin-bottom: 10px;
}

section[b-1hjf6ktk6k] {
  padding: 20px;
}
/* _content/BestRecipes.WebApp/Pages/Recipes/Detail/_Components/Banner.razor.rz.scp.css */
.banner[b-wqx0lqqz23] {
  text-align: center;
  margin-bottom: 10px;
}

.banner-img[b-wqx0lqqz23] {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1800px;
  border-radius: 10px;
  margin-bottom: 10px;
}

.recipe-header[b-wqx0lqqz23] {
  padding: 5px 10px;
  background-color: #f0f2f5;
  text-transform: uppercase;
}

input[type=checkbox][b-wqx0lqqz23] {
  vertical-align: middle;
}

.recipe > .star-rating-avg[b-wqx0lqqz23] {
  text-align: center;
  margin: 5px auto;
}

.tag[b-wqx0lqqz23] {
  color: inherit;
  font-size: 0.8em;
  text-decoration: none;
  background-color: #eaeaea;
  text-transform: uppercase;
  padding: 0 4px;
}
/* _content/BestRecipes.WebApp/Pages/Recipes/Detail/_Components/EditReview.razor.rz.scp.css */
.reviews[b-jcabw3fanq]  textarea {
  display: block;
  padding: 6px 8px;
  margin-bottom: 5px;
  width: 100%;
  border: 1px solid #605E5C;
  border-radius: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 0.8em;
  color: #605E5C;
  box-sizing: border-box;
}

.reviews[b-jcabw3fanq]  .rating {
  display: none;
}

.review-form[b-jcabw3fanq] {
  margin-bottom: 10px;
}

button[b-jcabw3fanq] {
  padding: 6px 25px;
  font-family: Playfair Display;
  color: white;
  background-color: #435869;
  border-radius: 2px;
  border: 0;
}

button:hover[b-jcabw3fanq] {
  background-color: #334452;
}

button:active[b-jcabw3fanq] {
  background-color: #26343f;
}

[b-jcabw3fanq] input.invalid, [b-jcabw3fanq] textarea.invalid, [b-jcabw3fanq] div.invalid {
  border: 1px solid red;
}

[b-jcabw3fanq] .validation-errors {
  color: red;
  font-size: 0.8em;
}
/* _content/BestRecipes.WebApp/Pages/Recipes/Detail/_Components/Ingredients.razor.rz.scp.css */
.ingredients[b-ybtukqdmtt] {
  margin: 0 auto;
}

.center[b-ybtukqdmtt] {
  display: flex;
  justify-content: center;
}

.list[b-ybtukqdmtt] {
  text-align: left;
}

li[b-ybtukqdmtt] {
  display: flex;
  align-items: center;
  gap: 10px;
}
/* _content/BestRecipes.WebApp/Pages/Recipes/Detail/_Components/Instructions.razor.rz.scp.css */
.banner[b-hxktwyx5rz] {
  text-align: center;
}

.back-link[b-hxktwyx5rz] {
  font-family: "Playfair Display", serif;
  text-transform: uppercase;
  color: #435869;
  text-decoration: none;
}

.source-and-servings[b-hxktwyx5rz] {
  text-align: center;
  text-transform: uppercase;
  color: #212A31;
  text-align: center;
  margin: 5px 0;
}

input[type=checkbox][b-hxktwyx5rz] {
  vertical-align: middle;
}

.recipe > .star-rating-avg[b-hxktwyx5rz] {
  text-align: center;
  margin: 5px auto;
}

.recipe-banner[b-hxktwyx5rz] {
  display: block;
  width: 125%;
  margin: 0 -12.5%;
}

.recipe-banner img[b-hxktwyx5rz] {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1800px;
}

.recipe-details[b-hxktwyx5rz] {
  padding: 0 5%;
}

.recipe-details ul[b-hxktwyx5rz] {
  list-style: none;
  padding: 0;
}

.tag[b-hxktwyx5rz] {
  color: inherit;
  font-size: 0.8em;
  text-decoration: none;
  background-color: #eaeaea;
  text-transform: uppercase;
  padding: 0 4px;
}

.nav[b-hxktwyx5rz] {
  gap: 5px;
}

.list[b-hxktwyx5rz] {
  border: 1px solid red;
  text-align: left;
}
/* _content/BestRecipes.WebApp/Pages/Recipes/Detail/_Components/RecipeHeader.razor.rz.scp.css */
.banner[b-f0uid7nfw1] {
  text-align: center;
}

.banner-img[b-f0uid7nfw1] {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1800px;
  border-radius: 10px;
  margin-bottom: 10px;
}

.recipe-header[b-f0uid7nfw1] {
  padding: 5px 10px;
  background-color: #f0f2f5;
  text-transform: uppercase;
}

input[type=checkbox][b-f0uid7nfw1] {
  vertical-align: middle;
}

.recipe > .star-rating-avg[b-f0uid7nfw1] {
  text-align: center;
  margin: 5px auto;
}

.tag[b-f0uid7nfw1] {
  color: inherit;
  font-size: 0.8em;
  text-decoration: none;
  background-color: #eaeaea;
  text-transform: uppercase;
  padding: 0 4px;
}
/* _content/BestRecipes.WebApp/Pages/Recipes/Detail/_Components/Reviews.razor.rz.scp.css */
.panel-head[b-xxxuoa1l49] {
  background-color: #f0f2f5;
}

.panel-title[b-xxxuoa1l49] {
  padding: 0 10px;
}

.nav[b-xxxuoa1l49] {
  align-items: center;
  justify-content: center;
}
/* _content/BestRecipes.WebApp/Pages/Recipes/Detail/_Components/Tags.razor.rz.scp.css */
.recipe-tags[b-snbe8ba0va] {
  padding: 10px;
}

.nav[b-snbe8ba0va] {
  gap: 10px;
  justify-content: center;
}

.tag[b-snbe8ba0va] {
  color: inherit;
  font-size: 0.8em;
  text-decoration: none;
  background-color: #eaeaea;
  text-transform: uppercase;
  padding: 2px 10px;
  border-radius: 10px;
}
/* _content/BestRecipes.WebApp/Pages/Recipes/Edit/Edit.razor.rz.scp.css */
.page[b-acz7erfygf] {
  padding: 20px;
  display: flex;
  justify-content: center;
  text-align: center;
}

.page-content[b-acz7erfygf] {
  padding: 10px;
  margin: 0 auto;
  max-width: 1000px;
}

.recipe-detail[b-acz7erfygf] {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}

.back-link[b-acz7erfygf] {
  display: block;
  font-family: "Playfair Display", serif;
  text-transform: uppercase;
  color: #435869;
  text-decoration: none;
  margin-bottom: 10px;
}

section[b-acz7erfygf] {
  padding: 20px;
}
/* _content/BestRecipes.WebApp/Pages/Recipes/Index.razor.rz.scp.css */
.page[b-5be9vr9lok] {
  text-align: center;
}

.logo-img[b-5be9vr9lok] {
  width: 200px;
  padding: 20px;
}

.recipe-list[b-5be9vr9lok] {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));
  grid-gap: 20px;
  padding: 0;
}

.recipe-list-item[b-5be9vr9lok] {
  border-radius: 8px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}

.recipe-list-item a[b-5be9vr9lok] {
  text-decoration: none;
  color: inherit;
}

.recipe-list-item:hover[b-5be9vr9lok] {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}
/* _content/BestRecipes.WebApp/Pages/Recipes/_Components/SearchBox.razor.rz.scp.css */
.search[b-nxd2wolcgp] {
    display: flex;
    align-items: center;
    max-width: 30em;
    margin: 0 auto;
    background: #F5F5F5;
    opacity: 0.78;
    color: #666666;
    border: 1px solid #999999;
    border-radius: 2px;
    padding: 6px 12px;
}

    .search input[b-nxd2wolcgp] {
        flex: 1;
        font-family: Open Sans;
        font-size: 14px;
        line-height: 20px;
        border: none;
        background: inherit;
    }

        .search input:focus[b-nxd2wolcgp] {
            outline: none;
        }