/*
Theme Name: LP Theme Awards Styles
Theme URI: https://literacyplanet.com
Author: Literacy Planet
*/

/* GENERAL
################################################################################### */

article {
	padding-bottom: calc(var(--layout-unit)*6);
}

article header {
	padding-top: calc(var(--layout-unit)*3);
	padding-bottom: calc(var(--layout-unit)*3);
}

.award {
	margin-bottom: calc(var(--layout-unit)*2);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.award .icon {
	font-size: 4rem;
}

.award img {
	max-width: 14rem;
	max-height: 8rem;
}

@media (max-width: 599px) {

	.award {
		margin-bottom: 0;
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}
	.award:last-child {
		border-bottom: none;
	}

}

@media (min-width: 600px) and (max-width: 1023px) {

	.award {
		width: 50%;
	}

}

@media (max-width: 1023px) {

	article header .character {
		width: 90%;
		max-width: 25rem;
	}
	.award h3 {
		margin-top: 1rem;
	}
	
	.blob-mobile {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		min-width: 50rem;
		transform: translateY(-5%);
		z-index: -1;
	}

}

@media (min-width: 1024px) {
	article header .capped-width {
		width: 60%;
		margin: auto;
	}

	article header .character {
		position: absolute;
		left: 100%;
		max-height: 180%;
	}

	.award {
		width: 33.33%;
	}

	.blob-desktop {
		top: 0;
		left: 80%;
		width: 15rem;
		min-width: 20%;
		transform: translate(0%, -30%);
		margin-top: 0;
		max-width: none;
		z-index: -1;
	}
}

@media (min-width: 1024px) and (max-width: 1199px) {
	article header .character {
		max-width: 20rem;
		top: -4rem;
	}
}

@media (min-width: 1200px) {
	article header .character {
		top: -4rem;
	}
}