/* The bakery demo avoids using tooling so doesn't use SASS. This is a static */
/* CSS file that extends Bootstrap. It's deliberately verbose to aid          */
/* readability with global themes, themes for each list view and themes for   */
/* each detail view                                                           */
/* 1. Global styles --------------------------------------------------------- */
/* 2. Page header ----------------------------------------------------------- */
/* 3. Main menu ------------------------------------------------------------- */
/* 4. Breadcrumb ------------------------------------------------------------ */
/* 5. Location styles ------------------------------------------------------- */
/* 6. Blog styles ----------------------------------------------------------- */
/* 7. Bread styles ---------------------------------------------------------- */
/* 8. Form styles ----------------------------------------------------------- */
/* 9. Homepage styles ------------------------------------------------------- */
/* 9. Miscellaneous/ Helper styles ------------------------------------------ */

/* Global styles */
body {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 19px;
  font-family: 'Alegreya', serif;
  background: rgb(255,255,255);
  background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(233,228,221,1) 100%);
  min-height: 100vh;
  width: 100vw;
}

@media (min-width: 768px) {
  body {
    font-size: 22px;
  }
}

h1 {
  font-weight: 300;
  font-family: 'Lato', sans-serif;
  position: relative;
}

.hero h1 {
  color: white;
    text-shadow: 2px 4px 10px black;
}

h2 {
  font-weight: 900;
  font-family: 'Lato', sans-serif;
  color: #63210d;
  font-size: 1.8em;
}

h3 {
  font-weight: 700;
  font-family: 'Lato', sans-serif;
  color: #a94442;
  font-size: 1.4em;
}

h4 {
  font-weight: 500;
  font-family: 'Lato', sans-serif;
  color: #b7988e;
  font-size: 1.2em;
}

p {
  margin: 0 0 30px;
  color: #444;
}

a, a:focus, a:visited {
  color: #8a614b;
  text-decoration: underline;
}

a:hover {
  color: #510806;
  /* text-decoration: none; */
}

code[class*=language-], pre[class*=language-] {
  font-size: 0.8em !important;
}

a.btn {
  background-color: #a94442;
  color: white;
  display: inline-block;
  /*font-family: 'Lato', sans-serif;*/
  /* font-weight: bold; */
  font-size: 16px;
  letter-spacing: 0.15em;
  padding: 15px 20px;
  /*text-transform: uppercase;*/
    text-decoration: none;
}

a.btn:hover {
  background-color: #510806;
  color: #d4566b;
  transform: scale(1.05);
  text-decoration: none;
}

a.btn-sm {
  border-radius: 4px;
  font-size: 0.8em;
  line-height: normal;
  letter-spacing: 0.1em;
  padding: 6px 6px;
  margin-top: 6px;
  text-decoration: none;
}
a.btn-sm:hover {
  background-color: #510806;
  color: #d4566b;
  transform: scale(1.05);
  text-decoration: none;
}


.header input {
  border-radius: 3px;
  border: none;
  font-size: 18px;
  padding: 10px;
  width: 100%;
}
.old_external-link::after {
    position: relative;
    color: #b3a194;
    font-size: 0.7em;
    content: '⤴';
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 0px;
}
.external-link::after {
  content: "" / "opens in new tab/window";
  width: 0.7em;
  height: 0.7em;
  margin: 0 0.05em 0.5em 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjYTQ4NDczIj48cGF0aCBkPSJNOSAyTDkgMyAxMi4zIDMgNiA5LjMgNi43IDEwIDEzIDMuNyAxMyA3IDE0IDcgMTQgMlpNNCA0QzIuOSA0IDIgNC45IDIgNkwyIDEyQzIgMTMuMSAyLjkgMTQgNCAxNEwxMCAxNEMxMS4xIDE0IDEyIDEzLjEgMTIgMTJMMTIgNyAxMSA4IDExIDEyQzExIDEyLjYgMTAuNiAxMyAxMCAxM0w0IDEzQzMuNCAxMyAzIDEyLjYgMyAxMkwzIDZDMyA1LjQgMy40IDUgNCA1TDggNSA5IDRaIi8+PC9zdmc+) no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: text-bottom;
}
/* style for the css menu dropdown container */
.menu {
    position: relative;
    display: inline-block;
    font-size: 0.6em;
    font-weight: 500;
    z-index: 1000;
    cursor: pointer;
    font-family: var(--font--secondary);
    color: #b7988e;
    margin-left: 30px;
}
/* style for the button */
.menu:before {
    /* content: "\2630 \a0 Menu";  */
    color:white;
    padding: 5px 10px;
    border: 1px solid #555;
    border-radius:3px;
    background: #f5f3e9;

}

.menu:focus { pointer-events:none; }

/* If :focus detected the dropdown menu is displayed by making it visible */
.menu:focus .menu-dropdown { opacity:1; visibility:visible; }

/* style for the dropdown box */
.menu-dropdown {
    background-color: #f5f3e9;
    width: auto;
    /* margin:3px 0px 0px 0px; */
    padding: 10px;
    border-radius:3px;
    border:1px black solid;
    border-radius:3px;
    pointer-events: auto;
    position: absolute;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: visibility 1s;
    background: #f5f3e9;
}

/* style the links in the dropdown */
.menu-dropdown a {
    background:transparent;
    border:none;
    outline:0;
    display:block;
    color:var(--dark-brown);
    text-decoration:none;
    width:160px;
    padding:5px;
}

.menu-dropdown a:hover {
    background:var(--dark-brown);
    border:none;
    outline:0;
    display:block;
    color:white;
    text-decoration:none;
    width:160px;
    padding:5px;
}

body.with-cookie-bar {
padding: 50px;
}
.cookie-bar-container {
width: 100%;
position: fixed;
bottom:0;
/*display: flex;*/
display: none;
visibility: hidden;
align-items: center;
justify-content: center;
background: #f5f5f5f5;
z-index: 99999999999999;
padding: 25px;
}
.cookie-bar {
/*display: grid;*/
visibility: hidden;
display: none;
text-align:center;
}

/* image zoom */
[data-zoom-backdrop] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 900;
        background-color: #333333f2;
        opacity: 0;
        transition: opacity 400ms ease;
        pointer-events: none;
}

