.elementor-224779 .elementor-element.elementor-element-0666ab2{--display:flex;--min-height:97vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.25;--overlay-mix-blend-mode:luminosity;border-style:solid;--border-style:solid;border-width:0px 0px 4px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:4px;--border-left-width:0px;border-color:var( --e-global-color-f253e4c );--border-color:var( --e-global-color-f253e4c );--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;--z-index:2;}.elementor-224779 .elementor-element.elementor-element-0666ab2:not(.elementor-motion-effects-element-type-background), .elementor-224779 .elementor-element.elementor-element-0666ab2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 66%);}.elementor-224779 .elementor-element.elementor-element-0666ab2::before, .elementor-224779 .elementor-element.elementor-element-0666ab2 > .elementor-background-video-container::before, .elementor-224779 .elementor-element.elementor-element-0666ab2 > .e-con-inner > .elementor-background-video-container::before, .elementor-224779 .elementor-element.elementor-element-0666ab2 > .elementor-background-slideshow::before, .elementor-224779 .elementor-element.elementor-element-0666ab2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-224779 .elementor-element.elementor-element-0666ab2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#61171700;background-image:url("https://libertycigars.com/wp-content/uploads/2026/05/declaration-chest-edited-1-scaled.jpg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-224779 .elementor-element.elementor-element-ef319ab{--spacer-size:100px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-224779 .elementor-element.elementor-element-8bf0790{padding:60px 60px 60px 60px;}.elementor-224779 .elementor-element.elementor-element-8bf0790 img{width:600px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-224779 .elementor-element.elementor-element-f9e187c{padding:0em 0em 0em 0.3em;text-align:center;}.elementor-224779 .elementor-element.elementor-element-f9e187c .elementor-heading-title{font-family:"akzidenz-grotesk-next-extend", Sans-serif;font-size:1.1rem;font-weight:400;text-transform:uppercase;letter-spacing:0.11em;color:#C3AC7A;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-224779 .elementor-element.elementor-element-48ecdc4 .elementor-heading-title{font-family:"benton-modern-display", Sans-serif;font-size:100px;font-weight:400;color:var( --e-global-color-c056ce4 );}.elementor-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-224779 .elementor-element.elementor-element-6e7cd22 .elementor-heading-title{font-family:"benton-modern-display", Sans-serif;font-size:100px;font-weight:400;color:var( --e-global-color-c056ce4 );}.elementor-224779 .elementor-element.elementor-element-a594fb8{padding:0em 0em 0em 0.3em;text-align:center;}.elementor-224779 .elementor-element.elementor-element-a594fb8 .elementor-heading-title{font-family:"akzidenz-grotesk-next-extend", Sans-serif;font-size:1.1rem;font-weight:400;text-transform:uppercase;letter-spacing:0.11em;color:#C3AC7A;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-224779 .elementor-element.elementor-element-ae38978 .elementor-icon-wrapper{text-align:center;}.elementor-224779 .elementor-element.elementor-element-ae38978.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-f253e4c );}.elementor-224779 .elementor-element.elementor-element-ae38978.elementor-view-framed .elementor-icon, .elementor-224779 .elementor-element.elementor-element-ae38978.elementor-view-default .elementor-icon{color:var( --e-global-color-f253e4c );border-color:var( --e-global-color-f253e4c );}.elementor-224779 .elementor-element.elementor-element-ae38978.elementor-view-framed .elementor-icon, .elementor-224779 .elementor-element.elementor-element-ae38978.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-f253e4c );}.elementor-224779 .elementor-element.elementor-element-ae38978 .elementor-icon{font-size:27px;}.elementor-224779 .elementor-element.elementor-element-ae38978 .elementor-icon svg{height:27px;}.elementor-224779 .elementor-element.elementor-element-0835630{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-224779 .elementor-element.elementor-element-2865fc7{--grid-columns:1;--grid-row-gap:0px;--grid-column-gap:0px;}@media(max-width:1024px){.elementor-224779 .elementor-element.elementor-element-2865fc7{--grid-columns:2;}}@media(max-width:767px){.elementor-224779 .elementor-element.elementor-element-0666ab2{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-224779 .elementor-element.elementor-element-8bf0790{padding:30px 30px 30px 30px;}.elementor-224779 .elementor-element.elementor-element-2865fc7{--grid-columns:1;}}/* Start custom CSS for heading, class: .elementor-element-f9e187c */.elementor-224779 .elementor-element.elementor-element-f9e187c .italic {
    font-style: italic;
    margin-left: -0.08em;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a594fb8 */.elementor-224779 .elementor-element.elementor-element-a594fb8 .italic {
    font-style: italic;
    margin-left: -0.08em;
}/* End custom CSS */
/* Start custom CSS *//*
 * ELEMENTOR TIMELINE MENU — Historical Navigation Style
 * 
 * HOW TO USE IN ELEMENTOR:
 * 1. Go to Elementor > Custom CSS (or use a plugin like "Simple Custom CSS")
 * 2. Paste this entire file's contents
 * 3. Your Nav Menu widget's ID or class should match the body.elementor-page-224779s below.
 *    By default this targets .elementor-nav-menu — adjust if needed.
 *
 * FONT: Add this to your theme's <head> or via Elementor > Custom Code:
 * <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;1,400&family=EB+Garamond:wght@400;500&display=swap" rel="stylesheet">
 */

