22

✏️ Editing: ep-image-accordion.css

.bdt-ep-image-accordion{display:flex;height:460px;overflow:hidden}.bdt-ep-image-accordion-item{position:relative;overflow:hidden;flex:1;transition:flex .3s}.skin--default .bdt-ep-image-accordion-item,.skin--vertical .bdt-ep-image-accordion-item{text-align:center;text-decoration:none;background-size:cover;background-position:center;background-repeat:no-repeat}.skin--default .bdt-ep-image-accordion-item:before,.skin--vertical .bdt-ep-image-accordion-item:before{content:'';position:absolute;height:100%;width:100%;background:rgba(0,0,0,0.3);left:0;top:0;transition:opacity .3s ease;z-index:0;opacity:0}.skin--default .bdt-ep-image-accordion-item:after,.skin--vertical .bdt-ep-image-accordion-item:after{content:'';position:absolute;height:100%;width:5px;background:#ffffff;right:-2.5px;top:0;z-index:1}.skin--default .bdt-ep-image-accordion-item:nth-last-child(1):after,.skin--vertical .bdt-ep-image-accordion-item:nth-last-child(1):after{opacity:0}.bdt-ep-image-accordion-item.active{flex:10}.bdt-ep-image-accordion-item.active:before{opacity:1}.bdt-ep-image-accordion-item.active .bdt-ep-image-accordion-content *{opacity:1;visibility:visible;transform:translateY(0);transition:all .3s ease}.bdt-ep-image-accordion-item.active .bdt-ep-image-accordion-sub-title{transition-delay:.2s}.bdt-ep-image-accordion-item.active .bdt-ep-image-accordion-title{transition-delay:.3s}.bdt-ep-image-accordion-item.active .bdt-ep-image-accordion-text{transition-delay:.4s}.bdt-ep-image-accordion-item.active .bdt-ep-image-accordion-button{transition-delay:.4s}.bdt-ep-image-accordion-item.active .bdt-ep-image-accordion-lightbox{opacity:1;transition-delay:.4s;visibility:visible}.bdt-ep-image-accordion-item.active .bdt-ep-image-accordion-img:before{opacity:1}.bdt-ep-image-accordion-content{position:absolute;padding:10px;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;display:flex;flex-direction:column;justify-content:center;height:100%}.bdt-ep-image-accordion-content *{opacity:0;visibility:hidden;transform:translateY(8px)}.bdt-ep-image-accordion-sub-title{color:#fff;margin-bottom:3px;font-weight:500}.bdt-ep-image-accordion-title{font-size:20px;font-weight:700;color:#fff;padding-bottom:15px;margin:0}.bdt-ep-image-accordion-text{color:#fff;line-height:1.5em;padding-bottom:30px;font-size:15px}.bdt-ep-image-accordion-text p{margin:0}.bdt-ep-image-accordion-button{display:block;position:relative}.bdt-ep-image-accordion-button a{display:inline-block;font-size:13px;font-weight:600;color:#fff;padding:8px 16px;background:#1e87f0;border-radius:3px}.bdt-ep-image-accordion-button a:hover{background:#fff;color:#1e87f0}.skin--sliding-box .bdt-ep-image-accordion-item{display:flex}.skin--sliding-box .bdt-ep-image-accordion-img{position:relative;overflow:hidden;width:100%;min-width:50%;transition:all .4s;z-index:1}.skin--sliding-box .bdt-ep-image-accordion-img:before{content:'';position:absolute;height:100%;width:100%;left:0;top:0;transition:opacity .3s ease;z-index:1;opacity:0}.skin--sliding-box .bdt-ep-image-accordion-img img{height:100%;width:100%;object-fit:cover;transition:all .4s linear}.skin--sliding-box .bdt-ep-image-accordion-content{width:50%;transform:translate(0, -50%);left:auto}.skin--sliding-box .bdt-ep-image-accordion-content *{color:#495157}.skin--sliding-box .bdt-ep-image-accordion-item.active .bdt-ep-image-accordion-img{width:50%;min-width:50%;max-width:50%}.skin--sliding-box .bdt-ep-image-accordion-item.active .bdt-ep-image-accordion-img img{transform:scale(1.1)}.skin--sliding-box .bdt-ep-image-accordion-item.active .bdt-ep-image-accordion-content{width:50%;margin-left:50%}.skin--sliding-box .bdt-ep-image-accordion-lightbox{top:50%;right:50%;transform:translate(50%, -50%)}.bdt-ep-image-accordion-lightbox{position:absolute;z-index:10;display:inline-flex;padding:10px;color:#fff;border:1px solid #fff;border-radius:100px;opacity:0;margin:10px;transition:all .3s ease;visibility:hidden}.bdt-ep-image-accordion-lightbox i{transition:transform .3s ease}.bdt-ep-image-accordion-lightbox:hover{color:#fff}.bdt-ep-image-accordion-lightbox:hover i{transform:scale(1.1)}.ep-img-position--row-reverse .bdt-ep-image-accordion-item.active .bdt-ep-image-accordion-content{margin-right:50%;margin-left:auto}.elementor-widget-bdt-image-accordion .elementor-widget-container{overflow:hidden}@media (min-width:768px){.bdt-ep-image-accordion{height:640px}.bdt-ep-image-accordion-item.active{flex:6}.bdt-ep-image-accordion-content{padding:30px}.bdt-ep-image-accordion-title{font-size:28px}.bdt-ep-image-accordion-text{font-size:16px}.bdt-ep-image-accordion-button a{font-size:14px}}@media (min-width:1024px){.bdt-ep-image-accordion{height:720px}}@media (min-width:1025px){.skin--vertical .bdt-ep-image-accordion-item:after{width:100% !important;left:0;right:auto !important;top:auto;height:var(--ep-divider-width, 5px);bottom:calc(var(--ep-divider-bottom, -5px) / 2)}}@media (min-width:768px) and (max-width:1024px){.skin--tablet-vertical .bdt-ep-image-accordion-item:after{width:100% !important;left:0;right:auto !important;top:auto;height:var(--ep-divider-width, 5px);bottom:calc(var(--ep-divider-bottom, -5px) / 2)}}@media (max-width:767px){.skin--mobile-vertical .bdt-ep-image-accordion-item:after{width:100% !important;left:0;right:auto !important;top:auto;height:var(--ep-divider-width, 5px);bottom:calc(var(--ep-divider-bottom, -5px) / 2)}}

MR SKB