[data-zoom-backdrop='active'] {
        opacity: 1;
        pointer-events: auto;
}

[data-zoom-image] {
        position: relative;
        z-index: 9;
        transform: none;
        transition: transform 400ms ease;
        cursor: zoom-in;
}

[data-zoom-image='active'] {
        z-index: 1000;
        cursor: zoom-out;
}


/* queries for type */
@media (min-width: 768px) {
  .rounded3 {
    border-radius: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #ede5e0;
    padding: 50px;
    font-family: sans-serif;
    font-size: 1em;
  }
  .rounded4 {
    border-radius: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #fcecd9;
    padding: 50px;
    font-family: sans-serif;
    font-size: 1em;
  }
    h1 {
    font-size: 60px;
  }

/*.container-fluid {
        height: 659px;
}*/

  .stand-first {
    font-size: 26px;
  }

  .intro {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    margin: 0 0 40px;
    font-size: 1.3em;
    border-radius: 10px;
    background-color: #ffe4c494;
    padding: 50px;
    /*font-size: 30px;
    margin: 0 0 60px;*/
  }

  p {
    margin: 0 0 30px;
  }
}

ul {
  margin: 0 0 30px;
}

.chicory-button-container button {
display: block;
line-height: auto;
border: 1px solid #63210d;
background: #a94442;
color: #ffffff;
border-radius: 4px;
}

/*ul.rounded{*/
.rounded{
    border-radius: 15px;
    margin: 10px;
    background-color: rgb(147 195 232 / 80%);
    padding: 50px;
    font-family: sans-serif;
}
.rounded2{
    border-radius: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #EEC8AA;
    padding: 30px 20px 20px 20px;
    font-family: sans-serif;
    font-size: 0.8em;
}

.rounded2 .col-lg-4 {
    width: inherit !important;
    margin-left: 20px;
}

.rounded2 figure img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 15px;
    border: 1px black;
    box-shadow: 0px 0px 5px 2px #a94442;
}
.rounded3 figure img {
    border-radius: 15px;
    border: 1px black;
    box-shadow: 0px 1px 2px 3px #ba9898;
    margin-bottom: 12px;
}
.rounded_title {
  border-radius: 15px 15px 0px 0px;
  margin-top: -30px;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 10px;
  background-color: #63210d;
  padding: 20px 20px 20px 20px;
  font-family: sans-serif;
  font-size: 1.2em;
  color: white;
  font-weight: bold;
}
.rounded_title2 {
  border-radius: 15px 15px 0px 0px;
  margin-top: -50px;
  margin-left: -50px;
  margin-right: -50px;
  margin-bottom: 10px;
  background-color: #63210d;
  padding: 20px 20px 20px 20px;
  font-family: sans-serif;
  font-size: 0.8em;
  color: white;
  font-weight: bold;
}
.rounded_title2 a {
  color: white;
    text-decoration: none;
}
.block-image_block{
      margin-right: auto;
      margin-left: auto;
      box-shadow: 1px 1px 13px 4px rgb(26 18 18 / 83%);
      border-radius: 15px;
      width: 100%;
      max-width: 1400px;
  }
  .block-image_block figure picture {
     border-radius: 15px;
  }
  .block-image_block figure picture source {
     border-radius: 15px;
  }
  .block-image_block figure picture img {
     border-radius: 15px;
     border: 1px solid #1a1212c2
}

@media (min-width: 768px) {
  figcaption {
    font-size: 0.8em;
    font-weight: 700;
    bottom: 10px;
    left: 40px;
  }
  .rounded3 {
    border-radius: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #ffe4c494;
    padding: 50px;
    font-family: sans-serif;
    font-size: 1em;
  }

  ul {
    margin: 0 0 50px;
  }
}

figure {
  margin: 0 0 30px;
  position: relative;
}
@media (max-width: 768px) {

  figcaption {
    bottom: 0px;
    left: 10px;
  font-size: 0.8em;
  font-weight: 100;
  }
  figure {
    margin: 0 0 50px;
  }
}
figcaption {
    background: #0000003b;
    border-radius: 15px;
  color: white;
  font-family: 'Lato', sans-serif;
  padding: 10px;
  position: absolute;
  width: fit-content;
  text-shadow: 0px 2px 2px #000000d9;
}
img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0px;
}
figure img {
  display: block;
  width: 100%;
  height: auto;
}

/* Generic detail page styles */
.intro {
  font-family: 'Lato', sans-serif;
  margin: 0 0 40px;
  font-size: 1.2em;
  font-weight: bold;
  color: #7f3e19;
}
.stand-first {
  color: rgba(255,255,255,0.8);
  margin: 0;
}

/* Hero image area */
/*.container-fluid {
        height: 406px;
}*/

.hero {
  /*background-size: cover;
  background-position: center;
  */
  padding: 100px 0 10px 0;
  position: relative;
  margin: 0 0 30px;
}
@media screen and (min-width: 768px) {
  .hero {
    padding: 200px 0 60px 0;
    margin: 0 0 10px;
  }
}
.hero-image {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-gradient-mask2 {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,1) 100%);
}
.hero-gradient-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 50%,rgba(0,0,0,1) 120%);
}
blockquote {
  border-left: 5px solid #d4566b;
  margin: 0 0 50px;
}
blockquote p {
  font-size: 30px;
  margin: 0 0 10px;
}
blockquote footer::before {
  display: none;
}
blockquote footer p {
  font-size: 1.8em;
  font-style: italic;
}
cite {
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  color: #888;
  font-size: 12px;
  font-style: normal;
  letter-spacing: 0.15em;
}

@media screen and (min-width: 768px) {
  .header,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
}

