body {
  background-color: #FFFFFF;
  font-family: 'Roboto', sans-serif;
  height: 100%;
  display: flex;
  flex-direction: column;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -moz-o-sizing: border-box;
  box-sizing: border-box;
}

h5 {
  font-weight: 500 !important;
  font-size: 22px !important;
  padding: 25px !important;
  padding-bottom: 10px !important;
  line-height: 1.35em !important;
  letter-spacing: -.08rem !important;
}

h6 {
  font-weight: 400 !important;
  font-size: 18px !important;
  padding: 25px !important;
  padding-bottom: 10px !important;
  color: #706868;
}

#loading_shop {
  width: 100%;
  min-height: 100%;
}

/* New shop */
.container.container--wide {
  width: auto;
  max-width: 1140px
}

.title--big {
  font-size: 32px;
  font-weight: 500;
  color: #230c0c
}

.title__nav {
  font-size: 11px;
  color: #7e7070;
  display: block;
  margin: 0 auto 10px;
  letter-spacing: 1px;
}

.title__nav b {
  font-size: 15px;
  font-weight: 500;
  color: #d74344
}

#header_bar {
  text-align: center;
  background: #d74344;
  color: #fbe2e3;
  font-size: 11px;
  padding: 10px 0;
}

#header_bar .container>span {
  display: flex;
  align-items: center;
  justify-content: center
}

#header_bar b {
  font-weight: 500;
  color: #fff
}

.packages .slick-track {
  display: flex
}

.drop_shaddow {
  -moz-box-shadow: 3px 8px 40px 0px #D4D4D4;
  -webkit-box-shadow: 3px 8px 40px 0px #D4D4D4;
  box-shadow: 3px 8px 40px 0px #D4D4D4;
}

.white_title {
  text-align: center;
  background-color: #FFFFFF;
  margin-top: -26px;
  height: 70px;
  margin-bottom: 40px;
}

.white_inner {
  border: 5px #230C0C solid;
  width: 92%;
  height: 55px;
  display: inline-block;
  margin-top: 7.5px;
  line-height: 45px;
  font-weight: 600;
  font-size: 22px;
}

.card {
  background-color: #FFFFFF;
  overflow-y: hidden;
}

.item_button {
  display: inline-block;
  background-color: #D64547;
  padding: 14px 26px;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 10px;
  transition: .2s;
  border-radius: 8px;
}

.item_button-outline:hover {
  background: #D64547;
  color: #fff;
}

.item_button-outline,
.item_button-outline.item_button-nohover:hover {
  background: #fff;
  color: #D64547;
  border: 2px solid
}

.item_button-nohover {
  cursor: default
}

.item_button:active {
  background-color: #230C0C;
}

.more_info_button {
  background-color: #FFF;
  font-weight: 400;
  font-size: 14px;
  padding: 0 0 5px;
  display: inline-block;
}

.item_button:active {
  background-color: #230C0C;
}

.menu_item {
  margin-bottom: 35px;
  padding-bottom: 15px;
  border-radius: 4px;
  text-align: center;
  position: relative;
  overflow: initial;
}

.menu_item::after {
  content: '';
  border-radius: inherit;
  pointer-events: none;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.21);
  transition: opacity 200ms
}

.menu_item:hover::after {
  opacity: 1
}

.menu_row {
  margin-bottom: 30px;
}

.menu_item .image {
  width: 80%;
  text-align: center;
  display: inline-block;
  margin: 35px 10% 0;
  cursor: pointer;
}

.menu_item .title {
  font-weight: 600;
  font-size: 17px;
  padding: 25px 25px 5px;
  margin: 0;
  cursor: pointer;
}

.menu_item .title_container {
  text-align: center;
  display: block;
}

.menu_item .add_cart+span:not([class]) {
  display: block;
  font-size: 13px;
  height: 20px;
  line-height: 1;
  margin: 0 0 6px
}

.menu_item.menu_item-box .image,
.menu_item.menu_item-box .title {
  cursor: default
}

.menu_item-box .image {
  width: 100%;
  margin: 35px 0 0;
}

.menu_item-box {
  box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.11);
}

.menu_item-box .head {
  padding: 30px;
  margin-bottom: -20px;
  position: relative;
  overflow: hidden
}

.menu_item-box#Large .head::before {
  content: "Save 10%";
  font-size: 14px;
  font-weight: 500;
  padding: 6px 60px;
  background: #230c0c;
  color: #fff;
  position: absolute;
  top: 20px;
  right: -50px;
  transform: rotate(45deg)
}