/* ─── CSS Variables ─────────────────────────────────────────── */
:root {
  --tm-cream:       #f0ebe0;
  --tm-gold:        #C3AC7A;
  --tm-gold-light:  #C3AC7A;
  --tm-dark:        #3a3530;
  --tm-charcoal:    #4a4540;
  --tm-white:       #ffffff;
  --tm-circle-size: 250px;
  --tm-line-h:      2px;
}


/* ─── Wrapper ────────────────────────────────────────────────── */
#years .elementor-nav-menu--layout-horizontal .elementor-nav-menu {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 30px !important;
  padding: 60px 40px 80px !important;
  margin: 0 !important;
  position: relative !important;
  list-style: none !important;
  font-family: 'EB Garamond', Georgia, serif !important;
}
@media only screen and (max-width: 1366px) {
:root {
  --tm-circle-size: 188px;
}
#years .elementor-nav-menu--layout-horizontal .elementor-nav-menu {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;    
  gap: 20px !important;
  padding: 60px 40px 80px !important;
}
}

/* ─── Horizontal connecting line ─────────────────────────────── */
#years .elementor-nav-menu--layout-horizontal .elementor-nav-menu::before {
  content: '' !important;
  position: absolute !important;
  top: calc(60px + var(--tm-circle-size) / 2) !important;
  left: 10% !important;
  right: 10% !important;
  height: var(--tm-line-h) !important;
  background: var(--tm-gold) !important;
  z-index: 0 !important;
}

/* ─── Each menu item ─────────────────────────────────────────── */
#years .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  flex: 1 !important;
  position: relative !important;
  z-index: 1 !important;
  cursor: pointer !important;
}

/* ─── Circle (the "era bubble") ──────────────────────────────── */
#years .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--tm-circle-size) !important;
  height: var(--tm-circle-size) !important;
  border-radius: 50% !important;
  border: 3px solid var(--tm-gold) !important;
  background: var(--tm-dark) !important;
  color: var(--tm-white) !important;
  font-size: 3.2rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: 0 0 10px rgba(0,0,0,0.17);
  line-height: 1.2 !important;
  padding: 10px !important;
  position: relative !important;
  z-index: 2 !important;
  transition: border-color 0.3s ease, background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important;
  box-shadow: 0 2px 35px rgba(0,0,0,0.4) !important;
  background-size: cover !important;
  background-position: center !important;
  font-family: "benton-modern-display-compre", Sans-serif;
}


/* Text overlay on circle */
#years .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li > a::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: 50% !important;
  background: rgba(30, 25, 15, 0.45) !important;
  transition: background 0.3s ease !important;
  font-family: "benton-modern-display-compre", Sans-serif;
}

#years .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li > a span {
  position: relative !important;
  z-index: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
  pointer-events: none !important;
}

/* ─── Hover state ─────────────────────────────────────────────── */
#years .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li > a:hover {
  border-color: var(--tm-gold-light) !important;
  transform: scale(1.03) !important;
  box-shadow: 0 8px 32px rgba(184,134,11,0.4) !important;
}

#years .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li > a:hover::before {
  background: rgba(30, 25, 15, 0.2) !important;
}

