﻿@charset "UTF-8";
/* TYPOGRAPHY */
video { width:100%; margin-bottom: -40px; margin-top: 40px; background: #F5F3F0; }
.stylised-player h3, .stylised-player p { margin: 0; padding: 0; font-weight: normal; }
/* STYLISED PLAYER */
.stylised-player { max-width: 800px; height: 72px; margin: 40px 0; background-color: #F5F3F0; position: relative; box-shadow: 1px 2px 2px 1px rgba(0,0,0,0.10); }
  .stylised-player p { color: black; text-align: center; position: absolute; top: 24px; left: 186px; right: 72px; z-index: 1; font-family: "Montserrat-Medium", Arial; cursor: pointer; }
.stylised-restart { width: 72px; height: 72px; position: absolute; right: 0; background-image: url(../images/icon_restart_black.png); background-size: 72px 72px; background-repeat: no-repeat; cursor: pointer; }
.stylised-time-wrapper { height: 72px; position: absolute; left: 186px; right: 72px; cursor: pointer; }
.stylised-play-icon { position: absolute; top: 20px; left: 32px; width: 32px; height: 32px; background-image: url(../images/icon_play_black.png); background-size: 32px 32px; background-repeat: no-repeat; }
.stylised-pause-icon { position: absolute; top: 20px; left: 32px; width: 32px; height: 32px; background-image: url(../images/icon_pause_black.png); background-size: 32px 32px; background-repeat: no-repeat; }
.stylised-player h3 { font-size: 20px; color: #ffffff; font-family: "Montserrat-Medium", Arial; line-height: 27px; letter-spacing: -0.25px }
.stylised-player p { font-size: 20px; color: #000000; font-family: "Montserrat-Light", Arial; line-height: 27px; padding-bottom: 24px; }
