﻿/*
 * UHVideoPlayer - jQuery plugin 1.0.0
 *
 * Copyright (c) 2017 YmNIK13
 *
 * pink.css
 * Styles theme for the UHVideoPlayer
 *
 */

/* Start of pink child theme */

.uhvp-video-player.simpledark.pink {
    padding: 0px;
    background: rgba(222, 23, 205, 0.35);
    border: 3px solid rgba(255, 167, 237, 0.39);
    border-radius: 1px;
    border-width: 0;
}



    .uhvp-video-player.simpledark.pink video:hover + .uhvp-video-controls {
        visibility: visible;
        opacity: 0.7;
    }

    .uhvp-video-player.simpledark.pink .uhvp-video-controls:hover {
        visibility: visible;
        opacity: 1.0;
    }

    .uhvp-video-player.simpledark.pink .uhvp-video-controls {
        border-width: 0px;
        background: rgba(210, 121, 206, 0.38);
    }

    .uhvp-video-player.simpledark.pink .uhvp-video-seek {
        position: relative;
        width: calc(100% - 110px);
        height: 10px;
        margin-top: 8px;
        border-color: #f800ff;
        border-width: 1px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        background: rgba(253, 9, 255, 0.3);        
	background-image: /* -moz-linear-gradient(top, rgba(204, 7, 156, 0.5), rgba(142, 34, 144, 0.5)); 
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(204, 7, 156, 0.5)),color-stop(1, rgba(142, 34, 144, 0.5)));
        box-shadow: inset 0 -3px 3px rgba(191, 9, 169, 0.5);
    }

        .uhvp-video-player.simpledark.pink .uhvp-video-seek .ui-slider-range {
            -moz-border-radius: 15px;
            -webkit-border-radius: 15px;
            border-radius: 15px;
            background: #ff08d3;
            background-image: -moz-linear-gradient(top, #ea00ff, #9700a0);
            background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ea00ff),color-stop(1, #9700a0));
            box-shadow: inset 0 -3px 3px #4f0154;
        }


    .uhvp-video-player.simpledark.pink .uhvp-video-controls.uhvp-floating-panel {
        border-color: rgba(173, 27, 112, 0.45);
    }

    .uhvp-video-player.simpledark.pink .uhvp-back-icon {
        border-width: 0;
        background: none;
        /*border-color: #cc0cc8;*/
        /*background: rgba(120, 90, 123, 0.5);*/
    }

    .uhvp-video-player.simpledark.pink .uhvp-back-triangle {
        border-color: transparent transparent transparent #cc0cc8;
    }

    .uhvp-video-player.simpledark.pink .uhvp-back-icon-img {
        height: 120px;
        width: 120px;
    }