@import url('https://fonts.googleapis.com/css2?family=Finlandica:ital,wght@0,400..700;1,400..700&display=swap');
:root {
  --bs-primary: #964B00;
  --bs-secondary: #6c757d;
  --bs-primary-rgb: 150, 75, 0;
  --bs-secondary-rgb: 26, 188, 156;
  --bs-link-color: #964B00;
  --bs-body-font-family: Finlandica;
  scroll-behavior: smooth;
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-secondary);
  --bs-btn-hover-border-color: var(--bs-secondary);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-secondary);
  --bs-btn-active-border-color: var(--bs-secondary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}
.bg-primary-transparent {
  background: rgba(var(--bs-light-rgb), 65%);
}
.btn-fb, .btn-x, .btn-instagram, .btn-tiktok {
  color: #fff; 
}
.btn-fb:hover, .btn-x:hover, .btn-instagram:hover, .btn-tiktok:hover {
  background: var(--bs-dark);
  color: #fff; 
}
.btn-fb {
  background: #4267B2;
}
.btn-x {
  background: #000000;
}
.btn-instagram {
  background: #8E24AA;
}
.btn-tiktok {
  background: #FF69B4;
}
a {
  color: var(--bs-primary);
}
.navbar-brand img {
  max-width: 50px;
}
#mainNav > a:hover, #mainNav > nav:hover {
  transition: background-color 1s linear;
  background: var(--bs-secondary);
  color: var(--bs-light) !important;
}
#mainNav > nav > a.active {
  border: 1px solid var(--bs-dark) !important;
}
.iyo-dropdown-menu a {
  color: #fff;
  background: none;
}
.iyo-dropdown-menu a.active {
  color: var(--bs-primary);
  background: var(--bs-light);
}
.iyo-dropdown-menu a:hover{
  color: var(--bs-light);
  background: var(--bs-secondary);
}
#hero {
  background: url('../img/hero-bg.jpg') no-repeat center center fixed;
  background-size: cover;
}
#hero .carousel-inner {
  background: rgba(var(--bs-light-rgb), 75%);
}
#hero .carousel-inner h2 {
  text-transform: uppercase;
}
#hero .carousel-inner p {
  text-transform: capitalize;
}
.iyo-carousel-indicators {
  position: static;
  display: block;
  background: rgba(var(--bs-light-rgb), 75%)
}
.iyo-carousel-indicators button.active {
  background: var(--bs-primary) !important;
}
#menu a.nav-link {
  color: var(--bs-light);
}
#menu a.nav-link.active {
  color: var(--bs-dark);
}
.services-container {
  background: url('../img/hero-bg.jpg') no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
}
.service > div:hover {
  box-shadow: 0 0 5px var(--bs-dark);
}
.service:hover img {
  background: #fff;
  border: none !important;
  border-radius: 0 !important;
}
.service img {
  max-width: 70px;
}
#chef {
  background: url('../img/kitchen.jpg') no-repeat center center fixed;
  background-size: cover;
}
#map iframe {
  width: 100%;
  height: 100%;
}
.accordion-button {
  background: var(--bs-light) !important;
  color: var(--bs-primary) !important;
}
.accordion-button::after {
  display: inline-block;
  background-color: var(--bs-light);
  border-radius: 50%;
}
.accordion-button[aria-expanded=true] {
  background: var(--bs-primary) !important;
  color: var(--bs-light) !important;
}
.accordion-button:focus {
  box-shadow: 0 0 5px var(--bs-dark) !important;
}
#contactForm {
  max-width: 700px;
}
textarea {
  height: 100px !important;
}
#orderModal .modal-body img {
  max-width: 200px;
}
@media (min-width: 992px) {
  .services-img-container img, .services-container {
    border-radius: 0 !important;
  }
}
@media screen and (max-width: 576px) {
  .carousel-inner.rounded {
    border-radius: 0 !important;
  }
  #chef .btn-group .btn {
    border-radius: 0;
  }
  #chef .btn-group .btn:first-child {
    border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0;
  }
  #chef .btn-group .btn:last-child {
    border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);
  }
}
@media (max-width: 350px) {
  .navbar-brand  {
    margin: 0 !important;
  }
}