body {
  background: url(./docs/pantry1.jpg) center center;
}

.nutrient-tag {
  width: 125px;
  font-weight: bold;
  margin: 10px 5px;
}

.navbar {
  background-color: #b1f6cb;
}

.banner-image {
  border: solid black 1px;
  margin: 0 auto;
  height: 60%;
  width: 100%;
  background-position: center;
  background-image: url(./docs/banner.png);
  background-size: cover;
}

.banner-bottom {
  background-image: url(./docs/lower-banner.png);
  height: 200px;
  background-position: center center;
}

.fa-2x {
  margin-right: 15px;
}

#ingredient-wrapper {
    color: white;
    background-image: url(./docs/ingredients.jpg);
    background-size: cover;
}

#recipe-cards-section {
    color: white;
    /* background-size: cover; */
    /* background-image: url(./docs/grunge-wooden-cutting-board-with-copy-space-design-make-food-background_3249-3466.jpg); */
    border: whitesmoke solid 3px; 
    padding: 150px 0px;
}

#recipe-wrapper {
  background-image: url(./docs/grunge-wooden-cutting-board-with-copy-space-design-make-food-background_3249-3466.jpg);
  background-size: cover;
}

#ingredient-section {
    color: white;
    border: whitesmoke solid 3px;
    padding: 150px 0px;
}

.ingredient-title {
    margin-bottom: 5%;
}

#pick-recipe {
  color: white;
  font-family: "Lato", sans-serif;
  margin-bottom: 20px;
}

.column.is-11 {
  width: auto;
  margin-left: 0px 20px;
}

.card {
  border-style: outset;
  border-color: white;
}

/* Contains Recipe Master title  */
.header-div {
  font-family: "Lato", sans-serif;
  background-color: rgba(69, 75, 71, 0.75);
  width: 43%;
  padding: 3%;
  border-radius: 5%;
}

#pantry-input {
  display: inline-block;
  width: 70%;
}

.recipe-master-title {
  font-family: "Lora", serif;
}

#pantry-section {
  height: 100%;
  padding-bottom: 0px;
}

/* Pantry section div  */
#outer-pantry-container {
  position: relative;
  z-index: 1;
  height: 100%;
}

/* Row that holds both columns */
#pantry-column-row {
  height: 100%;
}

/* Pantry search container */
#new-pantry-search-container {
  height: 35%;
  width: 70%;
  padding-top: 2%;
  background-color: whitesmoke;
  font-family: "Lato", sans-serif;
  border-radius: 5%;
  color: black;
  margin-bottom: 8%;
}

#pantry-ingredients-container {
  height: 75%;
  width: 90%;
  text-align: center;
}

#prepend-ingredients-here {
  border-radius: 5%;
  height: 100%;
}

.new-ingredient-button {
  width: 25%;
  margin: 1%;
}

#prepend-ingredients-here .bg {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: solid whitesmoke 10px;
  border-radius: 5%;
  background: url(./docs/corkboard.png) center center;
  opacity: 1;
  width: 100%;
  height: 100%;
}

.clear-and-search {
  margin: 2%;
  width: 40%;
  border: solid whitesmoke 3px;
}

.ingredient-button {
  margin: 1%;
}

/* Creates margin for smaller screens between pantry and recipe section */
@media screen and (max-width: 768px) {
    #recipe-wrapper {
        margin-top: 50%;
    }
}
.card-content {
  height: 95px;
  background-color: linen;
  font-style: oblique;
  border-top-style: dotted;
  border-top-color: lightslategray;
  border-width: thin;
  font-weight: bold;
}

/* No top margin for larger screens between pantry and recipe sections */
@media screen and (min-width: 769px) {
    #recipe-wrapper {
        margin-top: 0px;
    }
}