.menu_item-box .title {
  font-size: 22px
}

.menu_item-box .slide_head {
  text-align: center;
}

.menu_item-box .slide_head p {
  font-size: 13px;
  color: #7e7070
}

.menu_item-box .slide_head p a {
  font-weight: 400;
  color: #311b1b
}

.item_details_trigger {
  cursor: pointer;
  display: flex;
  align-self: center;
  font-weight: 500;
  position: relative;
  text-align: center;
  width: auto;
  margin: 0 calc(50% - 64px) 10px
}

.menu_item-box .item_details_trigger {
  margin: 10px calc(50% - 96px) 25px;
  align-items: center
}

.menu_item-box .item_details_trigger::before {
  content: '';
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px"><path fill="rgb(35, 12, 12)" d="M1.114,11.022 C1.520,11.950 2.053,12.750 2.714,13.422 C3.375,14.094 4.170,14.627 5.098,15.022 C6.026,15.416 7.002,15.614 8.026,15.614 C9.050,15.614 10.021,15.416 10.937,15.022 C11.855,14.627 12.650,14.094 13.321,13.422 C13.994,12.750 14.527,11.950 14.922,11.022 C15.316,10.094 15.517,9.120 15.522,8.102 C15.527,7.083 15.328,6.115 14.922,5.198 C14.517,4.280 13.983,3.485 13.321,2.814 C12.660,2.142 11.866,1.608 10.937,1.214 C10.010,0.819 9.039,0.622 8.026,0.622 C6.991,0.611 6.015,0.808 5.098,1.214 C4.181,1.619 3.386,2.152 2.714,2.814 C2.042,3.475 1.509,4.270 1.114,5.198 C0.719,6.126 0.522,7.096 0.522,8.110 C0.512,9.123 0.709,10.094 1.114,11.022 ZM2.842,5.934 C3.162,5.219 3.561,4.622 4.042,4.142 C4.522,3.662 5.120,3.262 5.834,2.942 C6.549,2.622 7.279,2.472 8.026,2.494 C8.772,2.515 9.498,2.665 10.201,2.942 C10.906,3.219 11.503,3.619 11.994,4.142 C12.485,4.664 12.884,5.262 13.194,5.934 C13.503,6.606 13.652,7.331 13.642,8.110 C13.631,8.888 13.482,9.619 13.194,10.302 C12.906,10.984 12.505,11.582 11.994,12.094 C11.482,12.606 10.884,13.006 10.201,13.294 C9.520,13.582 8.794,13.731 8.026,13.742 C7.257,13.752 6.527,13.603 5.834,13.294 C5.140,12.985 4.543,12.585 4.042,12.094 C3.540,11.603 3.141,11.005 2.842,10.302 C2.543,9.598 2.394,8.867 2.394,8.110 C2.372,7.374 2.522,6.649 2.842,5.934 ZM7.210,6.126 C7.413,6.307 7.685,6.400 8.026,6.406 C8.367,6.411 8.639,6.318 8.842,6.126 C9.045,5.934 9.146,5.688 9.146,5.390 C9.146,5.091 9.045,4.851 8.842,4.670 C8.639,4.488 8.370,4.398 8.034,4.398 C7.698,4.398 7.423,4.488 7.210,4.670 C6.997,4.851 6.890,5.091 6.890,5.390 C6.901,5.699 7.007,5.945 7.210,6.126 ZM9.082,11.822 L9.082,7.038 L6.970,7.038 L6.970,11.822 L9.082,11.822 Z"/></svg>');
}

.item_details_trigger::after {
  content: '';
  width: 9px;
  height: 5px;
  position: absolute;
  right: 0;
  top: 9px;
  transform: translateZ(0);
  transition: transform .3s;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9px" height="5px"><path fill="rgb(35, 12, 12)" d="M0.010,4.129 C0.010,4.371 0.093,4.570 0.258,4.725 C0.650,5.094 1.053,5.094 1.465,4.725 L4.501,1.990 L7.536,4.725 C7.948,5.094 8.351,5.094 8.743,4.725 C8.908,4.570 8.991,4.371 8.991,4.129 C8.991,3.886 8.908,3.687 8.743,3.532 L5.119,0.274 C4.934,0.099 4.728,0.012 4.501,0.012 C4.274,0.012 4.067,0.099 3.881,0.274 L0.258,3.532 C0.093,3.687 0.010,3.886 0.010,4.129 Z"/></svg>')
}

.item_details_trigger.-open::after {
  transform: rotate(-180deg)
}

.item_details {
  text-align: left;
  display: none;
  padding: 0 30px;
}

