/* ============
   CARD - AWARD
   ============ */	

/* Using either a.card__award / div.card__award */

.card__award {
	text-align: left;
	width: 100%;
	display: none;
	transition: all .4s;
	color: var(--color__white);
	margin-bottom: var(--spacing__y_small); }

a.card__award:hover {
	transform: scale(1.02); }
	
.card__award__active {
	display: flex; }
	
.card__award .container	{
	display: flex;
	flex-wrap: nowrap;
	margin: 0;
	align-items: center; }
	
.card__award p.year {
	font-weight: 700;
	line-height: 1em;
	color: var(--color__sky); }
	
.card__award p.year,
.card__award h3 {
	margin: 0; }

.card__award h3 {
	display: inline-block;
	padding-right: 1em;
	position: relative; }

.card__award h3	span {
	position: relative; 
	display: inline-block; }
	
.card__award .container	.card__award__image {
	width: auto;
	margin-right: 2rem;
	height: 5rem;
	width: 12rem;
	flex-shrink: 0;
	text-align: right;  }

.card__award .container	.card__award__image img {
	opacity: .4;
	height: 100%;
	width: auto;
	margin: 0 auto;
	height: auto;
	max-height: 100%;
	max-width: 100%; }


@media all and (max-width: 960px) {
	
	.card__award h3 {
		margin-right: var(--spacing__x); 	}

}

@media all and (max-width: 700px) {
	
	.card__award .container	.card__award__image {
		width: 9rem; } 
}



/* ============
   LIST - AWARD
   ============ */	
   
 .list__awards {
 	margin-left: auto;
 	margin-right: auto;
 	max-width: 900px; }