/* FOR ALL */
a.blog_link	{font-family: var(--futura); font-weight: 700; font-size: 36px; line-height: 1.2; margin: 14px 0;  color: var(--main); text-decoration: none;}

a.blog_link, a.blog_link:visited {color: var(--main);}
a.blog_link:hover, a.blog_link:focus {color: var(--second);}
.blog_date{font-size: 14px; display: block;}

/* blogs as panels */

.blogrow{}
.blogcell {}
.blogbox{border: solid 1px var(--second);; border-radius: 20px; height: 100%; width: 100%; overflow: hidden;}
.blogimg{width: 100%; height: 340px; background-size: cover; background-position: center center}
.blogtext{width: 100%; padding: 20px;}

.blogcell.post1{}

.blogcell.post1 .blogbox{}
.blogcell.post1 .blogimg{width: 100%; height: auto; }



/* pagination */
.blogpagination{display: flex; flex-wrap: wrap; justify-content: flex-end; margin: 10px 0; width: 100%; }
.blogpagination a, .blogpagination div{display: flex; justify-content: center; align-items: center; margin-left: 10px; font-size: 20px;  width: 46px; height: 46px; text-align: center; border-radius: 10px; }
.blogpagination a, .blogpagination a:visited{ border: solid 2px var(--main); color: var(--main); text-decoration: none;}
.blogpagination a:hover, .blogpagination a:focus{border: solid 2px var(--second);background-color: var(--second); color: white;}
.blogpagination div{ border: solid 2px var(--main); background-color: var(--main); color: white;text-decoration: none;}


	/*M*/
	@media only screen and (max-width: 991px) {
		.blogcell.post1 .blogimg{width: 100%; height: 340px; }
	}

@media only screen and (max-width: 1199px) {
	.blogcell {width: 48%}
}
@media only screen and (max-width: 1090px) {
	.filterbox, .Afilter, button.Bfilter{width: 300px;}
}
@media only screen and (max-width: 860px) {
	section.blogfilters{display: block; height: 120px;}
	.filterbox, .Afilter, button.Bfilter{width: 70%; max-width: 400px;}
	.BF, .archiver{padding: 5px 0 20px 0;max-width: 100%;}
}
@media only screen and (max-width: 767px) {
	.blogcell {width: 100%; max-width: 400px; margin: 0 auto;}
}