/*
Theme Name: Lumoras
Theme URI: https://weblish.io
Author: Weblish
Author URI: https://weblish.io
Description: Lumoras - A modern WordPress blogging theme with beautiful design, animations, and responsive layout. Perfect for bloggers, writers, and content creators.
Version: 1779189639
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lumoras
Tags: one-column, custom-menu, featured-images, theme-options, translation-ready, blog

Lumoras WordPress Blogging Theme - Built for Weblish
*/

/* Theme styles are loaded from css/syeds-radical-site-d98e4f.webflow.css */

body {
  background: var(--wl-surface);
  color: var(--wl-text);
}

a {
  color: var(--wl-primary);
  text-decoration-color: color-mix(in srgb, var(--wl-primary) 35%, transparent);
}

a:hover,
a:focus-visible {
  color: var(--wl-primary-hover);
  text-decoration-color: var(--wl-primary-hover);
}

::selection {
  background: var(--wl-highlight-bg);
  color: var(--wl-highlight-text);
}

.bg-primary {
  background-color: var(--wl-highlight-bg);
}

.bg-secondary {
  background-color: var(--wl-background);
}

.bg-dark {
  background-color: var(--wl-secondary);
}

.text-color-secondary,
.text-sm.text-color-secondary,
.text-lg.text-color-secondary {
  color: var(--wl-muted-text);
}

mark {
  background: var(--wl-highlight-bg);
  color: var(--wl-highlight-text);
}

.button,
.button-custom,
.footer_form-button,
.button.w-button {
  background: var(--wl-primary);
  border: 1px solid var(--wl-primary);
  color: var(--wl-surface);
  box-shadow: 0 12px 30px -22px var(--wl-primary);
}

.button:hover,
.button:focus-visible,
.button-custom:hover,
.button-custom:focus-visible,
.footer_form-button:hover,
.footer_form-button:focus-visible,
.button.w-button:hover,
.button.w-button:focus-visible {
  background: var(--wl-primary-hover);
  border-color: var(--wl-primary-hover);
  color: var(--wl-surface);
}

.button:focus-visible,
.button-custom:focus-visible,
.footer_form-button:focus-visible,
.footer_link:focus-visible,
.nav_links:focus-visible,
.w-input:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--wl-focus-ring);
  outline-offset: 2px;
}

.button.w-variant-faa34c45-9fbc-523e-5047-4250e9fc3d52 {
  background: var(--wl-secondary);
  border-color: var(--wl-secondary);
  color: var(--wl-surface);
}

.button.w-variant-faa34c45-9fbc-523e-5047-4250e9fc3d52:hover,
.button.w-variant-faa34c45-9fbc-523e-5047-4250e9fc3d52:focus-visible {
  background: var(--wl-secondary-hover);
  border-color: var(--wl-secondary-hover);
}

.navbar {
  background: color-mix(in srgb, var(--wl-surface) 94%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--wl-border) 82%, transparent);
}

.navbar_logo-link.w-nav-brand,
.footer-brand-logo.w-inline-block {
  height: 90px;
  width: auto;
  max-width: 200px;
}

