/* awards/awards.css */

/* ======================== CORPORATE COLOURS ======================== */

.blue { color: #00163D; }
.blue_tint { color: #7E8AA2; }
.orange { color: #E46C0A; }

.grey { color: #58595B; }
.light_grey { color: #E3E3E3; }

.red { color: #910D0B; }
.yellow { color: #FFAF00; }


/* ======================== AWARDS LISTING ======================== */

.award { border-top: 1px solid #E6E6E6; }
.award:last-child { border-bottom: 1px solid #E6E6E6; }

.award h3 { padding: 15px 130px 15px 50px; position: relative; cursor: pointer; margin: 0px; }
.award h3 a { color: #00163D; font-weight: 600; }
.award .description { padding-bottom: 5px; margin: 0px 130px 0px 50px; }
.award .button { margin-left: 50px; padding-bottom: 20px; }

.award h3:before, .award h3:after {
	content: "";
	background-color: #00163D;
	position: absolute;
	display: block;
}
.award h3:before {
	width: 11px; height: 1px;
	left: 15px; top: 26px;
}
.award h3:after {
	width: 1px; height: 11px;
	left: 20px; top: 21px;
}

.award .description,
.award .button { display: none; }

.award.active .description,
.award.active .button { display: block; }

.award.active { background-color: #F2F2F2; }
.award.active h3 a { color: #E46C0A; }
.award.active h3:before { background-color: #E46C0A; }
.award.active h3:after { display: none; }

/* ======================== AWARDS SINGLE ======================== */

#award_overview, #award_recipients {
	width: 47.5%;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
}
#award_overview { float: left; }
#award_recipients { float: right; }

#award_overview .nominations { color: #FFFFFF; background-color: #00163D; padding: 30px; margin-bottom: 30px; }
#award_overview .nominations h3, #award_overview .nominations p, #award_overview .nominations a { color: #FFFFFF; }

.awards-recipients-list { width: 100%; display: table; }
.awards-recipients { display: table-row; font-size: 15px; color: #58595B; }
.awards-recipients.closed { cursor: pointer; }
.awards-recipients .year, .awards-recipients .details {
	display: table-cell;
	padding: 10px;
	border-bottom: 1px solid #E6E6E6;
	position: relative;
}
.awards-recipients .details { padding-right: 100px; }
.awards-recipients.closed .details:after {
	content: "View";
	font-size: 13px; font-weight: 600; color: #7E8AA2;
	text-transform: uppercase;
	position: absolute; top: 10px; right: 10px;
}
.awards-recipients.closed:hover { background-color: #F2F2F2; }

.awards-recipients.closed:hover .year,
.awards-recipients.closed:hover .details,
.awards-recipients.closed:hover .details:after { color: #00163D; }

.awards-recipients .description { display: none; }
.awards-recipients .img { margin-bottom: 30px; }
.awards-recipients img { width: 100%; height: auto; display: block; }

.awards-recipients-hdr { font-size: 13px; font-weight: 600; text-transform: uppercase; }

.awards-recipients .action {
	font-size: 13px; text-transform: uppercase;
	font-weight: 600; color: #7E8AA2;
	position: absolute; right: 0px; top: 50%;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
	cursor: pointer;
	display: none;
}
.awards-recipients .action:hover { color: #00163D; }

/* View Recipient Details */

.view-recipient #award_overview { width: 22.6%; }
.view-recipient #award_recipients { width: 74.2%; background-color: #F2F2F2; }

.view-recipient .awards-recipients-title { display: none; }
.view-recipient .awards-recipients { font-size: 1em; display: block; }
.view-recipient .awards-recipients-list,
.view-recipient .awards-recipients .year,
.view-recipient .awards-recipients .details { width: auto; display: block; border: 0px; } 

.view-recipient .awards-recipients-hdr,
.view-recipient .awards-recipients.closed { display: none; }

.view-recipient .awards-recipients .year,
.view-recipient .awards-recipients .name {
	font-size: 2.6em; font-weight: 600; color: #E46C0A;
}
.view-recipient .awards-recipients .name { padding-right: 90px; }
.view-recipient .awards-recipients .year { padding: 40px 40px 0px 40px; font-weight: 700; }
.view-recipient .awards-recipients .details { padding: 0px 40px 40px 40px; }
.view-recipient .awards-recipients .description { display: block; padding-top: 20px; }

.view-recipient .awards-recipients .action {
	right: 40px; top: -25px;
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0);
	padding-right: 28px;
	display: block;
}
.view-recipient .awards-recipients .action:before,
.view-recipient .awards-recipients .action:after {
	content: "";
	width: 25px; height: 1px; display: block;
	background-color: #7E8AA2;
	position: absolute; right: 0px; top: 50%;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.view-recipient .awards-recipients .action:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.view-recipient .awards-recipients .action:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.view-recipient .awards-recipients .action:hover:before,
.view-recipient .awards-recipients .action:hover:after { background-color: #00163D; }

@media screen and (max-width: 1000px) {
	#award_overview, #award_recipients { width: auto; float: none; clear: both; }
	.view-recipient #award_overview { width: auto; height: 0px; overflow: hidden; }
	.view-recipient #award_recipients { width: auto; }
}
@media screen and (max-width: 1000px) {
	.view-recipient .awards-recipients .action { right: 20px; top: -45px; }
	.view-recipient .awards-recipients .name { padding-right: 0px; }
	.view-recipient .awards-recipients .year { padding: 50px 20px 0px 20px; }
	.view-recipient .awards-recipients .details { padding: 0px 20px 20px 20px; }
}