* {
	box-sizing:border-box;
}

.intro-articles-section {
	background: linear-gradient(90deg, #424242 65%, #212121 65%);
	margin-top:-30px;
	position:relative;
}

.intro-articles-section:before {
	background-color:#F3B434;
	height:2px;
	width:100%;
	position:absolute;
	top:65px;
	content:'';
	z-index: 3;
}

.large-container {
	display:flex;
	width:100%;
	max-width:1200px;
	margin:0 auto;
	color:#fafafa;
}

.home-intro.home-latest-artitles {
	width:65%;
	background-color:#424242;
	padding:0 2rem;
}

.home-intro.home-popular-posts {
	width:35%;
	background-color:#212121;
	padding:0 2rem;
	color:#fafafa;;
}

.home-intro-title {
	padding:25px 48px 17px 0px;
	font-size:22px;
	text-transform:uppercase;
	font-weight:700;
	margin:0;
	color: #F3B434;
	line-height:26px;
	letter-spacing: -0.47px;
}


.box-title-and-see-all {
	display:flex;
	width:100%;
	justify-content:space-between;
	align-items:center;
}

.intro-see-all{
	color: #F3B434;
	font-size: 12px;
	font-weight:bold;
	padding: 10px;
	margin-top: 10px;
}
 
a.intro-see-all:hover {
	color:#fafafa;
	text-decoration: underline!important;
}

.home-posts {
	margin-bottom:24px;
	display: block;
	color:#fafafa;
	position:relative;
}

.home-posts:last-child {
	margin-bottom:0;
}

.home-intro-hold-posts {
	padding:30px 30px 30px 0px;
}

.home-intro-post-title {
	font-weight:500;
	line-height:1.275em;
	font-weight:bold;
	font-size:22px;
	padding-left:40px;
	color:#fafafa;
}

.home-popular-posts .home-intro-post-title {
	padding-left: 0;
}

.home-intro-post-title:before {
	content:'';
	display:block;
	height:104px;
	width:10px;
	min-width:10px;
	background-color:#FFBE05;
	margin-top:5px;
	position:absolute;
	left:0;
	top:calc(50% - 52px);
}

.home-latest-artitles .home-intro-post-title{
	color:#fafafa;
}

.home-intro-post-title a:hover {
	color:#F3B434
}

.home-popular-posts .home-intro-post-meta {
	padding-left:55px;
}

.home-intro-post-meta {
	margin:10px 0 0 40px;
	padding:0;
	font-size:14px;
	line-height:1.286em;
	font-weight: bold;
	color:#BDBDBD;
}

.home-posts p {
	margin:10px 0 0 40px;
	font-size:16px;
	line-height:1.5em
}

.home-popular-posts .home-intro-post-title:before {
	display:none;
}

.home-popular-posts .home-intro-post-meta {
	margin:10px 0 0 0px;
	padding:0;
	font-size:14px;
}

.the_container_posts {
	margin:0 auto;
	width:100%;
	max-width:1200px;
	padding:0 2rem;
	box-sizing: border-box;
}

.title-section {
	font-size:22px;
	font-weight: bold;
	padding-bottom:5px;
	margin-bottom:15px;
	border-bottom:2px solid #F3B434;
	letter-spacing: -0.47px;
	text-transform: uppercase;
	color:#212121;
}

.header-tab {
	list-style:none;
	padding:0;
	display:flex;
	margin-bottom:25px;
}

.header-tab li {
	font-size:14px;
	font-weight:700;
	margin-right:20px;
}

.home-category-posts {
	display:flex;
	flex-wrap: wrap;
}

.home-category-post img {
	width:100%;
	height:auto;
}

.ftd-img-card {
	height:184px;
	overflow:hidden;
	display:block;
	margin-bottom:18px;
}

.home-category-post {
	width:22.75%;
	margin-right:3%;
}

.home-category-post:nth-child(4n) {
	margin-right:0;
}
.home-category-post h3 {
	font-size:18px;
	line-height:1.22em;
	font-weight:bold;
	margin-bottom:8px;
	color: #424242;
}

.home-category-post .home-intro-post-meta {
	margin:16px 0;
	font-size:12px;
	line-height:1.5em;
	color:#757575;
	font-weight: 500;
}
.home-category-post p {
	font-size:14px;
	line-height:1.714em;
	color:#424242;
}

/*Links and Hover links*/
.home-category-post {
	text-decoration: none;
}

.title-section a{
	color:#212121;
	text-decoration:none;
}

.header-tab li a {
	color:#424242;
}


.home-category-post:hover h3 ,
.header-tab li:hover a,
.title-section a:hover,
.home-posts:hover h3,
.item-day-content a:hover strong{
	color: #F3B434;
}

/*News ads places*/

.wide-ad {
	width:100%;
	max-width:722px;
	margin:30px auto;
	font-size:12px;
}

.column-ad {
	width:100%;
	margin:46px auto 70px auto;
	max-width:1200px;
	padding:0 2rem;
	display:flex;	
	flex-wrap:wrap;
	justify-content:center;
}

.ad-title {
	width:100%;
	margin-bottom:25px;
	font-size: 12px;
	color:#424242;
	text-align: center;
}

.wide-banner {
	height:90px;
	width:100%;
	max-width:720px;	
	margin-top:10px;
}

/*Effects Tab*/
.tab-header-item {
	cursor:pointer;
	transition:color ease-in .3s;
	text-transform:capitalize;
}
.tab-header-item.active,
.tab-header-item:hover{
	color:#EA9036;
	transition:color ease-in .3s;
}


/*Effects Tab*/
body {
	background:#ffffff;
}

.tab-header-item {
	cursor:pointer;
	transition:color ease-in .3s;
	text-transform:capitalize;
}
.tab-header-item.active,
.tab-header-item:hover{
	color:#EA9036;
	transition:color ease-in .3s;
}

.home-category-posts{
	opacity:0;
	visibility:hidden;
	transition:opacity ease-in .6s;
	height:0;
	transform: translate3d(-50px,0,0);
}

.home-category-posts.active {
	opacity:1;
	visibility:visible;
	transition:opacity ease-in .3s;
	height:auto;
	transform: translate3d(0px,0,0);
}

/*Popular Posts*/

.ranking-title {
	display:flex;
}

.number-post {
	font-size:18px;
	font-weight:bold;
	width:32px;
	height:32px;
	min-width:32px;
	color:#212121;
	border:3px solid #F3B434;;
	border-radius:50%;
	display:flex;
	line-height:1;
	justify-content:center;
	align-items:center;
	background-color:#F3B434;
	margin-right:17px
}
.home-popular-posts .home-intro-post-meta {
	padding-left:55px;
}

/*Bottom Container*/
.bottom-container {
	display:flex;
	flex-wrap:wrap;
	margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  padding: 80px 2rem;
	box-sizing:border-box;
}

.bottom-widgets {
	width:30%;
	margin-right:5%;
	margin-bottom:60px;
}

.bottom-widgets.ghacks_this_day_bottom {
	width:100%;
	margin-right:0;
}

.bottom-widgets:nth-child(3n+1) {
	margin-right:0;
}

.ghacks_this_day_bottom > ul {
	display:flex;
	margin-top:20px;
}
.item-day {
	width:30%;
	margin-right:5%;
	margin-bottom:60px;
	display:flex;
	line-height:1;
}

.item-day a.item-day-image {
	width:100px;
	min-width:100px;
	height:auto;
	margin-right:16px;
}
.item-day-content a {
	text-decoration:none;
	color:#000000;
	line-height:1;
}
.item-day-content a strong {
	font-size:18px;
	margin-bottom:0px;
	display:block;
	line-height:1.25;
	color:#424242;
}

.item-day-content span {
	color:#666666;
	font-size:12px;
	line-height:1;
}


.title-section {
	margin-top:45px;
}

#the-day-in-history {
	background-color:rgba(220, 219, 218,.36);
}