/* Page header */
.header {
  padding: 15px 0 15px;
  width: 100%;
  background: rgb(25,17,18);
  background: linear-gradient(135deg, rgba(25,17,18,1) 0%,rgba(55,28,25,1) 100%);
  z-index: 10;
}
.header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
}
/* Logo */
.logo, .logo:visited, .logo:focus {
  display: inline-block;
  padding: 0;
  color: white;
  font-size: 30px;
  font-weight: 300;
  margin: 0px 0px 0px;
  position: relative;
  margin-top: 0px;
  margin-left: 0px;
  text-decoration: none;
  font-family: sans-serif;
  font-weight: 500;
}
.logo:hover {
  color: #8d2f3f;
  text-decoration: none;
}
.search {
  display: none;
  margin: 15px 0px 0px 0px;
  position: relative;
}
@media (min-width: 1650px) {
  .logo, .logo:visited, .logo:focus {
    position: fixed;
    margin-top: -80px;
    margin-left: -160px;
    color:#b7988e;
  }
  
  /* .search {
    display: inline-block;
    float: right;
    margin: 0px 0px 0px 30px;
  } */
}
.search-icon {
  display: block;
  display: inline-block;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
}
.search-icon svg {
  fill: #d4566b;
  height: 20px;
  width: 20px;
}

/* Main menu */
nav {
  margin: 15px 0 5px;
  /*display: none;*/
}
#main-navigation {
  padding-left: 0;
}
@media (min-width: 768px) {
  nav {
    margin: 15px 0px 0px 0px;
    /* border-top: 1px solid rgba(255,255,255,0.1); */
    display: block;
  }
}
.nav-pills>li+li {
  margin-left: 0;
}
.nav-pills>li>a {
  border-radius: 0;
  border-top: 1px solid transparent;
  color: white;
  font-family: 'Lato', sans-serif;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 0.15em;
  margin-top: -1px;
  padding: 10px 10px;
  /*text-transform: uppercase;*/
}

/* Mobile menu styling */
@media (max-width: 768px) {
/*ul.rounded{*/
.rounded{
    border-radius: 15px;
    margin: 0px;
    background-color: rgb(147 195 232 / 80%);
    padding: 10px;
    font-family: sans-serif;
}
  .rounded3 {
    border-radius: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #ffe4c494;
    padding: 20px;
    font-family: sans-serif;
    font-size: 1em;
  }
  .rounded4 {
    border-radius: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #fcecd9;
    padding: 20px;
    font-family: sans-serif;
    font-size: 1em;
  }
  .rounded_title2 {
    border-radius: 15px 15px 0px 0px;
    margin-top: -20px;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 10px;
    background-color: #63210d;
    padding: 20px 20px 20px 20px;
    font-family: sans-serif;
    font-size: 0.8em;
    color: white;
    font-weight: bold;
  }

  .intro {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    margin: 0 0 20px;
    font-size: 1.1em;
    border-radius: 10px;
    background-color: #ffe4c494;
    padding: 20px;
    /*font-size: 30px;
    margin: 0 0 60px;*/
  }
  .nav-pills>.presentation {
    float: none;
    width: 100%;
  }
  .nav-pills> li > a {
    border-top: 1px solid rgba(255,255,255,.1);
    padding: 15px 0px 15px 20px;
    font-size: 0.9em;
  }
  li.has-submenu a.allow-toggle {
    float: none;
  }
  li.has-submenu a.caret-custom {
    display: none!important;
  }
  .language {
    color: #ba9898 !important;
    padding: 20px 0;
    text-decoration: solid !important;
    letter-spacing: 0.1em !important;
    font-style: italic;
  }
}
/* Custom page footer */
.footer {
  padding-top: 19px;
  color: #777;
}
.footer {
  font-size: 16px;
  font-family: 'Lato', sans-serif;
  padding: 20px 0;
  margin: 40px 0 0;
  font-weight: 300;
  background-color: white;
}
.footer p {
  margin: 0;
}
.container {
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .container {
    max-width: 2400px;
    padding-left: 10%;
    padding-right: 10%;
  }
}
.container-narrow > hr {
  margin: 30px 0;
}

