/*
You can add your own CSS here.

Click the help icon above to learn more.
*/
/* Tasty Recipes simple recipe card styles */

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

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

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

.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 */
}

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

.prep-time, .total-time, .cook-time {
	display: inline-block;
	width: 20%;
	margin: 0.8em 0;
	vertical-align: top;
}

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

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

.tasty-recipes-nutrition {
	padding: 0.5em;
	border-top: .15em solid #ededed;

}

.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%;
}

.tasty-recipe-ingredients h3, 
.tasty-recipes-ingredients h3,
.tasty-recipe-instructions h3, 
.tasty-recipes-instructions h3, 
.tasty-recipes-notes h3 {
	font-weight: 200;
	margin-top: 0.6em;
	margin-bottom: 1.2em;
	text-transform: lowercase;
}

.tasty-recipe-ingredients h4, 
.tasty-recipes-ingredients h4,
.tasty-recipe-instructions h4, 
.tasty-recipes-instructions h4 {
	font-size: 1.2em;
	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-description p {
	font-size: .8em;
	font-style: italic;
}

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

.tasty-recipes-notes h3 {
	font-size: 1.2em;
}

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

@media only screen and (min-width: 1024px) {
    body .site-inner .content {
        width: 728px;
    }
}