.bottom-container {
	padding-top:20px;
	padding-bottom:20px;
}

.bottom-widgets {
    margin-bottom: 0px;
}

.large-container a,
.tab-header-item a{
	text-decoration:none!important;
}
.home-intro.home-popular-posts{
	color:#fafafa;
}

.item-day-content a:hover{
	color:#EA9036;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.header-tab::-webkit-scrollbar {
  display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.header-tab {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.home-category-posts{
	opacity:1;
	visibility:visible;
	transition:opacity ease-in .6s;
	height:auto;
	transform: translate3d(0px,0,0);
}

.ghacks-flex .home-category-post {
	margin-bottom:60px;
}

.intro-all-posts #breadcrumbs {
	font-size:16px;
	color:#000000;
	margin-bottom:20px;
	margin-top:35px;
}

.intro-all-posts h1 {
	font-size:32px;
	margin: 0 0 45px 0;
}

.col-banner {
	width:100%;
	min-height:200px;
	margin-top:5px;
	padding: 16px 24px;
	border-top: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
}

.banner-mobile {
	display:none;
}

.ftd-title {
	margin-left:40px;
}

.ftd-title-post {
    margin-left: 0;
}
  
.box-banner.banner-feed {
  background:transparent;
  border:none;
  min-height:1px;
}
  
.search-box-btn .open-custom-search {
	display: block!important;
  	margin-top: -10px;
}
  
.wide-banner,
.col-banner{
	background-color: transparent!important;
}
  
.ad-title {
	margin-bottom: 10px;
	display: block;
}
  
  .wide-banner,
  .wide-banner,
  .wide-ad{
	  max-width:970px;
	  text-align: center;
  }

  .wide-banner iframe,
  .wide-banner iframe,
  .wide-ad iframe{
	margin-left:auto;
	margin-right:auto;
  }
  
  #the-day-in-history {
	  background-color:rgba(220, 219, 218,.36);
  }
  
  .bottom-container {
	  padding-top:20px;
	  padding-bottom:20px;
  }
  
  .bottom-widgets {
	  margin-bottom: 0px;
  }
  
  .large-container a,
  .home-category-post a,
  .tab-header-item a{
	  text-decoration:none!important;
  }
  /*.home-category-post a,
  .home-intro.home-popular-posts a,
  .tab-header-item a{
	  color:#000;
  }*/
  
  .tab-header-item a:hover{
	  color:#EA9036;
  }
  

  /* Hide scrollbar for Chrome, Safari and Opera */
  .header-tab::-webkit-scrollbar {
	display: none;
  }
  /* Hide scrollbar for IE, Edge and Firefox */
  .header-tab {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
  }
  
  .home-category-posts{
	  opacity:1;
	  visibility:visible;
	  transition:opacity ease-in .6s;
	  height:auto;
	  transform: translate3d(0px,0,0);
  }
  
 
  .home-category-posts {
	  flex-wrap:wrap;
  }
  
  .ghacks-flex .home-category-post {
	  margin-bottom:60px;
  }
  
  .intro-all-posts #breadcrumbs {
	  font-size:16px;
	  color:#000000;
	  margin-bottom:20px;
	  margin-top:35px;
  }
  
  .intro-all-posts h1 {
	  font-size:32px;
	  margin: 0 0 45px 0;
  }
 
  
  .col-banner {
	  width:100%;
	  min-height:200px;
	  border-top: 1px solid #BDBDBD;
  }
  
  .banner-mobile {
	  display:none;
  }
 
  
  .ftd-title {
	  margin-left:40px;
  }
  
  .ftd-item {
	  position:relative;
  }
  
  .ftd-item::after {
	  background-color:#757575;
	  height: 100%;
	  width: calc(100% + 65vh);
	  content: '';
	  display: block;
	  position: absolute;
	  top: 0;
	  left: calc(-65vh + 32px);
		  z-index:0;
  }
  
  .ftd-item .ftd-title,
  .ftd-item .home-intro-post-title,
  .ftd-item .home-intro-post-meta,
  .ftd-item p{
	  position:relative;
	  z-index:2;
  }

  .ftd-item .ftd-title {
  	font-size:12px;
  }
  
  .home-posts:first-child {
	  padding-top:30px;
  }
  
  .home-intro-hold-posts {
	  padding:0px 0px 30px 0;
  }
  
  .ftd-item {
	  padding:30px 0;
  }
  
  .ftd-title {
	  margin-left:40px;
  }
  
  
  .bottom-widgets:nth-child(3n+1) {
	  margin-right: 5%;
  }
  
  .bottom-widgets:nth-child(3n) {
	  margin-right:0;
  }

  
 
  /*AMP Fixes*/
  .dont-break-out p,
  .comment-item__content{
	overflow-wrap: break-word;
	word-wrap: break-word;    
  }
  /*amp*/
  #amp-menu,
  #mobile-nav-trigger{display:none;}
  
  #mobile-nav-trigger {
	  position:absolute;
	  right:20px;
  }
  
  #mobile-nav-trigger.close span:nth-child(2) {
	  display:none;
  }

  #mobile-nav-trigger.close span:nth-child(1) {
	  transform:rotate(45deg);
  }
  
  #mobile-nav-trigger.close span:nth-child(3) {
	  transform:rotate(-45deg);
	  margin-top:3px;
  }
  
  html[amp] #amp-menu {
	  flex-direction:column;
	  background-color:#F7F7F7;
	  position:fixed;
	  width:calc(100% - 100px);
	  height:100%;
	  top:0;
	  z-index:999;
	  box-sizing:border-box;
  }
  
  html[amp] #amp-menu.show {
	display:flex;
  }
  
  html[amp] #amp-menu .menu-item-has-children .sub-menu {
	  display:none;
  }
  
  .amp-menu-box-logo {
	  margin-top:50px;
	  padding:30px 30px 10px 30px;
	  background-color:#ffffff;
  }
  .amp-menu-box-logo img {
	  width:100%;
	  max-width:150px;
  }
  
  #amp-menu #menu-header-menu {
	  background-color:red;
  }
  
  #amp-menu #menu-header-menu a {
	  background-color:#fafafa;
	  display:block;
	  padding-left:30px;
	  text-decoration:none;
	  line-height: 40px;
	  border-bottom: 1px solid #e7e7e7;
	  color: #5c5b5b;
	  background-color: #fafafa;
	  height: 35px;
	  font-size:13px;
  }
  
  
  .search-box-btn .open-custom-search {
	  display:block!important;
	  margin-top:-10px;
  }
  
  .top-search-box.show{
	  width: 100%;
	  opacity: 1;
	  visibility: visible;
	  position: absolute;
	  transition: all ease .4s;
	  z-index: 1;
  }
  
  .top-search-box {
	  width: 100%;
	  opacity: 0;
	  visibility: hidden;
	  position: absolute;
	  z-index: -3;
	  margin-top: -60px;
	  transition: all 0.4s ease 0s;
			   top:0px;
		  max-width:1200px;
		  padding:0 2remm;
		  left:0;
		  right:0;
		  margin:0 auto;
  }
  .top-search-box {
	  display:block!important;
  }