.navbar_logo-link.w-nav-brand {
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav_links,
.nav_dropdown-link {
  color: var(--wl-muted-text);
}

.nav_links:hover,
.nav_links:focus-visible,
.nav_links.w--current,
.nav_dropdown-link:hover,
.nav_dropdown-link:focus-visible,
.nav_dropdown-link.w--current {
  color: var(--wl-primary);
}

.pillar-nav-shell {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.pillar-nav-scroll {
  display: flex;
  justify-content: center;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.pillar-nav-list {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-width: max-content;
}

.pillar-nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  line-height: 1.2;
  font-weight: 500;
  color: var(--wl-pill-text);
  background: color-mix(in srgb, var(--wl-pill-bg) 84%, var(--wl-surface));
  border: 1px solid color-mix(in srgb, var(--wl-pill-text) 18%, transparent);
  border-radius: 999px;
  text-decoration: none;
  white-space: nowrap;
  padding: 0.38rem 0.78rem;
}

.pillar-nav-link:hover,
.pillar-nav-link:focus-visible,
.pillar-nav-link.is-active {
  color: var(--wl-primary);
  border-color: color-mix(in srgb, var(--wl-primary) 35%, transparent);
  background: color-mix(in srgb, var(--wl-highlight-bg) 76%, var(--wl-surface));
}

.blog-card,
.contact-us_grid,
.contact_data,
.blog-sidebar-meta,
.blog-sticky-cta-banner,
.blog-end-cta-banner {
  border: 1px solid color-mix(in srgb, var(--wl-border) 70%, transparent);
  box-shadow: 0 18px 38px -34px color-mix(in srgb, var(--wl-secondary) 48%, transparent);
}

.blog-card,
.contact-us_grid,
.contact_data {
  background: var(--wl-surface);
}

.blog_header {
  border-bottom: 1px solid var(--wl-border);
}

.point {
  background-color: color-mix(in srgb, var(--wl-muted-text) 42%, transparent);
}

.footer {
  background: var(--wl-secondary);
  color: var(--wl-surface);
}

.footer .max-heading.is-39rem .h4 {
  color: var(--wl-surface);
  text-shadow: none;
}

.footer_link {
  color: var(--wl-surface);
}

.footer_link:hover,
.footer_link:focus-visible {
  color: var(--wl-surface);
}

.footer *,
.footer *:hover,
.footer *:focus-visible,
.footer a,
.footer a:visited,
.footer a:hover,
.footer a:focus-visible,
.footer .text-color-secondary,
.footer .text-sm.text-color-secondary,
.footer .text-lg.text-color-secondary {
  color: var(--wl-surface);
}

.footer .footer-brand-logo.w-inline-block {
  margin-bottom: 1rem;
}

.footer .footer-brand-logo img,
.footer .footer-brand-logo .img {
  height: 90px;
  width: auto;
  max-width: 200px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.footer .footer_info .text-sm.text-color-secondary {
  margin-top: 0.75rem;
}

.footer .footer_form-field,
.footer .form_input {
  background: color-mix(in srgb, var(--wl-surface) 8%, transparent);
  color: var(--wl-surface);
  border: 1px solid color-mix(in srgb, var(--wl-surface) 40%, transparent);
}

.footer .footer_form-field::placeholder,
.footer .form_input::placeholder {
  color: color-mix(in srgb, var(--wl-surface) 92%, transparent);
  opacity: 1;
}

.footer .footer_form-field:focus,
.footer .form_input:focus {
  border-color: var(--wl-surface);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--wl-surface) 30%, transparent);
}

.footer .footer_form-button,
.footer .footer_form-button:hover,
.footer .footer_form-button:focus-visible,
.footer .w-form-done,
.footer .w-form-fail {
  color: var(--wl-surface);
}

.footer .w-form-done,
.footer .w-form-fail {
  background: color-mix(in srgb, var(--wl-surface) 8%, transparent);
  border-color: color-mix(in srgb, var(--wl-surface) 40%, transparent);
}

.contact_form-grid {
  display: flex;
  flex-direction: column;
}

.w-form-done {
  background: color-mix(in srgb, var(--wl-highlight-bg) 78%, var(--wl-surface));
  border: 1px solid color-mix(in srgb, var(--wl-primary) 28%, transparent);
  color: var(--wl-highlight-text);
}

.w-form-fail {
  background: color-mix(in srgb, var(--wl-accent) 18%, var(--wl-surface));
  border: 1px solid color-mix(in srgb, var(--wl-accent) 38%, transparent);
  color: var(--wl-secondary);
}

.form_label {
  color: var(--wl-text);
}

.icon-wrapper {
  background: var(--wl-highlight-bg);
}

.icon-size {
  filter: saturate(110%);
}

.nav-button_line {
  background: var(--wl-text);
}

svg [fill]:not([fill="none"]) {
  fill: currentColor;
}

svg [stroke]:not([stroke="none"]) {
  stroke: currentColor;
}

.w-pagination-wrapper a,
.pagination-wrap a,
.page-numbers {
  color: var(--wl-primary);
  border: 1px solid var(--wl-border);
  background: var(--wl-surface);
  border-radius: 999px;
  padding: 0.35rem 0.85rem;
}

.w-pagination-wrapper a:hover,
.pagination-wrap a:hover,
.page-numbers:hover,
.page-numbers.current {
  color: var(--wl-surface);
  background: var(--wl-primary);
  border-color: var(--wl-primary);
}

.blog-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: clamp(24px, 4vw, 56px);
  align-items: stretch;
  overflow: visible;
}

.page-wrapper {
  overflow: visible;
}

.blog-detail-content-column {
  min-width: 0;
}

.blog-detail-header {
  text-align: left;
}

.blog-detail-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1rem;
}

.blog-detail-featured {
  margin-top: 2rem;
  margin-bottom: 2.25rem;
  border-radius: 1rem;
  overflow: hidden;
}

.blog-detail-featured .wp-post-image,
.blog-detail-featured img {
  width: 100%;
  height: auto;
  display: block;
}

.blog-detail-content {
  text-align: left;
  line-height: 1.8;
}

.blog-detail-content > *:first-child {
  margin-top: 0;
}

.blog-detail-content > *:last-child {
  margin-bottom: 0;
}

.blog-detail-content p,
.blog-detail-content h2,
.blog-detail-content h3,
.blog-detail-content h4,
.blog-detail-content h5,
.blog-detail-content h6 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
}

