@import url(//fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic,700);
@import url(//fonts.googleapis.com/css?family=Questrial);

.mpp-recipe-author {
	float:right;
	font-size:inherit !important;
	margin-top:inherit !important;
}
#mpprecipe-yield {
	margin-top:inherit !important;
}



#mpprecipe-container p {
  line-height: 1.2em;
  margin: 0.5em 0;
}
#mpprecipe-container ul {
  margin: 0.5em;
  padding: 0 0 0 2.4em;
}
#mpprecipe-container ol {
  list-style-type: decimal;
  margin: 0.5em 0;
  padding: 0 0 0 3em;
}
/* END BASE */

#mpprecipe-container .heading-four, #mpprecipe-container .h-4 { font-size: 1.25em;		font-family: 'Libre Baskerville', serif !important;
 }

#mpprecipe-container #mpprecipe-title { padding-bottom: 0.5em;      text-transform: uppercase;}


/*

DESIGN 2

*/

.bottombar {

	background:#f5f5f5;
  padding: 10px !important;
  padding-top: 0 !important;
	}
#mpprecipe-ingredients-list li, #mpprecipe-instructions-list li {
    margin-bottom: 0.4em;
}
div#mpp-buttons {
    float: none !important;
    text-align: center;
    padding: 10px 0px 10px 0px;
}


.mpprecipe {
	color:#444;
	font-family: 'Lato', sans-serif;
	font-weight:300 !important;
	font-size:14px !important;
	word-wrap: initial;
}
#mpprecipe-serving-size {
    font-family:'Lato' !important;
}
.mpprecipe div, .mpprecipe p {
	box-sizing: border-box !important;
}
content-box
#mpprecipe-yield {
	font-size:18px !important;
	color:#888888;
	text-transform:uppercase;
	letter-spacing:4px;
	font-weight:300 !important;
}
#mpprecipe-title {
	font-size:27px !important;
	letter-spacing:1px;
	color:#222222;
	font-weight:300 !important;
			font-family: 'Libre Baskerville', serif !important;

}
#mpprecipe-summary {
	font-size:17px !important;
	color:#222222;
	font-style:italic !important;
	font-weight:100 !important;
		font-family: 'Libre Baskerville', serif !important;

}
#mpprecipe-container #mpprecipe-summary .summary {
    margin: 20px 0;
    margin-bottom: 0;
}
#mpprecipe-prep-time, #mpprecipe-cook-time, #mpprecipe-total-time {
	color:#222222;
	font-weight:400 !important;
	font-size:15px !important;

}
#mpprecipe-prep-time span, #mpprecipe-cook-time span, #mpprecipe-total-time span {
	display:block;
	font-weight:300;
	color:#222222;
	font-size:20px !important;
	line-height: 1.1em;
	padding-bottom:8px;
	font-family: 'Libre Baskerville', serif !important;
}
.mpprecipe .h-4 {
	color:#222222;
	font-size:20px !important;
	font-weight:400 !important;

}
.butn-link
{
	width:  150px;
	height: 40px;
	background-color:#fff;
	cursor: pointer;
	color:#222222;
	border:solid #222222 3px !important;
	border-radius:3px;
	text-align:center;
	line-height:35px !important;
	vertical-align:middle !important;
	font-size:14px !important;
	font-weight:700 !important;
	margin-top:3px !important;
    margin-left: 4px !important;

}
.save-button img {
	line-height:40px !important;
	vertical-align:middle !important;
}
.butn-link:hover
{
	background-color:#f1f1f1;
	color:#555555;
	border:solid #555555 3px !important;
}

.save-button
{
	width:  150px;
	height: 40px;
	background-color:#222222;
	cursor: pointer;
	color:#fff;
	border-radius:3px;
	text-align:center;
	line-height:40px !important;
	vertical-align:middle !important;
	font-size:14px !important;
	font-weight:700 !important;
	margin-top:3px !important;

}
.save-button:hover
{
	background-color:#555555;
}

#mpprecipe-yield {
	text-transform:uppercase;
	margin:20px 0;
	font-family: Lato, sans-serif;
	font-weight:700 !important;
}

.mpp-top {
	overflow: hidden;
    position: relative;
    width: 100%;
}

.mpp-topright {
	width:40%;
	float:right;

}
.mpp-topleft {
	float:left;
	width:60%;
	padding:0 !important;
	padding-right:30px  !important;
}
.mpp-topleft .fl-l {
    width: 100%;
}
.mpp-toprightimage {
    width: 100%;
    padding-top:  100% !important;
    background-position: center;
    margin: 0 auto !important;
}


#mpprecipe-container ul {
    margin: 1em;
    padding: 0 0 0 0em;
}
#mpprecipe-cook-time {
	border-left:solid #cccccc 1px !important;
	border-right:solid #cccccc 1px !important;

}
#mpprecipe-prep-time, #mpprecipe-cook-time, #mpprecipe-total-time {
	float:left;
	width:33%;
	padding:10px !important;
}

