.blockslider-preview-toolbar {
width: 100%;
position: sticky;
background-color: #000000;
color: #ffffff;
padding: 20px;
top: 0px;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
z-index: 9;
}
@media screen and ( min-width: 600px ) {
.blockslider-preview-toolbar.with-admin-bar {
top: var( --wp-admin--admin-bar--height, 32px ) !important;
}
}
.blockslider-preview-toolbar .blockslider-clipboard-field {
color: #ffffff;
}.vjs-default-skin div.vjs-big-play-button {
top: 50%; left: 50%;
margin: -1.3em 0 0 -2em;
}
.vjs-default-skin .vjs-time-controls div, .vjs-default-skin .vjs-time-divider span {
font-size: 1em;
line-height: 3em;
} .video-wrapper {
position: relative;
padding-bottom: 74.25%; height: 0;
overflow: hidden;
}
.video-wrapper video,.videoWrapper,.video-wrapper .video-js {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
}
.video-wrapper .video-js, .video-wrapper img.vjs-poster {
width: 100% !important;
height: 100% !important; //these need !important because IE wants to set height/width to 100px
max-width: 100%;
}