/**
 * The MIT License (MIT)
 *
 * Copyright (c) 2015 BG Stock - html5backgroundvideos.com
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 */

/**
 * Set default positioning as a fallback for if the plugin fails
 */
.jquery-background-video-wrapper {
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
.jquery-background-video {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/**
 * Fade in videos
 * Note the .js class - so non js users still
 * see the video
 */
.js .jquery-background-video {
    opacity: 0;
    -webkit-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
}
.js .jquery-background-video.is-visible {
    opacity: 1;
}

/**
 * Pause/play button
 */
@media only screen and (min-width: 1400px) {
    .jquery-background-video-pauseplay {
        position: absolute;
        background: transparent !important;
        border: solid 3px white !important;
        box-shadow: none !important;
        width: 90px;
        height: 90px;
        top: 45% !important;
        left: 43% !important;
        padding: 0 !important;
        cursor: pointer;
        outline: none !important;
        border-radius: 50%;
    }
}
@media only screen and (max-width: 1399px) {
    .jquery-background-video-pauseplay {
        position: absolute;
        background: transparent !important;
        border: solid 3px white !important;
        box-shadow: none !important;
        width: 90px;
        height: 90px;
        top: 45% !important;
        left: 63% !important;
        padding: 0 !important;
        cursor: pointer;
        outline: none !important;
        border-radius: 50%;
    }
}
@media only screen and (max-width: 991px) {
    .jquery-background-video-pauseplay {
        position: absolute;
        background: transparent !important;
        border: solid 3px white !important;
        box-shadow: none !important;
        width: 90px;
        height: 90px;
        top: 70% !important;
        left: 40% !important;
        padding: 0 !important;
        cursor: pointer;
        outline: none !important;
        border-radius: 50%;
    }
}

/* @media only screen and (max-width: 820px) {
    .jquery-background-video-pauseplay-mobile {
        position: absolute;
        background: transparent !important;
        border: solid 3px white !important;
        box-shadow: none !important;
        width: 90px;
        height: 90px;
        top: 69% !important;
        left: 35% !important;
        padding: 0 !important;
        cursor: pointer;
        outline: none !important;
        border-radius: 50%;
    }
} */
/* @media only screen and (min-width: 821px) {
    .jquery-background-video-pauseplay {
        position: absolute;
        background: transparent !important;
        border: solid 3px white !important;
        box-shadow: none !important;
        width: 90px;
        height: 90px;
        top: 45% !important;
        left: 70% !important;
        padding: 0 !important;
        cursor: pointer;
        outline: none !important;
        border-radius: 50%;
    }
} */

.jquery-background-video-pauseplay span {
    display: none;
}
.jquery-background-video-pauseplay:after,
.jquery-background-video-pauseplay:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.jquery-background-video-pauseplay.play:before {
    border-top: 28px solid transparent;
    border-bottom: 28px solid transparent;
    border-left: 55px solid #fff;
    margin: 15px 15px 15px 20px;
}
.jquery-background-video-pauseplay.pause:before,
.jquery-background-video-pauseplay.pause:after {
    border-top: 28px solid #fff;
    border-bottom: 28px solid #fff;
    border-left: 8px solid #fff;
    margin: 15px 0px 15px 35px;
}
.jquery-background-video-pauseplay.pause:after {
    left: 10px;
}