/* Blog views templates */
/* (C) Zoomsoft, s.r.o, all rights reserved */



/* Blog categories 1 */
.blog-categories-1 {
	width: 100%;
	height: auto;
	margin-top: 40px;
}
			@media screen and (max-width: 999px) { 
                .blog-categories-1 {
                   max-height: 200px;
                   overflow: scroll;
                }
            }

.blog-categories-1 .active {
	border: 1px solid rgb(215,215,215); 
	background:rgb(235,235,235); 
	color:rgb(100,100,100); 
	text-decoration:none; 
	transition: 0.5 !important;
}

.blog-categories-1 .blog-categories-icon {
	width: 20px;
	position: relative;
	top: -2px;
}


/* Blog categories 2 */
.blog-categories-2 {
	width: 100%;
	height: auto;
	margin-top: 40px;
	margin-bottom: 40px;
}
			@media screen and (max-width: 999px) { 
                .blog-categories-2 {
                   max-height: 200px;
                   overflow: scroll;
                }
            }

.blog-categories-2 .active {
	border: 1px solid rgb(215,215,215); 
	background: #d7e680; 
	color:rgb(255,255,255); 
	text-decoration:none; 
	transition: 0.5 !important;
}

.blog-categories-2 .active2 {
	border: 1px solid rgb(215,215,215); 
	background: #fcde78; 
	color:rgb(255,255,255); 
	text-decoration:none; 
	transition: 0.5 !important;
}

.blog-categories-2 .blog-categories-icon {
	width: 20px;
	position: relative;
	top: -2px;
}


/* Blog item 1 */
.blog-item-1 {
	width: 33%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 50px;
	text-align: left;
}
			@media screen and (max-width: 1400px) { 
                .blog-item-1 {
                   width: 49%;
                }
            }
            
            @media screen and (max-width: 900px) { 
                .blog-item-1 {
                   width: 100%;
                }
            }
            
             @media screen and (max-width: 600px) { 
                .blog-item-1 {
                   text-align: center;
                }
            }

.blog-item-1 .blog-item-box {
	margin: 22px 22px 22px 22px;
}
			@media screen and (max-width: 900px) { 
                .blog-item-1 .blog-item-box {
                   margin: 0px 0px 0px 0px;
                }
            }


.blog-item-1 .blog-item-text {
	width: 100%;
}
			

.blog-item-1 .blog-item-text a {
	color: rgb(100,100,100);
}
			

.blog-item-1 .blog-item-author {
	width: 100%;
	color: rgb(180,180,180);
	margin-bottom: 20px;
}

.blog-item-1 .blog-item-text h2 {
	font-size: 25px;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
			@media screen and (max-width: 600px) { 
                .blog-item-1 .blog-item-text h2 {
                   text-align: center !important;
                }
            }

.blog-item-1 .blog-item-open {
	width: 100%;
	margin-top: 10px;
}

.blog-item-1 .blog-item-open-2 {
	width: 100%;
	margin-top: 0px;
}


.blog-item-1 .blog-item-img {
	width: 100%;
}

.blog-item-1 .blog-item-img img {
	width: 100%;
	-webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
 	 filter: grayscale(50%);
 	 transition: 1s;
}

.blog-item-1 .blog-item-img img:hover {
	 -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
 	 filter: grayscale(0%);
 	 transition: 1s;
}



/* Blog item 2 */
.blog-item-2 {
	width: 24.7%;
	display: inline-block;
	vertical-align: top;
	z-index: 999 !important;
}
			@media screen and (max-width: 1400px) { 
                .blog-item-2 {
                   width: 49%;
                }
            }
            
            @media screen and (max-width: 600px) { 
                .blog-item-2 {
                   width: 100%;
                }
            }
            
.blog-item-2 .blog-item-box {
	margin: 10px 10px 10px 10px;
}
			@media screen and (max-width: 900px) { 
                .blog-item-2 .blog-item-box {
                   margin: 0px 0px 0px 0px;
                }
            }


.blog-item-2 .blog-item-text {
	width: 100%;
}
			

.blog-item-2 .blog-item-text a {
	color: rgb(100,100,100);
}
			

.blog-item-2 .blog-item-author {
	width: 100%;
	color: rgb(180,180,180);
	margin-bottom: 20px;
}

.blog-item-2 .blog-item-text h2 {
	font-size: 25px;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
			@media screen and (max-width: 600px) { 
                .blog-item-2 .blog-item-text h2 {
                   text-align: center !important;
                }
            }
            
.blog-item-2 .blog-item-text .h2-small {
	font-size: 20px;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
			@media screen and (max-width: 600px) { 
                .blog-item-2 .blog-item-text .h2-small {
                   text-align: center !important;
                }
            }
.blog-item-2 .blog-item-text .h2-small a {
	color: rgb(120,120,120);
}

.blog-item-2 .blog-item-open {
	width: 100%;
	margin-top: 20px;
}


.blog-item-2 .blog-item-img {
	width: 100%;
}

.blog-item-2 .blog-item-img img {
	width: 100%;
	-webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
 	 filter: grayscale(50%);
 	 transition: 1s;
}

.blog-item-2 .blog-item-img img:hover {
	 -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
 	 filter: grayscale(0%);
 	 transition: 1s;
}		


/* Blog item 3 */
.blog-item-3 {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	text-align: left !important;
	z-index: 999 !important;
}
			
            


.blog-item-3 .blog-item-text {
	width: 100%;
}
			

.blog-item-3 .blog-item-text a {
	color: rgb(100,100,100);
}
			







.blog-page-select {
	width: 100%;
	margin-top: 60px;
}


#blog-other-articles {
	width: 100%;
	text-align: center;
}

#blog-other-articles h2 {
	text-align: center !important;
}