/* ─── Active / current menu item ─────────────────────────────── */
#years .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li.current-menu-item > a,
#years .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li.current-menu-ancestor > a {
  /*border-color: var(--tm-gold-light) !important;*/
  /*box-shadow: 0 0 0 5px rgba(184,134,11,0.25), 0 6px 24px rgba(0,0,0,0.35) !important;*/
}

/* ─── Label below the circle (the subtitle / "era name") ─────── */
#years .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li > a .sub-label,
#years .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li > a [class*="sub"] {
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.01em !important;
  opacity: 0.9 !important;
}

/* ─── Dropdown panel (the decade list, like "1700s...1790s") ──── */
#years .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li .sub-menu {
  position: absolute !important;
  top: calc(var(--tm-circle-size) + 8px) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  min-width: 160px !important;
  background: var(--tm-gold) !important;
  padding: 18px 0 !important;
  list-style: none !important;
  margin: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.25s ease, transform 0.25s ease !important;
  transform: translateX(-50%) translateY(-6px) !important;
  z-index: 10 !important;
}

#years .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li:hover .sub-menu,
#years .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li.focus .sub-menu {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateX(-50%) translateY(0) !important;
}

/* vertical connector dot */
#years .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li .sub-menu::before {
  content: '' !important;
  position: absolute !important;
  top: 51px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 2px !important;
  height: 20px !important;
  background: var(--tm-gold) !important;
}

/* Dropdown items */
#years .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li .sub-menu > li > a {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--tm-white) !important;
  font-family:akzidenz-grotesk-next-extend, sans-serif;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em !important;
  text-align: center !important;
  padding: 10px 24px !important;
  transform: none !important;
  transition: background 0.2s ease, letter-spacing 0.2s ease !important;
}

#years .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li .sub-menu > li > a::before {
  display: none !important;
}

#years .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li .sub-menu > li > a:hover {
  background: rgba(255,255,255,0.15) !important;
  transform: none !important;
  box-shadow: none !important;
}

/* ─── Mobile: stack vertically ───────────────────────────────── */
@media (max-width: 1024px) {
  #years .elementor-nav-menu--layout-horizontal .elementor-nav-menu {
    flex-direction: column !important;
    padding: 0px 0px !important;
    gap: 32px !important;
  }

  #years .elementor-nav-menu--layout-horizontal .elementor-nav-menu::before {
    top: 0 !important;
    bottom: 0 !important;
    left: 50% !important;
    right: auto !important;
    width: var(--tm-line-h) !important;
    height: auto !important;
  }

  #years .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li .sub-menu {
    position: static !important;
    /*transform: none !important;*/
      left: 50% !important;
  transform: translateX(1px) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    background: var(--tm-gold) !important;
    margin-top: 12px !important;
  }
  
  #years .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li:hover .sub-menu,
#years .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li.focus .sub-menu {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateX(1px) translateY(0) !important;
}
  
  
  
}

 #years .elementor-nav-menu--layout-horizontal .elementor-nav-menu .menu-item-224809 a { 
     background-image: url(https://libertycigars.com/wp-content/uploads/2026/06/download-1.jpg?v=1780346665) !important
}
 #years .elementor-nav-menu--layout-horizontal .elementor-nav-menu .menu-item-224810 a { 
     background-image: url(https://libertycigars.com/wp-content/uploads/2026/06/download-1.webp?v=1780347394) !important
}
 #years .elementor-nav-menu--layout-horizontal .elementor-nav-menu .menu-item-224811 a { 
     background-image: url(https://libertycigars.com/wp-content/uploads/2026/06/download-2.jpg?v=1780347517) !important
}
 #years .elementor-nav-menu--layout-horizontal .elementor-nav-menu .menu-item-224812 a { 
     background-image: url(https://libertycigars.com/wp-content/uploads/2026/06/download-3.jpg?v=1780347563) !important
}





#years .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li > a span.sub-arrow {
    display: none !important;
}


#years .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li .sub-menu {
  top: 200px !important;
  padding-top: 70px !important;
  background: transparent !important;
}
#years .elementor-nav-menu .sub-menu li {
    background: var(--tm-gold) !important;
}

@media only screen and (max-width: 1366px) {
#years .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li .sub-menu {
  top: 140px !important;
  padding-top: 70px !important;
  background: transparent !important;
}
}
@media only screen and (max-width: 1024px) {
#years .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li .sub-menu {
  top: 140px !important;
  padding-top: 20px !important;
  background: transparent !important;
}
}/* End custom CSS */