.item_details .slick-initialized .slick-slide {
  height: auto
}

.item_details ul {
  width: 100%;
  margin: 0 0 10px;
  display: block;
  list-style: none;
}

.item_details ul~ :not(:last-child) {
  display: none
}

.item_details ul~ :last-child>span {
  font-weight: 600
}

.product-description ul {
  list-style: none
}

.product-description ul li {
  margin-bottom: 2px
}

.product-description ul li>span::before {
  content: ' ('
}

.product-description ul li>span::after {
  content: ')'
}

@media (min-width: 1200px) {
  .menu_item-box .item_details {
    padding: 0 60px
  }
}

.item_details ul li {
  padding: 10px 0;
  margin: 0;
  font-size: 14px;
  color: #7e7070;
  display: flex
}

.item_details ul li span {
  margin-left: auto
}

.item_details ul li:not(:last-child) {
  border-bottom: 1px solid #f3f1f1
}

/* unused css? (menu_item_sub class does not exist in the codebase) */
.menu_item_sub {
  margin-bottom: 35px;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.menu_item_sub .image {
  width: 100%;
  text-align: center;
  display: inline-block;
  margin-top: 35px;
}

.menu_item_sub .title {
  font-weight: 500;
  font-size: 22px;
  padding: 25px;
  padding-bottom: 10px;
  text-align: left;
}

.menu_item_sub .title_container {
  width: 100%;
  text-align: center;
  display: inline-block;
}

.slick-mobile {
  margin-top: -20px
}

.slick-mobile .slick-slide {
  height: auto;
  margin: 20px;
  box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.1);
}

.menu_item-box .slick-dots,
.slick-mobile .slick-dots {
  text-align: center
}

.slick-mobile .slick-dots {
  margin-top: 10px
}

.menu_item-box .slick-prev,
.menu_item-box .slick-next,
.slick-mobile .slick-prev,
.slick-mobile .slick-next {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-size: 0px;
  border: none;
  color: #555;
  z-index: 2;
  bottom: 210px
}

.slick-mobile .slick-prev {
  left: 10px;
}

.slick-mobile .slick-next {
  right: 10px;
}

.menu_item-box .slick-prev,
.menu_item-box .slick-next {
  bottom: auto;
  top: 8px
}

.menu_item-box .slick-prev {
  left: 0px;
}

.menu_item-box .slick-next {
  right: 0px;
}

.menu_item-box .slick-prev::before,
.slick-mobile .slick-prev::before {
  font-size: 14px;
  content: "\f053"
}

.menu_item-box .slick-next::after,
.slick-mobile .slick-next::after {
  font-size: 14px;
  content: "\f054"
}

.menu_item-box .slick-dots>li,
.slick-mobile .slick-dots>li {
  padding: 7px;
  margin: 0 7px;
  position: relative;
  display: inline-block;
  cursor: pointer
}

.menu_item-box .slick-dots>li::before,
.menu_item-box .slick-dots>li::after,
.slick-mobile .slick-dots>li::before,
.slick-mobile .slick-dots>li::after {
  content: '';
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  transition: all .2s;
}

.menu_item-box .slick-dots>li::before,
.slick-mobile .slick-dots>li::before {
  width: 6px;
  height: 6px;
  background: #eaeaea;
}

.menu_item-box .slick-dots>li::after,
.slick-mobile .slick-dots>li::after {
  width: 8px;
  height: 8px;
  background: #d74344;
  transform: translate3d(-50%, -50%, 0) scale(0, 0);
}

.menu_item-box .slick-dots>li.slick-active::after,
.slick-mobile .slick-dots>li.slick-active::after {
  transform: translate3d(-50%, -50%, 0) scale(1, 1);
}

.menu_item-box .slick-dots button,
.slick-mobile .slick-dots button {
  display: none
}

/* The container */
.checkmark_container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkmark_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.custom_checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkmark_container:hover input~.custom_checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkmark_container input:checked~.custom_checkmark {
  background-color: #d74344;
}

/* Create the custom_checkmark/indicator (hidden when not checked) */
.custom_checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the custom_checkmark when checked */
.checkmark_container input:checked~.custom_checkmark:after {
  display: block;
}

