@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300);

/*

DESIGN 1

*/

#mpprecipe-container #mpprecipe-title, 
#mpprecipe-container .strong,
#mpp-buttons .mpp-button,
#mpp-buttons-2 .mpp-button
 {
		font-family: 'Oswald', serif !important;
}
#mpp-buttons .mpp-button,
#mpp-buttons-2 .mpp-button
 {
		font-weight:100 !important;
}


.mpprecipe {
	color:#444;
	font-family: 'Open Sans', 'Lato', sans-serif;
	font-weight:300 !important;
	font-size:15px !important;
	word-wrap: initial;
}
#mpprecipe-serving-size {
    font-family:'Open Sans', '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:30px !important;
	letter-spacing:1px;
	color:#444444;
	font-weight:300 !important;	
	text-transform:uppercase;
}
#mpprecipe-summary {
	font-size:18px !important;
	color:#444444;
	font-style:none !important;
	font-weight:300 !important;	
	
}
#mpprecipe-prep-time, #mpprecipe-cook-time, #mpprecipe-total-time {
	color:#bbbbbb;
	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:#444444;
	font-size:30px !important;
	padding-bottom:8px;
}
.mpprecipe .h-4 {
	color:#bae3e6;
	font-size:22px !important;
	font-weight:400 !important;	
	
}
.butn-link
{
	width:  140px;
	height: 40px;
	background-color:#fff;
	cursor: pointer;
	color:#bbbbbb;	
	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 img {
	line-height:40px !important;
	vertical-align:middle !important;
}
.butn-link:hover
{
	background-color:#f4f4f4;
}

.save-button
{
	width:  140px;
	height: 40px;
	background-color:#bae3e6;
	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:#9ac3c6;
}
            

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

.mpp-topleft {
	width:40%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.mpp-topright {
	float:right;
	width:60%;
	border:solid #cccccc 1px !important;
	border-left:solid #cccccc 0px !important;
	padding:30px !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;
}
@media screen and (max-width: 1300px) {
	*/

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

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

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

			font-size:14px !important;
	
		}
	

		.save-button
		{

			font-size:14px !important;

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

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

		}
		#mpprecipe-yield {
			font-size:14px !important;
		}
		#mpprecipe-title {
			font-size:32px !important;
		}
		#mpprecipe-summary {
			font-size:18px !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:25px !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-topright {
		clear:both;
		float: none;
		width: 100%;
		border: solid #cccccc 1px !important;
	}
	.mpp-topleft {
		width: 100%;
		height: 300px;
		position: initial;
	}
}
@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;
	}
}




/* START BUTTON CHANGES */

#mpp-buttons-2 a {
    color: #616161 !important;
}
#mpp-buttons-2 a:hover {
	text-decoration:none !important;
}
.myrecipe-button
{
      width: calc(33.3% - 4px);
      height: 40px;
      background-color:#f1f1f2;
      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;
}
.myrecipe-button:hover
{
      background-color:#bae3e6;
}
.mylist-button
{
      width: calc(33.3% - 4px);
      height: 40px;
      background-color:#f1f1f2;
      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;
}
.mylist-button:hover
{
      background-color:#bae3e6;
}
.mycal-button
{
      width: calc(33.3% - 4px);
      height: 40px;
      background-color:#f1f1f2;
      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;
}
.mycal-button:hover
{
      background-color:#bae3e6;
}      
@media screen and (max-width: 530px) {
      .mycal-button, .mylist-button, .myrecipe-button
      {
              width:  100%;
      }
}
/* END BUTTON CHANGES */



.mpp-recipe-author {
    font-size: 13px;
    font-style: italic;
    color: #bae3e6;
}
.recipe-bottomtags {
    text-align:center;
}
.recipe-bottomtags strong {
    font-weight:700 !important;
}
.recipe-bottomtags span {
    color: #bae3e6;
    padding:0 10px !important;
    font-weight:700 !important;
}

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