#recipe-search #recipe-search-form {
  padding: 30px;
  background: #F28502;
  margin: 0 0 54px 0;
}
#recipe-search #recipe-search-form .fa-caret-down {
  top: 38px;
}
#recipe-search input,
#recipe-search select {
  background: white;
  border: 1px solid black;
  margin: 0 0 20px 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 15px;
  color: #1F8743;
}
#recipe-search label {
  display: inline-block;
  position: relative;
}
#recipe-search .fa-search {
  position: absolute;
  right: 14px;
  top: 47px;
  font-size: 20px;
}
#recipe-search .fa-caret-down {
  position: absolute;
  right: 14px;
  font-size: 20px;
  color: #1F8743;
}
#recipe-search [name="searchterm"],
#recipe-search [name="ingredient1"],
#recipe-search [name="ingredient2"],
#recipe-search [name="category"],
#recipe-search [name="diettype"],
#recipe-search [name="mentor"],
#recipe-search [name="amount"],
#recipe-search #searchterm-label,
#recipe-search #amount-label,
#recipe-search #mentor-label {
  width: 100%;
}
#recipe-search [name="searchterm"] div,
#recipe-search [name="ingredient1"] div,
#recipe-search [name="ingredient2"] div,
#recipe-search [name="category"] div,
#recipe-search [name="diettype"] div,
#recipe-search [name="mentor"] div,
#recipe-search [name="amount"] div,
#recipe-search #searchterm-label div,
#recipe-search #amount-label div,
#recipe-search #mentor-label div {
  width: 100%;
}
#recipe-search #ingredient1-label,
#recipe-search #ingredient2-label,
#recipe-search #category-label,
#recipe-search #diettype-label {
  width: calc(50% - 2px);
}
#recipe-search #ingredient1-label div,
#recipe-search #ingredient2-label div,
#recipe-search #category-label div,
#recipe-search #diettype-label div {
  width: calc(50% - 2px);
}
#recipe-search .recipe-search-result-item-more {
  color: #1F8743;
  display: flex;
  justify-content: flex-end;
}
#recipe-search .recipe-search-result-item-more p {
  margin: 0 5px 0 0;
}
#recipe-search .recipe-search-result-item-more .fa-long-arrow-alt-right {
  top: 4px;
  position: relative;
}
#recipe-search-results .recipe-search-result-item {
  padding: 24px 0 40px 0;
  border-bottom: 1px solid #D8E9D0;
}
#recipe-search-results .recipe-search-result-item .recipe-search-result-item-img {
  width: 120px;
  height: 82px;
  margin: 0 16px 0 0;
  display: inline-flex;
  overflow: hidden;
}
#recipe-search-results .recipe-search-result-item .recipe-search-result-item-text {
  width: calc(100% - 140px);
  display: inline-block;
  vertical-align: top;
}
.recipe-detail-title {
  font-size: 50px;
  margin-bottom: 20px;
}
.recipe-detail-description {
  font-size: 16px;
  margin-bottom: 16px;
  padding-bottom: 32px;
}
.recipe-detail-ingredients-header,
.recipe-detail-cookingsteps-header,
.recipe-detail-time-header {
  font-size: 35px;
  color: #1F8743;
}
.recipe-detail-recommendation-header {
  font-size: 21px;
  color: #1F8743;
  margin: 0 0 12px 0;
}
.recipe-detail-ingredients-amount,
.recipe-detail-spices {
  width: 100%;
  padding: 10px 0;
  border-bottom: solid 1px black;
}
.recipe-detail-ingredients-amount [class^="recipe-detail-ingredients-amount-"],
.recipe-detail-spices [class^="recipe-detail-ingredients-amount-"] {
  width: calc(30% - 10px);
  display: inline-block;
  text-align: right;
}
.recipe-detail-ingredients-amount [class^="recipe-detail-ingredients-title-"],
.recipe-detail-spices [class^="recipe-detail-ingredients-title-"] {
  width: calc(70%);
  display: inline-block;
  padding: 0 0 0 10px;
}
.recipe-detail-ingredients-amount .recipe-detail-spices-title,
.recipe-detail-spices .recipe-detail-spices-title {
  width: calc(70%);
  margin-left: calc(30% + 4px);
}
.recipe-detail-ingredients {
  width: calc(50% - 30px);
  display: inline-block;
  margin: 0 30px 72px 0;
}
.recipe-detail-ingredients .fa-caret-down {
  top: 16px;
}
.recipe-detail-image {
  width: calc(50% - 20px);
  display: inline-block;
  vertical-align: top;
  overflow: visible;
}
.recipe-detail-image .recipe-detail-image-box {
  background: #D8E9D0;
  width: 150%;
}
.recipe-detail-image .recipe-detail-image-box .recipe-detail-ingredients-source {
  padding: 18px 34px;
}
.recipe-detail-preparation {
  width: calc(70% - 30px);
  display: inline-block;
  margin: 0 0 20px 0;
}
.recipe-detail-preparation .recipe-detail-cookingsteps {
  margin: 0 30px 30px 0;
}
.recipe-detail-preparation .recipe-detail-cookingsteps .recipe-detail-cookingsteps-number {
  background: #D8E9D0;
  padding: 5px;
  display: inline-block;
  vertical-align: top;
  height: 30px;
}
.recipe-detail-preparation .recipe-detail-cookingsteps .recipe-detail-cookingsteps-text {
  width: calc(100% - 30px);
  border-top: solid 1px #D8E9D0;
  padding: 5px 10px;
  display: inline-block;
}
.recipe-detail-recommendation {
  width: calc(33%);
  display: inline-block;
  vertical-align: top;
}
.recipe-detail-recommendation .recipe-detail-recommendation-wrapper {
  background: #D8E9D0;
}
.recipe-detail-recommendation .recipe-detail-recommendation-box {
  padding: 20px 34px;
}
.recipe-detail-recommendation .recipe-detail-recommendation-box .recipe-detail-recommendation-box-description {
  margin: 0 0 10px 0;
}
[class$="source"] {
  color: #848484;
}
.easyPaginateNav {
  margin: 10px 0;
  text-align: center;
}
.easyPaginateNav a.page {
  padding: 0 10px;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
}
.easyPaginateNav a.page.current {
  font-weight: bold;
  color: #F28502;
}
.page + .page {
  border-left: 2px solid #1f8743;
}
.recipe-suggestion {
  background: #D8E9D0;
}
.recipe-suggestion .hover {
  display: none;
}
.recipe-suggestion:hover .recipe-suggestion-left-text,
.recipe-suggestion:hover .recipe-suggestion-right-text {
  color: #1f8743 !important;
}
.recipe-suggestion:hover .recipe-suggestion-left {
  border-right: solid 1px #1f8743;
}
.recipe-suggestion:hover .hover {
  display: block;
}
.recipe-suggestion:hover .nohover {
  display: none;
}
.recipe-suggestion .recipe-suggestion-left {
  width: calc(30%);
  display: inline-block;
  vertical-align: top;
  padding: 25px !important;
  margin: 25px 0;
  border-right: solid 1px black;
}
.recipe-suggestion .recipe-suggestion-left img {
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
}
.recipe-suggestion .recipe-suggestion-left .recipe-suggestion-left-text {
  font-size: 30px;
  line-height: 35px;
  text-align: center;
  padding: 20px 0 0 0;
  color: black;
}
.recipe-suggestion .recipe-suggestion-right {
  width: calc(70% - 10px);
  display: inline-block;
  vertical-align: top;
  padding: 50px;
}
.recipe-suggestion .recipe-suggestion-right .recipe-suggestion-right-text {
  margin: 0 0 25px 0;
  color: black;
}
.recipe-suggestion .recipe-suggestion-right a {
  color: #003E2E;
  padding: 15px;
  border: 1px solid #003E2E;
}
.go-back {
  font-size: 20px;
  color: #1F8743;
}
.no-results {
  margin-bottom: 50px;
  padding: 20px;
  background: grey;
  color: white;
  text-align: center;
  font-size: 20px;
}
/*accessable*/
.recipe-search-accessable#recipe-search #recipe-search-form {
  background: #666;
}
.recipe-search-accessable#recipe-search .fa-caret-down {
  color: black;
  pointer-events: none;
}
.recipe-search-accessable#recipe-search .fa-search {
  color: #666;
  cursor: pointer;
}
.recipe-search-accessable#recipe-search input,
.recipe-search-accessable#recipe-search select {
  color: black;
}
.recipe-search-accessable h2,
.recipe-search-accessable label {
  color: white;
}
.recipe-search-accessable .recipe-suggestion {
  background: #f5f5f5;
}
.recipe-search-accessable #recipe-search .recipe-search-result-item-more,
.recipe-search-accessable .recipe-detail-ingredients-header,
.recipe-search-accessable .recipe-detail-cookingsteps-header,
.recipe-search-accessable .recipe-detail-time-header,
.recipe-search-accessable .recipe-detail-recommendation-header,
.recipe-search-accessable .go-back {
  color: black;
}
.recipe-search-accessable .recipe-detail-recommendation .recipe-detail-recommendation-wrapper,
.recipe-search-accessable .recipe-detail-preparation .recipe-detail-cookingsteps .recipe-detail-cookingsteps-number {
  background: #666;
  color: white;
}
.recipe-search-accessable .recipe-search-result-item-more {
  color: black;
}
.recipe-search-accessable .recipe-search-result-item-more p,
.recipe-search-accessable .recipe-search-result-item-more svg {
  color: black;
}
.recipe-search-accessable .page + .page {
  border-left: 2px solid black;
}
.recipe-search-accessable .recipe-detail-ingredients-source {
  background: #b0b0b0;
  color: white;
}
select::-ms-expand {
  display: none;
}
@media only screen and (max-width: 900px) {
  .recipe-suggestion .recipe-suggestion-left,
  .recipe-suggestion .recipe-suggestion-right {
    width: 100%;
    border: none;
  }
  .recipe-detail-ingredients,
  .recipe-detail-image,
  .recipe-detail-image .recipe-detail-image-box,
  .recipe-detail-preparation,
  .recipe-detail-time,
  .recipe-detail-recommendation {
    width: 100%;
  }
}
/*# sourceMappingURL=recipesearch.css.map */