/* ------------------------------------------------- */
/* Table of Contents                                 */
/* ------------------------------------------------- */
/* 01. SCSS Variables                                */
/* 02. SCSS Mixins                                   */
/* 03. General Styles                                */
/* 04. Splash with Sticky Footer Styles              */
/* 05. Footer Styles                                 */
/* 06. Main Content Styles                           */
/* 07. Cart Slider Styles                            */
/* 08. Item Details Styles                           */
/* 09. Payment Details Styles                        */
/* 10. Shipping Addresses Styles                     */
/* 11. Reviews Styles                                */
/* 12. Order History Styles                          */
/* 13. Order Invoice Styles                          */
/* 14. FAQ Styles                                    */
/* 15. Card Styles                                   */
/* 16. Button Styles                                 */
/* 17. Top Link Styles                               */
/* 18. Navigation Styles                             */
/* 19. Recipes Styles                                */
/* 20. Reviews Styles                                */
/* 21. Modal Styles                                  */
/* 22. Form Styles                                   */
/* 23. Media Query Styles                            */
/* ------------------------------------------------- */
/* 01. SCSS Variables */
/* End SCSS Variables */
/* 02. SCSS Mixins */
/* End SCSS Mixins */
/* 03. General Styles */
/* Move down content because we have a fixed navbar that is 50px tall */
html {
  width: 100%;
  height: 100%; }

body {
  margin: 0;
  padding: 0px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-size: 16px !important;
  /* Reset default font-size to 16px */ }

* {
  box-sizing: border-box !important; }

p {
  margin: 0;
  padding: 0px; }

input,
select,
textarea {
  /*max-width: 280px;*/ }

input:focus, textarea {
  outline: none !important; }

sup {
  font-size: 42% !important;
  /* Used for superscript sizing */
  line-height: 0 !important;
  /* Fix the superscript line-height issue */
  position: relative !important;
  vertical-align: baseline !important;
  top: -1.2em !important; }

a {
  color: #ce772b;
  text-decoration: none; }

a:hover {
  color: #c1501e;
  text-decoration: none; }

a:hover sup {
  text-decoration: none; }

a.inactive-link {
  color: #301b0f;
  pointer-events: none;
  cursor: default; }

a.section-title {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px; }

a.section-title-sm {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px; }

a.breadcrumb-link {
  color: inherit; }

.anchor {
  display: block;
  height: 80px;
  /*same height as header*/
  margin-top: -80px;
  /*same height as header*/
  visibility: hidden; }

.no-wrap {
  white-space: nowrap; }

