.mpp-recipe-author {
    margin-top: -4px !important;
}

div#mpp-buttons {
    float: none !important;
}
div#mpp-buttons div {
  margin-right:10px;
  margin-top:15px !important;
}

.mpprecipe {
  color:#444;
  font-family: 'Lato', sans-serif;
  font-weight:300 !important;
  font-size:15px !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:38px !important;
  letter-spacing:1px;
  color:#ca3811;
  font-weight:300 !important;
}
#mpprecipe-summary {
  font-size:30px !important;
  color:#ca3811;
  font-style:italic !important;
  font-weight:300 !important;

}
#mpprecipe-container #mpprecipe-summary .summary {
    margin: 0px 0;
    font-size: 20px;
}
#mpprecipe-prep-time, #mpprecipe-cook-time, #mpprecipe-total-time {
  color:#bbbbbb;
  font-weight:400 !important;
  font-size:19px !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:#ca3811;
  font-size:22px !important;
  font-weight:400 !important;

}
.butn-link
{
  width:  140px;
  height: 40px;
  background-color:#fff;
  cursor: pointer;
  color:#ca3811;
  border:solid #ca3811 3px !important;
  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:#f1f1f1;
  color:#e1441a;
  border:solid #e1441a 3px !important;
}

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

#mpprecipe-yield {
  text-transform:uppercase;
  margin-top:0 !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%;
    height: 250px;
    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;
}



/* START BUTTON CHANGES */
#mpp-buttons-2 {
    padding-bottom: 20px !important;
    }
#mpp-buttons-2 a {
  color:white !important;
}
#mpp-buttons-2 a:hover {
  text-decoration:none !important;
}
.myrecipe-button {
  width:  calc(33.3% - 4px );
  height: 40px;
  background-color:rgb(202, 56, 17);
  cursor: pointer;
  color:#fff;
  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:rgb(225, 68, 26);
}
.mylist-button {
  width:  calc(33.3% - 4px );
  height: 40px;
  background-color:rgb(202, 56, 17);
  cursor: pointer;
  color:#fff;
  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:rgb(225, 68, 26);
}
.mycal-button {
  width:  calc(33.3% - 4px );
  height: 40px;
  background-color:rgb(202, 56, 17);
  cursor: pointer;
  color:#fff;
  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:rgb(225, 68, 26);
}
@media screen and (max-width: 530px) {
      .mycal-button, .mylist-button, .myrecipe-button
      {
              width:  100%;
      }
}
/* END BUTTON CHANGES */

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

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

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

    }
    #mpprecipe-yield {
      font-size:16px !important;
    }
    #mpprecipe-title {
      font-size:40px !important;
    }
    #mpprecipe-summary {
      font-size:30px !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:26px !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-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:20px !important;
  }
  .mpp-button {
    display: block !important;
    margin: 0 auto !important;
    float: none !important;
    margin-top: 5px !important;
    width: 100%;
  }
  div#mpp-buttons div {
    margin-top: 5px !important;
  }
  .mpp-topright {
    padding-top: 30px !important;
  }
}





/* Extra Styles */

.myrecipe-button, .mylist-button, .mycal-button, .save-button, .nut-circle {
  background-color:#4A4A4A !important;
}
.butn-link {
  border-color:#4A4A4A !important;
}
.butn-link, #mpprecipe-summary {
  color:#4A4A4A !important;
}

.myrecipe-button:hover, .mylist-button:hover, .mycal-button:hover, .save-button:hover {
  background-color:#4A4A4A !important;
}
.butn-link:hover {
  color:#4A4A4A !important;
  border-color:#4A4A4A !important;
}
.mpprecipe-container-border a {
  color:#4A4A4A !important;
}

.mpprecipe .h-4, #mpprecipe-title {
  color: #4A4A4A !important;
}
#mpprecipe-container #mpprecipe-title {
    padding-bottom: 10px!important;
    clear: both;
    font-family: 'Oswald', sans-serif;
}
#mpp-buttons div {
    margin-right: 0px!important;
    margin-top: 0px!important;
    text-transform: uppercase;
    font-size: 12px!important;
    font-family: 'Montserrat', sans-serif!important;
    border-color: #4a4a4a!important;
}
.myrecipe-button, .mylist-button, .mycal-button, .save-button, .nut-circle {
    background-color: #4A4A4A !important;
}
.butn-link.mpp-button {
    background: #4a4a4a!important;
    color: #ffffff!important;
    vertical-align: middle;
}
.save-button {
    background: #4a4a4a!important;
    border-radius: 0px!important;
}
.butn-link {
    background: #4a4a4a!important;
    border-radius: 0px!important;
    color: #ffffff!important;
}
#mpprecipe-container .bold, #mpprecipe-container .strong {
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px!important;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom: 1px dotted #414141;
    padding: 5px 0px;
    border-top: 1px dotted #414141;
}

.expand_wrapper .strong {
    text-transform: none !important;
    letter-spacing: 1px !important;
}

#mpprecipe-container #mpprecipe-summary .summary {
    margin: 0px!important;
    font-size: 20px!important;
    text-transform: uppercase!important;
    font-size: 12px!important;
    font-style: normal!important;
    letter-spacing: 1px!important;
    font-weight: 400!important;
    line-height: 1.5!important;
}
#mpprecipe-container p {
    line-height: 1.2em;
    margin: 1em 0;
    font-size: 10px!important;
}


#mpprecipe-prep-time span, #mpprecipe-cook-time span, #mpprecipe-total-time span {
    font-weight: 400!important;
    color: #444444!important;
    font-size: 12px!important;
    padding-bottom: 5px!important;
text-transform: uppercase!important;
line-height: 1!important;
}
#mpprecipe-ingredients-list li, #mpprecipe-instructions-list li {
    margin-bottom: 0.4rem !important;
    margin-left: 1.5em;
    line-height: 1.5;
}
#mpprecipe-container #mpprecipe-instructions-list, #mpprecipe-container #mpprecipe-ingredients-list {
    font-family: 'Source Sans Pro', sans-serif!important;
    font-size: 14px!important;
}
.butn-link.mpp-button {
    line-height: 3!important;
}