/* Style the custom_checkmark/indicator */
.checkmark_container .custom_checkmark:after {
  left: 10px;
  top: 5px;
  width: 5px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media only screen and (min-width: 700px) {
  #header_bar {
    font-size: 13px
  }

  #header_bar .container>span::before {
    content: '';
    width: 30px;
    flex-basis: 30px;
    flex-shrink: 0;
    height: 15px;
    margin-right: 10px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30px" height="15px"><path fill="rgb(144, 13, 14)" d="M20.648,-0.007 L8.849,-0.007 C8.449,-0.007 8.099,0.362 8.099,0.783 L8.099,11.993 C8.099,12.414 8.449,12.782 8.849,12.782 L10.649,12.782 C10.999,14.045 12.049,14.940 13.349,14.940 C14.649,14.940 15.699,14.045 16.048,12.782 L20.648,12.782 C21.049,12.782 21.399,12.414 21.399,11.993 L21.399,0.783 C21.399,0.362 21.049,-0.007 20.648,-0.007 ZM13.349,13.361 C12.649,13.361 12.049,12.730 12.049,11.993 C12.049,11.256 12.649,10.624 13.349,10.624 C14.048,10.624 14.649,11.256 14.649,11.993 C14.649,12.730 14.048,13.361 13.349,13.361 ZM19.899,11.203 L15.999,11.203 C15.649,9.940 14.598,9.046 13.299,9.046 C11.999,9.046 10.949,9.940 10.599,11.203 L9.549,11.203 L9.549,1.572 L19.849,1.572 L19.849,11.203 L19.899,11.203 ZM3.449,3.046 L0.749,3.046 C0.349,3.046 -0.001,2.677 -0.001,2.256 C-0.001,1.836 0.349,1.467 0.749,1.467 L3.449,1.467 C3.848,1.467 4.199,1.836 4.199,2.256 C4.199,2.677 3.899,3.046 3.449,3.046 ZM5.099,6.361 L2.399,6.361 C1.998,6.361 1.649,5.993 1.649,5.572 C1.649,5.151 1.998,4.783 2.399,4.783 L5.099,4.783 C5.499,4.783 5.849,5.151 5.849,5.572 C5.849,5.993 5.499,6.361 5.099,6.361 ZM7.449,8.888 C7.449,9.309 7.099,9.677 6.699,9.677 L3.999,9.677 C3.599,9.677 3.249,9.309 3.249,8.888 C3.249,8.466 3.599,8.098 3.999,8.098 L6.699,8.098 C7.099,8.098 7.449,8.466 7.449,8.888 ZM29.898,7.572 L26.799,2.520 C26.649,2.309 26.399,2.151 26.149,2.151 L22.399,2.151 L22.399,3.730 L25.749,3.730 L28.499,8.256 L28.499,11.256 L27.899,11.256 C27.549,9.993 26.498,9.098 25.199,9.098 C23.649,9.098 22.399,10.414 22.399,12.045 C22.399,13.677 23.649,14.993 25.199,14.993 C26.498,14.993 27.549,14.098 27.899,12.835 L29.249,12.835 C29.649,12.835 29.999,12.466 29.999,12.045 L29.999,7.993 C29.999,7.835 29.948,7.677 29.898,7.572 ZM25.199,13.361 C24.499,13.361 23.899,12.730 23.899,11.993 C23.899,11.256 24.499,10.624 25.199,10.624 C25.899,10.624 26.498,11.256 26.498,11.993 C26.498,12.730 25.899,13.361 25.199,13.361 Z"/></svg>')
  }

  #header_bar .container>.no-icon::before {
    content: none;
  }

  .title__nav {
    display: none
  }
}

.add_cart {
  cursor: pointer;
}

.section_sub_title {
  font-size: 15px;
  padding: 25px;
  text-align: center !important;
  display: inline-block;
  color: #230C0C;
  line-height: 30px;
  background-color: #FFFFFF;
  width: 100%;
}

#mission_container {
  display: inline-block;
  width: 100%;
  margin-top: 350px;
  background-image: url('');
  background-position: bottom;
  height: 400px;
  background-size: cover;
  margin-bottom: 80px;
}

#reviews_container {
  display: inline-block;
  width: 100%;
  margin-top: 35px;
  background-image: url('');
  background-position: bottom;
  background-size: cover;
  margin-bottom: 150px
}

.review_card {
  padding: 25px;
}

.review_body_text {
  font-weight: 300;
  font-size: 13px;
}

.review_name {
  color: #230C0C;
  margin-top: -5px;
}

.review_location {
  font-weight: 300;
  font-size: 16px;
  margin-top: -22px;
}

#how_it_works_container {
  display: inline-block;
  width: 100%;
  margin-top: 40px;
  background-image: url('../img/bg.jpg');
  background-position: bottom;
  height: 400px;
  background-size: cover;
}

.buy_option_tile {
  cursor: pointer;
}

