.wbcom-essential-posts-carousel{--title-color:#1a202c;--excerpt-color:#4a5568;--card-bg:#fff;--card-radius:10px;--category-color:#3182ce;--meta-color:#718096;--nav-color:#3182ce}.wbcom-essential-posts-carousel.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));--card-bg:var(--wbcom-card-bg,var(--wbcom-color-base,#fff));--category-color:var(--wbcom-color-primary,#3182ce);--meta-color:var(--wbcom-meta-color,var(--wbcom-color-contrast-2,#718096));--nav-color:var(--wbcom-color-primary,#3182ce)}.wbcom-essential-posts-carousel{position:relative;padding-bottom:50px;width:100%}.wbcom-essential-posts-carousel .swiper{overflow:hidden;padding:10px;margin:-10px}.wbcom-essential-posts-carousel .swiper-wrapper{display:flex}.wbcom-essential-posts-carousel .swiper-slide{height:auto}.wbcom-essential-posts-carousel .wbcom-posts-carousel-item{height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;flex-direction:column;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,10px);background:var(--card-bg,#fff);display:flex}.wbcom-essential-posts-carousel .wbcom-posts-carousel-item:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.wbcom-essential-posts-carousel .wbcom-posts-carousel-image{overflow:hidden;position:relative;aspect-ratio:16/10}.wbcom-essential-posts-carousel .wbcom-posts-carousel-image a{height:100%;display:block}.wbcom-essential-posts-carousel .wbcom-posts-carousel-image img{height:100%;transition:transform .5s ease;-o-object-fit:cover;object-fit:cover;width:100%}.wbcom-essential-posts-carousel .wbcom-posts-carousel-image:hover img{transform:scale(1.05)}.wbcom-essential-posts-carousel .wbcom-posts-carousel-content{flex-grow:1;padding:20px;flex-direction:column;display:flex}.wbcom-essential-posts-carousel .wbcom-posts-carousel-category{padding:4px 12px;font-size:12px;font-weight:600;margin-bottom:12px;color:var(--category-color,#3182ce);text-transform:uppercase;letter-spacing:.5px;border-radius:20px;background:rgba(49,130,206,.1);width:-moz-fit-content;width:fit-content;display:inline-block}.wbcom-essential-posts-carousel .wbcom-posts-carousel-title{font-size:18px;font-weight:600;margin:0 0 12px;line-height:1.4}.wbcom-essential-posts-carousel .wbcom-posts-carousel-title a{text-decoration:none;color:var(--title-color,#1a202c);transition:color .2s ease}.wbcom-essential-posts-carousel .wbcom-posts-carousel-title a:hover{color:var(--category-color,#3182ce)}.wbcom-essential-posts-carousel .wbcom-posts-carousel-excerpt{flex-grow:1;font-size:14px;margin-bottom:15px;color:var(--excerpt-color,#4a5568);line-height:1.6}.wbcom-essential-posts-carousel .wbcom-posts-carousel-meta{padding-top:15px;flex-wrap:wrap;font-size:13px;color:var(--meta-color,#718096);border-top:1px solid rgba(0,0,0,.1);gap:15px;display:flex}.wbcom-essential-posts-carousel .wbcom-posts-carousel-meta a{text-decoration:none;color:inherit}.wbcom-essential-posts-carousel .wbcom-posts-carousel-meta a:hover{color:var(--category-color,#3182ce)}.wbcom-essential-posts-carousel .wbcom-posts-carousel-date:before{margin-right:15px;content:"•";opacity:.5}.wbcom-essential-posts-carousel .swiper-button-next,.wbcom-essential-posts-carousel .swiper-button-prev{height:44px;color:#fff;transition:background .2s ease,transform .2s ease;border-radius:50%;background:var(--nav-color,#3182ce);width:44px}.wbcom-essential-posts-carousel .swiper-button-next:after,.wbcom-essential-posts-carousel .swiper-button-prev:after{font-size:16px;font-weight:700}.wbcom-essential-posts-carousel .swiper-button-next:hover,.wbcom-essential-posts-carousel .swiper-button-prev:hover{transform:scale(1.1)}.wbcom-essential-posts-carousel .swiper-button-next.swiper-button-disabled,.wbcom-essential-posts-carousel .swiper-button-prev.swiper-button-disabled{opacity:.5;cursor:not-allowed}.wbcom-essential-posts-carousel .swiper-button-prev{left:0}.wbcom-essential-posts-carousel .swiper-button-next{right:0}.wbcom-essential-posts-carousel .swiper-pagination{right:0;position:absolute;bottom:0;text-align:center;left:0}.wbcom-essential-posts-carousel .swiper-pagination-bullet{height:10px;transition:opacity .2s ease,transform .2s ease;opacity:.3;margin:0 5px;background:var(--nav-color,#3182ce);width:10px}.wbcom-essential-posts-carousel .swiper-pagination-bullet:hover{opacity:.6}.wbcom-essential-posts-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active{transform:scale(1.2);opacity:1}.wbcom-essential-posts-carousel.display-type-overlay .wbcom-posts-carousel-item{position:relative}.wbcom-essential-posts-carousel.display-type-overlay .wbcom-posts-carousel-image{aspect-ratio:16/12}.wbcom-essential-posts-carousel.display-type-overlay .wbcom-posts-carousel-image:after{height:70%;pointer-events:none;right:0;content:"";position:absolute;bottom:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);left:0}.wbcom-essential-posts-carousel.display-type-overlay .wbcom-posts-carousel-image .wbcom-posts-carousel-category{margin-bottom:0;color:#fff;position:absolute;top:15px;background:var(--category-color,#3182ce);left:15px;z-index:1}.wbcom-essential-posts-carousel.display-type-overlay .wbcom-posts-carousel-content{padding:20px;right:0;position:absolute;bottom:0;left:0;z-index:1}.wbcom-essential-posts-carousel.display-type-overlay .wbcom-posts-carousel-excerpt,.wbcom-essential-posts-carousel.display-type-overlay .wbcom-posts-carousel-meta,.wbcom-essential-posts-carousel.display-type-overlay .wbcom-posts-carousel-meta a,.wbcom-essential-posts-carousel.display-type-overlay .wbcom-posts-carousel-title a{color:#fff}.wbcom-essential-posts-carousel.display-type-overlay .wbcom-posts-carousel-meta{border-top-color:hsla(0,0%,100%,.2)}.wbcom-essential-posts-carousel-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:767px){.wbcom-essential-posts-carousel .swiper-button-next,.wbcom-essential-posts-carousel .swiper-button-prev{height:36px;width:36px}.wbcom-essential-posts-carousel .swiper-button-next:after,.wbcom-essential-posts-carousel .swiper-button-prev:after{font-size:14px}.wbcom-essential-posts-carousel .wbcom-posts-carousel-content{padding:15px}.wbcom-essential-posts-carousel .wbcom-posts-carousel-title{font-size:16px}}