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