/** 
 * This file contains legacy CSS code that was in several places in the HTML
 * Lemone - ^RL
 **/

.search-modal h2 {
  color: white;
  font-size: 3rem;
  margin-bottom: 1rem;
}

.search-modal h2 span {
  color: #f2a49a;
}

.search-modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  overflow: auto;
  background-color: #161833;
  z-index: 10;
  min-height: auto;
}

.search-modal .modal-content {
  margin: 100px auto 0;
  padding: 20px;
  width: 80%;
}

/* The Close Button */
.search-modal .close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
  padding: 1rem;
  right: 3rem;
  top: 3rem;
  position: relative;
}

.search-modal .close:hover,
.search-modal .close:focus {
  color: #f2a49a;
  text-decoration: none;
  cursor: pointer;
}

.account-navigation-menu ul,
.search-menu ul {
  padding-left: 2rem;
  padding-right: 2rem;
}

.search-menu .astm-search-menu {
  margin-right: 0;
}

.header-menu-icons {
  margin-right: 1rem;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.header-menu-icons:hover {
  opacity: 0.7;
}

.search-modal .modal-content .is-form-style input.is-search-input {
  appearance: none;
  border-radius: 5em;
  color: #fff;
  padding: 7px 35px 7px 15px;
  font-weight: 700;
  background-color: #171833;
  transition: background-color 0.25s;
  font-family: inherit;
  outline: 0;
  border: 0;
  border-right: solid 1px #ccc !important;
}

.search-modal .modal-content .is-form-style .is-search-submit {
  position: absolute;
  right: 1rem;
}

.search-modal .modal-content .is-form-style .is-search-submit .is-search-icon {
  background: transparent;
  border: 0;
  cursor: pointer;
}

.search-modal .modal-content>.is-form-style.is-form-style-3>label {
  width: calc(100% - 10px) !important;
}

.search-modal .modal-content .is-form-style .is-search-submit path {
  fill: white;
}

body div.is-ajax-search-result {
  border: 0;
  background: transparent;
  padding: 0;
  margin-top: 1rem;
  width: 100% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  max-width: 100% !important;
  padding: 1rem 2rem !important;
  background-color: #161833;
}

body div.is-ajax-search-result>.is-ajax-search-items {
  max-width: calc(80% - 1rem) !important;
  margin: 0 auto !important;
  max-height: 340px !important;
}

body .is-ajax-search-details .is-ajax-search-items>div,
body .is-ajax-search-post {
  background: transparent;
  border-bottom: 0;
}

body .is-ajax-search-result .is-ajax-search-post:hover {
  background: transparent;
}

body .is-ajax-search-post .is-title a {
  color: #f2a49a;
}

body .is-ajax-result-description {
  color: white;
}

body .is-show-more-results {
  background: transparent;
  color: white;
  text-align: center;
}

body .is-show-more-results:hover {
  background: transparent !important;
}

body .is-show-more-results-text {
  margin: 0 auto;
  display: inline-block;
  font-family: Barlow, sans-serif;
  text-transform: uppercase;
  font-size: 1.4rem;
  padding: 0 1.4rem;
  height: 3.2rem;
  line-height: 3.2rem;
  text-decoration: none;
  color: #fff;
  background: #080930;
  border-radius: 5rem;
  letter-spacing: 0.1rem;
  transition:
    background 0.2s,
    color 0.2s;
}

body .is-show-more-results-text:hover {
  background: #f2a49a;
}

@media print,
screen and (max-width: 40em) {
  .search-modal .modal-content {
    width: 90%;
    margin-top: 3rem;
  }

  .search-modal .close {
    top: 1.5rem;
    right: 1.5rem;
  }

  body div.is-ajax-search-result>.is-ajax-search-items {
    max-width: calc(90% - 20px) !important;
    margin: 0 auto !important;
  }
}

.single-before-post-banner-container {
  padding-bottom: 3rem;
}

.recipe-single .recipe-list-items label {
  display: flex;
  gap: 1rem;
}

.check-tooltip {
  position: relative;
  left: unset;
  right: unset;
  top: unset;
  -webkit-transform: unset;
  transform: unset;
  order: 2;
}

.single-post .single-page h5 a {
  color: #282825;
}

.single-post .single-page h5 a:hover {
  color: #db5454;
}

.recipe-single .recipe-intro li,
.recipe-single .recipe-intro li a {
  color: #db5454;
}

.recipe-single .recipe-intro li a:hover {
  color: #f2a49a;
}

.recipe-single .recipe-intro .recipe-description h1,
.recipe-single .recipe-intro .recipe-description h2,
.recipe-single .recipe-intro .recipe-description h3,
.recipe-single .recipe-intro .recipe-description h4,
.recipe-single .recipe-intro .recipe-description h5,
.recipe-single .recipe-intro .recipe-description h6 {
  color: white;
}

.ccc-favorite-post-toggle>a {
  color: #171833;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.25s;
}

.ccc-favorite-post-toggle>a:hover {
  color: #f2a49a;
}

.ccc-favorite-post-toggle>a::before {
  content: "" !important;
  display: block;
  height: 2rem;
  width: 2rem;
  background: transparent url(/app/themes/chickslovefood/dist/svg/favourite.svg) no-repeat center;
  background-size: 100%;
}

.ccc-favorite-post-toggle>a:hover::before,
.ccc-favorite-post-toggle>a.save::before {
  background-image: url(/app/themes/chickslovefood/dist/svg/favourite-save.svg) !important;
}

.recipe-intro .ccc-favorite-post-toggle>a::before {
  background-image: url(/app/themes/chickslovefood/dist/svg/favourite-alt.svg);
}

.ccc-favorite-post-toggle[data-ccc_my_favorites-select_button-style="1"] {
  z-index: 1;
}

@media (max-width: 639px) {
  #wpadminbar {
    display: none;
  }

  .site-header {
    height: unset;
  }

  .fixed-header {
    padding: 1rem 0;
  }

  @media (max-width: 1023px) {
    .custom-banner-image {
      margin-top: 5rem;
    }
  }
}

/* Basis styling for MailChimp form for Ontour campaign */ 
#mce-success-response {
  background-color: #ef908338;
  border: 2px solid #ef9083;
  padding: 9px;
  font-weight: bold;
}

#mce-success-response:before {
  content: '✅ ';
}

#mce-success-response:empty {
  display: none;
}