.specialhr {
    height: 2px;
    background-color: #222222;
    max-width: 170px;
}

#mpp-buttons div {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
/* START BUTTON CHANGES */
#mpp-buttons-2 {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    max-width:700px;
 }
#mpp-buttons-2 a {
	color:white !important;
	margin: 3px !important;
}
#mpp-buttons-2 a:hover {
	text-decoration:none !important;
}
.myrecipe-button, .mycal-button, .mylist-button
{
	width: calc(33.3% - 20px);
      height: 40px;
      background-color:#222222;
      cursor: pointer;
      color:#fff;
      border-radius:3px;
      text-align:center;
      line-height:40px !important;
      vertical-align:middle !important;
      font-size:12px !important;
      font-weight:400 !important;
      margin-top:3px !important;
}
.mpp-rmvd {display:none !important}
.myrecipe-button:hover
{
      background-color:#555555;
}

.mylist-button:hover
{
      background-color:#555555;
}

.mycal-button:hover
{
      background-color:#555555;
}


.myrecipe-button, .mylist-button, .mycal-button {

}



/* .mycal-button, .mylist-button, .myrecipe-button{width:  100%;} */
/* END BUTTON CHANGES */

.mpp-recipe-author {
    padding-bottom: 20px !important;
    display: block !important;
    color: #616161 !important;
    font-style: italic !important;
}

@media screen and (max-width: 1300px) {
	*/

		.mpprecipe {
			font-size:15px !important;

		}
		#mpprecipe-yield {
			font-size:14px !important;
		}
		#mpprecipe-title {
			font-size:17px !important;
		}
		#mpprecipe-summary {
			font-size:16px !important;


		}

		#mpprecipe-prep-time span, #mpprecipe-cook-time span, #mpprecipe-total-time span {
			font-size:18px !important;
		}
		.mpprecipe .h-4 {
			font-size:20px !important;

		}
		.butn-link
		{

			font-size:12px !important;

		}


		.save-button
		{

			font-size:12px !important;

		}

}
@media screen and (max-width: 1050px) {
	*/

		.mpprecipe {
			font-size:14px !important;

		}
		#mpprecipe-yield {
			font-size:14px !important;
		}
		#mpprecipe-title {
			font-size:27px !important;
		}
		#mpprecipe-summary {
			font-size:17px !important;


		}
		#mpprecipe-prep-time, #mpprecipe-cook-time, #mpprecipe-total-time {
			font-size:15px !important;

		}
		#mpprecipe-prep-time span, #mpprecipe-cook-time span, #mpprecipe-total-time span {
			font-size:17px !important;
		}
		.mpprecipe .h-4 {
			font-size:18px !important;

		}
		.butn-link
		{

			font-size:13px !important;

		}


		.save-button
		{

			font-size:13px !important;

		}

}
@media screen and (max-width: 862px) {
	.mpp-topleft {
		clear:both;
		float: none;
		width: 100%;
		padding-right: 0px !important;
	}
	.mpp-topright {
		width: 100%;
		position: initial;
		padding-top: 30px !important;

	}
}
@media screen and (max-width: 480px) {

	#mpprecipe-prep-time, #mpprecipe-cook-time, #mpprecipe-total-time {
		width:100%;
		margin: 0 !important;
    	text-align: center !important;
	}
	#mpprecipe-cook-time {
		border-left:solid #cccccc 0px !important;
		border-right:solid #cccccc 0px !important;
	}
	#mpprecipe-summary {
		padding-bottom:40px;
	}
	div#mpp-buttons {
		margin-top: 10px !important;
		clear: both !important;
		float:none !important;
		padding-top:40px !important;
	}
	.mpp-button {
		display: block !important;
		margin: 0 auto !important;
		float: none !important;
	}
}




/*
mealplanner pro plugin
------------------------------------------------------------------------------------------------------- */
#mpprecipe-title {
color: #91A4BB;
	font-family: 'Questrial', sans-serif !important;
}

#mpprecipe-container .heading-four, #mpprecipe-container .h-4, #mpprecipe-container #mpprecipe-summary .summary {
	font-family: 'Helvetica', sans-serif !important;
}

.specialhr {
max-width:none;
background-color:#49525e;
}

.bottombar {
background:#e3e8ee;
}

.save-button {
    background-color:#49525E;
font-family: "Questrial",sans-serif;
}

.save-button:hover {
    background-color:#e66f00;
font-family: "Questrial",sans-serif;
}

.butn-link {
color: #49525E;
    border: solid #49525E 3px !important;
}

.butn-link:hover {
color: #e66f00;
    border: solid #e66f00 3px !important;
}