.pd-5 { padding: 5px; }
.nh-row { float: left; width: 100%; }
section.nh-type-bar { border: 5px solid transparent; }
section.nh-1 ul.niche-posts li.niche-post div.nh-date { font-size: 14px !important; color: #888; padding-bottom: 7px; text-align: left;  }
section.nh-1 li.niche-post h4 { padding-bottom: 12px; }
section.niche-hero ul.niche-posts li.niche-post .nh-details .nh-avatar-box { position: relative; }
section.niche-hero ul.niche-posts li.niche-post .nh-details .nh-avatar-box span { display: none; } 
section.niche-hero ul.niche-posts li.niche-post .nh-details .nh-avatar-box:hover span {display: inline;position: absolute;top: 80%;left: 50%;margin-left: -62px; /* Add half of 14px to ensure its centered */ background: #444;color: #FFF;padding: 10px;width: 110px;border-radius: 10px;text-align: center;}
section.niche-hero ul.niche-posts li.niche-post .nh-details .nh-avatar-box:hover span::after {content: " "; position: absolute; bottom: 100%;  /* At the top of the tooltip */ left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: transparent transparent #444 transparent; }
section.nh-3 ul.niche-posts li.niche-post .nh-details .nh-avatar-box:hover span { top: 85% !important; }
section.nh-1 li.first-niche-post div.nh-title h4,
section.nh-1 li.second-niche-post div.nh-title h4,
section.nh-2 li.first-niche-post div.nh-title h4, 
section.nh-2 li.second-niche-post div.nh-title h4,
section.nh-2 li.third-niche-post div.nh-title h4 { letter-spacing: normal !important; padding-bottom: 25px !important; font-size: 24px !important; font-weight: 500 !important; }
section.niche-hero li.niche-post { line-height: 1.476; }
section.nh-3 li.niche-post a.nh-details span.nh-video-views { font-size: 16px; }
section.nh-3 li.niche-post a.nh-details span.nh-comment-number { font-size: 16px; }
section.nh-3 ul.niche-posts li.niche-post .nh-title h4 { font-size: 17px !important; text-align: left; padding-bottom: 15px; }
section.nh-3 ul.niche-posts li.niche-post div.nh-date {	font-size: 15px !important; color: #888; padding-bottom: 10px; text-align: left; } 
section.niche-hero ul.niche-posts li.first-niche-post img, section.niche-hero ul.niche-posts li.second-niche-post img, section.niche-hero ul.niche-posts li.third-niche-post img, section.niche-hero ul.niche-posts li.niche-post img { height: 100%; }
div.nh-bg-placeholder { width: 100%; height: 140px; }
section.niche-hero ul.niche-posts li.niche-post a.nh-post-thumbnail, div.nh-bg-placeholder { background-color: #EEE !important; }
section.niche-hero li.niche-post a.nh-details div.nh-title h4 { color: #000 !important; }
section.niche-hero ul.niche-posts li.niche-post .nh-details .nh-avatar-box { padding: 0 14px 0 0px; width: 20%; float: left }
section.niche-hero ul.niche-posts li.niche-post .nh-details .nh-content { width: 80%; float: left; }
section.niche-hero ul.niche-posts li.niche-post .nh-details .nh-avatar-box img { border-radius: 50%; }
li.first-niche-post div.nh-bg-placeholder, li.second-niche-post div.nh-bg-placeholder, li.third-niche-post div.nh-bg-placeholder { max-height: 100%; }
section.niche-hero ul.niche-posts li.first-niche-post .nh-title, section.niche-hero ul.niche-posts li.second-niche-post .nh-title, section.niche-hero ul.niche-posts li.third-niche-post .nh-title { overflow: hidden; position: absolute; left: 0; bottom: 0; text-align: center; width: 100%; padding: 0 20px; }
section.niche-hero ul.niche-posts li.first-niche-post a.nh-details .nh-meta, section.niche-hero ul.niche-posts li.second-niche-post a.nh-details .nh-meta, section.niche-hero ul.niche-posts li.third-niche-post a.nh-details .nh-meta { position: absolute;top: 0;right: 0;z-index: 1;color: #FFF;padding: 5px 20px;font-size: 15px;text-shadow: unset;font-weight: 500;}
section.niche-hero ul.niche-posts li.niche-post .nh-title h4 { line-height: 1.25; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;max-height: 36px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding: 0;height: 32px;min-height: 36px;}
section.nh-3 ul.niche-posts li.niche-post .nh-title h4 {max-height: 44px;height: 44px;min-height: 44px;}
section.niche-hero ul.niche-posts li.niche-post a.nh-details .nh-meta { margin-top: 10px; }
li.first-niche-post span.nh-comment-number, li.second-niche-post span.nh-comment-number, li.third-niche-post span.nh-comment-number { font-weight: 700; }
section.niche-hero ul.niche-posts li.first-niche-post .nh-date, section.niche-hero ul.niche-posts li.second-niche-post .nh-date, section.niche-hero ul.niche-posts li.third-niche-post .nh-date { position: absolute; top: 0; left: 0; z-index: 1; color: #FFF; padding: 5px 20px; font-size: 15px; text-shadow: unset; font-weight: 500; }
li.first-niche-post span.nh-video-views, li.second-niche-post span.nh-video-views, li.third-niche-post span.nh-video-views, li.first-niche-post div.nh-title h4, li.first-niche-post span.nh-comment-number, li.second-niche-post div.nh-title h4, li.second-niche-post span.nh-comment-number, li.third-niche-post div.nh-title h4, li.third-niche-post span.nh-comment-number { color: #FFF !important; }
section.niche-hero li.niche-post h4 { font-size: 14px !important; min-height: 45px; font-weight: 500 !important; letter-spacing: normal; margin: 0 !important; }
section.niche-hero { padding-top: 0; padding-bottom: 0; float: left; width: 100%; }
span.nh-video-views { color: #888 !important; padding-right: 15px; }
.nh-comment-number:before { font-family: "Font Awesome 5 Free"; content: "\f075"; padding-right: 3px; }
section.niche-hero ul.niche-posts li.first-niche-post .nh-date:before, section.niche-hero ul.niche-posts li.second-niche-post .nh-date:before, section.niche-hero ul.niche-posts li.third-niche-post .nh-date:before {font-family: "Font Awesome 5 Free"; content: "\f017"; padding-right: 7px; }
section.niche-hero li.niche-post a.nh-details { text-decoration: none; padding: 15px 10px 30px; font-size: 14px !important; font-weight: 500 !important; letter-spacing: normal; margin: 0 !important; margin-bottom: 30px !important; color: #000; text-align: left; padding-top: 15px; }
section.niche-hero span.niche-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
section.niche-hero ul.niche-posts li.niche-post img { width: 100%; }
section.niche-hero a.nh-details { margin-top: -100px; font-size: 35px; width: 100%; float: left; background: transparent; position: relative; } 
section.niche-hero ul.niche-posts li.niche-post a.nh-post-thumbnail, section.niche-hero ul.niche-posts li.niche-post a.nh-default-thumbnail { width: 100%; float: left; text-align: center; background: #FFF; position: relative; overflow: hidden; background-position: center !important; background-size: cover !important; }
section.nh-2 ul.niche-posts li.first-niche-post a.nh-post-thumbnail, section.nh-2 ul.niche-posts li.second-niche-post a.nh-post-thumbnail, section.nh-2 ul.niche-posts li.third-niche-post a.nh-post-thumbnail { width: 100%; float: left; text-align: center; background: #FFF; position: relative; overflow: hidden; box-shadow: 0px -70px 90px #444 inset; }
section.niche-hero ul.niche-posts li.first-niche-post:hover, section.niche-hero ul.niche-posts li.second-niche-post:hover, section.niche-hero ul.niche-posts li.third-niche-post:hover  { opacity: 0.9; }
section.niche-hero ul.niche-posts li.niche-post a.nh-post-thumbnail { padding-top: 140px; }
section.niche-hero ul.niche-posts li.first-niche-post, section.niche-hero ul.niche-posts li.second-niche-post, section.niche-hero ul.niche-posts li.third-niche-post { width: 50%; margin: 0 auto; text-align: center; position: relative; float: left; }
section.niche-hero ul.niche-posts li.first-niche-post, section.niche-hero ul.niche-posts li.second-niche-post, section.niche-hero ul.niche-posts li.third-niche-post { border: 5px solid transparent; }
/*section.niche-hero ul.niche-posts li.first-niche-post img, section.niche-hero ul.niche-posts li.second-niche-post img, section.niche-hero ul.niche-posts li.third-niche-post img, section.niche-hero ul.niche-posts li.niche-post img  {transition: all 0.1s ease-in-out; } */
/*section.niche-hero ul.niche-posts li.first-niche-post:hover, section.niche-hero ul.niche-posts li.second-niche-post:hover a, section.niche-hero ul.niche-posts li.third-niche-post:hover a, section.niche-hero ul.niche-posts .niche-post a:hover { transform: scale(1.05); opacity: 0.8; transition: 0.1s; }*/
section.niche-hero ul.niche-posts { padding: 0; width: 100%; float: left; margin: 0;  }
section.niche-hero ul.niche-posts li { list-style: none; padding-top: 0; }
li.niche-post { margin-top: 0; float: left; width: 25%; margin-left: 0; }
section.nh-2 li.first-niche-post div.nh-bg-placeholder,section.nh-2 li.second-niche-post div.nh-bg-placeholder,section.nh-2 li.third-niche-post div.nh-bg-placeholder { height: 300px !important; width: 100%; }
section.niche-hero li.first-niche-post a.nh-details, section.niche-hero li.second-niche-post a.nh-details, section.niche-hero li.third-niche-post a.nh-details { text-decoration: none; position: absolute; bottom: 0; left: 0; background: none; box-shadow: none; color: #FFF !important; font-weight: 700; font-size: 25px; padding: 0px 20px; z-index: 1; width: 100%; height: 100%; padding-bottom: 10px; } 
section.niche-hero li.first-niche-post img, section.niche-hero li.second-niche-post img, section.niche-hero li.third-niche-post img { width: 100%; } 
section.niche-hero li.first-niche-post, section.niche-hero li.second-niche-post, section.niche-hero li.third-niche-post { margin: 0; padding: 0; list-style: none; } 
section.niche-hero li.first-niche-post a.nh-post-thumbnail, section.niche-hero li.second-niche-post a.nh-post-thumbnail, section.niche-hero li.third-niche-post a.nh-post-thumbnail { float: left; width: 100%; top: 0; left: 0; height: 300px; max-height: 300px; overflow: hidden; position: relative; background-position: center !important; background-size: cover !important; } 
section.niche-hero li.first-niche-post a.nh-post-thumbnail, section.niche-hero li.second-niche-post a.nh-post-thumbnail, section.niche-hero li.third-niche-post a.nh-post-thumbnail { float: left; width: 100%; top: 0; left: 0; height: 300px; max-height: 300px; overflow: hidden; position: relative; } 
section.niche-hero li.first-niche-post:before, section.niche-hero li.second-niche-post:before, section.niche-hero li.third-niche-post:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }  
.wpb_content_element { margin-bottom: 0 !Important; }
/* TYPE: BAR */
.niche-hero .gs-recent-posts-thumbnails li { margin: 0; } 
section.nh-type-bar li span.video-views {z-index: 1;color: #FFF !important; position: absolute; top: 0; padding: 10px 0 0 20px; left: 0; font-weight: 500; text-shadow: 1px 1px #000; }
section.nh-type-bar li h4 { z-index: 1; width: 100%; text-align: center; position: absolute; bottom: 0; padding: 0 25px 20px; left: 0; font-size: 20px !important; color: #FFF; text-shadow: 1px 1px #000; }
section.nh-type-bar li span.video-views:before {font-family: "Font Awesome 5 Free";content: "\f080";padding-right: 5px;}
section.nh-type-bar li span.comment-number { position: absolute; top: 0; right: 0; color: #FFF !important; z-index: 1; padding: 10px 20px 0 0; font-weight: 500; text-shadow: 1px 1px #000; }	
section.nh-type-bar li:hover img { transform: scale(1.2); }
section.nh-type-bar li .nh-comment-number:before { font-family: "Font Awesome 5 Free";content: "\f075"; padding-right: 5px; font-weight: 700 !important; }
section.nh-type-bar span.comment-number:before { font-family: "Font Awesome 5 Free"; content: "\f075"; padding-right: 5px; font-weight: 700; }
section.nh-type-bar li a.thumbnail-overlay {  position: absolute; top: 0; left: 0; width: 100%; height: 200px; overflow: hidden; background: rgba(0,0,0,0.5); box-shadow: 2px 2px 100px #222 inset; z-index: 1; } 
section.nh-type-bar li img {  transform-origin: 50% 65%; transition: transform 1s, filter 3s ease-in-out; } 
section.nh-type-bar span.nh-video-views { color: #FFF !important; }
section.nh-type-bar ul { margin: 0 !important; } 
section.nh-type-bar { margin: 0; } 
section.nh-type-bar li { margin: 0; position: relative; list-style: none; overflow: hidden; height: 200px; background: #BBB; color: #BBB; }
/* WIDGET: RECENT POSTS WITH FEATURED IMAGE */
.niche-hero-widget-recent-posts-with-fi { margin: 0; position: relative; }
.niche-hero-widget-recent-posts-with-fi li { position: relative; list-style: none; overflow: hidden; }
.niche-hero-widget-recent-posts-with-fi li .nh-meta-data { text-align: center; position: relative; z-index: 2; background: #FFF; padding: 30px 20px; }
.niche-hero-widget-recent-posts-with-fi li .nh-meta-data h4 { padding-bottom: 10px; }
.niche-hero-widget-recent-posts-with-fi li span.nh-date { float: left; width: 100%; margin-bottom: 12px; }
.niche-hero-widget-recent-posts-with-fi li span.nh-date:before { font-family: "Font Awesome 5 Free"; content: "\f073"; padding-right: 10px; font-weight: 700; }
.niche-hero-widget-recent-posts-with-fi li .nh-meta-data a.nh-read-more { width: 40%; display: inline-block; background: #eee; padding: 10px 25px; border-radius: 15px; text-decoration: none; color: #444; }
.niche-hero-widget-recent-posts-with-fi li .nh-meta-data a.nh-read-more:hover { opacity: 0.5; }
.niche-hero-widget-recent-posts-with-fi li span.comment-number { position: absolute; top: 0; right: 0; color: #FFF !important; z-index: 1; padding: 10px 20px 0 0; font-weight: 500; text-shadow: 1px 1px #000; }
.niche-hero-widget-recent-posts-with-fi span.comment-number:before { font-family: "Font Awesome 5 Free"; content: "\f075"; padding-right: 5px; font-weight: 700; }
.niche-hero-widget-recent-posts-with-fi li:hover img { transform: scale(1.2); }
.niche-hero-widget-recent-posts-with-fi li img {  transform-origin: 50% 65%; transition: transform 1s, filter 3s ease-in-out; } 
.niche-hero-widget-recent-posts-with-fi li span.video-views:before { font-family: "Font Awesome 5 Free"; content: "\f080"; padding-right: 5px; }
.niche-hero-widget-recent-posts-with-fi li span.video-views { z-index: 1; color: #FFF !important; position: absolute; top: 0; padding: 10px 0 0 20px; left: 0; font-weight: 500; text-shadow: 1px 1px #000; }
.niche-hero-widget-recent-posts-with-fi .thumbnail-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: rgba(0,0,0,0.5); box-shadow: 2px 2px 100px #222 inset; z-index: 1; }
/* ############### */
/* SMALLER SCREENS */
/* ############### */
@media (max-width: 900px) {
	section.niche-hero ul.niche-posts li.niche-post .nh-details .nh-avatar-box:hover span { margin-left: -55px !important; top: 100% !important; }
	section.niche-hero ul.niche-posts li.niche-post .nh-details .nh-avatar-box { padding: 0 !important; }
	section.nh-3 { width: 100% !important; }
	section.nh-2 { border: 5px solid transparent; }
	section.nh-type-bar { width: 100% !important; }
	#site-header, #site-content, #site-footer, .header-footer-group { margin: 0 !important;  }
	section.nh-1 ul.niche-posts li.first-niche-post, section.niche-hero ul.niche-posts li.second-niche-post, section.niche-hero ul.niche-posts li.third-niche-post { border: 0 !important; }	
	span.nh-video-views, .nh-comment-number { float: left !important; width: 100% !important; }
	div.nh-avatar-box img { margin: 0 auto; }
	div.nh-avatar-box { width: 100%; margin: 0 auto; padding: 0 15px 11px; display: inline-flex; margin-top: -45px; }
	section.niche-hero ul.niche-posts li.niche-post .nh-details .nh-content { width: 100%; }
	section.nh-1 li.first-niche-post div.nh-title h4, section.nh-1 li.second-niche-post div.nh-title h4, section.nh-2 li.first-niche-post div.nh-title h4, section.nh-2 li.second-niche-post div.nh-title h4, section.nh-2 li.third-niche-post div.nh-title h4 { font-size: 18px !important; }
	section.niche-hero ul.niche-posts li.niche-post .nh-details .nh-avatar-box img { width: 25% !important; border: 2px solid #FFF; box-shadow: 1px 1px 1px #ddd; margin-bottom: 10px; }
	section.niche-hero ul.niche-posts li.niche-post .nh-details .nh-avatar-box { width: 100%; }
	section.nh-2 li.first-niche-post span.nh-video-views, section.nh-2 li.second-niche-post span.nh-video-views, section.nh-2 li.third-niche-post span.nh-video-views { float: right; width: 50%; }
	section.nh-1 li.first-niche-post .nh-comment-number, section.nh-1 li.second-niche-post .nh-comment-number, section.nh-2 li.first-niche-post .nh-comment-number, section.nh-2 li.second-niche-post .nh-comment-number, section.nh-2 li.third-niche-post .nh-comment-number { font-size: 12px;  }		
	section.nh-2 li.first-niche-post .nh-comment-number, section.nh-2 li.second-niche-post .nh-comment-number, section.nh-2 li.third-niche-post .nh-comment-number { padding-left: 0 !important; vertical-align: 9px; }	
	section.nh-2 li.first-niche-post .nh-comment-number, section.nh-2 li.second-niche-post .nh-comment-number, section.nh-2 li.third-niche-post .nh-comment-number, section.nh-2 li.first-niche-post .nh-video-views, section.nh-2 li.second-niche-post .nh-video-views, section.nh-2 li.third-niche-post .nh-video-views { font-size: 20px !Important; }	
	section.niche-hero ul.niche-posts li.first-niche-post a.nh-details .nh-meta, section.niche-hero ul.niche-posts li.second-niche-post a.nh-details .nh-meta, section.niche-hero ul.niche-posts li.third-niche-post a.nh-details .nh-meta { position: relative; top: 0; right: 0; z-index: 1; color: #FFF; padding: 5px 20px; font-size: 15px; text-shadow: unset; font-weight: 500; border-radius: 0 0 5px 0; }	
	section.niche-hero li.first-niche-post a.nh-details, section.niche-hero li.second-niche-post a.nh-details, section.niche-hero li.third-niche-post a.nh-details { padding: 0; }	
	section.niche-hero ul.niche-posts li.first-niche-post .nh-date, section.niche-hero ul.niche-posts li.second-niche-post .nh-date, section.niche-hero ul.niche-posts li.third-niche-post .nh-date { padding: 0; padding-top: 10px; font-size: 12px; position: unset; }	
	section.nh-1 li.first-niche-post span.nh-video-views, section.nh-1 li.second-niche-post span.nh-video-views, section.nh-2 li.first-niche-post span.nh-video-views, section.nh-2 li.second-niche-post span.nh-video-views, section.nh-2 li.third-niche-post span.nh-video-views { font-size: 12px; position: unset; padding: 0; text-align: center; }	
	section.nh-1 li.first-niche-post span.nh-video-views, section.nh-1 li.first-niche-post span.nh-comment-number, section.nh-1 li.first-niche-post div.nh-date,
	section.nh-1 li.second-niche-post span.nh-video-views, section.nh-1 li.second-niche-post span.nh-comment-number, section.nh-1 li.second-niche-post div.nh-date{ float: left; width: 100%; font-size: 12px; padding: 0; } 
	li.first-niche-post div.nh-date { padding: 0; padding-top: 5px; }	
	li.second-niche-post div.nh-date { padding: 0; padding-top: 5px; }	
	section.nh-1 ul.niche-posts li.niche-post { width: 50% !Important;  }
	section.nh-3 ul.niche-posts li.niche-post { width: 50% !Important; }
	section.nh-3 ul.niche-posts li.niche-post h4 { font-size: 14px !important; }	
	section.niche-hero .nh-title h4	{ font-size: 16px !important; }
	section.nh-2 .nh-title h4 { font-size: 20px !important; text-align: center !important; padding-bottom: 25px !Important; padding-left: 25px; padding-right: 25px; }
	section.nh-3 ul.niche-posts li.niche-post div.nh-date {	text-align: left; font-size: 12px !important; } 	
	section.nh-3 li.niche-post a.nh-details span.nh-video-views { font-size: 14px !IMPORTANT; }
	section.nh-3 li.niche-post a.nh-details span.nh-comment-number { padding-left: 0px; font-size: 14px !IMPORTANT; }
	section.nh-2 ul.niche-posts li { width: 100% !important; border: 0 !important; }	
	section.nh-2 ul.niche-posts li a { height: 220px !important;  }	
	section.niche-hero ul.niche-posts li.first-niche-post, section.niche-hero ul.niche-posts li.second-niche-post, section.niche-hero ul.niche-posts li.third-niche-post { margin-bottom: 5px !important; }	
	section.nh-2 ul.niche-posts li.first-niche-post .nh-video-views { float: right; width: 50%; }
	section.nh-2 ul.niche-posts li.first-niche-post .nh-comment-number { float: left; width: 50%; }
	section.nh-1 ul.niche-posts li.first-niche-post { border-left: 5px solid #FFF !important; }
	section.nh-1 ul.niche-posts li.second-niche-post { border-right: 5px solid #FFF !important; }
	/* Individual post image sizing */
	section.niche-hero ul.niche-posts li.niche-post a.nh-post-thumbnail { padding-top: 110px !important; }
	section.niche-hero ul.niche-posts li.niche-post {min-height: 270px !important;}
	section.niche-hero ul.niche-posts li.niche-post .nh-bg-placeholder,
	section.niche-hero ul.niche-posts li.niche-post .nh-post-thumbnail { height: 110px !important; }
	.niche-hero-widget-recent-posts-with-fi li .nh-meta-data a.nh-read-more { width: 100% !important; }
}

@media (max-width: 700px) {
	section.niche-hero ul.niche-posts li.niche-post .nh-details .nh-avatar-box {
		float: left;
		padding: 0;
	}
}

@media (max-width: 480px) {
	section.niche-hero ul.niche-posts li.niche-post .nh-details .nh-avatar-box img { width: 35% !important; border-width: 3px; }
}