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

 /* Fix the player container to take up 100% width and to calculate its height based on its children. * /
#clappr {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;    
}

/ * Fix the video container to take up 100% width and to calculate its height based on its children. * /
#clappr .container[data-container] {
    width: 100%;
    height: auto;
    position: relative;
}

/ * Fix the media-control element to take up the entire size of the player. * /
#clappr .media-control[data-media-control] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/ * Fix the video element to take up 100% width and to calculate its height based on its natural aspect ratio. * /
#clappr video {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}
*/