/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v51-latin-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/roboto-v51-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v51-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/roboto-v51-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/roboto-v51-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/roboto-v51-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
body {font-family: 'Roboto';}

a {
  color: #681c09;
}
#sp-top-bar a:hover {
text-decoration: underline;
}
a:hover {
color: inherit;
}
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li:hover > a {
  color: #681c09;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  background: #681c09;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: #681c09;
}
#offcanvas-toggler > i {
  color: #000000;
}
#offcanvas-toggler > i:hover {
  color: #681c09;
}
.btn-primary,
.sppb-btn-primary {
  border-color: #0faae4;
  background-color: #681c09;
}
.btn-primary:hover,
.sppb-btn-primary:hover {
  border-color: #0d8ab9;
  background-color: #0e9cd1;
}
ul.social-icons > li a:hover {
  color: #681c09;
}
.sp-page-title {
  background: #681c09;
}
.layout-boxed .body-innerwrapper {
  background: #ffffff;
}
.sp-module ul > li > a {
  color: #000000;
}
.sp-module ul > li > a:hover {
  color: #681c09;
}
.sp-module .latestnews > div > a {
  color: #000000;
}
.sp-module .latestnews > div > a:hover {
  color: #681c09;
}
.sp-module .tagscloud .tag-name:hover {
  background: #681c09;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover {
  background: #681c09;
}
.search .btn-toolbar button {
  background: #681c09;
}
.post-format {
  background: #681c09;
}
.voting-symbol span.star.active:before {
  color: #681c09;
}
.sp-rating span.star:hover:before,
.sp-rating span.star:hover ~ span.star:before {
  color: #0e9cd1;
}
.entry-link,
.entry-quote {
  background: #681c09;
}
blockquote {
  border-color: #681c09;
}
.carousel-left:hover,
.carousel-right:hover {
  background: #681c09;
}
#sp-footer {
  background: #681c09;
}
.sp-comingsoon body {
  background-color: #681c09;
}
.pagination > li > a,
.pagination > li > span {
  color: #000000;
}
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  color: #000000;
}
.pagination > .active > a,
.pagination > .active > span {
  border-color: #681c09;
  background-color: #681c09;
}
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  border-color: #681c09;
  background-color: #681c09;
}

#sp-slideshow .container {max-width: 100%; padding: 0;}

/* Slideshow flicker */
div.uk-slideshow li {  
  -webkit-transition: opacity;  
  transition: opacity;  
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
color: #681c09;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {color: #681c09;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus, .offcanvas-menu .offcanvas-inner .sp-module li.active > a{
color: #fff; background: #681c09;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {color: #681c09;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {color: #681c09;}

/* #sp-slideshow{
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
}
*/

.menu-section {margin-bottom: 40px;}
.menu-item {display: flex; justify-content: space-between; gap: 20px; padding: 6px 0; border-bottom: 1px solid rgba(104,28,9,0.25);}
.menu-name {flex: 1;}
.menu-price {white-space: nowrap; font-weight: bold;}

.menuesection {
  display: flex;
  align-items: center;
  gap: 16px;
}

.menuesection::after {content: ""; flex: 1; height: 2px; background: #681c09;}
.menuesection::before {content: ""; width: 30px; height: 2px; background: #681c09;}