/*Category Page*/
.parent-category-content .intro-articles-section:before{
	display: none;
}

.parent-category-content .top-search-box.show {
    /*margin-top: 115.20px;*/
	margin-top:185.2px
}

.parent-category-content .intro-articles-section{
	margin-top: 0px;
}

.intro-archive {
	background-color: #212121;
	color:#fafafa;
	border-bottom: 2px solid #F3B434;
	padding: 30px 0;
	margin-top:-30px;
}

.box-breadcrumb #breadcrumbs{
	 font-size:12px;
	color:#BDBDBD;
}
.box-breadcrumb #breadcrumbs a{
	color:#BDBDBD;
}

.box-breadcrumb a {
	color:#fafafa;
	text-decoration: none;
}
.box-breadcrumb #breadcrumbs a:hover,
.box-breadcrumb a:hover{
	color:#F3B434;
}

.box-breadcrumb div,
.box-breadcrumb p:not(#breadcrumbs){
	margin-left:2.5%;
	margin-right:2.5%;
}
.box-breadcrumb p:not(#breadcrumbs) {
	margin-bottom: 15px;
	font-size: 16px;
	color: #fafafa;
}

.box-breadcrumb .blank {
	display: none;
}

.box-breadcrumb div {
	display: flex;
	align-items: center;
	margin-top:30px;
	margin-bottom: 16px;
}