.highlighted-text {
  color: #942B01; }

.success-text {
  color: #5ba52f; }

.success-text-bolded {
  color: #5ba52f;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px; }

.error-content {
  padding: 0px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px; }

.error-text {
  color: #dc3545; }

/* End General Styles */
/* 04. Splash with Sticky Footer Styles */
.splash-container {
  background-color: #301b0f;
  color: #ffffff;
  text-align: center; }

.splash-container form {
  display: flex;
  flex-direction: column;
  height: 100vh;
  /* Avoid the IE 10-11 min-height bug. */ }

.splash-content {
  flex: 1 0 auto;
  /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Gelasio", Georgia, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 38px;
  letter-spacing: 0px; }

.logo-splash-content {
  display: flex;
  flex-direction: column;
  align-items: center; }

.logo-splash-content .slogan {
  padding-top: 26px; }

.logo-splash-content .slogan-fade {
  color: #b4a98f; }

.logo-splash-content .slogan-highlight, .slogan .slogan-highlight {
  color: #c1f3a3;
  /* Used on Splash & Default pages */ }

.splash-footer {
  flex-shrink: 0;
  /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
  border-top: 12px solid #d6cfc1;
  padding: 28px 23px 23px;
  background: #ece9e3;
  color: #301b0f; }

/* End Splash with Sticky Footer Styles */
/* 05. Footer Styles */
.content-footer {
  flex-shrink: 0;
  /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
  border-top: 12px solid #d6cfc1;
  padding: 28px 23px 23px;
  background: #ece9e3;
  color: #301b0f; }

.content-footer .logo-and-social-container {
  padding-left: 0px;
  padding-right: 0px; }

.content-footer .social-buttons {
  padding-left: 16px;
  padding-right: 16px;
  font-size: 0;
  /* Removing space caused by carriage return/line feed in html */
  width: unset;
  text-align: center; }

.content-footer .social-buttons input {
  margin: 0px 6px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: #6d4b2c; }

.content-footer .social-buttons input:hover {
  background-color: #a75116; }

.content-footer .navbar-footer-container {
  padding-top: 25px; }

.content-footer .navbar-footer-container .footer-nav {
  margin-right: 22px;
  padding-right: 22px;
  border-right: #cbbeb2 1px solid; }

.content-footer .navbar-footer-container .footer-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.content-footer .navbar-footer-container .footer-nav li {
  padding-top: 6px;
  text-align: left;
  white-space: nowrap;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.3px;
  text-transform: uppercase; }

.content-footer .navbar-footer-container .footer-nav li:first-child {
  padding-top: 0px; }

.content-footer .navbar-footer-container .footer-nav li a {
  color: #693e20;
  text-decoration: none; }

.content-footer .navbar-footer-container .footer-nav li a:hover {
  color: #942B01;
  text-decoration: none; }

.content-footer .navbar-footer-container .footer-nav:first-child li:first-child a {
  color: #3e9b05; }

.content-footer .navbar-footer-container .footer-nav:first-child li:first-child a:hover {
  color: #388b04; }

.content-footer .navbar-footer-container .support-content {
  width: 160px;
  text-align: left; }

.content-footer .navbar-footer-title {
  padding: 0px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: #693e20; }

.content-footer .navbar-footer-text {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.2px;
  color: #966F52; }

.content-footer .navbar-footer-text p {
  padding-top: 8px; }

.content-footer .subscribe-container {
  padding-left: 0px;
  padding-right: 0px; }

.content-footer .subscribe-title {
  padding: 25px 16px 0px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: #693e20; }

.content-footer .subscribe-field {
  padding: 10px 16px 0px; }

.content-footer .subscribe-field .form-control {
  height: 32px;
  padding: 0.375rem 0.65rem;
  margin: 0px;
  background-color: #e1dbd3;
  color: #301b0f;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0px;
  border: none;
  border-radius: 4px; }

.content-footer .subscribe-field .form-control-clear {
  display: none; }

.content-footer .subscribe-field .form-control:focus {
  box-shadow: none; }

/* Do not group these rules */
.content-footer .subscribe-field .form-control::-webkit-input-placeholder {
  color: rgba(95, 58, 24, 0.6);
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0px; }

/* FF 4-18 */
.content-footer .subscribe-field .form-control:-moz-placeholder {
  color: rgba(95, 58, 24, 0.6);
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0px; }

/* FF 19+  */
.content-footer .subscribe-field .form-control::-moz-placeholder {
  color: rgba(95, 58, 24, 0.6);
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0px; }

/* IE 10+ */
.content-footer .subscribe-field .form-control:-ms-input-placeholder {
  color: rgba(95, 58, 24, 0.6);
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0px; }

.content-footer .subscribe-field .input-group-append {
  margin-left: 4px; }

.content-footer .subscribe-field .btn.btn-secondary {
  height: 32px;
  color: #301b0f;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  outline: none;
  border: none;
  border-radius: 4px !important;
  background-color: #94c972; }

.content-footer .subscribe-field .btn.btn-secondary:hover {
  background-color: #a0cd81; }

.content-footer .subscribe-field .btn.btn-secondary:focus {
  box-shadow: none; }

.content-footer a.nav-link {
  padding-top: 0px; }

a.footer-link {
  color: #693e20;
  text-decoration: none; }

a.footer-link:hover {
  color: #942B01;
  text-decoration: none; }

.copyright-and-links-content {
  padding-top: 24px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0px;
  color: #966F52; }

/* End Footer Styles */
/* 06. Main Content Styles */
.content-container {
  background-color: #ffffff;
  color: #301b0f;
  text-align: center; }

.content-container form {
  display: flex;
  flex-direction: column;
  height: 100vh;
  /* Avoid the IE 10-11 min-height bug. */ }

.spacer-above-content {
  margin-top: 80px; }

.container-fluid.body-content {
  display: flex;
  /*flex: 1 0 auto;*/
  /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
  padding: 0px;
  flex: 1; }

.container.body-content {
  flex: 1 0 auto;
  /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */ }

.title-content.row {
  text-align: left;
  margin-top: 24px; }

.title-content.row.pl-3.pr-3 {
  margin-right: -16px;
  margin-left: -16px; }

.title-content.row.contains-search {
  margin-top: 18px; }

.title-content .title-container h1 {
  padding-bottom: 2px;
  font-family: "Gelasio", Georgia, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 26px;
  letter-spacing: 0px;
  white-space: nowrap; }

.title-content .title-container.next-to-search {
  width: 100%; }

.title-content .title-container.next-to-search h1 {
  margin-top: 6px;
  margin-bottom: 2px;
  padding-bottom: 8px; }

.title-content .title-container h2, .title-content .title-container .divider {
  padding-top: 1px;
  font-family: "Gelasio", Georgia, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  letter-spacing: 0px;
  text-transform: uppercase; }

.title-content .title-container h2 {
  padding-right: 12px;
  white-space: nowrap; }

.title-content .secondary-title-content {
  padding-left: 20px;
  margin-top: 7px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0px; }

.title-content .secondary-title-content a {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0px; }

.title-content .divider {
  margin: 0px 8px 8px 8px;
  color: #a68978; }

.title-content .links-container {
  padding-right: 3px;
  margin-bottom: 13px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0px; }

.title-content .links-container a {
  margin-left: 12px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0px;
  color: #693e20; }

.title-content .links-container a:first-child {
  margin-left: 0px; }

.title-content .links-container a:hover {
  text-decoration: none;
  color: #9f4201; }

.title-content .links-container a i.fas {
  /* Add padding between nav text and icon */
  padding-left: 1px; }

.title-content .links-container .link-content {
  display: none; }

.title-content .links-italic-container {
  padding-right: 3px;
  margin-bottom: 13px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0px; }

.title-content .search-container {
  margin-top: 0px !important;
  width: 160px; }

.title-content .search-container .form-control-container {
  margin: 0px;
  padding: 0px;
  height: 34px; }

.title-content .search-container .form-control {
  padding: 0.375rem 0.65rem;
  background-color: #ffffff;
  color: #693e20;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0px;
  border: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border: #d5c4ba 1px solid;
  border-right: none; }

.title-content .search-container .form-control.search-field {
  width: 133px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.title-content .search-container .form-control-clear {
  display: none; }

.title-content .search-container .form-control:focus {
  box-shadow: none; }

.title-content .search-container a.search {
  background: url(images/Search-Icon-Dark-@2x.png) no-repeat top left;
  background-size: 20px 40px;
  height: 20px;
  width: 20px;
  display: block; }

/* Do not group these rules */
.title-content .search-container .search-field::-webkit-input-placeholder {
  color: rgba(105, 62, 32, 0.5);
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0px; }

/* FF 4-18 */
.title-content .search-container .search-field:-moz-placeholder {
  color: rgba(105, 62, 32, 0.5);
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0px; }

/* FF 19+  */
.title-content .search-container .search-field::-moz-placeholder {
  color: rgba(105, 62, 32, 0.5);
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0px; }

/* IE 10+ */
.title-content .search-container .search-field:-ms-input-placeholder {
  color: rgba(105, 62, 32, 0.5);
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0px; }

.title-content .search-container .input-group-append .input-group-text {
  padding: 6px 7px 6px 0px;
  border: none;
  background-color: #ffffff !important;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border: #d5c4ba 1px solid;
  border-left: none; }

.full-cover-content {
  background-color: #402d22;
  background-image: url("images/Aztek-Organic-Home-Background-Wide-@2x.jpg");
  /*height: 100%;*/
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /*-webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;*/ }

/* Chrome, Safari, Opera */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Standard syntax */
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.full-cover-content .slogan {
  padding: 36px 40px 16px 40px;
  font-family: "Gelasio", Georgia, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: 0px;
  color: #ffffff; }

.full-cover-content .btn-padding-bottom {
  padding-bottom: 40px; }

.content-title {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.1em; }

.content-text {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left; }

.content-link-sm {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0px; }

.copyright {
  padding-top: 24px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.7em;
  line-height: 16px;
  letter-spacing: 0px;
  color: #966F52; }

.below-title {
  padding-top: 16px; }

.bottom-spacing {
  height: 10px; }

.bottom-spacing-form {
  height: 28px; }

.main-content {
  text-align: left;
  margin-top: 12px;
  padding: 0px 0px 24px 0px; }

.main-content p.content-below-title {
  padding-top: 0px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left; }

.main-content p.content-below-image {
  padding-top: 23px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left; }

.main-content p.content-below-image strong {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px; }

.about-info {
  margin: 0px;
  padding: 0px 0px 24px 16px; }

.section-panel {
  display: none; }

.section-info {
  margin: 0px;
  padding: 26px 0px 24px 0px; }

.section-info.next-to-side-nav {
  margin: 0px;
  padding: 16px 0px 16px 24px;
  width: auto; }

.section-info.below-links {
  padding: 16px 0px 0px; }

.section-info.no-content {
  padding: 0px; }

.section-info.below-section {
  border-top: #d6cfc1 1px solid; }

.about-info h3, .section-info h3 {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 900;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #942B01; }

.about-info p.content-below-title, .section-info p.content-below-title {
  padding-top: 10px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left; }

.about-info p, .section-info p {
  padding-top: 22px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left; }

.section-info .title-container-in-section {
  text-align: left;
  margin-top: 18px; }

.section-info .title-container-in-section h4 {
  margin-top: 3px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 900;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0px; }

.section-info.below-title .title-container-in-section {
  margin-top: 8px; }

.section-info .social-buttons {
  margin-left: 9px;
  display: flex; }

.section-info .social-buttons a {
  margin-left: 6px;
  height: 34px;
  width: 34px;
  display: block;
  cursor: pointer; }

.section-info .social-buttons a.facebook {
  background: url(images/Social-Facebook-Icon-Orange-@2x.png) no-repeat top left;
  background-size: 34px 68px; }

.section-info .social-buttons a.twitter {
  background: url(images/Social-Twitter-Icon-Orange-@2x.png) no-repeat top left;
  background-size: 34px 68px; }

.section-info .social-buttons a.pinterest {
  background: url(images/Social-Pinterest-Icon-Orange-@2x.png) no-repeat top left;
  background-size: 34px 68px; }

.section-info .social-buttons a.print {
  background: url(images/Social-Print-Icon-Orange-@2x.png) no-repeat top left;
  background-size: 34px 68px; }

.section-info .social-buttons a:hover {
  background-position: 0px -34px;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -ms-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s; }

.content-section {
  margin: 0px;
  padding: 0px 0px 16px 16px; }

.content-section.addl-spacing {
  padding-top: 1px;
  padding-bottom: 23px;
  padding-left: 24px; }

.content-section.section-form-container {
  padding-bottom: 0px;
  padding-left: 24px; }

.content-subsection {
  margin-top: 18px;
  padding-top: 19px;
  border-top: #d6cfc1 1px solid; }

.section-spacing {
  margin-top: 16px; }

.list-spacing {
  margin-top: 2px; }

.link-next-to-textbox {
  margin-left: 20px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0px; }

.hide-row {
  display: none !important; }

.main-links {
  margin: 0px;
  padding: 0px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0px;
  text-align: left; }

.main-links.addl-spacing {
  margin: 0px;
  padding: 1px 0px 0px 24px; }

.main-links .content-link-sm {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0px; }

/* End Main Content Styles */
/* 07. Cart Slider Styles */
#cartSlider {
  width: 320px;
  position: fixed;
  top: 0;
  right: -320px;
  height: 100vh;
  z-index: 1999;
  background-color: #ffffff;
  color: #693e20;
  transition: all 0.3s;
  overflow-y: auto; }

#cartSlider.active {
  right: 0; }

.slider-header {
  background-color: #402d22;
  width: 320px;
  height: 52px; }

.slider-header .slider-title {
  padding-top: 12px; }

.slider-header .slider-title-icon {
  margin: -2px 5px 0px 0px; }

.slider-header .slider-title-text {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: #ffffff; }

.slider-header a.close-slider {
  background: url(images/Close-Icon-@2x.png) no-repeat top left;
  background-size: 20px 40px;
  width: 20px;
  height: 20px;
  text-align: center;
  position: absolute;
  top: 16px;
  right: 11px;
  cursor: pointer;
  display: block; }

.slider-header a:hover {
  background-position: 0px -20px;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -ms-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s; }

.cart-content {
  text-align: left;
  padding: 0px 30px; }

.cart-content.no-items {
  display: none; }

.cart-content p {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: left; }

.cart-content p.cart-info {
  padding-top: 12px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0px; }

.cart-content .cart-item-info {
  margin-top: 17px; }

.cart-content .cart-item-photo {
  margin-right: 10px; }

.cart-content .cart-item-title {
  font-family: "Gelasio", Georgia, serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0px;
  color: #301b0f; }

.cart-content .cart-item-link {
  padding-top: 4px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0px; }

.cart-content .cart-item-qty-and-price {
  margin-top: 8px; }

.cart-content .cart-item-qty {
  padding-bottom: 4px; }

.cart-content p.cart-item-price {
  padding-bottom: 5px;
  color: #942B01;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 16px;
  letter-spacing: 0px; }

.cart-content .cart-subtotal {
  margin-top: 12px;
  padding-top: 13px;
  border-top: #e7e0db 1px solid; }

.cart-content .cart-shipping, .cart-content .cart-taxes, .cart-content .cart-code {
  margin-top: 8px; }

.cart-content p.cart-subtotal-title, .cart-content p.cart-shipping-title, .cart-content p.cart-taxes-title, .cart-content p.cart-code-title {
  color: #693e20;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 15px;
  line-height: 16px;
  letter-spacing: 0px; }

.cart-content p.cart-subtotal-text {
  color: #942B01;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 16px;
  letter-spacing: 0px; }

.cart-content .cart-total {
  margin-top: 14px;
  padding-top: 15px;
  border-top: #e7e0db 1px solid; }

.cart-content p.cart-total-title {
  padding-right: 24px;
  color: #942B01;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  letter-spacing: 0px; }

.cart-content p.cart-total-text {
  color: #942B01;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 19px;
  line-height: 16px;
  letter-spacing: 0px; }

.cart-content p.cart-shipping-text, .cart-content p.cart-taxes-text, .cart-content p.cart-code-text {
  color: #693e20;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 16px;
  letter-spacing: 0px; }

.cart-content .cart-checkout-button {
  padding-top: 23px; }

.cart-content .cart-delivery-date {
  margin-top: 21px; }

.cart-content .cart-delivery-date p {
  color: #693e20;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0px; }

.cart-content .cart-delivery-date p strong {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0px; }

.cart-top-link {
  padding-top: 27px; }

.cart-top-link a {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: 0px;
  text-align: left; }

.cart-top-link a span.icon {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 17px;
  letter-spacing: 0px; }

.slider-overlay {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1998;
  opacity: 0;
  transition: all 0.5s ease-in-out; }

.slider-overlay.active {
  display: block;
  opacity: 1; }

/* End Cart Slider Styles*/
/* 08. Item Details Styles */
.item-details-container {
  margin: 2px 0px 0px;
  padding: 8px 0px;
  background-color: #f5f4f1; }

.item-details-info {
  padding-top: 14px;
  text-align: left; }

.item-details-info h3 {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 900;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0px; }

.item-details-info .item-price-and-star-rating {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px; }

.item-details-info .item-price {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #942B01;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 1px; }

.item-details-info .item-price-divider {
  color: #cab6aa; }

.item-details-info a.item-star-rating {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0px; }

.item-details-info a.item-star-rating img, .item-details-info a.item-star-rating span {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 2px; }

.item-details-info a.item-star-rating img {
  width: 70px;
  height: 14px; }

.item-details-info a.item-star-rating span {
  margin-bottom: 1px; }

.item-details-info .item-description {
  padding-top: 17px; }

.item-details-info .item-stock-status {
  padding-top: 7px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #966F52; }

.item-details-info .add-item-to-cart {
  padding-top: 16px; }

.item-details-info .add-item-to-cart .input-group-prepend .input-group-text, .cart-item-qty .input-group-prepend .input-group-text {
  border: #d5c4ba 1px solid;
  background-color: #f0efec;
  color: #966F52;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 15px;
  line-height: 16px;
  letter-spacing: 0px;
  border-radius: 0px; }

.item-details-info .add-item-to-cart select, .cart-item-qty select {
  padding-bottom: 7px;
  border: #d5c4ba 1px solid;
  color: #301b0f;
  border-radius: 0px;
  box-shadow: none; }

.cart-item-qty select.custom-select:focus {
  box-shadow: 0 0 0 0.2rem rgba(213, 196, 186, 0.25);
  border: #d5c4ba 1px solid; }

.item-details-info .add-item-to-cart .input-group-append {
  padding-left: 8px; }

.item-img-sm {
  width: 120px; }

.item-img-lg, .img-full-width {
  /*-ms-flex-negative: 0;*/
  /*flex-shrink: 0;*/
  width: 100%;
  height: auto; }

.thumb-button-container {
  text-align: left; }

.thumb-button-container a.thumb-link {
  margin: 3px 9px 1px 1px;
  outline: #ce772b 1px solid;
  opacity: 0.5; }

.thumb-button-container a.thumb-link.selected {
  opacity: 1; }

.thumb-button-container a.thumb-link:hover {
  opacity: 1; }

.thumb-button-container a.thumb-link img {
  width: 100px;
  height: auto; }

.zoom {
  display: inline-block;
  position: relative; }

.zoom:after {
  content: '';
  display: block;
  width: 36px;
  height: 36px;
  position: absolute;
  top: 16px;
  right: 16px;
  background: url(images/Maximize-Icon-@2x.png);
  background-color: #fff;
  border-radius: 50%;
  background-size: 36px 36px;
  pointer-events: none; }

.zoom img {
  display: block; }

.zoom img::selection {
  background-color: transparent; }

#photo-main img:hover {
  cursor: url(images/grab.cur), default; }

#photo-main img:active {
  cursor: url(images/grabbed.cur), default; }

/* End Item Details Styles */
/* 09. Payment Details Styles */
.card-details {
  margin: 16px 0px 0px;
  padding: 9px 8px;
  background-color: #f9f8f7;
  border-radius: 8px;
  border: #ddd7cc 1px solid; }

.card-details .card-logo img {
  margin: 2px 8px 0px 3px;
  width: auto;
  height: 24px;
  border-radius: 4px;
  border: #d5c4ba 1px solid; }

.card-details .card-description {
  margin: 0px;
  padding: 5px 12px 5px 0px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: left; }

.card-details .card-description .default-indicator {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0px; }

.card-details .card-links {
  padding: 6px 12px 5px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0px;
  text-align: right;
  white-space: nowrap; }

.card-details .content-link-sm {
  margin: 0px;
  padding: 0px 0px 0px 8px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0px; }

.below-credit-cards {
  margin: 0px;
  padding: 16px 0px 3px 0px; }

/* End Payment Details Styles */
/* 10. Shipping Addresses Styles */
.shipping-addresses .content-section, .shipping-addresses .below-cards {
  padding-left: 24px; }

.shipping-addresses .card-container {
  margin-top: 16px;
  padding-left: 24px; }

.shipping-addresses .card-container .default-indicator {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0px; }

.shipping-addresses .card-container .col .card {
  background-color: #f9f8f7;
  border-radius: 8px;
  border: #ddd7cc 1px solid; }

.shipping-addresses .card-container .col .card .card-name-text {
  padding: 7px 12px 0px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px;
  color: #942B01; }

.shipping-addresses .card-container .col .card .card-address-text {
  padding: 0px 12px 0px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px; }

.shipping-addresses .card-container .col .card .card-links {
  padding: 7px 12px 6px;
  margin-left: auto;
  margin-top: auto; }

.shipping-addresses .card-container .col .card .content-link-sm {
  margin: 0px;
  padding: 0px 0px 0px 8px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0px;
  white-space: nowrap; }

/* End Shipping Addresses Styles */
/* 11. Reviews Styles */
.review-details {
  margin: 16px 0px 0px;
  border-radius: 8px;
  border: #ddd7cc 1px solid; }

.review-details:first-child {
  margin-top: 0px; }

.review-top-bar {
  padding: 9px 8px 8px;
  border-radius: 8px 8px 0px 0px;
  border-bottom: #ddd7cc 1px solid;
  background-color: #f9f8f7; }

.review-details .review-info {
  margin: 0px;
  padding: 8px 12px 10px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0px;
  text-align: left; }

.review-details .review-links {
  padding: 8px 12px 10px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0px;
  text-align: right;
  white-space: nowrap; }

.review-details .content-link-sm {
  margin: 0px;
  padding: 0px 0px 0px 8px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0px; }

.review-details .review-inside {
  padding: 15px 20px;
  text-align: left; }

.review-details .review-content {
  padding-top: 4px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px; }

.below-reviews {
  margin: 0px;
  padding: 16px 0px 3px 0px; }

/* End Reviews Styles */
/* 12. Order History Styles */
.orders-no-match {
  display: none; }

.no-orders-container {
  padding-top: 24px; }

.order-details {
  text-align: left; }

.order-details .sort-by-dropdown {
  padding-top: 0px;
  /*padding-bottom: 4px;*/ }

.order-details .sort-by-dropdown .col-auto {
  padding-top: 4px;
  padding-right: 0px; }

.order-details .dropdown-label {
  margin-bottom: 4px;
  text-transform: uppercase;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.3px; }

.order-details .search-container {
  padding: 0px;
  padding-top: 16px;
  width: 160px; }

.order-details .search-container .form-control-container {
  margin: 0px;
  padding: 0px;
  height: 34px; }

.order-details .search-container .form-control {
  padding: 0.375rem 0.65rem;
  background-color: #ffffff;
  color: #693e20;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0px;
  border: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border: #d5c4ba 1px solid;
  border-right: none; }

.order-details .search-container .form-control.search-field {
  width: 133px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.order-details .search-container .form-control-clear {
  display: none; }

.order-details .search-container .form-control:focus {
  box-shadow: none; }

.order-details .search-container a.search {
  background: url(images/Search-Icon-Dark-@2x.png) no-repeat top left;
  background-size: 20px 40px;
  height: 20px;
  width: 20px;
  display: block; }

/* Do not group these rules */
.order-details .search-container .search-field::-webkit-input-placeholder {
  color: rgba(105, 62, 32, 0.5);
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0px; }

/* FF 4-18 */
.order-details .search-container .search-field:-moz-placeholder {
  color: rgba(105, 62, 32, 0.5);
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0px; }

/* FF 19+  */
.order-details .search-container .search-field::-moz-placeholder {
  color: rgba(105, 62, 32, 0.5);
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0px; }

/* IE 10+ */
.order-details .search-container .search-field:-ms-input-placeholder {
  color: rgba(105, 62, 32, 0.5);
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0px; }

.order-details .search-container .input-group-append .input-group-text {
  padding: 6px 7px 6px 0px;
  border: none;
  background-color: #ffffff !important;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border: #d5c4ba 1px solid;
  border-left: none; }

.order-details .item-order {
  margin-top: 16px;
  border: #ddd7cc 1px solid;
  border-radius: 8px; }

.order-details .order-top-info-container {
  margin: 0px;
  padding: 17px 5px;
  background-color: #f9f8f7;
  border-radius: 8px 8px 0px 0px;
  border-bottom: #ddd7cc 1px solid; }

.order-details .order-top-info-container .col-sm-auto {
  padding-top: 13px; }

.order-details .order-info-title {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0px; }

.order-details .order-info-content-date {
  color: #942B01;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0px; }

.order-details .order-info-content-num {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0px; }

.order-details .order-info-link {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0px; }

.order-details .order-inside-container {
  margin: 0px;
  padding: 17px 5px 14px; }

.order-details .order-img-container.col-auto {
  padding: 0px 4px 15px 15px; }

.order-details .order-img-container .order-img-left {
  margin: 3px 0px 0px;
  width: auto;
  height: 120px; }

.order-details .order-item-text {
  margin-top: 1px;
  font-family: "Gelasio", Georgia, serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px; }

.order-details .order-quantity-text {
  margin-top: 4px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0px; }

.order-details .order-title-text {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0px; }

.order-details .order-shipping-text {
  margin-top: 5px;
  margin-bottom: 15px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0px; }

.order-details .order-status-text {
  margin: 0px 0px 15px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px; }

.order-details .not-delivered {
  color: #5ba52f; }

.order-details .delivered {
  color: #942B01; }

.order-details .order-buttons-container {
  margin-bottom: 6px; }

.order-details .order-side-button:first-child {
  margin-top: 3px; }

.order-details .order-side-button {
  margin-top: 8px; }

.order-details .order-side-button input {
  width: 204px; }

.below-orders {
  margin: 0px;
  padding: 16px 0px 3px 0px; }

/* End Order History Styles */
/* 13. Order Invoice Styles */
.order-invoice {
  text-align: left; }

.order-invoice .invoice-top-info {
  margin-top: 3px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0px; }

.order-invoice .invoice-section {
  margin-top: 16px;
  border: #000000 1px solid;
  border-radius: 8px; }

.order-invoice .invoice-top-title-container {
  margin: 0px;
  padding: 9px 5px;
  border-radius: 8px 8px 0px 0px;
  border-bottom: #000000 1px solid;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 900;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #942B01;
  text-align: center; }

.order-invoice .invoice-inside-container {
  margin: 0px;
  padding: 13px 1px 15px; }

.order-invoice .invoice-item-info-container {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0px; }

.order-invoice .invoice-item-subsection {
  margin: 20px 0px 0px 0px; }

.order-invoice .invoice-item-subsection:first-child {
  margin-top: 0px; }

.order-invoice .invoice-title-text {
  margin-bottom: 4px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0px; }

.order-invoice .invoice-subtitle-text {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0px; }

.order-invoice .invoice-highlighted-text {
  color: #942B01; }

.order-invoice .price-info-container {
  padding-top: 20px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: right; }

.order-invoice .price-table.table {
  margin-bottom: 0px;
  width: 208px;
  float: right; }

.order-invoice .price-table.table tr.divider-line td {
  padding: 0px 0px 5px; }

.order-invoice .price-table.table tr.divider-line td div {
  padding-top: 10px;
  border-bottom: #b2b2b2 1px solid; }

.order-invoice .price-table.table td {
  padding-bottom: 0px;
  border-top: none; }

.order-invoice .price-table.table td .invoice-order-total {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0px; }

.order-invoice .price-table.table td:last-child {
  padding-right: 0px;
  width: 1%; }

.order-invoice-footer {
  padding: 12px 0px 22px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px; }

.order-invoice-footer a {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px; }

/* End Order Invoice Styles */
/* 14. FAQ Styles */
.faq-container {
  background: url(images/Aztek-Organic-FAQ-Bg-@2x.png) no-repeat top 106px right 0px;
  background-size: 572px 732px; }

.faq-no-match {
  display: none; }

.no-questions-container {
  padding-top: 24px; }

.faq-section {
  padding-top: 27px; }

.faq-section:first-child {
  padding-top: 24px; }

.faq-section h2 {
  padding: 0px;
  margin-bottom: 3px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 900;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.1em;
  text-align: left;
  text-transform: uppercase;
  color: #942B01; }

.faq-section .question-and-answer-container {
  text-align: left;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px; }

.faq-section .question-content {
  padding-top: 16px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px; }

.faq-section .answer-content {
  padding-top: 14px; }

.below-questions {
  margin: 0px;
  padding: 24px 0px 0px 0px; }

.below-questions:last-of-type {
  padding-bottom: 3px; }

.below-questions .num-results {
  padding-bottom: 0px; }

.below-questions:last-of-type .num-results {
  padding-bottom: 21px; }

.faq-no-match .below-questions {
  padding-top: 16px; }

/* End FAQ Styles */
/* 15. Card Styles */
.next-to-side-nav {
  width: calc(100% - 160px); }

.card-container .col {
  margin: 0px;
  padding: 0px 0px 16px 16px; }

.card-container .col[data-section='beef'], .col[data-section='wagyu'], .col[data-section='lamb'], .col[data-section='kitchen'], .col[data-section='leather'], .col[data-section='pets'], .col[data-section='beef-and-wagyu'], .col[data-section='other'] {
  display: none; }

.card-container .col .card {
  background-color: #f5f4f1;
  border-radius: 8px;
  border: #f5f4f1 8px solid; }

.card-container .col .card .card-img-container {
  position: relative; }

.card-container .col .card .card-img-description {
  position: absolute;
  bottom: 6px;
  left: 0;
  right: 0;
  background: rgba(73, 44, 37, 0.75);
  height: 33px;
  color: #ffffff;
  visibility: hidden;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  /* transition effect - not necessary */
  transition: opacity .5s, visibility .5s; }

.card-container .col .card .card-img-container:hover .card-img-description {
  visibility: visible;
  opacity: 1;
  cursor: pointer; }

.card-container .col .card .card-body {
  padding: 8px;
  text-align: left;
  align-items: flex-start;
  min-height: 112px;
  display: flex;
  flex-direction: column; }

.card-container .col .card .card-body h4.card-title-text {
  margin-bottom: 0px;
  font-family: "Gelasio", Georgia, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0px; }

.card-container .col .card .card-body h4.card-title-text a {
  color: #693e20; }

.card-container .col .card .card-body h4.card-title-text a:hover {
  text-decoration: none;
  color: #9f4201; }

.card-container .col .card .card-body .card-price-text {
  padding-top: 3px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0px;
  color: #966F52; }

.card-container .col .card .card-body .card-stock-text, .card-container .col .card .card-body .card-ingredients-text {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0px;
  color: #966F52;
  margin-left: auto;
  margin-top: auto; }

.card-container .col .card .card-body .out-of-stock {
  color: #de0101; }

.no-cards-container {
  display: none; }

.below-cards {
  margin: 0px;
  padding: 0px 0px 3px 16px; }

.num-results {
  text-align: center;
  padding: 6px 0px 21px 0px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0px;
  border-top: #e7e0db 1px solid;
  color: #693e20; }

/* End Card Styles */
/* 16. Button Styles */
.button-container a.btn.btn-light {
  padding: 9px 32px;
  color: #301b0f;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.92);
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border: none; }

.button-container a.btn.btn-light:hover {
  color: #3e9b05;
  background-color: white; }

.btn.btn-primary {
  padding-left: 32px;
  padding-right: 32px;
  background-color: #77be4c;
  border: #77be4c 1px solid;
  border-radius: 4px !important;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #ffffff;
  box-shadow: none; }

.btn.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  background-color: #ffffff;
  border-color: #77be4c;
  color: #3e9b05; }

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: none; }

.btn.btn-primary:disabled {
  background-color: #77be4c;
  border-color: #77be4c;
  color: #ffffff; }

.btn.btn-primary.aspNetDisabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.5; }

.btn.btn-primary-alt {
  padding-left: 32px;
  padding-right: 32px;
  background-color: #ffffff;
  border: #ce772b 1px solid;
  border-radius: 4px !important;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #ce772b;
  box-shadow: none; }

.btn.btn-primary-alt:hover, .btn-primary-alt:not(:disabled):not(.disabled):active, .btn-primary-alt:not(:disabled):not(.disabled).active, .show > .btn-primary-alt.dropdown-toggle {
  border-color: #cd4b23;
  color: #cd4b23; }

.btn-primary-alt:not(:disabled):not(.disabled):active:focus, .btn-primary-alt:not(:disabled):not(.disabled).active:focus, .show > .btn-primary-alt.dropdown-toggle:focus {
  box-shadow: none; }

.btn.btn-primary-alt:disabled {
  background-color: #ffffff;
  border-color: #ce772b;
  color: #ce772b; }

.btn.btn-primary-alt.aspNetDisabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.5; }

/* End Button Styles */
/* 17. Top Link Styles */
.top-link-button {
  display: none;
  position: fixed;
  bottom: 18px;
  left: 0px;
  width: 38px;
  height: 38px;
  z-index: 99;
  background: url(images/Top-Icon-@2x.png) no-repeat top left;
  background-color: #53422f;
  background-color: rgba(64, 45, 24, 0.9);
  background-size: 38px 76px;
  border-radius: 4px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.top-link-button:hover {
  background-color: #4a3824;
  background-color: rgba(64, 45, 24, 0.95);
  background-position: 0px -38px; }

/* End Top Link Styles */
/* 18. Navigation Styles */
.navbar {
  margin-top: 0; }

.navbar a.nav-link {
  padding: 8px 0px !important; }

.navbar.bg-dark {
  background-color: #402d22 !important;
  border-bottom: none; }

.navbar .navbar-nav.navbar-center {
  margin-left: auto;
  margin-right: auto; }

.navbar.navbar-menu .navbar-nav li:first-child a.nav-link {
  color: #bbeb9d;
  color: rgba(193, 243, 163, 0.94); }

.navbar.navbar-menu .navbar-nav li:first-child a.nav-link:hover {
  color: #c1f3a3 !important;
  color: #c1f3a3 !important; }

.navbar .navbar-nav a.home {
  background: url(images/Home-Icon-@2x.png) no-repeat top left;
  background-size: 20px 40px;
  height: 20px;
  width: 20px;
  display: none; }

.navbar .navbar-nav a.search {
  background: url(images/Search-Icon-@2x.png) no-repeat top left;
  background-size: 20px 40px;
  height: 20px;
  width: 20px;
  display: block; }

.navbar .navbar-nav a.cart-icon {
  margin-left: 14px;
  background: url(images/Cart-Icon-@2x.png) no-repeat top left;
  background-size: 20px 40px;
  height: 20px;
  width: 20px;
  display: block; }

.navbar .navbar-nav a:hover, .navbar .navbar-nav a.cart-icon.hover {
  background-position: 0px -20px;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -ms-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s; }

.navbar .navbar-nav a.cart-icon.not-active {
  pointer-events: none;
  cursor: default; }

.navbar button.navbar-toggler {
  padding: 0px;
  border: none; }

.navbar .navbar-nav .search-container {
  padding-left: 12px;
  width: 50%;
  min-width: 120px; }

.navbar .navbar-nav .search-container .form-control {
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.5rem;
  margin: 0px;
  background-color: #4f3d33;
  color: #ffffff;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0px;
  border: none; }

.navbar .navbar-nav .search-container .form-control-clear {
  display: none; }

.navbar .navbar-nav .search-container .form-control:focus {
  box-shadow: none; }

/* Do not group these rules */
.navbar .navbar-nav .search-container .search-field::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0px; }

/* FF 4-18 */
.navbar .navbar-nav .search-container .search-field:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0px; }

/* FF 19+  */
.navbar .navbar-nav .search-container .search-field::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0px; }

/* IE 10+ */
.navbar .navbar-nav .search-container .search-field:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0px; }

.navbar .navbar-nav .search-container .input-group-append .input-group-text {
  padding: 6px 8px 6px 0px;
  border: none;
  background-color: #4f3d33 !important; }

.navbar button.navbar-toggler:focus {
  outline: #402d22 1px solid; }

.navbar button.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background: url(images/Close-Icon-@2x.png) no-repeat top left;
  background-size: 20px 40px;
  height: 20px;
  width: 20px; }

.navbar button.navbar-toggler[aria-expanded="false"] .navbar-toggler-icon {
  background: url(images/Menu-Icon-@2x.png) no-repeat top left;
  background-size: 20px 40px;
  height: 20px;
  width: 20px; }

.navbar button.navbar-toggler .navbar-toggler-icon:hover {
  background-position: 0px -20px;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -ms-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s; }

.navbar.navbar-above-menu .navbar-left-nav, .navbar.navbar-above-menu .navbar-right-nav {
  width: calc(50% - 24px) !important;
  /* 50% - half of logo's width */ }

.navbar.navbar-above-menu .navbar-right-nav a.nav-link {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0px;
  color: rgba(255, 255, 255, 0.9); }

.navbar.navbar-above-menu .navbar-right-nav a.nav-link:hover {
  color: #ffffff; }

.navbar.navbar-above-menu .navbar-right-nav a.nav-link:active, .navbar.navbar-above-menu .navbar-right-nav a.nav-link:visited, .navbar.navbar-above-menu .navbar-right-nav a.nav-link:focus {
  color: rgba(255, 255, 255, 0.9); }

.navbar.navbar-above-menu .navbar-right-nav a.nav-link.cart {
  margin-left: 4px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: #e9dbbb; }

.navbar.navbar-above-menu .navbar-right-nav a.nav-link.cart:hover, .navbar.navbar-above-menu .navbar-right-nav a.nav-link.cart.hover {
  color: #ffffff !important; }

.navbar.navbar-above-menu .navbar-right-nav a.nav-link.cart:active, .navbar.navbar-above-menu .navbar-right-nav a.nav-link.cart:visited, .navbar.navbar-above-menu .navbar-right-nav a.nav-link.cart:focus {
  color: #e9dbbb; }

.navbar.navbar-above-menu .navbar-right-nav a.nav-link.cart.not-active {
  pointer-events: none;
  cursor: default; }

.navbar-nav .nav-secondary, .navbar-nav .dropdown-secondary {
  display: none; }

.navbar-nav .nav-secondary a.nav-link {
  margin-left: 14px;
  margin-bottom: 1px; }

.navbar-nav .dropdown-secondary .dropdown-menu {
  position: absolute; }

.navbar-nav .dropdown-secondary .nav-link.dropdown-toggle::after {
  color: #b4a98f; }

.navbar.navbar-menu {
  padding: 0px; }

.navbar.navbar-menu:before, .navbar.navbar-menu .navbar-collapse:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0;
  height: 0px;
  width: auto;
  border-top: none; }

.navbar.navbar-menu .navbar-collapse.show:before {
  content: "";
  position: absolute;
  left: 16px;
  top: 0;
  height: 1px;
  width: calc(100% - 32px);
  border-top: #66574e 1px solid; }

.navbar.navbar-menu a.nav-link {
  padding: 7px 8px !important;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: #f1f0f0;
  color: rgba(255, 255, 255, 0.9); }

.navbar.navbar-menu a.nav-link:hover {
  color: #ffffff !important;
  background-color: none; }

.navbar.navbar-menu a.nav-link:active, .navbar.navbar-menu a.nav-link:visited, .navbar.navbar-menu a.nav-link:focus {
  color: #f1f0f0;
  color: rgba(255, 255, 255, 0.9); }

.navbar.navbar-menu a.nav-link.dropdown-toggle::after {
  vertical-align: 0.18em !important;
  color: #b4a98f; }

.navbar.navbar-menu a.nav-link i.fa, .navbar.navbar-menu a.nav-link i.fas {
  /* Add padding to between nav text and icon */
  padding-left: 5px; }

.navbar.navbar-menu .dropdown-menu, .navbar.navbar-above-menu .dropdown-menu {
  padding: 0px;
  margin: 0px;
  min-width: 144px;
  background-color: #ece9e3;
  background-color: rgba(236, 233, 227, 0.96);
  background-clip: unset;
  border: none;
  border-bottom: none;
  border-radius: unset;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0px;
  text-align: center; }

.navbar.navbar-menu .dropdown-menu a, .navbar.navbar-menu .dropdown-menu a:link, .navbar.navbar-above-menu .dropdown-menu a, .navbar.navbar-above-menu .dropdown-menu a:link {
  padding: 3px 0px;
  margin: 0px;
  color: #693e20; }

.navbar.navbar-menu .dropdown-menu a:hover, .navbar.navbar-above-menu .dropdown-menu a:hover {
  color: #9f4201;
  background-color: transparent; }

.navbar.navbar-menu .dropdown-menu a:first-child, .navbar.navbar-above-menu .dropdown-menu a:first-child {
  padding-top: 5px; }

.navbar.navbar-menu .dropdown-menu a:last-child, .navbar.navbar-above-menu .dropdown-menu a:last-child {
  padding-bottom: 5px; }

.navbar.navbar-above-menu .dropdown-menu {
  border-bottom: #d6cfc1 8px solid;
  border-bottom: rgba(214, 207, 193, 0.96) 8px solid;
  text-align: left; }

.navbar.navbar-above-menu .dropdown-menu a, .navbar.navbar-above-menu .dropdown-menu a:link {
  padding: 3px 21px; }

.navbar.navbar-above-menu .dropdown-menu a:first-child {
  padding-top: 12px; }

.navbar.navbar-above-menu .dropdown-menu a:last-child {
  padding-bottom: 12px; }

.nav-and-card-content {
  padding-top: 14px; }

.nav-and-card-content.row.pl-3.pr-3 {
  margin-right: -16px;
  margin-left: -16px; }

.navbar.navbar-content-left-side {
  align-items: start;
  width: 160px; }

.navbar.navbar-content-left-side.bg-light {
  padding: 0px;
  padding-bottom: 32px;
  background-color: #ffffff !important; }

.navbar.navbar-content-left-side .nav-item {
  padding: 2px 0px;
  text-align: left;
  width: 160px;
  border-top: #e7e0db 1px solid; }

.navbar.navbar-content-left-side .nav-item:last-child {
  border-bottom: #e7e0db 1px solid; }

.navbar.navbar-content-left-side .nav-item .nav-link {
  padding: 6px 0px 6px 2px !important;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: #693e20; }

.navbar.navbar-content-left-side .nav-item .nav-link:hover {
  color: #9f4201; }

.navbar.navbar-content-left-side .nav-item.no-subnav .nav-link.active {
  background-color: #f3f0ee; }

.navbar.navbar-content-left-side .nav-item.no-subnav .nav-link:hover {
  background-color: #f3f0ee; }

.navbar.navbar-content-left-side .nav-item.no-subnav .nav-link.active::after, .navbar.navbar-content-left-side .nav-item.no-subnav .nav-link:hover::after {
  padding-right: 7px;
  font-family: FontAwesome;
  content: "\f054";
  font-size: 11px;
  font-style: normal;
  text-align: right;
  float: right; }

.navbar.navbar-content-left-side .nav-item .nav-link.dropdown-toggle::after {
  color: #b4a98f; }

.navbar.navbar-content-left-side .nav-item .dropdown-menu.show {
  margin: 0;
  padding: 0px;
  margin-top: 2px;
  padding-top: 2px;
  border: none;
  outline: none;
  border-radius: 0px;
  border-top: #e7e0db 1px solid; }

.navbar.navbar-content-left-side .nav-item .dropdown-menu a.dropdown-item {
  margin: 0;
  padding: 6px 0px 6px 9px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.4px;
  color: #693e20; }

.navbar.navbar-content-left-side .nav-item .dropdown-menu a.dropdown-item:hover {
  color: #9f4201;
  background-color: #f3f0ee; }

.navbar.navbar-content-left-side .nav-item .dropdown-menu.show a.dropdown-item.active {
  background-color: #f3f0ee; }

.navbar.navbar-content-left-side .nav-item .dropdown-menu.show a.dropdown-item.active::after, .navbar.navbar-content-left-side .nav-item .dropdown-menu.show a.dropdown-item:hover::after {
  padding-right: 7px;
  font-family: FontAwesome;
  content: "\f054";
  font-size: 11px;
  font-style: normal;
  text-align: right;
  float: right; }

.navbar.navbar-content-left-side a.search {
  background: url(images/Search-Icon-Dark-@2x.png) no-repeat top left;
  background-size: 20px 40px;
  height: 20px;
  width: 20px;
  display: block; }

.navbar.navbar-content-left-side a:hover {
  background-position: 0px -20px;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -ms-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s; }

.navbar.navbar-content-left-side .search-container {
  padding: 0px;
  width: 160px; }

.navbar.navbar-content-left-side .search-container .above-form-container {
  padding: 19px 0px 8px 0px;
  text-align: left;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0px;
  color: #693e20; }

.navbar.navbar-content-left-side .search-container .form-control-container {
  margin: 0px;
  padding: 0px;
  height: 34px; }

.navbar.navbar-content-left-side .search-container .form-control {
  padding: 0.375rem 0.65rem;
  background-color: #ffffff;
  color: #693e20;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0px;
  border: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border: #d5c4ba 1px solid;
  border-right: none; }

.navbar.navbar-content-left-side .search-container .form-control.search-field {
  width: 133px; }

.navbar.navbar-content-left-side .search-container .form-control-clear {
  display: none; }

.navbar.navbar-content-left-side .search-container .form-control:focus {
  box-shadow: none; }

/* Do not group these rules */
.navbar.navbar-content-left-side .search-container .search-field::-webkit-input-placeholder {
  color: rgba(105, 62, 32, 0.5);
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0px; }

/* FF 4-18 */
.navbar.navbar-content-left-side .search-container .search-field:-moz-placeholder {
  color: rgba(105, 62, 32, 0.5);
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0px; }

/* FF 19+  */
.navbar.navbar-content-left-side .search-container .search-field::-moz-placeholder {
  color: rgba(105, 62, 32, 0.5);
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0px; }

/* IE 10+ */
.navbar.navbar-content-left-side .search-container .search-field:-ms-input-placeholder {
  color: rgba(105, 62, 32, 0.5);
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0px; }

.navbar.navbar-content-left-side .search-container .input-group-append .input-group-text {
  padding: 6px 7px 6px 0px;
  border: none;
  background-color: #ffffff !important;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border: #d5c4ba 1px solid;
  border-left: none; }

/* End Navigation Styles */
/* 19. Recipes Styles */
.recipe-section.below-title {
  padding-top: 0px; }

.recipe-section p.content-below-title {
  padding-top: 12px; }

.recipe-section .ingredients-content, .recipe-section .times-content, .recipe-section .photo-content {
  padding-top: 22px; }

.recipe-section .times-content h5:first-child {
  padding-top: 0px; }

.recipe-section .times-content h5 {
  padding-top: 22px; }

.recipe-section h5 {
  font-family: "Gelasio", Georgia, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px; }

.recipe-section ul, .recipe-section ol {
  margin-bottom: 0px;
  text-align: left;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px; }

.recipe-section em {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px; }

.recipe-section ul li:first-child, .recipe-section ol li:first-child {
  margin-top: 0px; }

.recipe-section ul li, .recipe-section ol li {
  padding-left: 0px;
  margin-top: 8px; }

.recipe-section ol li {
  padding-left: 4px; }

.recipe-section .instructions-container {
  padding-top: 22px;
  text-align: left; }

/* End Recipes Styles */
/* 20. Reviews Styles */
.reviews-container {
  padding-top: 10px; }

.reviews-summary {
  text-align: left; }

.reviews-summary .num-reviews {
  padding-top: 0px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0px; }

.summary-bar-container {
  padding-top: 12px; }

.summary-bar {
  margin-top: 4px;
  height: 16px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 15px;
  letter-spacing: 0px; }

.summary-bar .bar-num-stars {
  padding-right: 8px; }

.summary-bar .bar-w200 {
  width: 200px;
  background-color: #eae8e7; }

.summary-bar .bar-w200 img {
  margin-bottom: 4px; }

.summary-bar .bar-percent-stars {
  width: 42px;
  text-align: right; }

.write-review-button {
  margin-top: 20px; }

.summary-sign-in {
  padding-top: 10px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0px; }

.star-rating-with-text img, .star-rating-with-title img {
  width: 70px;
  height: 14px;
  margin-bottom: 4px; }

.star-rating-with-title {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px; }

.item-reviews {
  text-align: left; }

.item-reviews .top-content {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px; }

.item-reviews .item-review {
  padding-top: 20px; }

.item-reviews .sort-by-dropdown {
  padding-top: 24px; }

.item-reviews .sort-by-dropdown .col-sm-auto:first-child {
  padding-top: 0px; }

.item-reviews .sort-by-dropdown .col-sm-auto {
  padding-top: 16px;
  padding-right: 0px; }

.item-reviews .dropdown-label {
  margin-bottom: 4px;
  text-transform: uppercase;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.3px; }

.item-reviews .between-dropdowns {
  position: relative;
  top: 1px;
  margin: 0px 4px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0px; }

.sort-by-dropdown select.custom-select {
  width: auto;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px; }

.sort-by-dropdown select.custom-select:focus {
  box-shadow: 0 0 0 0.2rem rgba(213, 196, 186, 0.25);
  border: #d5c4ba 1px solid; }

.item-reviews .filter-info {
  padding-top: 20px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0px; }

.item-review.not-yet-added {
  display: none; }

.item-review p {
  padding-top: 1px; }

.item-review .review-content {
  padding-top: 15px; }

.item-review .customer-photos {
  padding-top: 20px; }

.item-review .customer-photos.none {
  padding-top: 0px;
  display: none; }

.item-review .customer-photos a {
  margin: 8px 8px 0px 0px;
  display: inline-block; }

.item-review .customer-photos img {
  width: auto;
  height: 96px; }

.item-review .customer-info {
  padding-top: 0px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0px; }

.item-review .verified-text {
  color: #5ba52f;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0px; }

/* End Reviews Styles */
/* 21. Modal Styles */
.modal-content {
  border: none;
  border-radius: unset; }

.modal-header {
  display: block;
  justify-content: normal;
  padding: 8px 16px;
  border-bottom: none;
  background-color: #402d22;
  border-radius: unset;
  align-items: center; }

.modal-header .modal-title {
  color: #ffffff;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.3px;
  text-transform: uppercase; }

.modal-header a.close-modal {
  background: url(images/Close-Icon-@2x.png) no-repeat top left;
  background-size: 20px 40px;
  width: 20px;
  height: 20px;
  text-align: center;
  position: absolute;
  top: 10px;
  right: 11px;
  cursor: pointer;
  display: block; }

.modal-header a:hover {
  background-position: 0px -20px;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -ms-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s; }

.modal-dialog.image-only {
  max-width: 640px;
  max-height: 640px; }

.modal-body {
  background-color: #ffffff;
  text-align: left; }

.modal-body .image-preview {
  width: 100%; }

.modal-form-container {
  padding: 16px 24px 24px 24px; }

.modal-form-container .form-modal-button {
  margin-top: 16px; }

.modal-form-container .star-rating {
  color: #ce772b;
  font-size: 20px;
  line-height: 20px; }

.modal-form-container .star-rating input {
  display: none; }

.modal-form-container .star-rating .fa {
  padding-right: 2px; }

.modal-form-container .star-rating .fa:hover {
  cursor: pointer; }

.modal-form-container .star-rating .invalid-feedback {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12.8px;
  line-height: 22px;
  letter-spacing: 0px; }

/* End Modal Styles */
/* 22. Form Styles */
.checkout-container, .checkout-container.no-side-panel, .account-container, .account-container.no-side-panel {
  padding-top: 2px; }

.checkout-container.row.pl-3.pr-3, .account-container.row.pl-3.pr-3 {
  margin-right: -16px;
  margin-left: -16px; }

.order-summary {
  margin-top: 6px;
  padding-bottom: 30px;
  background-color: #f5f4f1;
  width: 100%;
  border-radius: 8px; }

.summary-top-title {
  padding: 27px 30px 0px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 900;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.7px;
  color: #942B01;
  text-transform: uppercase;
  text-align: left; }

.checkout-form, .account-form {
  width: 100%;
  text-align: left; }

.account-form.col-lg-4, .account-form.col-lg-8 {
  padding: 0px; }

.checkout-form .button-below-content, .account-form .button-below-content {
  padding-top: 24px; }

.checkout-form .checkout-panel, .account-form .account-panel {
  display: none; }

.checkout-section {
  padding: 24px 0px 0px 0px; }

.account-section {
  padding: 8px 0px 0px 0px;
  margin-bottom: 20px !important; }

.checkout-container.no-side-panel .checkout-section, .account-container.no-side-panel .account-section {
  padding-top: 3px; }

.section-form-container .account-section {
  padding-top: 2px; }

.checkout-section h2, .account-section h2 {
  padding: 0px 0px 10px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 900;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #942B01; }

.checkout-section h2.form-subsection, .account-section h2.form-subsection {
  margin-top: 16px;
  padding-top: 28px;
  border-top: #d6cfc1 1px solid; }

.checkout-section p, .account-section p {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px; }

.checkout-section em, .account-section em {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px; }

.checkout-section strong, .account-section strong {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px; }

.checkout-section .form-checkout-button, .account-section .form-account-button {
  margin-top: 12px; }

.account-section .form-control.mw-320 {
  max-width: unset; }

.form-container label {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px; }

.form-container label .instructions {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0px;
  text-transform: uppercase; }

.form-container input, .form-container select, .form-container textarea {
  padding-top: 5px;
  padding-bottom: 7px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
  border-radius: 0px;
  border: #d5c4ba 1px solid; }

.form-container textarea {
  padding-top: 8px; }

.modal-form .form-container input {
  padding-top: 6px; }

.form-container input:focus, .form-container select:focus, .form-container textarea:focus {
  box-shadow: 0 0 0 0.2rem rgba(213, 196, 186, 0.25);
  border: #d5c4ba 1px solid; }

.modal-form-container .custom-file-label {
  padding-top: 8px;
  padding-bottom: 6px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
  font-weight: 400 !important;
  border-radius: 0px;
  border: #d5c4ba 1px solid !important;
  box-shadow: none !important; }

.modal-form-container .custom-file-input:active ~ label {
  box-shadow: 0 0 0 0.2rem rgba(213, 196, 186, 0.25) !important; }

.modal-form-container .custom-file-input.is-invalid ~ label {
  border: #dc3545 1px solid !important; }

.modal-form-container .custom-file-input.is-invalid:active ~ label {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important; }

.modal-form-container .custom-file-label::after {
  border-radius: 0px;
  color: #ffffff;
  background-color: #bba395;
  padding-top: 7px;
  padding-bottom: 5px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
  border-radius: 0px;
  border: #bba395 1px solid; }

input[type=checkbox] {
  position: relative;
  cursor: pointer; }

input[type=file],
input[type=file]::-webkit-file-upload-button {
  /* chromes and blink button */
  cursor: pointer; }

input[type=checkbox]:focus {
  box-shadow: none; }

input[type=checkbox]:before {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  border: #d5c4ba 1px solid;
  border-radius: 0px;
  background-color: #ffffff; }

input[type=checkbox]:checked:after {
  content: "";
  display: block;
  width: 5px;
  height: 10px;
  border: solid #77be4c;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 2px;
  left: 6px;
  outline: none; }

.form-container .form-check {
  padding-bottom: 12px; }

.form-container .form-check-label {
  padding-left: 8px;
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px; }

.form-container .col-md-6.mb-3, .form-container .col-md-12.mb-3 {
  padding: 0px 5px; }

.form-container .col-md-12.mb-3 {
  margin: 0px 0px 12px !important; }

.form-container .btn.btn-primary {
  margin: 8px 8px 24px; }

/* Do not group these rules */
.form-container .form-row .form-control::-webkit-input-placeholder {
  color: rgba(48, 27, 15, 0.4); }

/* FF 4-18 */
.form-container .form-row .form-control:-moz-placeholder {
  color: rgba(48, 27, 15, 0.4); }

/* FF 19+  */
.form-container .form-row .form-control::-moz-placeholder {
  color: rgba(48, 27, 15, 0.4); }

/* IE 10+ */
.form-container .form-row .form-control:-ms-input-placeholder {
  color: rgba(48, 27, 15, 0.4); }

.form-container .parsley-feedback-text.text-danger {
  display: none; }

.form-container .form-instructions {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: 0px; }

.form-container .form-information {
  font-family: "Lato", Arial, Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px; }

.form-container .form-information.above-form-elements {
  padding-bottom: 16px; }

.form-container .credit-card-sm {
  margin: 0px 0px 8px 4px;
  width: 36px;
  border: #d5c4ba 1px solid;
  border-radius: 4px;
  opacity: 1.0; }

.form-container .credit-card-sm.card-faded {
  opacity: 0.2; }

/* End Form Styles */
/* 23. Media Query Styles */
/* Responsive: Mobile phones and smaller (col-sm) */
@media (max-width: 575px) {
  .container {
    max-width: calc(100% - 2px); } }

/* Responsive: Larger mobile phones and up (col-sm) */
@media (min-width: 576px) {
  .full-cover-content .slogan {
    padding: 42px 56px 21px 56px;
    font-family: "Gelasio", Georgia, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0px; }
  .full-cover-content .btn-padding-bottom {
    padding-bottom: 56px; }
  .main-content {
    padding-bottom: 32px; }
  .main-content p.content-below-image {
    padding-top: 31px; }
  .about-info, .section-info {
    padding-bottom: 33px; }
  .section-info.below-section {
    padding-top: 34px; }
  .content-section.addl-spacing {
    padding-bottom: 32px; }
  .item-details-container {
    padding: 8px; }
  .order-details .sort-by-dropdown .col-auto {
    padding-top: 4px; }
  .order-details .search-container {
    padding-top: 24px; }
  .order-details .order-top-info-container .col-sm-auto {
    padding-top: 0px; }
  .navbar.navbar-content-left-side.bg-light {
    padding-bottom: 46px; }
  .item-reviews .sort-by-dropdown .col-sm-auto {
    padding-top: 0px; } }

/* Responsive: Portrait tablets and up (col-md) */
@media (min-width: 768px) {
  .navbar .navbar-nav .search-container {
    width: 160px; }
  .navbar.navbar-above-menu .navbar-left-nav, .navbar.navbar-above-menu .navbar-right-nav {
    width: calc(50% - 124px) !important;
    /* 50% - half of logo's width */ }
  .title-content .title-container.next-to-search {
    width: auto; }
  .title-content .title-container.next-to-search h1 {
    padding-bottom: 0px; }
  .faq-section .question-content {
    padding-top: 24px; }
  .faq-section .answer-content {
    padding-top: 22px; }
  .below-questions {
    padding-top: 32px; } }

/* Responsive: Laptops and up (col-lg) */
@media (min-width: 992px) {
  .anchor {
    height: 113px;
    /*same height as header*/
    margin-top: -113px;
    /*same height as header*/ }
  .error-content {
    padding: 0px 0px 24px; }
  .content-footer .logo-and-social-container, .content-footer .subscribe-container {
    text-align: left; }
  .content-footer .social-buttons, .content-footer .subscribe-container {
    width: 280px; }
  .content-footer .navbar-footer-container, .content-footer .subscribe-title {
    padding-top: 9px; }
  .spacer-above-content {
    margin-top: 111px; }
  .title-content.row {
    margin-top: 40px; }
  .title-content.row.contains-search {
    margin-top: 34px; }
  .bottom-spacing-form {
    height: 48px; }
  .section-info.below-title .title-container-in-section {
    margin-top: 13px; }
  .item-details-container {
    margin: 10px 0px 8px; }
  .item-details-info {
    padding-left: 9px; }
  .order-details .sort-by-dropdown .col-auto {
    padding-top: 12px; }
  .order-details .search-container {
    padding-top: 32px; }
  .num-results, .below-questions:last-of-type .num-results {
    padding-bottom: 32px; }
  .navbar .navbar-nav a.home {
    display: block; }
  .navbar.navbar-menu:before {
    content: "";
    position: absolute;
    left: 16px;
    top: 0;
    height: 1px;
    width: calc(100% - 32px);
    border-top: #66574e 1px solid; }
  .navbar.navbar-menu a.nav-link {
    margin-top: 1px; }
  .navbar.navbar-menu .dropdown-menu {
    border-bottom: #d6cfc1 8px solid;
    border-bottom: rgba(214, 207, 193, 0.96) 8px solid;
    text-align: left; }
  .navbar.navbar-menu .dropdown-menu a, .navbar.navbar-menu .dropdown-menu a:link {
    padding: 3px 21px; }
  .navbar.navbar-menu .dropdown-menu a:first-child {
    padding-top: 12px; }
  .navbar.navbar-menu .dropdown-menu a:last-child {
    padding-bottom: 12px; }
  .recipe-section p.content-below-title {
    padding-top: 18px; }
  .recipe-section .ingredients-content, .recipe-section .times-content, .recipe-section .photo-content {
    padding-top: 28px; }
  .recipe-section .times-content h5 {
    padding-top: 28px; }
  .recipe-section .instructions-container {
    padding-top: 28px; }
  .reviews-container {
    padding-top: 16px; }
  .item-reviews .top-content {
    padding-top: 1px; }
  .item-reviews .item-review {
    padding-top: 26px; }
  .item-reviews .sort-by-dropdown {
    padding-top: 0px;
    padding-bottom: 24px; }
  .item-reviews .filter-info {
    padding-top: 2px; }
  .item-review .review-content {
    padding-top: 21px; }
  .checkout-container, .account-container {
    padding-top: 13px; }
  .checkout-container.no-side-panel, .account-container.no-side-panel {
    padding-top: 3px; }
  .order-summary {
    margin-top: 6px;
    width: 400px; }
  .order-details .order-status-text {
    margin-bottom: 5px; }
  .order-invoice .invoice-top-info {
    margin-top: 15px; }
  .order-invoice .price-info-container {
    padding-top: 0px; }
  .order-invoice-footer {
    padding-bottom: 33px; }
  .checkout-form {
    width: calc(100% - 400px); }
  .account-form.col-lg-4 {
    padding-right: 32px; }
  .no-side-panel .checkout-form {
    width: 100%; }
  .checkout-section {
    padding: 3px 24px 0px 0px; }
  .account-section {
    padding: 3px 0px 0px 0px;
    margin-bottom: 38px !important; }
  .section-form-container .account-section {
    padding-top: 2px; }
  .account-section .form-control.mw-320 {
    max-width: 320px; }
  .form-container .btn.btn-primary {
    margin: 8px 8px 38px; } }

/* Responsive: Desktops and up (col-xl) */
@media (min-width: 1200px) {
  .title-content.row {
    margin-top: 50px; }
  .title-content.row.contains-search {
    margin-top: 44px; }
  .account-form.col-lg-4 {
    padding-right: 40px; } }

/* Responsive: Input mechanism can hover over elements */
@media (hover: hover) {
  .navbar-nav .dropdown-secondary:hover > .dropdown-menu {
    /* Allows hover to show dropdown menu */
    display: block;
    margin-top: 0; }
  .navbar-nav .dropdown-secondary > .dropdown-toggle:active {
    /* Allows hover to show dropdown menu - without this, clicking will make it sticky */
    pointer-events: none; } }

/* Responsive: Input mechanism can hover over elements and Laptops and up (col-lg) */
@media (hover: hover) and (min-width: 992px) {
  .navbar.navbar-menu .dropdown:hover > .dropdown-menu {
    /* Allows hover to show dropdown menu */
    display: block; }
  .navbar.navbar-menu .dropdown > .dropdown-toggle:active {
    /* Allows hover to show dropdown menu - without this, clicking will make it sticky */
    pointer-events: none; } }

/* Responsive: Used for print only */
@media print {
  .no-print {
    display: none; }
  .section-info.below-section {
    border-top: none;
    text-align: center; } }

/* End Media Query Styles */