:root {
  --main: #8b2842;
  --second: #5A5B5D;
  --font: #5a5b5d;
  --pale: #eaeaea;
}

/* FOR ALL */
a.blog_link{line-height: 1.25; margin: 20px 0; padding: 0; color: var(--main); display: block;}
a.blog_link:hover, a.blog_link:focus, a.blog_social:hover, a.blog_social:focus {color: var(--second);}
.blog_date{font-size: 14px; display: block;}

a.catlink{font-size: 14px; font-weight: 400}

.blogflex{display: flex;  justify-content: space-between;}
.blogflex div{line-height: 1.25; min-width: 90px;}
.blog_social_share{font-size: 14px;}

/* blogs as list with short descr */
.content_blog_list{list-style: none; margin: 0; padding: 0}
.content_blog_list li{padding: 20px 0; border-bottom: solid 2px var(--pale)}

/* blogs as panels */

.blogrow{}
/*.blogrow{display: flex; flex-wrap: wrap; justify-content: space-between;}*/
.blogcell {padding: 10px;}
.blogbox{ height: 100%; width: 100%;-webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.5); box-shadow: 0 0 12px 0 rgba(0,0,0,.5);}
.blogimg{width: 100%; height: 200px; background-size: cover; background-position: center center; border-bottom: solid 5px var(--main);}
.blogtext{width: 100%; padding: 10px;}




/* pagination */
	/* pagination */
	.blogpagination{display: flex; flex-wrap: wrap; margin: 10px 0; width: 100%; }
	.blogpagination a, .blogpagination div{background-color: white; color: black; cursor: pointer;  border: solid 1px var(--pale);border-left: 0; padding: 5px 15px; font-size: 16px; font-weight: 400}
	.blogpagination a:hover, .blogpagination a:focus{background-color: var(--main); color: white; text-decoration: none;}
	.blogpagination div{background-color: var(--pale);}
	.blogpagination div.PN{background-color: white; color: var(--pale);}
	.blogpagination div.PN.P, .blogpagination a.PN.P{border-left: solid 1px var(--pale);}

	#prevbttn{ border-left: solid 1px silver;}
	div#prevbttn, div#nextbttn{color: gray;background-color: white;}

/* archive & categories */
	.blogfilters{ height: 70px;}
	.BF, .archiver{position: relative;  margin-bottom: 30px; }
	.archiver{}

	button.Bfilter{border: solid 1px var(--font);  width: 100%; text-align: left; padding: 0 50px 0 10px; position: absolute; top: 0px; left: 0px; z-index: 90; background-color: white; height: 50px; font-size: 16px; line-height: 1.25}
	button.Bfilter.on{}
	button.Bfilter:hover, button.Bfilter:focus{background-color: var(--main); color: white; border: solid 1px  var(--font);}
	button.Bfilter:after {content: '\f078'; font-family: 'Font Awesome 5 Pro';   position: relative; float: right; display: block; width: 50px; height: 100%; background-color: var(--main); color: white; position: absolute; top: 0; right: 0;display: flex;  justify-content: center;  align-items: center; font-size: 32px; transition: all .25s;}
	button.Bfilter.spun:after{/*transform: rotate(180deg);*/ transform:scaleY(-1);}
	
	.filterbox, .Afilter{display: none;width: 100%;border: solid 1px var(--font); position: absolute; top: 48px; left: 0; z-index: 90; background-color: white; }
	.filterbox{z-index: 99}
	#Abox{z-index: 90}
	.filterbox a, .Afilter a {display: block; padding: 5px 20px; border-top: solid 1px var(--font); }
	.filterbox a, .filterbox a:visited {color: var(--font);}
	.filterbox a:hover, .filterbox a:focus {color: var(--main); text-decoration: none;}
	.filterbox a:last-child {}

	.archiver{}
	.archiver form {display: inline}

/* search */

