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