.wbcom-essential-post-timeline{--title-color:#1a202c;--excerpt-color:#4a5568;--bar-color:#e2e8f0;--card-bg:#fff;--dot-size:16px;--dot-color:#3182ce;--card-radius:8px;--button-bg:#3182ce;--bar-width:4px;--button-text:#fff;--date-color:#718096}.wbcom-essential-post-timeline.use-theme-colors{--title-color:var(--wbcom-heading-color,var(--wbcom-color-contrast,#1a202c));--excerpt-color:var(--wbcom-text-color,var(--wbcom-color-contrast-2,#4a5568));--bar-color:var(--wbcom-border-color,var(--wbcom-color-border,#e2e8f0));--card-bg:var(--wbcom-card-bg,var(--wbcom-color-base,#fff));--dot-color:var(--wbcom-color-primary,#3182ce);--button-bg:var(--wbcom-color-primary,#3182ce);--button-text:var(--wbcom-button-text,#fff);--date-color:var(--wbcom-meta-color,var(--wbcom-color-contrast-2,#718096))}.wbcom-essential-post-timeline{padding:40px 0;position:relative}.wbcom-essential-post-timeline .wbcom-post-timeline-bar{transform:translateX(-50%);position:absolute;bottom:0;top:0;background:var(--bar-color);left:50%;width:var(--bar-width)}.wbcom-essential-post-timeline .wbcom-post-timeline-items{position:relative;max-width:1200px;margin:0 auto}.wbcom-essential-post-timeline .wbcom-post-timeline-item{padding:20px 40px;position:relative;box-sizing:border-box;width:50%}.wbcom-essential-post-timeline .wbcom-post-timeline-item.side-left{padding-right:60px;text-align:right}.wbcom-essential-post-timeline .wbcom-post-timeline-item.side-left .wbcom-post-timeline-dot{right:-8px;left:auto}.wbcom-essential-post-timeline .wbcom-post-timeline-item.side-left .wbcom-post-timeline-date{right:-100px;text-align:left;left:auto}.wbcom-essential-post-timeline .wbcom-post-timeline-item.side-left .wbcom-post-timeline-card{margin-left:auto}.wbcom-essential-post-timeline .wbcom-post-timeline-item.side-right{text-align:left;margin-left:50%;padding-left:60px}.wbcom-essential-post-timeline .wbcom-post-timeline-item.side-right .wbcom-post-timeline-dot{left:-8px}.wbcom-essential-post-timeline .wbcom-post-timeline-item.side-right .wbcom-post-timeline-date{text-align:right;left:-100px}.wbcom-essential-post-timeline .wbcom-post-timeline-dot{height:var(--dot-size);border:3px solid var(--card-bg);position:absolute;top:30px;box-shadow:0 2px 4px rgba(0,0,0,.1);border-radius:50%;background:var(--dot-color);width:var(--dot-size);z-index:1}.wbcom-essential-post-timeline .wbcom-post-timeline-date{font-size:13px;font-weight:600;color:var(--date-color);position:absolute;top:28px;width:80px}.wbcom-essential-post-timeline .wbcom-post-timeline-card{overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border-radius:var(--card-radius);background:var(--card-bg)}.wbcom-essential-post-timeline .wbcom-post-timeline-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.wbcom-essential-post-timeline .wbcom-post-timeline-thumbnail{overflow:hidden}.wbcom-essential-post-timeline .wbcom-post-timeline-thumbnail a{display:block}.wbcom-essential-post-timeline .wbcom-post-timeline-thumbnail img{height:auto;transition:transform .5s ease;width:100%;display:block}.wbcom-essential-post-timeline .wbcom-post-timeline-thumbnail:hover img{transform:scale(1.05)}.wbcom-essential-post-timeline .wbcom-post-timeline-content{padding:20px}.wbcom-essential-post-timeline .wbcom-post-timeline-title{font-size:18px;font-weight:600;margin:0 0 10px;line-height:1.4}.wbcom-essential-post-timeline .wbcom-post-timeline-title a{text-decoration:none;color:var(--title-color);transition:color .2s ease}.wbcom-essential-post-timeline .wbcom-post-timeline-title a:hover{color:var(--dot-color)}.wbcom-essential-post-timeline .wbcom-post-timeline-excerpt{font-size:14px;margin-bottom:15px;color:var(--excerpt-color);line-height:1.6}.wbcom-essential-post-timeline .wbcom-post-timeline-button{padding:8px 20px;font-size:14px;text-decoration:none;font-weight:500;color:var(--button-text);transition:transform .2s ease,box-shadow .2s ease;border-radius:4px;background:var(--button-bg);display:inline-block}.wbcom-essential-post-timeline .wbcom-post-timeline-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.wbcom-essential-post-timeline.layout-one-column .wbcom-post-timeline-bar{left:40px}.wbcom-essential-post-timeline.layout-one-column .wbcom-post-timeline-item{padding-right:20px;text-align:left;margin-left:0;width:100%;padding-left:100px}.wbcom-essential-post-timeline.layout-one-column .wbcom-post-timeline-item .wbcom-post-timeline-dot{right:auto;left:32px}.wbcom-essential-post-timeline.layout-one-column .wbcom-post-timeline-item .wbcom-post-timeline-date{margin-bottom:10px;right:auto;position:relative;text-align:left;left:auto;width:auto}.wbcom-essential-post-timeline.layout-one-column .wbcom-post-timeline-item .wbcom-post-timeline-card{margin-left:0}.wbcom-essential-post-timeline-empty{padding:40px;color:var(--wbcom-meta-color,#718096);text-align:center;border-radius:8px;background:var(--wbcom-card-bg-alt,#f7fafc)}@media(max-width:991px){.wbcom-essential-post-timeline.layout-two-column .wbcom-post-timeline-bar{left:40px}.wbcom-essential-post-timeline.layout-two-column .wbcom-post-timeline-item{padding-right:20px;text-align:left;margin-left:0;width:100%;padding-left:100px}.wbcom-essential-post-timeline.layout-two-column .wbcom-post-timeline-item.side-left,.wbcom-essential-post-timeline.layout-two-column .wbcom-post-timeline-item.side-right{padding-right:20px;padding-left:100px}.wbcom-essential-post-timeline.layout-two-column .wbcom-post-timeline-item.side-left .wbcom-post-timeline-dot,.wbcom-essential-post-timeline.layout-two-column .wbcom-post-timeline-item.side-right .wbcom-post-timeline-dot{right:auto;left:32px}.wbcom-essential-post-timeline.layout-two-column .wbcom-post-timeline-item.side-left .wbcom-post-timeline-date,.wbcom-essential-post-timeline.layout-two-column .wbcom-post-timeline-item.side-right .wbcom-post-timeline-date{margin-bottom:10px;right:auto;position:relative;text-align:left;left:auto;width:auto}.wbcom-essential-post-timeline.layout-two-column .wbcom-post-timeline-item.side-left .wbcom-post-timeline-card,.wbcom-essential-post-timeline.layout-two-column .wbcom-post-timeline-item.side-right .wbcom-post-timeline-card{margin-left:0}}@media(max-width:576px){.wbcom-essential-post-timeline{padding:20px 0}.wbcom-essential-post-timeline .wbcom-post-timeline-bar{left:20px}.wbcom-essential-post-timeline .wbcom-post-timeline-item{padding-right:0!important;padding-left:60px!important}.wbcom-essential-post-timeline .wbcom-post-timeline-item .wbcom-post-timeline-dot{left:12px!important}.wbcom-essential-post-timeline.layout-one-column .wbcom-post-timeline-item{padding-left:60px}.wbcom-essential-post-timeline .wbcom-post-timeline-content{padding:15px}.wbcom-essential-post-timeline .wbcom-post-timeline-title{font-size:16px}}