/* this version uses masonry  */
#blog_teasers .content .blog_teaser,
#blog_teasers .content .grid-sizer  {
  width: calc((100% - 60px) / 3); /* deals with the 20px gutter x 2 */
  margin-bottom: 30px;
}
.masonry #blog_teasers .content .grid-sizer {
	display: block;	
}
.masonry #blog_teasers .content .gutter-sizer {
	width: 30px;	
}
#blog_teasers .content .grid-sizer {
	display: none;	
}
#blog_teasers .content .blog_teaser section  {
	background: #fff;
	width: 100%;
	padding: 30px;
	position: relative;
	transition: all 0.2s ease-in-out;
}

/* image */
#blog_teasers .content .blog_teaser  p.blog_image {
	margin-left: -30px;
    margin-right: -30px;
	margin-top: -30px;
}
#blog_teasers .content .blog_teaser  p.blog_image img {
	width: 100%;
	height: auto;
}


/* headline */
#blog_teasers .content .blog_teaser  h3 {
	font-size: 1.3em;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 5px;
	color: #f0a07c;
}
#blog_teasers .content .blog_teaser  h3 a {
	color: #f0a07c;
	text-decoration: none;
}
/* text */
#blog_teasers .content .blog_teaser  p {
	font-weight: 400;

}
/* autthor */
#blog_teasers .content .blog_teaser .blog_author {
	margin-bottom: 2px;
	font-weight: 400;
}
/* date */
#blog_teasers .content .blog_teaser .blog_date {
	font-size: 0.85em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}


/* button */
#blog_teasers .content .button   {
	margin-bottom: 0;
}



/* FULL ARTICLE */
.content p.image_right img,
.content p.image_left img{
	max-width: 450px;	
	height: auto;
}

#blog-article .content h2,
#blog-article .content h3 {
	clear: none;
	font-family: var(--font_sans);
}
#blog-article .content h2 {
	font-weight: 700;	
}
#blog-article .wrapper--main_heading .content h2 {
	font-family: var(--font_script);
}
.content h1.blog_heading {
	color: var(--pastel_orange);	
	margin-bottom: 0.8em;
}
#blog-article  .content h2.blog_author {
	margin-bottom: 20px;	
	font-family: var(--font_script);
	font-size: 1.8em;
}
#blog-article .content section {
	font-size: 1.1em;
}
#blog-article .content  p.blog_date {
	font-size: 0.85em;


	letter-spacing: 0.05em;
	
}

/* pagination tweaks */
.content ul.pagination {

	text-align: center;
	margin-top: 60px;
}
.content ul.pagination li a {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	line-height: 40px;
	font-size: 20px;
}
.content ul.pagination li.prevnext a {
	font-size: 25px;
}

@media (max-width: 940px) {
	/* two col */
	.masonry #blog_teasers .content .blog_teaser,
	.masonry #blog_teasers .content .grid-sizer  {
		 width: calc((100% - 20px) / 2); /* deals with the 20px gutter x 1 */
		 margin-bottom: 20px;
	}
	.masonry #blog_teasers .content .gutter-sizer {
		width: 20px;	
	}
	.content p.image_right img,
	.content p.image_left img{
		max-width: 300px;	
		height: auto;
	}
}




@media (max-width: 640px) {
	/* single col */

	.masonry #blog_teasers .content .blog_teaser,
	.masonry #blog_teasers .content .grid-sizer  {
	  width: 100%;
	  margin-bottom: 10px;
	}
	.masonry #blog_teasers .content .gutter-sizer {
		width: 0;	
	}
	.content p.image_right img,
	.content p.image_left img{
		max-width: 200px;	
		height: auto;
	}
}


@media (max-width: 440px) {
	#blog_teasers .content .blog_teaser section  {
		padding: 15px;
	}
	
	#blog_teasers .content .blog_teaser  p.blog_image {
		margin-left: -15px;
		margin-right: -15px;
		margin-top: -15px;
	}
	.content p.image_right img,
	.content p.image_left img{
		max-width: 150px;	
		height: auto;
	}
	
}