.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;
padding-top: 16px;
}

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: 15px;
}
.overlay-div {
  height:100%;
  width: 100%;
  position:absolute;
  background: #fff;
}

.card {
  height: 275px;
  background-color: #fff!important;
  margin: 1rem; 1rem 0 1rem;
  border: 1px #eee solid!important;
}

h5.card-title {
  padding: 0rem 1rem;
  font-family: "lato", sans-serif;
  text-align: center; 
  font-weight: normal; 
  color: #333;
  font-style: normal;
  text-shadow: 0px 0px 0px rgba(255, 193, 7, 0.5);
  transition: color .15s ease-in-out,background-color .15s ease-in-out,
  border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.card-image {
  height: 100px; 
  width: 100px; 
  margin: 1.5rem auto;
  text-align: center;
}

.card-text {
  text-align: center!important;
}

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

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

.btn-link-secondary:active {
  color: green;
  border: 0px!important;
}

.btn-link-secondary:hover {
  color: green;
}

.btn-link-secondary:focus {
  color: green;
  border: 0px!important;
}

.card-footer {
  .bs-card-inner-border-radius: 0px!important;
  width: 100%;
  top: 0; 
  bottom: 0; 
 border: none!important;
  padding: 0px; 
  position: absolute; 
  margin-top: 90%; 
  background-color: transparent!important;
  text-align: center!important;
  }
}

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