/* Breadcrumbs */
.breadcrumb-container {
  background: linear-gradient(to right, #7f3e19 0, rgb(43 23 23) 100%);
  margin-top: 0px;
  margin-bottom: 0px;
  position: relative;
  z-index: 3;
}
.breadcrumb {
  background-color: transparent;
  color: #ccc;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  margin-bottom: 0px;
  padding-left: 0px;
}
.breadcrumb a, .breadcrumb .active {
  color: #ffefdd;
}
.breadcrumb .active {
  font-weight: bold;
}
.breadcrumb a:hover {
  color: #fff;
  text-decoration: none;
}
.breadcrumb>li+li:before {
  content: "\00BB";
    color: #eec8aa;
}

/* Mobile nav */
.navbar-toggle .icon-bar {
  background-color: #fff;
}

/* Pagination navigation */
nav[role=pagination] {
  margin-top: 50px;
  text-align: center;
}

/* Location list page */
.location-list-item {
  text-align: center;
  margin-bottom: 30px;
}
.location-list-title {
  line-height: 270px;
  height: 270px;
  /*background-color: rgb(0 0 0 / 8%);*/
 width: 95%
}
.location-list-title img {
  background-color: rgba(233,228,221,1);
  height: 270px;
  left: 0;
  position: absolute;
  top: 0;
  width: 95%;
  border: solid #a94442;
  border-radius: 10px;
}
.location-list-title:hover img {
  /* opacity: 0.3; */
  transform: scale(1.05);
}
.location-list-title span.title {
  color: white;
  display: inline-block;
  font-size: xxx-large;
  font-weight: 400;
  position: relative;
  text-shadow: 5px 4px 9px rgba(0, 0, 0, 1);
}
.location-list-title:hover span.title {
  text-shadow: 1px 2px 0px rgba(0, 0, 0, 1);
  /* text-shadow: none; */
}
.location-list-item address {
  font-weight: 300;
  font-family: 'Lato', sans-serif;
  font-size: 0.8em;
  padding: 10px 40px;
}

/* Location detail page */
.template-location-page .intro {
  margin-bottom: 0;
}
.location-opening h3 {
  margin-top: 0;
}
span.day {
  font-weight: bold;
  font-family: 'Lato', sans-serif;
}
time.location-time {
  display: block;
}
.map-container {
  height: 550px;
  padding-bottom: 50px;
}
.location-address {
  background-color: rgba(233,228,221,1);
  padding: 10px 30px;
  margin-bottom: -200px;
  position: relative;
  z-index: 1;
}

/* Blog list view */
.blog-tags>li {
  border-right: 1px solid rgba(0,0,0,0.1);
  font-size: 0.9em;
  margin-left: -6px;
  padding: 4px 18px;
  text-transform: capitalize;
}
.blog-tags>li:first-child {
  margin-left: 0;
  border-left: 1px solid rgba(0,0,0,0.1);
}
.blog-tags>li:hover {
  background-color: rgba(0,0,0,0.1);
}

.blog-list li {
  list-style: none;
}

@media (min-width: 1025px) {
.blog-list li:first-of-type, .blogpage-listing li:first-of-type,
.blog-list li:nth-child(6), .blogpage-listing li:nth-child(6),
.blog-list li:nth-child(7), .blogpage-listing li:nth-child(7),
.blog-list li:nth-child(12), .blogpage-listing li:nth-child(12) {
      width: 50%;
    }
}


@media (max-width: 1920px) {
.rounded_title2 {
/*    margin-top: -50px;
    margin-left: -50px;
    margin-right: -50px;
*/    margin-bottom: 10px;
    font-size: .7em;
    font-weight: 700;
}

.rounded3 {
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #ffe4c494;
    font-size: 1em;
}
.rounded4 {
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #fcecd9;
    font-size: 1em;
}

}

.blog-list-item {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.blog-list-item a {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}

.blog-list-item:hover img {
  transform: scale(1.05);
    /* opacity: 0.7; */
}

.blog-list-item .image {
  overflow: hidden;
  background-color: rgb(0 0 0 / 8%);
  flex: 1 0 auto;
}

.blog-list-item .image img {
    /* min-height: 510px; */
    min-height: 100%;
    width: auto;
    min-width: 100%;
    height: auto;
}

.blog-list-item123 .image img {
  min-height: 510px;
  /*min-height: 100%;*/
  width: auto;
  min-width: 100%;
}

.blog-list-item .text {
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 23%,rgba(0,0,0,1) 50%);
  margin-top: -150px;
  padding: 20px;
  position: relative;
  z-index: 1;
}

.blog-list-item .text h2 {
  color: #fff;
  font-weight: 200;
  margin-top: 0;
}

.blog-list-item .text p {
  color: #e3e3e3;
  font-size: 0.8em;
  margin-bottom: 0;
}

.blog-list-item .footer {
  background-color: #333;
  color: #fff;
  margin-top: 0;
  padding: 20px;
  position: relative;
  z-index: 1;
}

/* used to style tags on blog */
span.outline {
  border-radius: 3px;
  border: 1px solid rgba(0,0,0,0.1);
  font-size: 0.8em;
  padding: 3px 6px;
  text-transform: uppercase;
}

/* Blog detail page */
.blog-meta {
    margin-top: -50px;
    margin-bottom: 20px;
    margin-left: auto; 
    margin-right: 0px;
}
.blog-avatar {
    border-radius: 10px;
    display: inline;
    width: unset;
}
.blog-avatars {
    margin-bottom: 0px;
    margin-left: -30px;
    margin-top: -25px;
}
.blog-avatars .author {
  /*display: inline-block;*/
  display: inline-block;
  /* margin-right: 70px; */
  color: white;
  padding-right: 20px;
  background-color: #63210d;
  border-radius: 10px;
  margin-bottom: 10px;
}

.twitter-tweet {
  margin: 0 auto;
}


/* Bread styles */
/* Bread listview */
.bread-list-item {
  display: block;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 3px;
  margin: 12px;
  overflow: hidden;
  color: inherit;
}

.bread-list-item h2 {
  font-weight: 300;
}

@media (min-width: 992px) {
  .bread-list-item {
    width: 47%;
  }
}

.bread-list-item .image {
  background-color: rgb(0 0 0 / 8%);
  margin: 0;
  max-width: 180px;
  max-height: 180px;
  min-width: 180px;
  min-height: 180px;
  padding: 0;
}

.bread-list-item:hover img {
  /* opacity: 0.3; */
  transform: scale(1.05);
}

.bread-list-item img {
  margin: 0;
  width: auto;
}

.bread-list-item ul {
  padding-left: 2px;
}

.bread-list-item li {
  list-style: none;
}

.bread-list-item li span {
  color: #777;
  display: inline-block;
  font-weight: 600;
  width: 70px;
}

/* Bread detail page */
.bread-detail .introduction {
  color: #777;
  font-size: 1.4em;
  margin-top: 40px;
}

.bread-detail figure {
  margin: 35px auto 20px auto;
  overflow: hidden;
}

.bread-detail figure img {
  height: auto;
}

.bread-detail ul.bread-meta {
  list-style: none;
  padding-left: 0;
}

.bread-detail ul.bread-meta li ul {
  padding-left: 0;
}

.bread-detail ul.bread-meta li ul li {
  border-bottom: 1px solid #ccc;
  list-style: none;
  max-width: 450px;
}

/* Forms */
/* Form detail page */
.form-page input, textarea, select {
  display: block;
  width: 450px;
  padding: 5px;
  border: 1px solid #ccc;
}
@media (max-width: 766px) {
  .form-page input, textarea, select {
    width: 100%;
  }
}

.form-page li input[type=checkbox], input[type=radio] {
  display: inline-block;
  margin-right: 10px;
}

.form-page .fieldWrapper ul,
.form-page .fieldWrapper li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.form-page .required {
  color: red;
}

.form-page .fieldWrapper {
  margin-bottom: 30px;
}

.form-page .help {
  color: #999;
  font-family: 'Lato', sans-serif;
  font-size: 0.8em;
  margin-top: 10px;
  max-width: 350px;
}

/* Form thank you page */
.form-page-thanks h1 {
  margin-bottom: 30px;
}

/* Generic title image header include */
.base-header img {
  height: auto;
  margin-top: 20px;
  max-width: 100%;
  width: auto;
}

@media (max-width: 970px) {
  .base-header img {
    width: 100%;
  }
}

/* Homepage */
.homepage .hero {
  margin: 0;
  padding: 200px 0 30px 0;
}

.homepage .hero h1 {
  font-size: 2.2em;
  text-transform: none;
}

.homepage .hero h1:after {
  background-color: rgba(255,255,255, 0.7);
  content: "";
  display: block;
  height: 5px;
  margin: 20px auto;
  width: 250px;
}

.homepage .home-hero {
  margin-bottom: 0;
  padding-bottom: 60px;
  text-align: center;
}
.homepage .home-hero .lead {
  color: #ddd;
  font-size: 1.6em;
  margin: 40px auto;
}

.homepage .home-hero .hero-cta-link {
  color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  padding: 10px;
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  transition-duration: 0.1s;
  text-decoration: none;
}
.homepage .home-hero .hero-cta-link:hover:before,
.homepage .home-hero .hero-cta-link:focus:before,
.homepage .home-hero .hero-cta-link:active:before {
  transform: translateX(4px);
}
.homepage .streamfield {
  background: linear-gradient(45deg, rgba(170,170,170,1) 0%,rgba(238,238,238,1) 44%);
}
.homepage .streamfield-column {
  padding: 60px;
  margin: 0 auto;
  float: none;
}
.homepage .streamfield-column h1,
.homepage .streamfield-column h2,
.homepage .streamfield-column h3,
.homepage .streamfield-column h4,
.homepage .streamfield-column h5 {
  text-align: center;
}
.homepage .promo-row {
  padding: 40px 0 40px 0;
}
.homepage .promo {
  background: linear-gradient(190deg, rgba(0,4,8,1) 0%,rgba(55,28,25,1) 100%);
  border-radius: 0px 0px 10px 10px;
  color: #fff;
  height: 100%;
  margin-bottom: 20px;
  margin-top: -40px;
  padding: 40px 60px;
  text-align: center;
}
.homepage .promo h1,
.homepage .promo h2,
.homepage .promo h3,
.homepage .promo h4 {
  color: #eb7400;
  font-weight: 200;
}
.homepage .promo p,
.homepage .promo li {
  color: #ccc;
  line-height: 1.6em;
}
.homepage .promo a {
  color: #fff;
}
@media (max-width: 970px) {
  .homepage .promo {
    padding: 30px 40px;
  }
  .homepage .promo figure img {
    max-width: 120px;
    height: auto;
  }
  .homepage .promo p {
    color: #fff;
    font-size: 1em;
  }
}
@media (max-width: 766px) {
  .homepage .promo {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.homepage .promo figure img {
  border-radius: 100%;
  margin: auto;
  width: auto;
}
.homepage .feature-1 h2 {
  margin-top: 0;
  margin-bottom: 20px;
}
.homepage .feature-1 .featured-children li {
  border: 1px solid #ccc;
  border-radius: 3px;
  list-style: none;
  margin-bottom: 10px;
}
.homepage .feature-1 .featured-children li figure {
  width: 100%;
  overflow: hidden;
  margin: 0;
}
.homepage .feature-1 .featured-children li img {
  width: auto;
}
.homepage .feature-1 .featured-children li h3 {
  margin-top: 40px;
  font-weight: 300;
  font-size: 1.4em;
}
.homepage .feature-2 {
  padding: 40px 0 20px;
}
.homepage .feature-2 .feature-2-row {
  display: flex;
  flex-wrap: wrap;
}
.homepage .feature-2 h2,
.homepage .feature-3 h2 {
  text-align: center;
  margin: 20px;
}
.homepage .feature-2 .feature-2-item {
  display: flex;
  flex-direction: column;
  margin: 0 auto 20px;
}
.homepage .feature-2 .featured-children li {
  list-style: none;
}
.homepage .feature-2 .feature-2-item figure {
  margin-bottom: 0;
}
.homepage .feature-2 .feature-2-item img {
  min-height: 210px;
}
.homepage .feature-2 .feature-2-item .feature-2-text {
  background-color: #dfdfdf;
  border-radius: 0 0 10px 10px;
  padding: 0 20px;
  flex: 1;
}
.homepage .feature-2 figure,
.homepage .feature-3 figure {
  background-color: rgb(0 0 0 / 8%);
  margin: 0;
}
@media (max-width: 766px) {
  .homepage .feature-2 .feature-2-row {
    display: inline-block;
  }
}
.homepage .feature-3 .featured-children li {
  list-style: none;
}
.homepage .feature-3 h3 {
  color: #fff;
  font-weight: 300;
  font-size: 1.8em;
  margin-bottom: 135px;
  margin-top: -145px;
  position: relative;
  text-align: center;
  text-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
  z-index: 1;
}
.homepage .feature-2 li:hover img,
.homepage .feature-3 li:hover img {
  /* opacity: 0.3; */
  transform: scale(1.05);
}

/* Miscellaneous helper styles */
/* No gutters */
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
@media (max-width: 970px) {
  .row.no-gutters {
    display: block;
  }
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 10px;
  padding-left: 10px;
}

/* Bootstrap Equal height rows */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
@media (min-width: 992px) {
   .col-md-7 {
    width: 100%;
   }
   .col-md-8 {
       width: 100%;
   }
   .col-md-10 {
       width: 100%;
   }
   .col-lg-offset-2 {
       margin-left: 0px;
   }
}
@media (min-width: 992px) {
  .hidden-md-up {
    display: none;
  }
}
@media (max-width: 991px) {
  .hidden-md-down {
    display: none;
  }
}

/* From Wagtail core */
.richtext-image.left{
    float:left;
    width: 40%;
    padding: 20px;
}
.richtext-image.right{
    float:right;
    width: 40%;
    padding: 20px;
}
.responsive-object {
    position: relative;
}

.responsive-object iframe,
.responsive-object object,
.responsive-object embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Load Youtube Video after click */

.video {
    position: relative;
    width: 100%;
}

.video__iframe {
    position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video__placeholder {
	width: 100%;
    position: absolute;
}

.video__youtube {
    padding-bottom: 56.23%;
    width: 100%;
    height: 0;
    overflow: hidden;
	position: relative;
    object-fit: cover;
    background-color: black;
}

.youtube__button {
    background: none;
	border: 0;
	cursor: pointer;
	height: 100%;
	left: 0;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	transition: transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	width: 100%;
}

.youtube__button:before {
    width:100%;
    height:100%;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    background: url(https://static.lakimaikai.com/YouTube_full-color_icon.svg) no-repeat center center;
    background-size: 12%; 
}

.youtube__button:hover:before {
    background: url(https://static.lakimaikai.com/YouTube_dark_icon.svg) no-repeat center center;
    background-size: 12%; 
}



/* Main menu */

/* CSS Variables */
:root {
  --dark: #fff;
  --grey: #6e6e6e;
  --border-grey: #E1DCD3;
  --transparent-border: rgba(135, 116, 79, 0.25);
  --white: #ffffff;
  --cream: #f5f3e9;
  --light-brown: #87744f;
  --mid-brown: #825600;
  --dark-brown: #553801;
  --orange: #c55302;
  --dark-orange: #833701;
  --font--primary: "Marcellus", serif;
  --font--secondary: "Open Sans", sans-serif;
  --font-sm: 1rem;
  --font-md: 1.125rem;
}

html {
  font-size: 16px;
}

[hidden] {
  display: none !important;
}


.navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 25px 0;
}

.navigation__mobile {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #2a1715;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-top: 40px;
}

.navigation__mobile-toggle {
  background-color: transparent;
  border: none;
  margin: 0px 0px 0px auto;
}

.navigation__mobile-toggle[aria-expanded='true'] {
  position: absolute;
  z-index: 15;
  top: 30px;
  right: 20px;
}

@media (min-width: 1650px) {
  .navigation__mobile {
    display: none;
  }
}

.navigation__mobile-toggle[aria-expanded='true'] .navigation__toggle-icon-bar {
  opacity: 0;
}

.navigation__mobile-toggle[aria-expanded='true']
  .navigation__toggle-icon-bar:first-of-type {
  transform: translateY(10px) rotate(45deg);
  opacity: 1;
}

.navigation__mobile-toggle[aria-expanded='true']
  .navigation__toggle-icon-bar:last-child {
  transform: translateY(-10px) rotate(-45deg);
  opacity: 1;
}

.navigation__mobile-search {
  margin-top: 20px;
  position: relative;
  color: #fff;
}

.navigation__search {
  display: none;
  margin: 15px 0 0;
  position: relative;
  color: #ba9898;
}

.navigation__search-icon {
  display: block;
  position: absolute;
  right: 13px;
  top: 13px;
}

@media (min-width: 768px) {
  .navigation__search-icon {
    top: 11px;
  }
}

.navigation__search-input {
  color: var(--dark);
  font-size: var(--font-sm);
  line-height: 1.5;
  border: 1px solid var(--dark);
  padding: 10px;
  color: #2a1715;
}

.navigation__items {
  list-style: none;
  margin: 0;
  padding: 20px 0 0;
}

.navigation__desktop {
  display: none;
}

@media (min-width: 1650px) {
  .navigation__desktop {
    display: block;
  }

  .navigation__search {
    display: block;
    margin: 0px 0px 0px auto;
  }

  .navigation__items {
    padding: 0px 0px 0px 20px;
  }
}

.navigation__items > li {
  padding: 10px 0;
}

.navigation__items > li > a {
  color: var(--dark);
  font-family: var(--font--secondary);
  font-size: var(--font-md);
  line-height: 1.55;
  padding: 10px 0;
  text-decoration: none;
}

@media (min-width: 1650px) {
  .navigation__items {
    display: block;
  }

  .navigation__items > li {
    padding: 0px 0px 0px 20px;
    font-size: 0.5em;
    line-height: 2em;
  }

  .navigation__items > li > a {
    padding: 7px;
  text-decoration: none;
  }

  .navigation__items > li:first-child {
    padding: 0px 0px 0px 20px;
  }

  .language {
    color: #ba9898 !important;
    padding: 7px !important;
    text-decoration: solid !important;
    letter-spacing: 0.05em !important;
    font-size: 1.2em !important;
    font-style: italic;
  text-decoration: none;
  }

}

/* N.B. We're overriding Bootstrap's default nav styles here,
   these rules set what the currently active nav tab looks like. */
.navigation__items > li.active > a,
.navigation__items > li.active > a:focus,
.navigation__items > li.active > a:hover {
  color: #d4566b;
  border-radius: 0;
  border: none;
  background-color: transparent;
  border-top: 1px solid #d4566b;
  text-decoration: none;
}

.navigation__items > li:hover,
.navigation__items > li > a:focus,
.navigation__items > li > a:hover {
  text-decoration: underline;
  color: #d4566b;
  /* border-top: 1px solid #d4566b; */
}

/* Required as bootstrap nav automatically hides this otherwise */
@media (min-width: 768px) {
  .navigation__mobile-toggle {
    display: block;
  }
}

@media (min-width: 1650px) {
  .navigation__mobile-toggle {
    display: none;
  }
}

.navigation__toggle-icon-bar {
  background-color: var(--dark);
  width: 30px;
  height: 2px;
  margin-bottom: 8px;
  display: block;
}

.navigation__toggle-icon-bar:last-child {
  margin-bottom: 0;
}

.collapse.in {
  padding: 0;
}

@media (max-width: 1650px) {
  .collapse.in {
    flex-basis: 100%;
    overflow-y: hidden;
  }

  .collapse.in .navigation__items {
    display: block;
  }
}

.navigation__logo,
.navigation__logo:visited,
.navigation__logo:focus {
  display: inline-block;
  color: var(--dark);
  font-family: var(--font--primary);
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.25;
  margin: 0;
  position: relative;
}

@media (min-width: 1650px) {
  .navigation__logo::after {
    content: '';
    position: absolute;
    right: -20px;
    top: -5px;
    bottom: 0;
    width: 1px;
    height: 42px;
    background-color: var(--border-grey);
  }
}

.dropdown-menu {
  background-color: var(--cream);
  border-radius: 0;
  border: transparent;
}

.dropdown-menu > li > a {
  border-bottom: 1px solid var(--border-grey);
  color: var(--dark);
  font-family: var(--font--secondary);
  padding: 10px 20px;
}

.dropdown-menu > li > a:hover {
  text-decoration: underline;
}

/* Menu dropdown hack to allow toggling */
li.has-submenu a.allow-toggle {
  float: left;
  padding-right: 0;
}

.caret-custom {
  float: right;
  padding: 10px 10px 15px 5px !important;
}

.caret-custom::after {
  content: '▼' !important;
}

/* Mobile menu styling */
@media (max-width: 1650px) {
  .nav-pills > .presentation {
    float: none;
    width: 100%;
  }
}

#calcDisclaimer,.nutritionLabel{line-height:normal}.nf,.nutritionLabel{font-family:Arial,Helvetica,sans-serif}.nutritionLabel input.unitQuantityBox.ui-input-text,.uk_nf input.unitQuantityBox.ui-input-text{margin-top:0;border-radius:0;height:auto;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box}.nf,.uk_nf{box-sizing:border-box}.nutritionLabel input.unitQuantityBox.ui-shadow-inset,.uk_nf input.unitQuantityBox.ui-shadow-inset{box-shadow:none}.nutritionLabel{font-size:90%;margin-bottom:1.1em;padding:.68em;color:#333;border:2px solid #000}.naTooltip,.nf{border:1px solid #000}.nutritionLabel .title{line-height:.83em;font-size:2.7em;padding-bottom:4px;font-family:'Archivo Black';white-space:nowrap;letter-spacing:-2px}.nutritionLabel #calcDisclaimer,.nutritionLabel .dvCalorieDiet,.nutritionLabel .m{font-size:.9em}.nutritionLabel .serving{font-size:1.1em;line-height:1.28em}.nutritionLabel .name{font-size:1.1em;line-height:1.3em}.nutritionLabel .bar1,.nutritionLabel .bar2{line-height:0;font-size:1px;background:#333}.nf .nf-item-name.inline,.nutritionLabel .name.inline{padding-top:.2em}.nutritionLabel .line{border-top:1px solid #333;padding:1px 0}.nutritionLabel .line.last{border-bottom:1px solid #333}.nutritionLabel .line.indent{margin-left:15px}.nf-pr,.nutritionLabel .dv,.nutritionLabel .fr{float:right}.nutritionLabel .dv:before{content:'\0000a0'}.nutritionLabel .bar1{height:11px;margin-top:3px}.nutritionLabel .bar2{height:6px}.nutritionLabel #calcDisclaimer,.nutritionLabel .dvCalorieDiet{color:#707070}.nutritionLabel .calorieNote{padding:.6em 0 0 .7em}.nutritionLabel .star{margin-left:-7px}.nutritionLabel .tblCalorieDiet th{font-size:.7em;border-bottom:1px solid #333;text-align:left;color:#707070}.nutritionLabel .tblCalorieDiet{width:100%}.nutritionLabel .tblCalorieDiet td{padding:0;line-height:normal;font-size:.7em;color:#707070}.nf-text-right,.nutritionLabel .ar{text-align:right}.nutritionLabel .fl{float:left}.notApplicable{color:gray;font-weight:700;font-size:1.2em;cursor:default;margin-top:.2em}.naTooltip{position:absolute;display:none;padding:2px;text-align:center;height:18px;width:120px;background-color:#ffc;z-index:10000}.nf .nf-spaceAbove,.nf .nf-spaceBelow,.nf-bar2,.nutritionLabel .spaceAbove,.nutritionLabel .spaceBelow,.uk_nf .uk_nf-spaceAbove,.uk_nf .uk_nf-spaceBelow{height:10px}.nutritionLabel .setter{width:12px;padding:3px 0 0;position:absolute;left:0;top:0;z-index:100}.nutritionLabel .setter a,.uk_nf .setter a{display:block;width:9px;height:7px;font-size:1px;line-height:0}.nutritionLabel a.unitQuantityUp{padding-bottom:1px;background:url("images/up.89e99d630415.png") left top no-repeat;z-index:9999}.nutritionLabel a.unitQuantityDown,.uk_nf a.uk_nf-unitQuantityDown{padding-top:1px;background:url("images/down.96b1495be066.png") left bottom no-repeat;z-index:9999}.nutritionLabel input.unitQuantityBox{width:25px;height:20px;padding:2px;font-size:.9em!important;margin-left:15px;margin-bottom:0;line-height:15px}.nf input.nf-unitQuantityBox.arrowsAreHidden,.nf-item-name.no-indent,.nf-serving-unit-name.no-indent,.nf-serving-unit.no-indent,.nutritionLabel input.unitQuantityBox.arrowsAreHidden,.uk_nf input.uk_nf-modifier-field.arrowsAreHidden{margin-left:0}.nf-footnote:before,.nf-footnoteHiddenDailyValues:before{margin-left:-5px;float:left}.nutritionLabel .rel{position:relative}.nutritionLabel .servingSizeField{float:left;margin-top:.2em;margin-bottom:0;margin-right:.4em}.nutritionLabel .servingUnit{float:left;padding:0;margin-top:.3em;margin-bottom:.2em}.nutritionLabel .servingWeightGrams{padding:0px 0px 0px .3em;margin-top:.3em;margin-bottom:.2em}.nutritionLabel .servingSizeText,.nutritionLabel .servingUnitQuantity{padding-right:.3em;margin-top:.3em}.cf:after,.cf:before,.clear:after,.clear:before{content:" ";display:table}.cf:after,.clear:after{clear:both}.nutritionLabel .servingSizeText{display:inline-block}#calcDisclaimer.scroll,#nf-calcDisclaimer.scroll,#uk_nf-calcDisclaimer.scroll,.ingredientListDiv.scroll,.ingredientListDivHiddenDailyValues.scroll,.nf-ingredientListDiv.scroll,.nf-ingredientListDivHiddenDailyValues.scroll,.uk_nf-ingredientListDiv.scroll{overflow-y:scroll!important}.customFooter,.nf-customFooter,.nutritionLabel .ingredientListDiv,.uk_nf-customFooter{padding-top:10px}.nutritionLabel .addedPadding{padding:1px 0}.nf{padding:6px;font-size:12px;line-height:14px}.nf-line{border-top:1px solid #000;padding-top:1px;padding-bottom:1px;font-size:.94em}.nf-title,.uk_nf.uk .uk_nf-title{font-size:2.15em;line-height:1.15em;margin-top:-6px}.nf-amount-per-serving,.nf-calories,.nf-highlight,.nf-serving,.nf-servingUnitQuantity,.nf-title{font-family:'Archivo Black',sans-serif}.nf-per-container{font-size:1.15em;line-height:normal}.nf-serving{font-size:1.2em;line-height:normal}.nf-amount-per-serving{font-size:.94em}.nf-calories{font-size:2em;line-height:1em}.nf-percent-dv{font-size:.84em}.nf-indent2{margin-left:28px}.nf-indent,.uk_nf-indent{padding-left:16px}.nf-vitamin-column{font-size:.94em;padding:1px 0;border-bottom:1px solid #000}.nf-vitamin-column-last{border-bottom:0}.nf-footnote,.nf-footnoteHiddenDailyValues{padding-top:4px;margin-left:5px;font-size:.85em;line-height:1em}.nf-footnote:before{content:"*"}.nf-bar1{height:5px}.nf-bar1,.nf-bar2{background-color:#000;clear:both}.nf-ingredientListDiv,.uk_nf.uk .uk_nf-disclaimer,.uk_nf.uk .uk_nf-ingredient-statement{padding-top:8px}.nf-tblCalorieDiet{margin-top:5px;width:100%}.nf-customFooter,.nf-homeLinkPrint,.nf-tblCalorieDiet tr td,.nf-tblCalorieDiet tr th{font-size:.8em}.nf-arrow-down,.nf-arrow-up,.uk_nf-arrow-down,.uk_nf-arrow-up{width:0;height:0;border-style:solid}.nf-arrows,.uk_nf-arrows{float:left;padding:4px 5px 0 0}.nf-arrow-up,.uk_nf-arrow-up{margin-bottom:3px;border-width:0 5px 6px;border-color:transparent transparent #333}.nf-arrow-down,.uk_nf-arrow-down{margin-bottom:-2px;border-width:6px 5px 0;border-color:#333 transparent transparent}.nf-modifier-field,.nf-unitQuantityBox{width:26px;text-align:center;line-height:normal;border:1px solid #666;font-family:Arial,Helvetica,sans-serif;font-size:1em;float:left;padding:0;margin-top:3px}.nf-item-name.block,.nf-text-strong{font-family:'Archivo Black',sans-serif;font-size:1.2em}.nf-item-name,.nf-serving-unit-name{margin-left:50px;line-height:1.25em;padding-top:4px;padding-bottom:3px}div.nf-unitQuantityDown:hover,div.nf-unitQuantityUp:hover{cursor:pointer}.nf-servingUnitQuantity,.uk_nf-servingUnit{display:inline-block}.nf-arrowsAreHidden+input+.nf-item-name,.nf-item-name.nf-fixed-serving{margin-left:35px}div,span{outline:0}.nf-text-strong{line-height:1.3}.uk_nf,.uk_nf.uk .uk_nf-title{font-family:Arial,Helvetica,sans-serif}.nf-item-name.block{line-height:1;padding-top:0;padding-bottom:0;margin-left:0}.uk_nf{border:1px solid #000;padding:6px;font-size:12px;line-height:14px;text-align:left}.uk_nf table{width:100%;border-collapse:collapse;border-top:4px solid #000}.uk_nf.uk .uk_nf-title{font-weight:700;padding-top:8px;padding-bottom:6px}.uk_nf table tbody tr td,.uk_nf table tr th{border-bottom:1px solid #000;padding-top:4px;padding-bottom:4px}.uk_nf table tfoot tr td{padding-top:4px;font-size:90%;line-height:normal}.referenceIntake{padding-top:5px}.uk_nf table tr th{white-space:nowrap;padding-right:15px}.uk_nf table tr th:nth-child(3){white-space:normal}.uk_nf-item-name{font-size:18px;padding-bottom:7px;line-height:18px}.uk_nf a.uk_nf-unitQuantityUp{width:50px;height:50px;padding-bottom:1px;background:url("images/up.89e99d630415.png") left top no-repeat;z-index:9999}.uk_nf input.uk_nf-modifier-field{text-align:center;width:25px;height:20px;padding:2px;font-size:.9em!important;margin-bottom:0;line-height:15px}.uk_nf .setter{width:12px;padding:3px 0 0;position:static;float:left}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0px 0px 0px 0);border:0}.nf div::-webkit-scrollbar,.nutritionLabel div::-webkit-scrollbar{-webkit-appearance:none;width:7px}.nf div::-webkit-scrollbar-thumb,.nutritionLabel div::-webkit-scrollbar-thumb{border-radius:4px;background-color:#c1c1c1;-webkit-box-shadow:0 0 1px rgba(255,255,255,.3)}.nf div::-webkit-scrollbar-thumb:hover,.nutritionLabel div::-webkit-scrollbar-thumb:hover{background-color:#888}.nf div::-webkit-scrollbar-track,.nutritionLabel div::-webkit-scrollbar-track{background:#e9e9e9;border:0 #fff;border-radius:4px}.nf-arrowsAreHidden+#nf-nixLabelBeforeQuantity+.nf-serving-unit-name{margin-left:33px}

.up {
  position:fixed;
  bottom: 0.1em;
  right: 1em;
  margin: 10px;
  z-index: 999999;
  cursor: pointer;
}

.star-ratings {
    display: inline-block;
    position: relative
}

.star-ratings ul {
    padding: 0;
    margin: 0;
    white-space: nowrap;
    list-style: none outside none;
    overflow: hidden
}

.star-ratings ul li {
    display: inline-block
}

.star-ratings-rating-full,.star-ratings-rating-empty {
    display: block;
    background: url("/static/star-ratings/images/stars.fdb9647e17f7.png") no-repeat;
    border: 0
}

.star-ratings-rating-foreground {
    top: 0;
    position: absolute;
    -moz-transition-property: width;
    -o-transition-property: width;
    -webkit-transition-property: width;
    transition-property: width;
    -moz-transition-duration: .15s;
    -o-transition-duration: .15s;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

.star-ratings-rating-stars-container {
    display: inline-block;
    position: relative
}

.star-ratings-clear-hidden {
    display: none
}