:root {
    --colorNeutralBackground1: #f9f7f4;
    --colorNeutralBackground1: #ffffff;
    --colorBrandForeground1: #cc0000;
    --colorBrandBannerSelected: var(--colorBrandForeground1);
    --colorBrandHeading1: #000000;
    --colorBrandHeading2: #cc0000;
}

.description {
    color: #666666;
}

dl.recipeMetadata dt, dl.recipeMetadata dd, .recipeMetadata .Item {
    display: inline-block;
}

dl.recipeMetadata dt, .recipeMetadata .Label {
    color: #666666;
    text-transform: lowercase;
    font-weight: normal;
    font-family: "Segoe UI", "Segoe", Tahoma, Geneva, Verdana, sans-serif;
}

dl.recipeMetadata dt:after, .recipeMetadata .Label:after {
    content: ": ";
}

dl.recipeMetadata dd, .recipeMetadata .Value {
    font-weight: 500;
    margin-right: 1rem;
}

.Page_recipes ul.nav li {
    padding-bottom: 0.7em;
}

h3 {
    -webkit-column-span: all;
    column-span: all;
}

/* Images */

.recipeImages {
    float: right;
    max-width: 240px;
    margin-left: 8px;
}

.recipeImages img {
    min-width: 100px;
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
    border-radius: var(--radiusL);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    -ms-interpolation-mode: bicubic;
    interpolation-mode: bicubic;
}

img {
    -ms-interpolation-mode: bicubic;
    interpolation-mode: bicubic;
}

@media screen and (min-width: 1024px) {
    .recipeImages {
        float: right;
        max-width: 240px;
    }

    .recipeImages img {
        min-width: 100px;
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 640px) {
    .recipeImages {
        float: none;
        max-width: none;
        text-align: left;
        margin-left: 0px;
    }

    .recipeImages img {
        min-width: 0px;
        width: auto;
        height: 120px;
        margin-right: 16px;
    }
}

@media screen and (min-width: 640px) {
	/*.Page_recipes {
		background-image: url(../images/backgrounds/recipes.png);
		background-attachment: fixed;
		background-position: right bottom;
		background-repeat: no-repeat;
	}*/

	.recipePage {
		background-color: #ccc0bb;
		background-attachment: fixed;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}

		.recipePage #mainContent {
			background-color: rgba(255, 255, 255, .85);
			padding-bottom: 1.5rem;
		}

	#copyright {
		color: #333333;
	}
}

/* Experiment: Recipe Category Page */

.recipe-category-page ul {
    margin-left: 0px;
    padding-left: 0px;
}

.recipe-category-page li {
    list-style-type: none;
    min-height: 50px;
    max-width: 360px;
    clear: both;
    margin-left: 0px;
    padding-left: 0px;
    border-bottom: 1px solid #eeeeee;
}

.recipe-category-page li a {
    font-size: 1.1em;
    color: #777777;
    font-weight: bold;
    text-decoration: none;
}

.recipe-category-page li a:hover {
    color: #333333;
}

.recipe-category-page li img {
    float: right;
    margin-left: 10px;
    height: 52px;
    width: 52px;
    border-radius: var(--radiusL);
    border-color: #777777;
    border-width: 1px;
    border-style: solid;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
}

/* Tags */

.tag {
    height: 14px
}