/* TEASER */

.node-culture-resource.node-teaser {
	background-color: #000000;
}

.node-culture-resource.node-teaser .overlay.colour_wrap {
	background-color: #444444; /* will be overwritten with team/collection colour in template */
/*	top:initial;*/
	bottom:0;
/*	height: 46.914%; /* 190/405 */
	height: 39%; /* 100+58/405 */
}
.node-culture-resource.node-teaser .overlay.colour_wrap .details {
	top:18.354%; /* (58/2)/(100+58) */
	color:#ffffff;
	text-align: left;
	width: 88.150%;
    padding: 0 5.925%; /* 24/405 */
}

.node-culture-resource.node-teaser  .overlay.black_wrap {
    background-color: #000000;
/*    top: initial;*/
    bottom: 0;
    height: 24.691%; /* 100/405 */
    color:#ffffff;
    text-align: left;
}
.node-culture-resource.node-teaser  .overlay.black_wrap .team_or_dept {
    padding: 0 25.679% 0  5.925%; /*     104/405 ,24/405*/
	width: 68.395%; /* 277/405 */
}
.node-culture-resource.node-teaser  .overlay.black_wrap .team_or_dept a {
    color:#ffffff;
}

.node-culture-resource.node-teaser  .overlay.black_wrap .linkbox {
	margin-top: 6.173%; /* 25/405 */
	margin-right: 7.407%; /* 30/405 */
	width: 12.346%; /* 50/405 */
	padding-bottom: 12.346%; /* 50/405 */
	height:0;
}
.node-culture-resource.node-teaser:hover  .overlay.black_wrap .linkbox {
	background-image: url(../images/linkbox-black-on-yellow.png);
}

.node-culture-resource.node-teaser  .overlay.black_wrap .downloadbox {
	margin-top: 6.173%; /* 25/405 */
	margin-right: 7.407%; /* 30/405 */
	width: 12.346%; /* 50/405 */
	padding-bottom: 12.346%; /* 50/405 */
	height:0;
}
.node-culture-resource.node-teaser:hover  .overlay.black_wrap .downloadbox {
	background-image: url(../images/downloadbox-black-on-yellow.png);
}



.node-culture-resource.node-teaser .media-youtube-video {
	padding-top:0;
    padding-bottom: 60.9375%; /* 390/640 */
}
.node-culture-resource.node-teaser .media-youtube-video .video-wrap {
	padding-top:0;
    padding-bottom: 60.9375%; /* 390/640 */
}


.node-culture-resource.node-teaser .file-video-vimeo {
	position: absolute;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    margin-top: 2.346%; /* 9.5/405 */
}

.node-culture-resource.node-teaser .file-video-vimeo .content {
	position: absolute;
    width: 100%;
    height: 100%;
}
.node-culture-resource.node-teaser .file-video-vimeo .content .media-vimeo-video {
    width: 100%;
    height: 100%;
}
.node-culture-resource.node-teaser .file-video-vimeo .content .media-vimeo-video iframe {
    width: 100%;
    height: 100%;
}