/*
Theme Name:     NickGarden
Description:    
Author:         buhv
Template:       salient

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

.page-numbers, .esg-filters {display:none;}
.next {display: block !important}
.prev {display: block !important}

.nav-filter { padding: 30px; list-style: none; display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 0px !important; }
.nav-filter li { display: inline-flex; font-size: 14px; line-height: 20px; margin: 2px; }
.nav-filter li a { color: #7d7d7d; background: #f3f3f3; padding: 6px 12px; transition: all 0.5s ease; }
.nav-filter li a:hover { color: #324741; }
.nav-filter li.active a { color: #1A1A1A; background: #dedede; }

#container-async .content { min-height: 100px; }
.blog-list-area .fullwidth-wrap { padding: 0px 15px; width: calc(100vw - 60px); margin-left: calc(50% - 50vw + 30px); visibility: visible; }
.blog-list-area .fullwidth-wrap .blog-custom-masonry { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
.blog-list-area .fullwidth-wrap .post-content { padding-left: 0px; }
.blog-list-area .fullwidth-wrap .loop-item { width: 30%; display: inline-flex; margin: 1.4%; margin-bottom: 1.4%; position: relative; color: #676767; border-radius: 4px; overflow: hidden; perspective: 1000px; -webkit-perspective: 1000px; box-shadow: 0px 1px 3px rgba(0,0,0,.08)!important; }
.blog-list-area .fullwidth-wrap .loop-item .post-featured-img { display: flex; overflow: hidden; height: 272px; }
.blog-list-area .fullwidth-wrap .loop-item .img-link img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s ease; }
.blog-list-area .fullwidth-wrap .loop-item:hover .img-link img { transform: scale(1.07); -webkit-transform: scale(1.07);  }
.blog-list-area .fullwidth-wrap .loop-item .article-content-wrap { padding: 17% !important; position: relative; z-index: 100; background-color: #fff; }
.blog-list-area .fullwidth-wrap .loop-item .article-content-wrap p { margin-bottom: 0px; padding-bottom: 0px; }
.blog-list-area .fullwidth-wrap .loop-item .article-content-wrap .post-header { margin-bottom: 12px; }
.blog-list-area .fullwidth-wrap .loop-item .article-content-wrap .post-header span { font-size: 12px!important; color: #888; margin-bottom: 12px; font-family: 'Muli', sans-serif !important; }
.blog-list-area .fullwidth-wrap .loop-item .article-content-wrap .post-header h3.entry-title { font-family: 'Oswald', sans-serif; font-size: 22px; line-height: 26px; }
.blog-list-area .fullwidth-wrap .loop-item .article-content-wrap .entry-summary { line-height: 1.4; font-family: 'Muli', sans-serif; color: #1A1A1A; font-size: 1rem; }

.blog-list-area .pagination { list-style: none; display: flex; align-items: center; justify-content: center; margin:15px auto !important; }
.blog-list-area .pagination li { display: inline-flex; align-items: center; padding: 6px 8px; margin-bottom: 6px; }
.blog-list-area .pagination li .page-numbers { display: block; font-size: 16px; line-height: 20px; color: #ccc; transition: all 0.5s ease; }
.blog-list-area .pagination li .page-numbers:hover { color: #324741; }
.blog-list-area .pagination li .page-numbers.current { color: #324741; }

.container-wrap .container.main-content { margin-top: 54px; }
.status .loading-icon { margin: 30px 15px; }
.empty-block { display: block; text-align: center; font-size: 18px; line-height: 22px; font-weight: 700; color: #b3b3b3; text-transform: uppercase; }


@media only screen and (min-width: 1600px){
	.blog-list-area .fullwidth-wrap .loop-item { width: 18.2% !important; margin: 0.8% !important; }
}

@media only screen and (max-width: 1600px) and (min-width: 1300px){
	.blog-list-area .fullwidth-wrap .loop-item { width: 23%; margin: 0.8%; }
}

@media only screen and (max-width: 1000px) and (min-width: 768px){
	#header-secondary-outer ul { overflow: hidden; }
	.blog-list-area .fullwidth-wrap .loop-item { width: 46%; margin: 2%; }	
}

@media(max-width: 767px){
	#header-secondary-outer ul { overflow: hidden; text-align: center; }
	#header-secondary-outer > div > nav > ul > li:first-child { float: none; width: 100%; }
	.blog-list-area .fullwidth-wrap { width: 100%; margin: 0px auto; padding: 0px; }
	.blog-list-area .fullwidth-wrap .loop-item .article-content-wrap { padding: 30px 30px !important; }
	.blog-list-area .fullwidth-wrap .loop-item { width: 100%; margin: 0px; margin-bottom: 30px; }
	.blog-list-area .fullwidth-wrap .loop-item .img-link { display: block; width: 100%; }
	.blog-list-area .fullwidth-wrap .loop-item .post-featured-img { width: 100%; height: initial; }
	.blog-list-area .fullwidth-wrap .loop-item .post-featured-img img { height: auto; width: 100%; }
}

@media(max-width: 640px){
	.nav-filter { padding: 30px 0px !important; margin: 0px !important; }
}