<!-- start Simple Custom CSS and JS -->
<style type="text/css">
.page-id-17429 .hero-content {
  padding: 0!important;
}
.page-id-17429 .hero-container {
  height: 541px;
}
@media only screen and (min-width: 768px) {
  .page-id-17429 .hero-container {
      height: 630px;
  }
}
.page-id-17429 .hero-container div {
    height: 100%;
    padding-top: 0!important;
}
@media only screen and (max-width: 768px) {
  .page-id-17429 .hero-container > div {
    background-image: url('https://staging.sharis.com/wp-content/uploads/2020/02/Mar_20_Hero_mobile.jpg')!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
  }
}
.page-id-17429 h1 {
  font-family: 'Playfair Display', serif!important;
  font-weight: 400;
  font-size: 67px;
  color: #fff!important;
  text-align: center!important;
  line-height: 1.1!important;
  margin-top: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .page-id-17429 h1 {
    font-size: 60px;
    margin: 10px 0!important;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1279px) {
  .page-id-17429 h1 {
    font-size: 70px;
    margin: 10px 0!important;
  }
}
@media only screen and (min-width: 1280px) {
  .page-id-17429 h1 {
    font-size: 82px;
    margin: 10px 0!important;
  }
}
.page-id-17429 h2,
#custom-footer h2 {
  font-family: 'Playfair Display', serif!important;
  font-weight: 400;
  color: #fff!important;
  text-align: left;
  margin: 0;
  font-size: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .page-id-17429 h2,
  #custom-footer h2 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1279px) {
  .page-id-17429 h2,
  #custom-footer h2  {
    font-size: 25px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-id-17429 h2,
  #custom-footer h2  {
    font-size: 30px;
  }
}
.page-id-17429 h3 {
  font-family: 'Poppins', sans-serif!important;
  font-weight: 600!important;
  text-align: center!important;
  margin: 0!important;
  font-size: 18px!important;
  color: #fff!important;
}
@media only screen and (max-width: 767px) {
  .page-id-17429 h3 {
    margin-top: 15px!important;
    /* hack for mysterious misalignment */
    margin-left: 8%!important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .page-id-17429 h3 {
    font-size: 26px!important;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1279px) {
  .page-id-17429 h3 {
    font-size: 28px!important;
  }
}
@media only screen and (min-width: 1280px) {
  .page-id-17429 h3 {
    font-size: 30px!important;
  }
}
.page-id-17429 .hero-content-overlay {
  display: none;
}
.hero-content-container {
  background-color: #ba2a43;
  width: 38%;
  height: 100%;
  position: absolute;
  left: 3%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.hero-content-container h1 {
  padding-bottom: 60px;
}
.hero-content-container-overlay {
  background-color: #ba2a43;
  opacity: 0.7;
  width: 44%;
  height: 100%;
  position: absolute;
  left: 0;
  
}
.image-container.slide1 {
  width: 61%;
  height: 100%;
  position: absolute;
  right: 0;
  background-image: url('https://staging.sharis.com/wp-content/uploads/2020/02/Mar_Homepage_Hero_meals.png');
  background-repeat: no-repeat;
  background-size: cover;
}
.image-container img {
  height: 100%;
}
.page-id-17429 .hero-container-slider .cta-buttons {
  height: 42px;
  display: flex;
  justify-content: center;
  padding-top: 90px!important;
  flex-direction: column;
}
@media only screen and (min-width: 1140px) {
  .page-id-17429 .hero-container-slider .cta-buttons {
    flex-direction: row;
  } 
}
.page-id-17429 .hero-container-slider .cta-buttons a.btn {
  padding: 10px;
  margin: 0 6px;
  text-align: center;
}
.mobile-cta-buttons {
  display: none;
}
.mobile-cta-buttons .cta-buttons {
  position: absolute;
  bottom: 16px;
  flex-direction: row!important;
  width: 100%;
}
.page-id-17429 .hero-container .mobile-cta-buttons a.btn {
  margin: 0 6px;
}
@media only screen and (max-width: 767px) {
  .hero-wrapper .wpb_content_element {
     position: relative;
     height: 550px;
     width: 100%!important;
  }
  .hero-wrapper .wpb_content_element .wpb_wrapper > div {
     position: absolute!important;
     width: 100%!important;
  }
}
.owl-item > div {
  padding: 0!important;
}
@media only screen and (max-width: 767px) {
  .owl-item > div {
      background-size: 100%!important;
  }
}
.owl-slider-mobile-image {
  display: none;
}
@media only screen and (max-width: 767px) {
  .hero-content-container-overlay,
  .hero-content-container,
  .owl-carousel .image-container {
    display: none;
  } 
  .mobile-cta-buttons {
    display: block;
  }
  .page-id-17429 .mobile-cta-buttons h1 {
    color: transparent!important;
  }
  .owl-carousel {
    height: auto!important;
  }
  #slider_17431_slide01 {
    background-image: url('https://staging.sharis.com/wp-content/uploads/2020/02/Mar_20_Hero_mobile.jpg')!important;
  }
  #slider_17431_slide02 {
    background-image: url('https://staging.sharis.com/wp-content/uploads/2020/02/Choco_Mint_mobile.jpg')!important;
  }
  #slider_17431_slide03 {
    background-image: url('https://staging.sharis.com/wp-content/uploads/2020/02/Key_Lime_Pie_mobile.jpg')!important;
  }
  .owl-slider-mobile-image {
    display: block;
  }
  .owl-item > div {
    height: 500px!important;
    min-height: 500px!important;
  }
}

.hero-wrapper .vc_column_container {
  padding: 0; 
}
.page-id-17429 .eltd-content a {
  transition: none;
}
.page-id-17429 .eltd-content a:hover {
  color: transparent!important;
}
.kids-eat-free {
  margin-top: 50px;
  margin-bottom: -50px!important;
}
.kids-eat-free .eltd-section-inner-margin {
  padding-left: 15px;
  padding-right: 15px; 
}
.kids-eat-free .wpb_content_element img {
  width: 100%;
}
.kids-eat-free .vc_column-inner {
  padding: 0!important;
}
.kids-eat-free .wpb_content_element h1 {
  position: absolute;
  top: 4%;
  left: 8%;
  font-size: 40px;
}
@media only screen and (max-width: 400px) {
  .kids-eat-free .wpb_content_element h1 {
    top: 1%;
    font-size: 36px;
  } 
}
.kids-eat-free .wpb_content_element h3 {
  position: absolute;
  top: 26%;
  left: 8%;
  color: #000!important;
  text-align: left!important;
  font-size: 22px!important;
  margin-left: 0!important;
  font-weight: 400!important;
}
@media only screen and (max-width: 480px) {
  .kids-eat-free .wpb_content_element h3 {
    left: 4%;
    font-size: 15px!important;
  }  
}
@media only screen and (min-width: 768px) {
  .kids-eat-free .wpb_content_element h1 {
    top: 5%;
    left: 4%;
    font-size: 60px;
  }
  .kids-eat-free .wpb_content_element h3 {
    font-size: 40px!important;
    top: 34%;
    left: 4%;
  }
}
@media only screen and (min-width: 1280px) {
  .kids-eat-free .wpb_content_element h1 {
    font-size: 80px;
  }
  .kids-eat-free .wpb_content_element h3 {
    font-size: 45px!important;
  }
}
.kids-eat-free .wpb_content_element .btn {
  position: absolute;
  bottom: 20%;
}
@media only screen and (max-width: 767px) {
  .kids-eat-free .wpb_content_element .btn {
    padding: 10px;
  }  
}



</style>
<!-- end Simple Custom CSS and JS -->
