.vege-main-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 400px;
  position: relative;
}

.vege-main-text {
  height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.vege-main-text-title {
  font-size: 5em;
  color: #ffffff;
}

.vege-main-text-desc {
  color: #000000;
  background-color: rgba(230, 225, 225, 0.3);
  /*position: absolute;*/
  /*bottom: 0;*/
  padding: 20px;
}

.vege-promo {
  background-color: #F2F3E3;
}

.vege-promo-video {
  height: 250px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 30px;
  padding: 30px;
}

.vege-promo-desc {
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.vege-promo-desc-title {
  font-size: 2em;
  padding: 5px;
}

.vege-recipe {
  padding: 30px;
}

@media (min-width: 10px) {
  .vege-recipe-container {
    padding-bottom: 50px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
  }
  .vege-selection-form {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .vege-selection {
    width: auto;
  }
}

@media (min-width: 992px) {
  .vege-recipe-container {
    padding-bottom: 50px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: unset;
  }
  .vege-selection-form {
    display: block;
  }
  .vege-selection {
    width: 65%;
  }
}

.vege-recipe-title {
  font-size: 2em;
  padding: 5px;
}

.vege-recipe-selection {
  padding-top: 10px;
  padding-bottom: 10px;
}

.vege-recipe-img {
  /*width: 100%;*/
  max-height: 240px;
}

.vege-recipe-name {
  margin-top:20px;
  padding:5px;
}

.vege-recipe-name-title {
  color: #000000;
  text-decoration: none;
  font-size: 1.8em;
}
.vege-recipe-name-title:hover {
  text-decoration: none;
}

label {
  padding-right: 5px;
}

.promotion-moreBtn {
  cursor: pointer;
}

/* Individual recipe page */
.vege-page-title {
  padding: 5px;
}
.vege-page-ingredient-box {
  border: 1px solid #000000;
  padding: 15px;
}
.vege-page-ingredient-title {
  padding: 5px;
}
.vege-page-direction-title {
  padding: 5px;
  margin-top: 10px;
}
.vege-page-direction-steps {
  padding: 10px;
}
.vege-page-footer {
  background-color: #F2F3E3;
  padding-top: 20px;
  padding-bottom: 20px;
}
.vege-page-footer > span {
  font-size: 1.5em;
  position: relative;
  top: 5px;
}
.vege-page-footer-icon {
  width: 25px;
}
.vege-page-footer-email {
  width: 35px;
  margin-left: 3px;
}
.vege-page-footer-facebook {
  width: 28px;
  margin-left: 3px;
}
.vege-page-footer-twitter {
  width: 25px;
  margin-left: 3px;
}

/*.vege-carousel {*/
  /*height: 300px;*/
  /*margin: 0 auto;*/
/*}*/

.vege-individual-img {
  padding: 3px;
  border: 1px solid #021a40;
  background-color: #F2F3E3;
  margin-bottom: 10px;
}

/* carousel */
.slider-nav, .slider-for {
  display: none;
}

/* loading */
.vege-loading {
  font-size: 3em;
  padding: 20px;
  text-align: center;
  margin-top: 40px;
  text-shadow: #00B7FF;
}

.recipeText-title {
  font-weight: bold;
  padding-top: 20px;
}

.recipeText h1 {
  text-align: center;
}

.src-site {
  color: #888888;
}

.vege-page-container {
  margin: 0;
}

.vege-all-title {
  width: 100%;
  text-align: left;
  font-weight: bold;
  color: #607d8b;
  margin-top: 15px;
  font-size: 0.8em;
  border-bottom: 1px solid gainsboro;
}

.vege-all-text {
  padding-left: 15px;
  padding-right: 15px;
  color: #000000;
  font-size: 0.8em;
}
.vege-all-showAll {
  color: #000000;
  text-decoration: none;
  font-size: 0.8em;
  cursor: pointer;
}
.vege-all-showAll:hover {
  text-decoration: none;
}





.vege-recipe-tile-enter {
  opacity: 0.01;
}

.vege-recipe-tile-enter.vege-recipe-tile-enter-active {
  opacity: 1;
  transition: opacity 500ms ease-in;
}

.vege-recipe-tile-leave {
  opacity: 1;
}

.vege-recipe-tile-leave.vege-recipe-tile-leave-active {
  opacity: 0.01;
  transition: opacity 300ms ease-in;
}

.example-enter {
  height: 0;
}
.example-enter.example-enter-active {
  height: auto;
  transition-property: height;
  transition-duration: 800ms;
}
.example-leave {
  height: auto;
  transition-property: height;
  transition-duration: 100ms;
}
.example-leave.example-leave-active {
  height: 0;
}