/*
  Rebuilt stylesheet for theeastmanbar.html
  The original theme stylesheet (ohio-style.css) and 9 page-specific Elementor
  CSS files (post-7, post-226045, post-243893, post-243916, post-244972,
  post-243939, post-243989, post-243990, post-243991) were not recoverable
  from the live site or the Wayback Machine - neither ever archived them.

  This file recreates the page's design system using the brand tokens that
  survived in the inline <style id="ohio-style-inline-css"> and
  <style id="global-styles-inline-css"> blocks already present in the HTML
  (colors, fonts, radii). Per-widget positioning that lived only in the lost
  files (exact spacing/sizing of ~250 individual Elementor elements) is
  approximated with sensible defaults, not restored pixel-for-pixel.
*/

/* ---------- Base ---------- */
html, body {
  background-color: var(--clb-dm-fill-color, #12271e);
  color: var(--clb-fill-color, #fff);
  font-family: var(--clb-body-font-family, 'Space Grotesk', sans-serif);
  font-size: 16px;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.branding-title {
  font-family: var(--clb-titles-font-family, 'Balthazar', serif);
  font-weight: var(--clb-titles-font-weight, 500);
  text-transform: var(--clb-titles-text-transform, uppercase);
  letter-spacing: .03em;
  color: var(--clb-fill-color, #fff);
}

a { color: var(--clb-color-primary, #ad7200); text-decoration: none; }
a:hover { color: var(--clb-link-hover-color, #d1b885); }

::selection { background-color: var(--clb-selection-color, #d1b885); color: #12271e; }

/* ---------- Layout / containers ---------- */
.page-container {
  max-width: var(--clb-container-width, 1300px);
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
}

.elementor-section {
  padding: 60px 0;
}

.elementor-section.clb__light_section {
  background-color: var(--wp--preset--color--beige-dark, #A1824F);
  color: #12271e;
}

.elementor-section.clb__light_section h1,
.elementor-section.clb__light_section h2,
.elementor-section.clb__light_section h3,
.elementor-section.clb__light_section h4,
.elementor-section.clb__light_section .elementor-heading-title,
.elementor-section.clb__light_section p {
  color: #12271e;
}

/* ---------- Header / navigation ---------- */
.header {
  background-color: var(--clb-dm-fill-color, #12271e);
  padding: 16px 0;
}

.header .branding-title {
  text-transform: none;
}

.header .branding .logo img,
.header .branding .logo-mobile img,
.header .branding .logo-sticky img,
.header .branding .logo-sticky-mobile img,
.header .branding .logo-dynamic img {
  height: 100px;
  width: auto;
}

.nav .menu {
  display: flex;
  align-items: center;
  gap: 28px;
  list-style: none;
}

.nav .menu > li > a {
  font-family: var(--clb-body-font-family, 'Space Grotesk', sans-serif);
  text-transform: uppercase;
  font-size: .9em;
  letter-spacing: .05em;
  color: var(--clb-fill-color, #fff);
}

.nav .menu > li > a:hover { color: var(--clb-color-primary, #ad7200); }

.hamburger-button { color: var(--clb-fill-color, #fff); }

.hamburger-nav {
  background-color: var(--clb-dm-fill-color, #12271e);
}

/* ---------- Buttons ---------- */
.elementor-button,
.button {
  display: inline-block;
  background-color: var(--clb-color-primary, #ad7200);
  color: #fff !important;
  border-radius: var(--clb-button-border-radius, 24px);
  padding: .9em 2em;
  font-family: var(--clb-body-font-family, 'Space Grotesk', sans-serif);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: .85em;
  border: none;
  transition: background-color .2s ease, transform .2s ease;
}

.elementor-button:hover,
.button:hover {
  background-color: var(--clb-selection-color, #d1b885);
  color: #12271e !important;
  transform: translateY(-1px);
}

/* ---------- Common widgets ---------- */
.elementor-widget-image img,
.elementor-image img {
  border-radius: var(--clb-border-radius, 13px);
  max-width: 100%;
  height: auto;
}

.elementor-widget-divider .elementor-divider-separator {
  border-top: 1px solid var(--clb-selection-color, #d1b885);
  opacity: .4;
}

.elementor-widget-text-editor {
  font-family: var(--clb-body-font-family, 'Space Grotesk', sans-serif);
  line-height: 1.7;
}

.elementor-widget-spacer .elementor-spacer-inner { display: block; }

/* ---------- Footer ---------- */
.site-footer {
  background-color: #12271e;
  padding: 60px 0 24px;
}

.site-footer a:not(.button) { color: var(--clb-fill-color, #fff); }
.site-footer a:not(.button):hover { color: var(--clb-color-primary, #ad7200); }

/* ---------- Responsive ---------- */
@media screen and (max-width: 768px) {
  .elementor-section { padding: 32px 0; }
  .page-container { padding-left: 16px; padding-right: 16px; }
  .nav .menu { display: none; }
}