.wbcom-essential-timeline{--bar-thickness:4px;--icon-container-size:60px;--content-padding:24px;--content-box-shadow:0 4px 15px rgba(0,0,0,.08);--content-border:none;--date-font-size:14px;--title-font-size:20px;--text-font-size:16px;--item-spacing:40px;--image-border-radius:8px;--bar-color:#e2e8f0;--content-background:#f7fafc;--icon-bg:#3182ce;--icon-color:#fff;--date-color:#718096;--title-color:#1a202c;--text-color:#4a5568}.wbcom-essential-timeline.use-theme-colors{--bar-color:var(--wbcom-border-color,var(--wbcom-color-base-2,#e2e8f0));--content-background:var(--wbcom-card-bg,var(--wbcom-color-base,#f7fafc));--icon-bg:var(--wbcom-color-primary,#3182ce);--icon-color:var(--wbcom-color-base,#fff);--date-color:var(--wbcom-meta-color,var(--wbcom-color-contrast-2,#718096));--title-color:var(--wbcom-heading-color,var(--wbcom-color-contrast,#1a202c));--text-color:var(--wbcom-text-color,var(--wbcom-color-contrast-2,#4a5568))}.wbcom-essential-timeline.use-theme-colors .wbcom-timeline-icon{background-color:var(--icon-bg);color:var(--icon-color)}.wbcom-essential-timeline.use-theme-colors .wbcom-timeline-content{background-color:var(--content-background)}.wbcom-essential-timeline.use-theme-colors .wbcom-timeline-date{color:var(--date-color)}.wbcom-essential-timeline.use-theme-colors .wbcom-timeline-title{color:var(--title-color)}.wbcom-essential-timeline.use-theme-colors .wbcom-timeline-text{color:var(--text-color)}.wbcom-essential-timeline{padding:40px 0}.wbcom-essential-timeline .wbcom-timeline-container{padding:0;position:relative}.wbcom-essential-timeline .wbcom-timeline-container:before{background-color:var(--bar-color);content:"";height:100%;left:calc(var(--icon-container-size)/2 - var(--bar-thickness)/2);position:absolute;top:0;width:var(--bar-thickness)}.wbcom-essential-timeline .wbcom-timeline-block{display:flex;margin-bottom:var(--item-spacing);position:relative;z-index:1}.wbcom-essential-timeline .wbcom-timeline-block:last-child{margin-bottom:0}.wbcom-essential-timeline .wbcom-timeline-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;text-align:center;z-index:9}.wbcom-essential-timeline .wbcom-timeline-content{border:var(--content-border);box-shadow:var(--content-box-shadow);flex-grow:1;margin-left:30px;padding:var(--content-padding);position:relative}.wbcom-essential-timeline .wbcom-timeline-content:before{border:10px solid transparent;border-right-color:inherit;content:"";display:none;height:0;position:absolute;right:100%;top:20px;width:0}.wbcom-essential-timeline .wbcom-timeline-content.show-arrow:before{border-right-color:var(--content-background);display:block}.wbcom-essential-timeline .wbcom-timeline-content p:last-of-type{margin-bottom:0}.wbcom-essential-timeline .wbcom-timeline-image{margin:calc(var(--content-padding)*-1);margin-bottom:16px;overflow:hidden}.wbcom-essential-timeline .wbcom-timeline-image img{border-radius:var(--image-border-radius) var(--image-border-radius) 0 0;display:block;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.wbcom-essential-timeline .wbcom-timeline-date{display:block;font-size:var(--date-font-size);font-weight:600;margin-bottom:8px}.wbcom-essential-timeline .wbcom-timeline-title{font-size:var(--title-font-size);font-weight:600;line-height:1.3;margin:0 0 12px;padding:0}.wbcom-essential-timeline .wbcom-timeline-title:after,.wbcom-essential-timeline .wbcom-timeline-title:before{display:none}.wbcom-essential-timeline .wbcom-timeline-text{font-size:var(--text-font-size);line-height:1.7;margin:0}@media screen and (min-width:1025px){.wbcom-timeline-two-column .wbcom-timeline-container:before{left:50%;transform:translateX(-50%)}.wbcom-timeline-two-column .wbcom-timeline-block{justify-content:flex-end;position:relative}.wbcom-timeline-two-column .wbcom-timeline-block .wbcom-timeline-icon{left:50%;margin:0;position:absolute;top:20px;transform:translateX(-50%)}.wbcom-timeline-two-column .wbcom-timeline-block .wbcom-timeline-content{flex-grow:0;margin-left:0;margin-right:calc(50% + var(--icon-container-size)/2 + 30px);width:calc(50% - var(--icon-container-size)/2 - 30px)}.wbcom-timeline-two-column .wbcom-timeline-block.odd .wbcom-timeline-content:before{border-left-color:inherit;border-right-color:transparent;left:100%;right:auto}.wbcom-timeline-two-column .wbcom-timeline-block.odd .wbcom-timeline-content.show-arrow:before{border-left-color:var(--content-background)}.wbcom-timeline-two-column .wbcom-timeline-block.even{justify-content:flex-start}.wbcom-timeline-two-column .wbcom-timeline-block.even .wbcom-timeline-content{margin-left:calc(50% + var(--icon-container-size)/2 + 30px);margin-right:0}.wbcom-timeline-two-column .wbcom-timeline-block.even .wbcom-timeline-content:before{left:auto;right:100%}.wbcom-timeline-two-column .wbcom-timeline-block.even .wbcom-timeline-content.show-arrow:before{border-right-color:var(--content-background)}}@media screen and (max-width:1024px){.wbcom-timeline-two-column .wbcom-timeline-block .wbcom-timeline-icon{margin-left:0;margin-right:0;position:static;transform:none}.wbcom-timeline-two-column .wbcom-timeline-block .wbcom-timeline-content{flex-grow:1;margin-left:30px;margin-right:0;width:auto}.wbcom-timeline-two-column .wbcom-timeline-block .wbcom-timeline-content:before{border-left-color:transparent;left:auto;right:100%}.wbcom-timeline-two-column .wbcom-timeline-block .wbcom-timeline-content.show-arrow:before{border-right-color:var(--content-background)}}.wbcom-timeline-animated .wbcom-timeline-content,.wbcom-timeline-animated .wbcom-timeline-icon{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.wbcom-timeline-animated .wbcom-timeline-content.animate-in,.wbcom-timeline-animated .wbcom-timeline-icon.animate-in{opacity:1}.wbcom-timeline-animated .wbcom-timeline-content.animate-in{transform:translateY(0)}@media screen and (min-width:1025px){.wbcom-timeline-animated.wbcom-timeline-two-column .wbcom-timeline-block.odd .wbcom-timeline-content{transform:translateX(30px)}.wbcom-timeline-animated.wbcom-timeline-two-column .wbcom-timeline-block.odd .wbcom-timeline-content.animate-in{transform:translateX(0)}.wbcom-timeline-animated.wbcom-timeline-two-column .wbcom-timeline-block.even .wbcom-timeline-content{transform:translateX(-30px)}.wbcom-timeline-animated.wbcom-timeline-two-column .wbcom-timeline-block.even .wbcom-timeline-content.animate-in{transform:translateX(0)}}@media screen and (max-width:767px){.wbcom-essential-timeline{padding:20px 0}.wbcom-essential-timeline .wbcom-timeline-content{margin-left:20px;padding:16px}.wbcom-essential-timeline .wbcom-timeline-title{font-size:1.1rem}.wbcom-essential-timeline .wbcom-timeline-text{font-size:.9rem}}