.box-breadcrumb h1 {
	font-size: 26px;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0;
	color: #F3B434;
	line-height: 26px;
	letter-spacing: -0.56px;	
}

.box-breadcrumb  img {
	max-height: 26px;
	width: auto;
	height: auto;
	filter: brightness(0) invert(1);
	margin-right: 15px;
}

.cat-intro .title-section {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: none;
	margin-top: 0;
	line-height: 1.25;
}

.cat-intro {
	border-bottom:2px solid #F3B434;
	padding-bottom: 5px;
  margin-bottom: 15px;
	display: flex;
	align-items: flex-end;
	margin-top:45px;
	justify-content: space-between;
	text-decoration:none;
	color:#212121;
}

.cat-intro a,
.container-categories a{
	text-decoration: none;
	color:#424242;
	font-weight: bold;
}

.cat-intro > a {
	white-space: nowrap;
	font-size:14px;
}

.cat-intro a:hover,
.container-categories a:hover,
.cat-intro:hover,
.cat-intro:hover .title-section{
	color: #F3B434;
}
.container-categories {
	display: flex;
	margin-bottom: 20px;
	flex-wrap: wrap;
	margin-top:25px;
	justify-content: center;
}
.container-categories a {
	font-size:26px;
	text-transform: uppercase;
	margin-right: 25px;
	margin-left: 25px;
	margin-bottom: 20px;
	display:inline-flex;
	align-items:center;
}

