/* Special formatting only for blog page and blog posts */

#wrapper{
	background-color: #F1F2F4;
}

.blog-container{
	max-width: 1140px !important; /* Going back to BS4.6 standard container size to contain cards*/
}

.blog-subheader{
	font-weight: 300;
	font-size: 1.1rem;
	line-height: 1.5;
}

.card{
	border:none;
	border-radius: 0.625rem;
	box-shadow: 0 0.25rem 0.5rem 0 rgba(20,33,61,0.05);
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

.card:hover{
	transform: scale(1.04);
}

.card-img-top{
	border-radius: 0.625rem 0.625rem 0 0;
	height: 12.5rem;
}

.card-text{
	margin-top: 1.25rem;
	font-weight: 300;
	font-size: 0.9375rem;
}

#cover-picture{
	min-height: 15rem;
	height: 40vh;
	max-height: 25rem;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	box-shadow: 0 0.25rem 0.5rem 0 rgba(20,33,61,0.1);
}

.blog-content{
	margin-top: -5rem;
	background-color: white;
	border-radius: 1rem;
	box-shadow: 0 0.25rem 0.5rem 0 rgba(20,33,61,0.1);
	padding: 2.5rem 2.5rem 1.75rem 2.5rem;
}

@media only screen and (max-width: 767px){
	.blog-content{
		padding: 1.75rem 1.75rem 1.25rem 1.75rem;
	}
}

.blog-content img{
	display: block;
	margin: 3rem auto 0 auto;
	min-width: 60%;
	max-width: 95%;
	min-height: 10rem;
	max-height: 25rem;
	border-radius: 1.5rem;
	box-shadow: 0 0.25rem 0.5rem 0 rgba(20,33,61,0.1);
}

.blog-content h1{
	margin-bottom: 1rem;
}

.blog-content h2{
	margin-top: 3rem;
}

.blog-content h4{
	margin-top: 2rem;
}

.blog-content p,
.blog-content li{
	font-weight: 300;
	line-height: 1.75rem;
	text-align: justify;
}

.blog-content ul{
	margin-top: -0.5rem;
	margin-bottom: 0.5rem;
}

strong{
	font-weight: 500;
}

.blog-content a{
	color: #C1292E;
	font-weight: 500;
}

.blog-content a:hover{
	text-decoration: underline;
}

.blog-share-img{
	max-width: 10rem;
}

/* Overwrite Add to Any default style */
.a2a_menu a{
	color: #14213D !important;
}
/* Overwrite Add to Any default style / End */