/* Custom Style - Add !important at the end of each class */

/* .logo img {height:auto !important;} */

body {
  font-family: Lato, sans-serif !important;
}


header {
  height: 84px !important;
}

.nlbonus, nav ul li::before {
	display: none !important;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.latestUpdateBinfo p {display: none !important;}

/* DEMO SPECIFIC - DELETE FOR TONY */
.wide_midpage_banner {display: none !important;}



nav ul li {
  font-size: 20px !important;
  font-weight: 500 !important;
}



.latestUpdateBinfo .videoInfo {display: none !important;}


/* Video Length Thumb Overlay */


	.videoOverlay {
		position: absolute !important;
		list-style: none !important;
		right: 0px;
		bottom: 0px;
		z-index: 999;
		width: 80%;
		height:50px;
	background: #000000;
	background: linear-gradient(270deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
		color: #fff;
		padding: 6px 10px;
		border-radius: 0px;
		display: block;
		align-items: center;
		align-content: center;
		text-align: right;
		opacity: 0;
		visibility: hidden;
	}
	
	.videoPic .videoOverlay {
		opacity: 1;
		visibility: visible;
		pointer-events: none; /* keep non-interactive */
	}
	
	.videoOverlay li {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.videoOverlay li i {
margin-right:6px;
color: #fecc22;
}

.videoOverlay .fa-video {margin-left:15px;}

.videoOverlay .text_med {color:#FFF !important;}









/* Grid Cols */
@media (min-width: 1600px) {
  .iLatestUArea, .photosArea, .subVideoArea {
	grid-template-columns: repeat(4, 1fr) !important;
  }
}


@media (max-width: 1199px) {
  .iLatestUArea, .photosArea, .subVideoArea {
	grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 768px) {
  .iLatestUArea, .photosArea, .subVideoArea {
	grid-template-columns: 1fr !important;
  }
}


.latest_updates_custom {
  padding-bottom: 0px !important;
}

.most_viewed_custom, .channel_updates_custom {
  padding-top: 0px !important;
  padding-bottom: 60px;
}

/* Color Changes */

footer .bg_dark {background: #000 !important;}

.header_promo_banner, .sfooter, .buttons_light {
background: #F2C419 !important;
background: linear-gradient(0deg,rgba(242, 196, 25, 1) 0%, rgba(255, 246, 0, 1) 100%) !important;
}

.getAccess .buttons_light:hover {background: #FFF !important;}

.buttons_light {
background: #F2C419 !important;
background: linear-gradient(0deg,rgba(242, 196, 25, 1) 0%, rgba(255, 246, 0, 1) 100%) !important;border:0px !important;
color:#000 !important;
}

.buttons_light:hover {background: #fff501 !important;color:#000 !important;border:0px !important;}

.createAcc {border:0px !important;background: #FFF !important;color:#000 !important;}
.createAcc:hover {border:0px !important;background: #F2C419 !important;color:#000 !important;}

/* Custom Text Sections */

.index_midpage_1,.index_midpage_2, .member_benefits  {width: 100%;text-align: center;line-height: 1.8;margin-bottom: 60px;align-content: center;align-items: center;text-transform: uppercase !important;}
.index_midpage_1 h1,.index_midpage_2 h1, .member_benefits h1 {font-size: 3rem;}
.index_midpage_1 h2,.index_midpage_2 h2 {font-size: 1.5rem;}
.fa-circle {
	font-size: 8px;      /* optional, circles usually look better smaller */
	vertical-align: middle;
	position: relative;
	top: -1px;           /* tweak: -1px to -3px until visually centered */
	margin: 0 12px;
} 

@media (max-width: 1199px) {
.index_midpage_1 h1,.index_midpage_2 h1 {font-size: 2rem;}
.index_midpage_1 h2,.index_midpage_2 h2 {font-size: 1rem;}	
}

@media (max-width: 768px) {
.index_midpage_1 h1,.index_midpage_2 h1 {font-size: 1.6rem;}
.index_midpage_1 h2,.index_midpage_2 h2  {font-size: .9rem;}		
}


.footer_join .getAccess {padding-top: 20px !important;}

/* FOOTER BENEFITS */

.member_benefits h1 {color: #F2C419;}

.member_benefits {padding-top:30px;margin-bottom: 20px !important;}

.footer_benefits {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1px;
	background: #5e5e5e;
	border: 1px solid #5e5e5e;
	margin:30px;
	border-radius: 4px;
}

.footer_benefits > * {
	background: #000;
	padding: 20px;
	text-align: center;
	box-sizing: border-box;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: left !important;
	gap: 10px;
}

.benefit_inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.footer_benefits i {
	font-size: 38px;
	flex-shrink: 0;
	margin: 10px;
	color: #797979;
	margin-left:0px;
}

.footer_benefits .benefit_text {
	flex: unset;
	text-align: left;	
}

.footer_benefits h3 {text-transform: uppercase;font-weight: 600;margin: 0px;}

.subtext {
	display: block;
	margin-top: 6px; 
	font-size: 14px;
	font-weight: normal !important;text-transform: none !important;
}

/* Break to 3 columns (2 rows of 3) */
@media (max-width: 1600px) {
	.footer_benefits {
		grid-template-columns: repeat(4, 1fr);
		grid-auto-flow: row;
	}
	
@media (max-width: 1400px) {
	.footer_benefits {
		grid-template-columns: repeat(4, 1fr);
		grid-auto-flow: row;
	}
	
	.subtext {
		font-size: 13px;	
	}
}



@media (max-width: 1500px) {
  .modelsArea, .iModels {
	grid-template-columns: repeat(6, 1fr) !important;
  }
}


@media (max-width: 1280px) {
	
	.footer_benefits {margin: 20px;}
	
	.footer_benefits i {
	font-size: 28px;

}
	
	.benefit_inner h3 {font-size: 12px;}
	
	.member_benefits h1 {
	  font-size: 2.5rem;
	}
	
  .modelsArea, .iModels {
	grid-template-columns: repeat(3, 1fr) !important;
  }
  
  
  
  .footer_benefits > * {
	background: #000;
	padding: 20px;
}

.benefit_inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.benefit_inner h3 {font-size: 12px;}

.subtext {
	font-size: 12px;	
}

}


@media (max-width: 1023px) {
	
	.member_benefits h1 {
	  font-size: 2rem;
	}
}



@media (max-width: 767px) {

.index_midpage_2 h2 {
	font-size: .7rem;
  }
  
  

  .modelsArea, .iModels {
	grid-template-columns: repeat(2, 1fr) !important;
  }

.footer_benefits {margin: 12px;}

.footer_benefits {
	  grid-template-columns: repeat(2, 1fr);
	  grid-auto-flow: row;
  }

	.member_benefits h1 {
	  font-size: 1.3rem;
	}
	

	
	.footer_benefits i {
	display: none;
	
	}
}