.recipefeatureimage {
  z-index: 5;
  position:relative;
  margin-left: auto;
  margin-right: auto;
  background: #ffffff;
}
.recipefeatureimage img {
  text-decoration:none !important;
  margin-left: auto;
  margin-right: auto;
}

.recipefeatureimage a {
  text-decoration:none !important;
  border-bottom-style: none !important;
}


.recipetitlebanner {
  display: block;
  background: #fff1d7 !important;
  border: solid 2px #9b855a;
  border-radius: 15px;
  margin-bottom: 8px;
  margin-right: auto;
  margin-left: auto;
}
.recipetitlebannernoimage {
  display: block;
  background: #fff1d7 !important;
  border: solid 2px #9b855a;
  border-radius: 15px;
  margin-bottom: 8px;
  margin-right: auto;
  margin-left: auto;
  padding: 10px 10px 5px 10px;
}





.recipeindexfeatureimage {
  float: right;
}
.recipeindexfeatureimage img {
  text-decoration:none !important;
  margin-left: auto;
  margin-right: auto;
}
.recipeindexfeatureimage a {
  text-decoration:none !important;
  border-bottom-style: none !important;
}
.recipeindexitem {
  background: #fff1d7 !important;
  border: solid 2px #9b855a;
  color: #000000 !important;
}
.recipeindexitem h1 {
  margin-top: 0 !important;
}
.recipeindexitem p {
  margin-bottom: 0 !important;
}
.recipeindexitem a {
  color: #000000 !important;
}




.recipeindextableitem {
  display: table;
  width: 100%;
  padding: 6px;
  border: 1px solid #fff
}
.recipeindextableitemodd {
  background: #fff1d7 !important;
}
.recipeindextableitemeven {
  background: #f5e6c9 !important;
}
.recipeindextableitem h2 {
  margin-top: 0 !important;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}
.recipeindextableitem p {
  margin-bottom: 0 !important;
}
.recipeindextableitem a {
  color: #000000 !important;
}


.recipeindextablefeatureimage {
  float: right;
}
.recipeindextablefeatureimage img {
  text-decoration:none !important;
  margin-left: auto;
  margin-right: auto;
}
.recipeindextablefeatureimage a {
  text-decoration:none !important;
  border-bottom-style: none !important;
}


























/* ======= FLEXBOX GALLERY ITEM SCREEN-SIZE-DEPENDENT FORMATTING ======= */ 

/* ======= MEDIA QUERY -- FOR PHONE AT PORTRAIT ======= */ 
@media all and (max-width: 504px) {
  .recipeindexitem {
    padding: 8px;
    max-width:95%;
    margin: 0 auto 11px auto;
    display: block;
    border-radius: 15px;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 95%;
    -ms-flex: 1 1 95%;
    flex: 1 1 95%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
  .recipeindexfeatureimage {
    width:35%;
    margin: 0 0 8px 8px;
  }
  .recipeindexfeatureimage img {
    border-radius:12px;
  }
}

/* ======= MEDIA QUERY -- FOR PHONE AT LANDSCAPE AND TABLET AT PORTRAIT ======= */ 
@media all and (min-width: 505px) and (max-width: 700px) {
  .recipeindexitem {
    padding:8px;
    max-width:43%;
    margin: 0 0 11px 0;
    display: table;
    border-radius: 15px;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -webkit-flex: 2 2 43%;
    -ms-flex: 2 2 43%;
    flex: 2 2 43%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
  .recipeindexfeatureimage {
    width:50%;
    margin: 0 0 5px 8px;
  }
  .recipeindexfeatureimage img {
    border-radius:9px;
  }
}

/* ======= MEDIA QUERY -- FOR TABLET AT LANDSCAPE AND LARGER SCREENS ======= */ 
@media all and (min-width: 701px) {
  .recipeindexitem {
    padding:8px;
    max-width:28%;
    margin: 0 auto 18px auto;
    display: table;
    border-radius: 9px;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -webkit-flex: 2 2 28%;
    -ms-flex: 2 2 28%;
    flex: 2 2 28%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
  .recipeindexfeatureimage {
    width:50%;
    margin: 0 0 5px 8px;
  }
  .recipeindexfeatureimage img {
    border-radius:8px;
  }
}
























/* ======= MEDIA QUERY -- FOR PHONE AT PORTRAIT ======= */ 

@media (max-width: 504px) {
  .recipefeatureimage {
    width:70%;
    border-radius:12px;
    padding: 8px 8px 5px 8px;
  }
  .recipefeatureimage img {
    border-radius:10px;
  }
  .recipetitlebanner {
    width: 85%;
    margin-top: -60px;
    padding: 40px 10px 5px 10px;
  }
  .recipetitlebannernoimage {
    width: 85%;
  }
}


/* ======= MEDIA QUERY -- FOR PHONE AT LANDSCAPE AND TABLET AT PORTRAIT ======= */ 

@media (min-width: 505px) and (max-width: 700px) {
  .recipefeatureimage {
    width:45%;
    border-radius:17px;
    padding: 12px 12px 10px 12px;
  }
  .recipefeatureimage img {
    border-radius:14px;
  }
  .recipetitlebanner {
    width: 70%;
    margin-top: -80px;
    padding: 60px 10px 5px 10px;
  }
  .recipetitlebannernoimage {
    width: 70%;
  }
}



/* ======= MEDIA QUERY -- FOR TABLETS AT LANDSCAPE ======= */ 

@media (min-width: 701px) and (max-width: 1024px){
  .recipefeatureimage {
    width:30%;
    border-radius:22px;
    padding: 16px 16px 13px 16px;
  }
  .recipefeatureimage img {
    border-radius:18px;
  }
  .recipetitlebanner {
    width: 60%;
    margin-top: -90px;
    padding: 70px 10px 5px 10px;
  }
  .recipetitlebannernoimage {
    width: 60%;
  }
}


/* ======= MEDIA QUERY -- FOR DESKTOPS AND TVS ======= */ 

@media (min-width: 1025px) {
  .recipefeatureimage {
    width:25%;
    border-radius:25px;
    padding: 20px 20px 17px 20px;
  }
  .recipefeatureimage img {
    border-radius:20px;
  }
  .recipetitlebanner {
    width: 50%;
    margin-top: -100px;
    padding: 80px 10px 5px 10px;
  }
  .recipetitlebannernoimage {
    width: 50%;
  }
}