.tax-img {
	height:20px;
	width:auto;
	margin-right:10px;
}


/* End Category Page*/

@media screen and (max-width:1024px) {

	.parent-category-content .top-search-box.show {
		margin-top: 71.20px;
	}

	.home-intro-post-title:before {
		margin-top: 0px;
		top: 5px;
	}

	.home-posts:first-child .home-intro-post-title:before{
		top:35px;
	}
	
	.intro-articles-section:before {
		display:none;
	}
	
	.large-container {
		flex-direction:column;
	}

	.home-intro.home-latest-artitles {
		width:100%;
		position:relative;
	}
	
	.home-latest-artitles:before {
		background-color:#000000;
		height:2px;
		width:100%;
		position:absolute;
		top:66px;
		content:'';
		left:0;
	}

	.home-intro.home-popular-posts {
		width:100%;
		position:relative;
	}
	
	.home-popular-posts:before {
		background-color:#000000;
		height:2px;
		width:100%;
		position:absolute;
		top:65px;
		content:'';
		left:0;
	}
	
	.home-intro-hold-posts {
			padding: 0rem 0rem 4rem 0rem;
	}
	
	.wide-ad,
	.column-ad{
		padding:0 2rem;
		display:none;
	}
	
	.home-category-post{
		width:47%;
		margin-bottom:40px;
	}

	.home-category-post:nth-child(2n) {
		margin-right: 0;
	}

	.bottom-container {
		padding: 0px 2rem;
		margin-bottom:0;
	}

	.ghacks_this_day_bottom > ul {
		display: flex;
		flex-direction:column;
		margin-bottom:0;
	}
	
	.bottom-widgets {
		width:100%;
		margin-bottom:0;
	}
	
	.item-day {
    width: 100%;
		margin-right:0;
	}
	
	.header-tab {
		width:auto;
		overflow-x:auto;
	}
	.tab-header-item {
		white-space: nowrap;
	}
	
	.ftd-img-card {
		height: 106px;
	}
	.home-category-post h4 {
    font-size: 16px;
	}	
	
	.home-category-post .home-intro-post-meta {
		font-size:10px;
		margin-bottom:6px;
		margin-top:6px;
	}
	
	.top-search-box {
		display:none;
	}

	#mobile-nav-trigger {
		display:block
	}
	
	.top-search-box.show {
		margin-bottom: 0px;
		margin-top: 0px;
		width: 100%;
		opacity: 1;
		visibility: visible;
		position: absolute;
		transition: all ease .4s;
	}
	
}


@media screen and (max-width: 767px) {
	.col-banner, .wide-banner{
		display: none;
	}

	.home-category-post p {
		font-size: 11px;
	}
	
	.wide-ad-bottom .wide-banner{
		display:block;		
	}

	.banner-mobile {
		display:block;
		min-height:200px;
		min-width:250px;
	}
	.wide-ad, .column-ad {
    padding: 0 2rem;
    display: block;
	}

	.wide-ad, .column-ad {
		margin: 25px auto!important;
	}
	.title-section {
	margin-top:25px!important;
	}
	
	.wide-ad, .column-ad {
		padding: 0 10px;
		display: block;
	}
	
	#snhb-snhb_ghacks_bottom-0,
	#ghacks_ad_code-2,
	#ghacks_ad_code-3,
	#ghacks_ad_code-4,
	#ghacks_ad_code-5{
		display:none;
	}
	
	.banner-mobile.after-pagination {
		min-height:50px;	
	}

	.col-banner, .wide-banner{
		display: none;
	}
		
	.wide-ad-bottom .wide-banner{
		display:block;
	}
	
	.banner-mobile {
		display:block;
		min-height:200px;
		min-width:250px;
		text-align: center;
	}
	
	.wide-ad, .column-ad {
		padding: 0 10px;
		display: block;
	}

	.ghacks-content .post-list.mt--60 {
		margin-top:0px!important
	}

	.container-categories {
		flex-direction: column;
		align-items: flex-start;
	}
	
	.container-categories a{
		margin-left: 0;
		margin-right: 0;
	}
}


  @media screen and (max-width:480px) {
	.home-category-post,
	.home-category-post:nth-child(2n),
	.home-category-post:nth-child(4n){
		width:100%;
		margin-right: 0%;
		margin-bottom:40px;
	}
}

.color--white a {
	color:#fafafa;
}