.blog-detail-content ul,
.blog-detail-content ol {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  padding-left: 1.5rem;
  list-style-position: outside;
  text-align: left;
}

.blog-detail-content li {
  margin-bottom: 0.55rem;
  padding-left: 0.3rem;
}

.blog-detail-content li:last-child {
  margin-bottom: 0;
}

.blog-detail-sidebar {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-self: stretch;
  min-width: 0;
  overflow: visible;
}

.blog-sidebar-meta {
  border-radius: 1.25rem;
  background: var(--wl-surface);
  padding: 1rem;
}

.blog-author-profile {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
}

.blog-author-avatar {
  width: 4rem;
  height: 4rem;
  border-radius: 999px;
  object-fit: cover;
  border: 2px solid color-mix(in srgb, var(--wl-primary) 26%, var(--wl-surface));
}

.blog-author-copy h3 {
  font-size: 1.05rem;
}

.blog-author-copy p {
  margin-top: 0.35rem;
  color: var(--wl-muted-text);
  font-size: 0.95rem;
  line-height: 1.6;
}

.blog-sidebar-kicker {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--wl-primary);
  margin-bottom: 0.25rem;
}

.blog-sidebar-facts {
  margin-top: 1rem;
  display: grid;
  gap: 0.75rem;
}

.blog-sidebar-fact {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  border: 1px solid color-mix(in srgb, var(--wl-border) 72%, transparent);
  border-radius: 0.9rem;
  padding: 0.6rem 0.75rem;
  background: color-mix(in srgb, var(--wl-highlight-bg) 45%, var(--wl-surface));
}

.blog-sidebar-fact-label {
  color: var(--wl-muted-text);
  font-size: 0.86rem;
}

.blog-sidebar-fact-value {
  color: var(--wl-text);
  font-weight: 500;
  font-size: 0.9rem;
  text-align: right;
}

.blog-sidebar-sticky {
  position: sticky;
  top: var(--weblish-sticky-offset, 96px);
  z-index: 1;
  align-self: start;
}

.blog-sticky-cta-banner,
.blog-end-cta-banner {
  position: relative;
  overflow: hidden;
  border-radius: 1.25rem;
  background: linear-gradient(145deg, color-mix(in srgb, var(--wl-primary) 84%, var(--wl-secondary)) 0%, var(--wl-secondary) 100%);
  color: var(--wl-surface);
}

.blog-sticky-cta-banner::before,
.blog-end-cta-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(145deg, color-mix(in srgb, var(--wl-primary) 46%, transparent) 0%, var(--wl-overlay-dark) 78%),
    var(--wl-cta-bg-image, none);
  background-size: cover;
  background-position: center;
  opacity: 0.94;
}

.blog-cta-overlay {
  position: relative;
  z-index: 1;
  padding: 1.15rem;
}

.blog-sticky-cta-banner h3,
.blog-end-cta-banner h2 {
  color: var(--wl-surface);
  margin-bottom: 0.55rem;
}

.blog-sticky-cta-banner p,
.blog-end-cta-banner p {
  color: color-mix(in srgb, var(--wl-surface) 84%, var(--wl-highlight-bg));
  margin-bottom: 1rem;
}

.blog-sticky-cta-banner .button,
.blog-end-cta-banner .button {
  background: var(--wl-accent);
  border-color: var(--wl-accent);
  color: var(--wl-secondary);
}

.blog-sticky-cta-banner .button:hover,
.blog-sticky-cta-banner .button:focus-visible,
.blog-end-cta-banner .button:hover,
.blog-end-cta-banner .button:focus-visible {
  background: var(--wl-accent-hover);
  border-color: var(--wl-accent-hover);
  color: var(--wl-secondary);
}

.blog-end-cta-banner {
  margin-top: 2.5rem;
}

.blog-end-cta-banner .blog-cta-content {
  max-width: 38rem;
}

.contact-social-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.65rem;
}

.contact-social-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--wl-border) 75%, transparent);
  background: var(--wl-surface);
  color: var(--wl-primary);
  padding: 0.32rem 0.75rem;
  font-size: 0.85rem;
  text-decoration: none;
}

.contact-social-links a:hover,
.contact-social-links a:focus-visible {
  border-color: var(--wl-primary);
  background: var(--wl-highlight-bg);
  color: var(--wl-primary-hover);
}

@media (max-width: 900px) {
  .blog-detail-layout {
    display: block;
  }

  .blog-detail-sidebar {
    margin-top: 1.5rem;
  }

  .blog-sidebar-sticky {
    position: static;
  }
}

@media (max-width: 767px) {
  .pillar-nav-shell {
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
  }

  .pillar-nav-scroll {
    justify-content: flex-start;
  }

  .blog-end-cta-banner .blog-cta-overlay {
    padding: 1rem;
  }
}