/*
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
*/

:host {
overflow: hidden;
position: relative;
display: block;
margin: -16px;
}

#shade.closed {
box-shadow: none !important;
transition: all .5s 0s !important;
}

#shade {
height: 32px;
box-shadow: 0 -10px 10px 10px rgba(0, 0, 0, 0.26);
z-index: 5;
position: relative;
margin: 0;
transition: all .5s 0s;
}

.linkbar {
background-color:#d0f8ce;
padding:16px;
padding-right:84px;
margin: 0;
position:relative;
transition: all .5s 0s;
}


.linkbar paper-fab {
position:absolute;
right:20px;
top:-28px;
color:#fff;
background:#42bd41;
z-index:10;
}

#overflow {
margin: 0;
overflow: hidden;
position: relative;
}

#wrap {
max-height:800px;
width: 100%;
display: block;
position: relative;
background:#ddd;
}

#wrap:after {
padding-top: 56.25%;
display: block;
content: '';
transition: all .5s 0s;
}

#content {
max-height: 800px;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
transition: all .5s 0s;
margin-top:0;
}

#iframe {
max-height: 800px;
}


.opened paper-fab {
transition-delay: 0s !important;
right: 8px;
top: 8px;
height: 36px;
width: 36px;
padding: 6px;
border-radius: 4px;
}

#controls.opened {
background-color: #fff !important;
box-shadow: 0 10px 10px 10px rgba(0, 0, 0, 0.26);
transition: all .5s 0s !important;
}

#player {
margin: -10px 0;
overflow:visible;
display:none;
}

#player span {
line-height: 40px;
}

#player a {
text-decoration:none;
}

#player a {
color: #e91e63;
}

#controls.opened #description {
display:none;
}

#controls.opened #player {
display:block !important;
height:40px;
}

.closed #wrap:after {
padding-top: 0;
transition-delay: 0s !important;
}

.closed #content {
margin-top: -56.25%;
transition-delay: 0s !important;
}