body.site-shell {
  background: #f8f6f0;
}

.site-shell #header {
  background-color: #364236;
  padding: 0 32px;
}

.site-shell .mimarse-logo {
  width: 160px;
  max-width: 100%;
}

.site-shell .menu li a,
.site-shell .menu span a {
  position: relative;
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  overflow: hidden;
  background: linear-gradient(to bottom, #fffef2 0%, #fff7c8 10%, #ffe27a 25%, #fff4b0 40%, #d4af37 55%, #fff4b0 70%, #b8860b 90%, #fff8d5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.site-shell .menu li a::after,
.site-shell .menu span a::after {
  content: "";
  position: absolute;
  top: -20%;
  left: -150%;
  width: 28%;
  height: 150%;
  background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.2), rgba(255, 248, 213, 0.95), rgba(212, 175, 55, 0.75), transparent);
  transform: rotate(20deg);
  opacity: 0;
  pointer-events: none;
  filter: blur(1px) drop-shadow(0 0 5px rgba(255, 221, 112, 0.75));
}

.site-shell .menu li a:hover::after,
.site-shell .menu span a:hover::after {
  opacity: 1;
  animation: menuShine 3s ease forwards;
}

.site-shell .primary-btn {
  background: transparent !important;
  border: 1.5px solid #c8a84b !important;
  color: #c8a84b !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 8px 18px !important;
  border-radius: 2px !important;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
}

.site-shell .primary-btn:hover {
  background: #c8a84b !important;
  color: #364236 !important;
}

.site-shell .toggle-menu,
.site-shell .show-offcanvas {
  color: #c8a84b !important;
  font-size: 24px;
}

.site-shell .toggle-menu i,
.site-shell .show-offcanvas i {
  color: #c8a84b !important;
}

.site-shell .search::placeholder {
  color: #ffffff;
  opacity: 1;
}

.site-shell .mobile-menu .menu a,
.site-shell .mobile-menu .menu span {
  font-size: 14px;
}

.site-shell .left-sidebar,
.site-shell .search-popup,
.site-shell .mobile-menu {
  z-index: 1050;
}

.site-shell .footer > .container {
  position: relative;
  z-index: 1;
}

.site-shell.blog-list-page .page-banner {
  margin-bottom: 56px;
}

@keyframes menuShine {
  0% {
    left: -150%;
  }

  25% {
    left: 150%;
  }

  100% {
    left: 150%;
  }
}

@media (min-width: 1000px) {
  .site-shell .mimarse-logo {
    width: 160px;
  }
}

@media (max-width: 1400px) {
  .site-shell .menu a {
    font-size: 13px !important;
    white-space: nowrap;
  }

  .site-shell .primary-btn {
    padding: 10px 16px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 991.98px) {
  .site-shell.blog-list-page .page-banner {
    margin-bottom: 40px;
  }
}