.Bsearch{border: solid 1px var(--font);width: 100%;height: 50px; position: relative;}
.Bsearch form{}
.Bsearch label{}
.Bsearch input#Bsearchterm{width: calc(100% - 44px) !important; height: 100%; position: absolute; top: 0; left: 0; border: 0; padding: 0 10px; }
.Bsearch button[type="submit"]{width: 44px; height: 100%; position: absolute; top: 0; right: 0; font-size: 22px; color: white; background-color: var(--font);}
.Bsearch button[type="submit"]:hover, .Bsearch button[type="submit"]:focus{background-color: var(--main);}

a#resetB{margin-top: 10px; width: 100%; }

/*
a#resetB{margin-top: 10px; width: 100%; background-color: var(--main); color: white;}
a#resetB:hover, a#resetB:focus{background-color: var(--font); color: white; text-decoration: none;}
*/

/* slideshow */

#blog_carousel {z-index: 1; position: relative;height: 460px; -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.5); box-shadow: 0 0 12px 0 rgba(0,0,0,.5);  margin-bottom: 40px;}

#blog_carousel .carousel-item{border: solid 0px green; width: 100%; height: 460px;position: relative; background-color: white;}


#blog_carousel .carousel-image{border: solid 0px blue; width: 70%; height: 100%; position: absolute; top: 0; right: 0;}
#blog_carousel .carousel-image img{ object-fit: cover; object-position: center;width: 100%;  height: 100%;}



#blog_carousel .carousel-caption {position: absolute; top: 0; left: 0; width: 30%;  border: solid 0px fuchsia; font-size: 16px; line-height: 1.25; color: var(--font); height: 100%; text-align: left; padding: 20px; }

#blog_carousel .carousel-caption p {}

#blog_carousel .carousel-caption .blog_social_share{position: static;}
#blog_carousel .carousel-caption a.blog_link{font-size: 20px; margin: 10px 0 20px;}



	#blog_carousel .playpause {position: absolute;  bottom: 10px; right: 54px;  top: auto;  margin: 0; width: 44px; height: 44px; z-index: 99; }
	#blog_carousel .playpause button{color: white; width: 44px; height: 44px; font-size: 18px; text-shadow: 0 0 5px #080808;border: solid 1px transparent}
	#blog_carousel .playpause button:hover, .playpause button:focus{color: white; border: solid 1px white;}
	#blog_carousel .playpause button.pushed{display: none;}

	#blog_carousel a.carousel-control-prev, #blog_carousel a.carousel-control-next {opacity: 1; text-decoration: none;  top: auto; bottom: 10px; height: 44px; width: 44px; color: white; right: 98px; left: auto; text-shadow: 0 0 5px #080808;border: solid 1px transparent}
	#blog_carousel a.carousel-control-next{right: 10px;}
	#blog_carousel a.carousel-control-prev:before{content: '\f053'; font-family: 'Font Awesome 5 Pro'; font-weight: 400; font-size: 18px; }
	#blog_carousel a.carousel-control-next:before{content: '\f054'; font-family: 'Font Awesome 5 Pro'; font-weight: 400;font-size: 18px;}
	#blog_carousel a.carousel-control-prev:hover, #blog_carousel a.carousel-control-prev:focus, #blog_carousel a.carousel-control-next:hover, #blog_carousel a.carousel-control-next:focus{color: white;border: solid 1px white}



	@media only screen and (max-width: 1199px) {
		#blog_carousel .carousel-image{ width: 67%; }
		#blog_carousel .carousel-caption {width: 33%; }

	}
	/*M*/
	@media only screen and (max-width: 991px) {
		#blog_carousel, #blog_carousel .carousel-item{height: 400px;}
		#blog_carousel .carousel-image{ width: 50%; }
		#blog_carousel .carousel-caption {width: 50%; }

	}

	/*S*/
	@media only screen and  (max-width: 767px) {
		#blog_carousel, #blog_carousel .carousel-item{height: auto;}
		#blog_carousel .carousel-image{position: static; width: 100%; height: auto;}
		#blog_carousel .carousel-caption {position: static; width: 100%; height: 400px}

		#blog_carousel .carousel-image img{ object-fit: auto;}


	}

	/*XS*/
	@media only screen and  (max-width: 575px) {
	}