.page-title:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.blog-pg-section {margin-top: 0px; padding-top: 0px;}
  .recipes {
    padding-top: 1.5rem;
  }
h4 {font-weight: 600; font-family: lato; serif; margin-top: 0px;}

.blog-sidebar, .widget, .categories li {
color: #000000!important;
font-size: 16px!important; 
font-weight: 400;
}

ul.meta {width: 100%!important; text-align: center;}
h2.directions  {padding-top: 16px;}
h2.credits {border-top: 1px #ddd solid; }
ul.recipe-credits {padding: 0.5rem 0px 0.5rem 0.25em;}
/*.blog-sidebar {margin-top: -40px!important;}*/
.recipe-ingredients li {font-weight: normal;  text-align: left; padding: 0.5rem 0px;}
/* Add a blank line after each instruction */
.entry-details ol li {padding-bottom: 16px;}
ul.recipe-directions {padding: 0.5rem 0px 0.5rem 1.5em; list-style: decimal;}
.recipe-directions li {padding: 0.5rem 0em;}

.recipe-notes {
    border-left: 0px solid #333;
    padding: 10px;
    padding-left: 0px;
}

@media (max-width: 767px) {
.breadcrumb  {text-align: center!important;}}
body {
    font-size: 16px;
}
.overlay-div {
  height:100%;
  width: 100%;
  position:absolute;
  background: #fff;
}

.card-img-overlay {
  height: 100%; 
  margin: 1em; font-size: 100%;
}

@media (max-width: 1199px) {
.card-img-overlay  {
  margin: 1em; font-size: 100%;
} 

@media (max-width: 767px) {
  .card-img-overlay  {
    margin: 0; 
    top: 0; 
    padding-top: 0px; 
    font-size: 60%;
  }
}

@media (max-width: 991px) {
  .card-img-overlay  {
    margin: 0; 
    top: 0; 
    padding-top: 0px; 
    font-size: 60%;
  }
}
.widget {
  padding: 45px 35px;
}
.recipeBackground {
  background-color: rgba(82, 133, 112, 0.09);
}