/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.6
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Topbar Marquee Styles */
.bio-topbar {
  height: 34px;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
  background: #FFFFFF;
  color: #15110D;
  width: 100%;
  box-sizing: border-box;
}

.bio-topbar-marquee {
  display: flex;
  align-items: center;
  white-space: nowrap;
  animation: bio-marquee 38s linear infinite;
  will-change: transform;
}

@keyframes bio-marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.bio-topbar-item {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.65rem;
  font-weight: 500;
  letter-spacing: 0.20em;
  text-transform: uppercase;
  color: #000000;
  display: inline-flex;
  align-items: center;
}

.bio-topbar-dot {
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #15110D;
  margin: 0 2.8rem;
  flex-shrink: 0;
}

/* Header Flexbox Layout Fix for Frontend & Elementor Editor Preview */
.bio-main-header,
.elementor-element-9f4b6b2 {
  transition: all 300ms ease;
  width: 100%;
}

.elementor-element-9f4b6b2 > .e-con-inner,
.elementor-location-header .elementor-element-9f4b6b2 > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  max-width: 100% !important;
}

.elementor-element-9f4b6b2 .elementor-element-35e2717,
.elementor-element-9f4b6b2 .elementor-element-34b4d6f,
.elementor-element-9f4b6b2 .elementor-element-1a2192b {
  width: 33.333% !important;
  flex-basis: 33.333% !important;
  flex-grow: 1 !important;
}

.bio-main-header.scrolled {
  background-color: rgba(251, 248, 242, 0.95) !important;
  backdrop-filter: blur(12px);
  box-shadow: 0 4px 20px rgba(0,0,0,0.04);
}

.bio-nav-link {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #3F3934;
  text-decoration: none;
  transition: color 200ms;
}

.bio-nav-link:hover {
  color: #15110D;
}

.bio-logo-text {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.75rem;
  font-weight: 200;
  letter-spacing: 0.38em;
  text-transform: uppercase;
  color: #15110D;
  text-decoration: none;
  display: block;
  text-align: center;
}