/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.syvg-single-video {
    margin: 0 auto 1.5rem auto;
}

.syvg-video-bs-gallery__item {
    margin-bottom: 1.5rem;
}

.syvg-video-bs-gallery__item a {
    position: relative;
    display: block;
}

.syvg-video-gallery__item-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 68px;
    height: 48px;
    margin-left: -34px;
    margin-top: -24px;
    padding: 0;
    background: transparent;
    border: none;
    -moz-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
    -webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
    z-index: 63;
}

.syvg-video-bs-gallery__item a:hover .syvg-video-gallery__item-button-bg {
    -moz-transition: fill 0.1s cubic-bezier(0, 0, 0.2, 1), fill-opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
    -webkit-transition: fill 0.1s cubic-bezier(0, 0, 0.2, 1), fill-opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
    transition: fill 0.1s cubic-bezier(0, 0, 0.2, 1), fill-opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
    fill: #f00000;
    fill-opacity: 1;
}

.syvg-single-video__title h2.syvg-video__title {
    margin-top: 0.5rem;
}