This repository has been archived on 2022-06-23. You can view files and clone it, but cannot push or open issues or pull requests.
divi/includes/builder/feature/dynamic-assets/assets/css/video_slider_cpt.css
2021-12-07 11:08:05 +00:00

1 line
7.7 KiB
CSS

.et-db #et-boc .et-l .et_pb_with_border.et_pb_video_slider .et_pb_carousel_item,.et-db #et-boc .et-l .et_pb_with_border.et_pb_video_slider .et_pb_slider{border:0 solid #333}.et-db #et-boc .et-l .et_pb_video_slider{position:relative}.et-db #et-boc .et-l .et_pb_video_slider .et_pb_slider:hover .et_pb_video_overlay_hover{background:rgba(0,0,0,.6)}.et-db #et-boc .et-l .et_pb_video_slider .et_pb_slider_dots.et_pb_controls_light~.et-pb-controllers .et-pb-active-control{background-color:#fff}.et-db #et-boc .et-l .et_pb_video_slider .et_pb_slider_dots.et_pb_controls_dark~.et-pb-controllers a{background-color:#333}.et-db #et-boc .et-l .et_pb_video_slider .et_pb_controls_dark .et-pb-slider-arrows{color:#333}.et-db #et-boc .et-l .et_pb_video_slider .et-pb-controllers-has-video-tag.et-pb-controllers{bottom:35px}.et-db #et-boc .et-l .et_pb_video_slider.et_pb_has_box_shadow .et_pb_carousel,.et-db #et-boc .et-l .et_pb_video_slider.et_pb_has_box_shadow .et_pb_carousel .et_pb_carousel_items{overflow:visible}.et-db #et-boc .et-l .et_pb_video_slider.et_pb_has_box_shadow .et_pb_carousel_items .et-carousel-group .item-fade-out{box-shadow:none!important;background:transparent!important;animation-name:et_pb_video_slider_item_fade_out;animation-duration:.2s;opacity:0}.et-db #et-boc .et-l .et_pb_video_slider.et_pb_has_box_shadow .et_pb_carousel_items .et-carousel-group .item-fade-out .et_pb_video_overlay{animation-name:et_pb_video_slider_item_overlay_fade_out;animation-duration:.2s}.et-db #et-boc .et-l .et_pb_video_slider.et_pb_has_box_shadow .et_pb_carousel_items .et-carousel-group.next .et_pb_carousel_item,.et-db #et-boc .et-l .et_pb_video_slider.et_pb_has_box_shadow .et_pb_carousel_items .et-carousel-group.prev .et_pb_carousel_item{opacity:0}.et-db #et-boc .et-l .et_pb_video_slider.et_pb_has_box_shadow .et_pb_carousel_items .et-carousel-group .et_pb_carousel_item.item-fade-in{animation-name:et_pb_video_slider_item_fade_in;animation-duration:.4s;opacity:1;display:block}.et-db #et-boc .et-l .et-pb-is-sliding-carousel{overflow-x:hidden}.et-db #et-boc .et-l .et_pb_carousel{margin-top:2%;position:relative;overflow:hidden}.et-db #et-boc .et-l .et_pb_carousel:hover .et-pb-arrow-prev{left:10px;opacity:1}.et-db #et-boc .et-l .et_pb_carousel:hover .et-pb-arrow-next{right:10px;opacity:1}.et-db #et-boc .et-l .et_pb_slider_carousel{margin-bottom:0!important}.et-db #et-boc .et-l .et_pb_slider_carousel.et_pb_controls_light+.et_pb_carousel .et-pb-arrow-next,.et-db #et-boc .et-l .et_pb_slider_carousel.et_pb_controls_light+.et_pb_carousel .et-pb-arrow-prev,.et-db #et-boc .et-l .et_pb_slider_carousel.et_pb_controls_light+.et_pb_carousel .et_pb_video_play{color:#fff}.et-db #et-boc .et-l .et_pb_slider_carousel.et_pb_controls_dark+.et_pb_carousel .et-pb-arrow-next,.et-db #et-boc .et-l .et_pb_slider_carousel.et_pb_controls_dark+.et_pb_carousel .et-pb-arrow-prev,.et-db #et-boc .et-l .et_pb_slider_carousel.et_pb_controls_dark+.et_pb_carousel .et_pb_video_play,.et-db #et-boc .et-l .et_pb_slider_carousel.et_pb_controls_dark .et-pb-arrow-next,.et-db #et-boc .et-l .et_pb_slider_carousel.et_pb_controls_dark .et-pb-arrow-prev{color:#333}.et-db #et-boc .et-l .et_pb_carousel_items{width:100%;height:auto;position:relative;overflow:hidden}.et-db #et-boc .et-l .et_pb_carousel_items .et-carousel-group{display:none;float:left;width:100%;position:relative}.et-db #et-boc .et-l .et_pb_carousel_items .et-carousel-group.active{display:block}.et-db #et-boc .et-l .et_pb_carousel_items .et-carousel-group.active .et_pb_carousel_item:last-child{margin-right:0}.et-db #et-boc .et-l .et_pb_carousel_item{display:none;position:relative;background:rgba(0,0,0,.25);float:left;margin:0 2% 0 0;padding:0}.et-db #et-boc .et-l .et_pb_carousel_items.columns-6 .et_pb_carousel_item{width:15%}.et-db #et-boc .et-l .et_pb_carousel_items.columns-5 .et_pb_carousel_item{width:18.4%}.et-db #et-boc .et-l .et_pb_carousel_items.columns-4 .et_pb_carousel_item{width:23.5%}.et-db #et-boc .et-l .et_pb_carousel_items.columns-3 .et_pb_carousel_item{width:32%}.et-db #et-boc .et-l .et_pb_carousel_items.columns-2 .et_pb_carousel_item{width:49%}.et-db #et-boc .et-l .et_pb_carousel_items.columns-1 .et_pb_carousel_item{width:100%}.et-db #et-boc .et-l .et_pb_carousel_item:after{padding-top:75%;display:block;content:""}.et-db #et-boc .et-l .et_pb_carousel_item .et_pb_video_overlay{position:absolute;top:0;bottom:0;right:0;left:0}.et-db #et-boc .et-l .et_pb_carousel_item.et-pb-active-control .et_pb_video_overlay_hover{background:rgba(0,0,0,.6)}.et-db #et-boc .et-l .et_pb_carousel_item .et_pb_video_play{opacity:0;transition:all .5s ease-in-out}.et-db #et-boc .et-l .et_pb_carousel_item .et_pb_video_overlay:hover .et_pb_video_play{opacity:1}.et-db #et-boc .et-l .et_pb_carousel_item .et_pb_video_overlay_hover:hover{background:rgba(0,0,0,.6)}@keyframes et_pb_video_slider_item_fade_out{0%{opacity:1}to{opacity:0}}@keyframes et_pb_video_slider_item_overlay_fade_out{0%{transform:scale(1)}to{transform:scale(.8)}}@keyframes et_pb_video_slider_item_fade_in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.et-db #et-boc .et-l .et_pb_column_1_4 .et_pb_slider_carousel .et_pb_slide,.et-db #et-boc .et-l .et_pb_column_1_5 .et_pb_slider_carousel .et_pb_slide,.et-db #et-boc .et-l .et_pb_column_1_6 .et_pb_slider_carousel .et_pb_slide{min-height:0!important}.et-db #et-boc .et-l .et_pb_column_1_2 .et_pb_carousel_item .et_pb_video_play,.et-db #et-boc .et-l .et_pb_column_2_3 .et_pb_carousel_item .et_pb_video_play,.et-db #et-boc .et-l .et_pb_column_3_4 .et_pb_carousel_item .et_pb_video_play,.et-db #et-boc .et-l .et_pb_column_3_5 .et_pb_carousel_item .et_pb_video_play,.et-db #et-boc .et-l .et_pb_column_4_4 .et_pb_carousel_item .et_pb_video_play{font-size:2.78rem;line-height:2.78rem;margin-left:-1.39rem;margin-top:-1.39rem}.et-db #et-boc .et-l .et_pb_column_1_3 .et_pb_carousel_item .et_pb_video_play,.et-db #et-boc .et-l .et_pb_column_2_5 .et_pb_carousel_item .et_pb_video_play,.et-db #et-boc .et-l .et_pb_column_3_8 .et_pb_carousel_item .et_pb_video_play{font-size:2rem;line-height:2rem;margin-left:-1rem;margin-top:-1rem}.et-db #et-boc .et-l .et_pb_column_1_4 .et_pb_carousel_item .et_pb_video_play,.et-db #et-boc .et-l .et_pb_column_1_5 .et_pb_carousel_item .et_pb_video_play,.et-db #et-boc .et-l .et_pb_column_1_6 .et_pb_carousel_item .et_pb_video_play{font-size:1.5rem;line-height:1.5rem;margin-left:-.75rem;margin-top:-.75rem}.et-db #et-boc .et-l .et_pb_video_slider .et_pb_slide{padding:0}@media (max-width:767px){.et-db #et-boc .et-l .et_pb_slider_carousel:hover .et-pb-arrow-next,.et-db #et-boc .et-l .et_pb_slider_carousel:hover .et-pb-arrow-prev{opacity:0!important}.et-db #et-boc .et-l .et_pb_carousel .et-pb-arrow-prev,.et-db #et-boc .et-l .et_pb_carousel:hover .et-pb-arrow-prev{left:-8px;opacity:1}.et-db #et-boc .et-l .et_pb_carousel .et-pb-arrow-next,.et-db #et-boc .et-l .et_pb_carousel:hover .et-pb-arrow-next{right:-8px;opacity:1}.et-db #et-boc .et-l .et_pb_column_1_2 .et_pb_carousel_item .et_pb_video_play,.et-db #et-boc .et-l .et_pb_column_1_4 .et_pb_carousel_item .et_pb_video_play,.et-db #et-boc .et-l .et_pb_column_1_5 .et_pb_carousel_item .et_pb_video_play,.et-db #et-boc .et-l .et_pb_column_1_6 .et_pb_carousel_item .et_pb_video_play,.et-db #et-boc .et-l .et_pb_column_2_3 .et_pb_carousel_item .et_pb_video_play,.et-db #et-boc .et-l .et_pb_column_3_4 .et_pb_carousel_item .et_pb_video_play,.et-db #et-boc .et-l .et_pb_column_3_5 .et_pb_carousel_item .et_pb_video_play,.et-db #et-boc .et-l .et_pb_column_4_4 .et_pb_carousel_item .et_pb_video_play{font-size:2rem;line-height:2rem;margin-left:-1rem;margin-top:-1rem}}.et_mobile_device .et_pb_slider_carousel .et-pb-arrow-next,.et_mobile_device .et_pb_slider_carousel .et-pb-arrow-prev{opacity:0!important}.et_mobile_device .et_pb_carousel .et-pb-arrow-prev{left:-10px;opacity:1}.et_mobile_device .et_pb_carousel .et-pb-arrow-next{right:-10px;opacity:1}