@import "@{parenturl}/less/mixins.less";

.entry-content {
	> div {
		display:grid;
		grid-gap:25px;
		grid-template-columns:repeat(3, 1fr);
		@media (max-width:1400px) {
			grid-template-columns:repeat(2, 1fr);
		}
		@media (max-width:960px) {
			grid-template-columns:repeat(1, 1fr);
			.max-width(420px);
		}
	}

	.member {
		display:grid;
		grid-template-rows:1fr auto;
		.pseudoBefore;
		&:before {
			background-color:fade(#fff, 75);
			.blur(10px);
		}
		> * {
			grid-column:1;
		}
		img {
			grid-row:1 / span 2;
			margin:0;
			z-index:1;
		}
		h2 {
			grid-row:2;
			margin:0;
			text-align:center;
			text-transform:none;
			padding:.5em;
			.font(~"Avenir, Nunito", 400, 28px);
			em {
				.font("Dancing Script");
			}
		}
		.copy {
			grid-row:1;
			padding:25px 25px 10px;
			p {
				@media (max-width:1200px) {
					font-size:14px;
					line-height:1.5;
				}
			}
		}
		
		& {
			h2 {
				color:#fff;
				.transition(color);
				em {
					color:#fff;
					.transition(color);
				}
			}
			.copy, &:before {
				opacity:0;
				.transition(opacity);
			}
		}
		&:hover,
		&.active {
			h2 {
				color:#098db4;
				em {
					color:#000;
				}
			}
			.copy, &:before {
				opacity:1;
			}
		}
	}

}