/*
 Theme Name:   Choose Democracy
 Template: baseline-mha
 Theme URI:    https://gitlab.com/matthewha/baseline-equation
 Description:  Theme for the Equation Campaign, Baseline child theme
 Author:       Matthew Hinders-Anderson
 Author URI:   https://wehtt.am
 Version:      1.0
 Text Domain:  bl-cd
*/

@media screen and (min-width:600px){
	.section-inset{
		border-radius:3px;
		box-shadow:0.5rem 0.5rem rgba(0,10,70,0.12);
		margin-left:4vw;
		margin-right:4vw;
		z-index:6;
	}
}

.baseline .button{
	border-radius:3px;
}
.baseline .button-big,
.baseline .button-primary{
	font-family:inherit;
	font-size:0.9rem;
}
@media screen and (min-width:650px){
	#intro .text-style-lead{
		font-size:1.45rem;
	}
}
@media screen and (min-width:900px){
	#intro .section-inner{
		display:flex;
		align-items:center;
	}
	#intro .text-style-lead{
		font-size:1.5rem;
	}
}


.header-illustrated{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:2rem;
	text-align:center;
	max-width:300px;
}
.section-inset .header-illustrated{
	margin:-5rem auto 1.3rem;
	margin:calc(-5.15vh - 2.35vw - 2rem) auto 2rem;}

.grid-lg .section-inner{
	display:grid;
	grid-gap:1rem;
	grid-template-columns:repeat(2, 1fr);
}
.grid-lg .content-more{
	grid-column: 1 / 3;
	text-align:center;
}
@media screen and (min-width:650px){
	.grid-lg .section-inner{
		grid-template-columns:repeat(3, 1fr);}
	.grid-lg .content-more{
		grid-column: 1 / 4;}
}
@media screen and (min-width:900px){
	.grid-lg .section-inner{
		grid-template-columns:repeat(4, 1fr);}
	.grid-lg .content-more{
		grid-column: 1 / 5;}
}

.posts-posters .section-inner{
	display:grid;
	grid-gap:1em;
	grid-template-columns:repeat(2, 1fr);}
@media screen and (min-width:650px){
	.posts-posters .section-inner{
		grid-template-columns:repeat(3, 1fr);}
}
@media screen and (min-width:900px){
	.posts-posters .section-inner{
		grid-template-columns:repeat(4, 1fr);}
}
@media screen and (min-width:1200px){
	.posts-posters .section-inner{
		grid-template-columns:repeat(6, 1fr);}
}

.poster{
	display:flex;
	flex-direction:column;
	justify-content: space-between;
	text-align:center;}
.poster-image{
	margin-bottom:0.3rem;}
.poster-image a img{
	transition:0.2s all;}
.poster-image a:hover img{
	box-shadow:0 0 0.3rem rgba(0,0,0,0.5);}
.poster-download{}
.poster-download .button{
	font-size:0.6em;}

.articles-list{
	padding-left:0;
}
@media screen and (min-width:700px){
	.articles-list{
		column-count:2;
		column-gap:2rem;}
}
.articles-list li{
	list-style-type:none;
	margin-bottom:1.3rem;}
.articles-list .link-block{
	border-left:7px solid transparent;
	display:grid;
	grid-template-columns:1fr 3fr;
	text-decoration:none;
	transition:0.1s all;
	transform:translateY(1px);
}
.articles-list .link-block:hover{
	border-left-color:#d8232a;
	transform:translateY(-3px);
}
.articles-list .article-image{
	display:inline-block;
	margin-right:0.5rem;
}
.articles-list .article-text{
	align-self:center;
	font-weight:400;}
.articles-list .article-title{
	display:inline-block;
	font-weight:bold;
	line-height:1.45;
}
.articles-list .link-block:hover .article-title{
	text-decoration:underline;
}
.articles-list .article-author{
	color:initial;
	display:block;
	font-size:0.8rem;
}

.books-grid{
	display:grid;
	grid-gap:2rem;
	align-items:stretch;
	padding-left:0;}
@media screen and (max-width:700px){
	.books-grid{
		grid-template-columns:repeat(2, 1fr);
		grid-template-rows:repeat(2, 1fr);}
}
@media screen and (min-width:650px){
	.books-grid{
		grid-template-columns:repeat(3, 1fr);
		grid-template-rows:1fr;}
}
.books-grid li{
	list-style-type:none;}
.books-grid .link-block{
	background-color:#fff;
	box-shadow:6px 6px rgba(0,10,70,0.6);
	border-radius:3px;
	display:block;
	font-size:0.9rem;
	line-height:1.45;
	padding:1rem;
	text-align:center;
	text-decoration:none;
	transition:0.25s all;
	height:100%;}
.books-grid .link-block:hover{
	box-shadow:9px 9px rgba(0,10,70,085);
	transform:translateX(-3px) translateY(-3px);}
.books-grid .book-title{
	color:#d8232a;}
.books-grid .link-block:hover .book-title{
	text-decoration:underline;}
.books-grid .book-author{
	color:initial;
	display:block;
	font-size:0.75rem;
	font-weight:400;
	margin-top:0.2rem;
}