/* Styling for table in time/temp chart */

.TimeTempTable {
	border: 1px #ccc solid;
	padding: 5px;
	width: 99%;
	margin-bottom: 10px;
}

.TimeTempTh {
	padding: 3px;
	background-color: #ccc;
	text-align: left;
}

.TimeTempNotes {
	text-align: left;
	background-color: #eee;
	padding: 3px;
}

/* Colored boxes for testomonies in large recipe ad */

.tan-box {
	border: 1px solid #444444;
	border-radius: 4px;
	background-color: #fffadd;
	padding: 10px 10px 10px 10px;
	margin: 15px 0;
}

/* Orange headers for recipe steps */

#PrettyHeader {
	font-size: 22px;
	margin: 0 0 10px;
	clear: both;
	color: #fa8500;
}


/* Below is the old PrettyHeader that had a grey background with black text */

/* #PrettyHeader {
	border-top-style: double;
	border-top-width: 1px;
	border-top-color: #c0c0c0;
	border-bottom-style: double;
	border-bottom-width: 1px;
	border-bottom-color: #c0c0c0;
	background-color: #f0f0f0;
	padding: 5px;
	margin: 0 0 10px;
	clear: both;
} */

/* Tasty Recipes Modern Compact recipe card styles */

.tasty-recipes-display {
	border: 1px solid #ededed;
	padding: 20px;
	margin-bottom: 1em;
}

.tasty-recipes-display::after,
.tasty-recipes-source-link::before {
	content: " ";
	display: block;
	clear: both;
}

.tasty-recipes-display h2 {
	font-weight: 400;
}

.tasty-recipes-rating p {
    display: inline-block;
    font-style: italic;
    font-size: 0.8em;
    margin-right: 0.3em;
}

.tasty-recipes-description p {
	font-size: 0.8em;
	font-style: italic;
}

.tasty-recipes-details {
	font-size: 0.8em;
}

.tasty-recipes-details ul {
	padding-left: 0;
}

.tasty-recipes-details ul li {
	list-style-type: none;
	margin-left: 0;
}

.tasty-recipes-label {
	color: #797B7C; /* change to whatever color you want the recipe detail labels (author, prep time) and nutrition labels (calories, serving size) to be */
}

.prep-time, .total-time, .cook-time {
	display: inline-block;
	margin-right: 1em !important;
	vertical-align: top;
}

.tasty-recipes-print-button {
    margin-top: 0.4em;
    margin-right: 0.4em;
    padding: 0.4em 1em !important;
    float: right;
    font-size: .8em;
    font-weight: 800;
	background-color: #797B7C !important; /* change color for print button here, but leave !important */
	border: none !important;
}

.tasty-recipes-image {
	border-left: 1em solid rgba(0,0,0,0);
}

.tasty-recipe-ingredients,
.tasty-recipe-instructions {
	width: 100%;
	float: none;
}

.tasty-recipe-ingredients h3, 
.tasty-recipes-ingredients h3,
.tasty-recipe-instructions h3, 
.tasty-recipes-instructions h3, 
.tasty-recipes-notes h3,
.tasty-recipes-nutrition h3 {
	font-weight: 400;
	margin-top: 0.6em;
	/* text-transform: lowercase;  remove this line to keep it from forcing headers to be lowercase */
}

 .tasty-recipe-ingredients > :nth-child(2),
 .tasty-recipes-ingredients > :nth-child(2),
 .tasty-recipe-instructions > :nth-child(2),
 .tasty-recipes-instructions > :nth-child(2) {
 	padding-top: 1em;
 }

 .tasty-recipe-ingredients ol, 
 .tasty-recipe-ingredients ul, 
 .tasty-recipe-ingredients p,  
 .tasty-recipe-ingredients h4 {
    padding-right: 1em;
    padding-left: 0;
}

/* Creates full-width solid band across instructions & ingredients */

.tasty-recipe-ingredients h3,
.tasty-recipe-instructions h3 {
    background: #ededed;
    padding: 1em;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 0;
}

.tasty-recipe-ingredients h4, 
.tasty-recipes-ingredients h4,
.tasty-recipe-instructions h4, 
.tasty-recipes-instructions h4 {
	font-size: 1.1em;
	font-weight: 700;
	/* text-transform: lowercase;
	 color: #797B7C;  change to whatever color you want your section headers to be; remove this line to make it the same as your other text */
	
}

.tasty-recipes-notes {
	padding: 0.5em;
	clear: both;
    border-top: 1px solid #ededed;
}

.tasty-recipes-notes h3 {
	font-size: 1.1em;
	text-align: center;
}

.tasty-recipes-notes p,
.tasty-recipes-notes ul {
	font-size: 0.8em;
}

.tasty-recipes-nutrition {
	padding: 0.5em;
	border-top: 1px solid #ededed;
	clear: both;
}

.tasty-recipes-nutrition h3 {
	font-size: 1em;
    text-align: center;
    margin-top: 1em;
}

.tasty-recipes-nutrition ul {
	text-align: center;
}

.tasty-recipes-nutrition ul li {
	list-style-type: none;
	font-size: 0.8em;
	margin-left: 0;
	width: 30%;
}

body.tasty-recipes-print-view {
	background-image: none;
	background: #fff;
}

body.tasty-recipes-print-view .tasty-recipes-print-button {
	float: none;
}

@media (min-width:500px) {

	.tasty-recipe-ingredients {
		clear: both;
		width: 30%;
		float: left;
	}

	.tasty-recipe-instructions {
	    width: 70%;
	    float: right;
	 }

	.tasty-recipe-ingredients h3 {
	    margin-left: -20px;
	    margin-right: -1em;
	}

	.tasty-recipe-ingredients ul,
	.tasty-recipe-ingredients ol,
	.tasty-recipe-ingredients p,
	.tasty-recipe-ingredients h4 {
		margin-left: 0;
	}

	.tasty-recipe-instructions h3 {
	    margin-right: -20px;
	    margin-left: 0;
	    border-left: 1px solid #fff;
	}

	 .tasty-recipe-instructions ol, 
	 .tasty-recipe-instructions ul, 
	 .tasty-recipe-instructions p,  
	 .tasty-recipe-instructions h4 {
	    border-left: 1px solid #ededed;
	    padding-left: 2em;
	    margin-top: 0;
	    margin-bottom: 0;
	    margin-left: 0;
	    padding-bottom: 1em;
	}
}

.printfriendly {
	padding: 5px;
}

.bold-font {
	font-weight:600;
}

.regular-font {
	font-weight:normal;
}