.buy_option_tile:hover {
  margin-top: -3px;
  transition: all .3s;
  -moz-box-shadow: 3px 8px 40px 0px #C9C9C9;
  -webkit-box-shadow: 3px 8px 40px 0px #C9C9C9;
  box-shadow: 3px 8px 40px 0px #C9C9C9;
}

/* breadcrumb */
.breadcrumb .link {
  display: block;
  font-size: 20px;
  text-decoration: none;
  color: #636363;
  margin-bottom: 30px;
}

.breadcrumb .link::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  position: relative;
  content: "\f054";
  font-size: 15px;
  margin: 0 15px;
}

.referral_field {
  box-sizing: border-box !important;
  height: 50px !important;
  border-radius: 0px !important;
  font-weight: 300 !important;
  margin-left: 25px !important;
  margin-right: 25px !important;
  width: 80% !important;
  padding-left: 20px !important;
}

.referral_field:focus {
  border-color: #230C0C !important;
}


.referral_button {
  display: inline-block !important;
  background-color: #D64547 !important;
  padding: 10px !important;
  padding-left: 25px !important;
  padding-right: 25px !important;
  color: #FFFFFF !important;
  margin-left: 25px !important;
  font-weight: 300 !important;
  font-size: 13px !important;
  margin-bottom: 25px !important;
  border-top: 1px solid #D5464A !important;
  border-bottom: 1px solid #ffffff !important;
  height: auto !important;
  border-radius: 0px !important;
  border: none !important;
  text-transform: none !important;
  font-weight: 300 !important;
  padding: 10px !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  font-size: 14px !important;
  cursor: pointer !important;
}

.referral_button:hover {
  color: #230C0C !important;
}

.referral_button:active {
  background-color: #230C0C !important;
  color: #FFFFFF !important;
}

.gift_card_tile {
  margin-bottom: 50px;
}


/* Browser Width Adjustments */
@media only screen and (max-width: 1060px) {
  .online_farmers_market_index_title {
    font-size: 18px;
  }
}

@media only screen and (max-width: 790px) {
  #cart_icon_and_count {
    margin-right: 55px;
  }
}

/* iOS Vertical */
@media only screen and (max-width: 1200px) {
  body {
    overflow-x: hidden
  }

  .online_farmers_market_index_title {
    font-size: 22px;
  }

  .index_card {
    margin-bottom: 50px;
  }

  #how_it_works_container {
    height: auto;
  }

  #mission_container {
    height: auto;
    margin-top: 80px;
  }

  #reviews_container {
    height: auto;
    margin-top: 80px;
  }

  .mission_card {
    margin-bottom: 50px;
  }

  .review_card {
    margin-bottom: 50px;
  }

  .menu_item {
    width: 100%;
    margin-bottom: 40px;
    display: inline-block;
  }

  .menu_section {
    height: auto;
  }

  #checkout {
    padding-bottom: 14px;
    display: inline-block;
    text-align: center;
    width: 100%;
  }

}

/* unused css? could not find in the codebase */
.referal_field_container {
  margin-top: 100px !important;
}

/* This happens when skeleton swaps 3 wide boxes to 1 per row */
@media only screen and (max-width: 700px) {
  .more_info_button {
    /* hidden unless on mobile*/
    display: inline-block;
  }

  .title--big {
    font-size: 22px;
    margin-bottom: 10px
  }

  .referal_field_container {
    margin-top: 70px !important;
  }

  .refer_a_friend {
    padding-top: 70px !important;
  }
}

.alert-container {
  display: none;
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 500;
  width: 100%;
  height: 100%;
  background-color: rgba(50, 50, 50, 0.8);
}

.alert-body {
  background-color: #ffffff;
  width: 90%;
  margin-top: 3%;
  height: auto;
  position: relative;
  padding: 30px;
}

.close_popup {
  color: #D4D4D4;
  background-color: white;
  border-color: #D4D4D4;
  cursor: pointer;
}

.close_popup:hover {
  background-color: #D4D4D4;
}

.close_popup_x {
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: #FFFFFF;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  color: #230C0C;
  cursor: pointer;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  font-weight: 300;
}

.alert-body p {
  font-size: 13px;
}

.alert-body .alert-action {
  width: 100%;
}

.close_popup_x:hover {
  background-color: #EBEBEB
}

@media only screen and (min-width: 1200px) {
  .alert-body {
    width: 40%;
    padding: 50px;
  }

  .alert-body p {
    font-size: 16px;
  }
}

.offer-timer {
  display: none;
}

.timer-text {
  font-weight: bold;
}