/* HOME  for team detail page! */

.node-culture-artefact.node-home:hover  .overlay.bg {
	opacity: 0.5 !important;
}

.node-culture-artefact.node-home .filter {
	background-color: #ff4444; /* will be overwritten with team/collection colour in template */
	opacity: 0.5;
    display: none;
}
.node-culture-artefact.node-home:hover .filter {
    display: block;
}

.node-culture-artefact.node-home  .blackbot {
    position: absolute;
    bottom:0;
    background-color: #000000;
    width:100%;
    height: 26.706%;
}

.node-culture-artefact.node-home .title {
    position: absolute;
    float: left;
    width: 90%;
    padding: 0 5%;
    text-align: center;
    color: #ffffff;
    top: 50%;

    transform: translate(0,-50%);
    -ms-transform:  translate(0,-50%); /* IE 9 */
    -webkit-transform:  translate(0,-50%); /* Chrome, Safari, Opera */
    -moz-transform: translate(0, -50%) ;
}
.node-culture-artefact.node-home:hover .title {
    text-decoration: underline;
}

.node-culture-artefact.node-home .linkbox {
    position: absolute;
    bottom: 26%;
    margin: 16.194% 39.879%;/* 40/247  ((247-50)/2)/247 */
    width: 20.243%; /* 50/247 */
    padding-bottom: 20.243%; /* 50/247 */
    height: 0;
    display: none;
}
.node-culture-artefact.node-home:hover .linkbox {
    display: block;
}
/* FULL */


.node-culture-artefact.node-full .header_box {
	float:left;
	width:100%;
	background-color:#000000;
	color:#ffffff;
	padding:1em;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.node-culture-artefact.node-full .header_box .title {
}
.node-culture-artefact.node-full .header_box .text {
}
.node-culture-artefact.node-full .header_box .text p:last-child {
	margin-bottom: 0;
}


.node-culture-artefact.node-full .body {
	float:left;
	width:100%;
	margin-top: 4.630%; /* 60/1296 */
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.node-culture-artefact.node-full .body p:last-child {
	margin-bottom: 0;
}




.node-culture-artefact.node-full .footer_box {
	float:left;
	width:100%;
	margin-top: 4.630%; /* 60/1296 */
	background-color:#000000;
	color:#ffffff;
	padding:1em;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.node-culture-artefact.node-full .footer_box a {
	color:#ffffff;
}
.node-culture-artefact.node-full .footer_box p:last-child {
	margin-bottom: 0;
}


.sbar.artefact>.title {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 10%;
    margin-bottom: -5%;
}





/* TEASER */
.sbar.artefact .node-culture-artefact.node-teaser {
    position: relative;
    float: left;
    margin-top: 10%;
    width: 100%;
	height: 0;
	padding-bottom: 100%;
        background-color: #dddddd;

}

.node-culture-artefact.node-teaser .overlay.colour_wrap {
	background-color: #444444; /* will be overwritten with team/collection colour in template */
	bottom:0;
	height: 46.9135802%; /* 190/405 */
}
/*
.across5 .node-culture-artefact.node-teaser .overlay.colour_wrap {
	display:none;
}
*/
.node-culture-artefact.node-teaser:hover .overlay.colour_wrap {
    background-color: transparent !important;
}

.node-culture-artefact.node-teaser .overlay.colour_wrap .title {
    position: absolute;
    top:23.684%; /* 45/190 */
    padding: 0 6%;
    width: 88%;
    margin: 0;
}

.node-culture-artefact.node-teaser  .overlay.filter {
    background-color: #ff4444; /* will be overwritten with team/collection colour in template */
    opacity: 0.5;
    display:none;
}
.node-culture-artefact.node-teaser:hover  .overlay.filter {
    display:block;
}

.node-culture-artefact.node-teaser .overlay.black_wrap {
	background-color: #000000;
	color: #ffffff;
	bottom:0;
	height: 24.691358%; /* 100/405 */
}
.across5 .node-culture-artefact.node-teaser .overlay.black_wrap {
	display: none;
}

.node-culture-artefact.node-teaser .overlay.black_wrap .title {
    padding: 0 0 0 6%;
    width: 68%;
    margin: 0;
}
.node-culture-artefact.node-teaser:hover  .title {
    text-decoration:underline !important;
}
.node-culture-artefact.node-teaser:hover  .overlay.bg {
    opacity: 0.5 !important;
}


.node-culture-artefact.node-teaser .overlay.black_wrap .linkbox {
    position: relative;
    margin: 6.1728395%; /* 25/405 */
    width: 12.345679%; /* 50/405 */
    height: 50%; /* 50/100 */
    float:right;
    margin-top:
}
.node-culture-artefact.node-teaser:hover .linkbox.black_on_white {
	background-image: url(../images/linkbox-black-on-yellow.png);
}