/* Top 10 Trends 2019 lander is broken into 3 big sections */ 

#top10trends2019head { 

} 

#top10trends2019trunk { 

} 

#top10trends2019foot { 

} 

#top10trends2019head .banner { 

} 

#top10trends2019head .grid { 
	padding: 2%; 
} 

#top10trends2019head .grid .grid-item { 
	float: left; 
	min-height: 235px; 
	min-width: 129px; 
	margin: 1% 1% auto; 
	width: 18%; 
} 

#top10trends2019head .grid .grid-head { 
	height: 40px;
	margin-bottom: 5px; 
	width: 100%;
} 

#title-box.top-10-trends-21 { 
	/* box-shadow: 0px 5px 12px 0px rgba(0,0,0,0.28);
	-webkit-box-shadow: 0px 5px 12px 0px rgba(0,0,0,0.28); */ 
} 

#top10trends2019head .grid .grid-head span, 
#title-box.top-10-trends-21 center span span.n { 
	border-radius: 20px; 
	color: white; 
	display: block; 
	font-weight: bold; 
	height: 40px; 
	line-height: 40px; 
	text-align: center; 
	width: 40px; 
} 

#title-box.top-10-trends-21 center span span.n { 
	border-radius: 0; 
	margin-bottom: 20px;
	margin-top: -40px;
} 

.top10trends2021head .grid .grid-head span { 
	background-color: #7e7e7e !important; 
	/* border-radius: 0 !important; */ 
} 

#top10trends2019head .grid .grid-head span.n { 
	font-family: KenyanCoffeeLt-Regular;
	font-size: 20px;
} 

.top10trends2021head .grid .grid-head span.n { 
	font-family: futura-pt-condensed, sans-serif !important; 
	font-style: normal !important; 
	font-weight: 700 !important; 
} 

#title-box.top-10-trends-21 span.n1 > .n, 
#title-box.top-10-trends-21 span.n2 > .n,  
#title-box.top-10-trends-21 span.n3 > .n,  
#title-box.top-10-trends-21 span.n4 > .n,  
#title-box.top-10-trends-21 span.n5 > .n,  
#title-box.top-10-trends-21 span.n6 > .n,  
#title-box.top-10-trends-21 span.n7 > .n,  
#title-box.top-10-trends-21 span.n8 > .n,  
#title-box.top-10-trends-21 span.n9 > .n,  
#title-box.top-10-trends-21 span.n10 > .n { 
	background-color: #7e7e7e !important; 
} 

#top10trends2019head .grid .grid-head span.n1 { 
	background-color: #f58220 !important; 
} 

#top10trends2019head .grid .grid-head span.n2 { 
	background-color: #f99f1c !important; 
} 

#top10trends2019head .grid .grid-head span.n3 { 
	background-color: #914996 !important; 
} 

#top10trends2019head .grid .grid-head span.n4 { 
	background-color: #7ac143 !important; 
} 

#top10trends2019head .grid .grid-head span.n5 { 
	background-color: #f7921e !important; 
} 

#top10trends2019head .grid .grid-head span.n6, 
#title-box.top-10-trends-21 span.n6 > .n { 
	background-color: #fcaf17 !important; 
} 

#top10trends2019head .grid .grid-head span.n7 { 
	background-color: #d2232a !important; 
} 

#top10trends2019head .grid .grid-head span.n8 { 
	background-color: #53a24c !important; 
} 

#top10trends2019head .grid .grid-head span.n9 { 
	background-color: #53a24c !important; 
} 

#top10trends2019head .grid .grid-head span.n10 { 
	background-color: #a9cf38 !important; 
} 

#top10trends2019head .grid .grid-trunk { 
	margin-bottom: 5px; 
	max-height: 132px; 
} 

#top10trends2019head .grid .grid-title { 
	min-height: 40px; 
} 

#top10trends2019head .grid .grid-title>h3 { 
/* 
	font-family: ConduitITCPro-Bold; 
	font-weight: 500;
	font-size: 18px; 
	text-align: center;
	text-transform: uppercase;
 */
} 

.top10trends2021head .grid .grid-title > h3 { 
/* 
	font-family: futura-pt-condensed, sans-serif !important; 
	font-style: normal !important; 
	font-weight: 700 !important; 
 */
	font-family: "Juana W05 Light", sans-serif !important; 
	font-size: 18px;
	line-height: 18px;
	margin-top: 8px !important;
	text-align: center;
} 

#top10trends2019trunk .download-watch-previous-panel-button { 
	border: 2px solid #818181; 
	color: #818181; 
	float: left;
	margin-right: 1%;
	width: 49%;
} 

#top10trends2019trunk .download-watch-previous-panel-button p { 
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
} 

#top10trends2019trunk .download-watch-previous-panel-button a { 
	color: #818181 !important; 
	font-family: ConduitITCPro-Bold; 
	text-decoration: none; 
	text-transform: uppercase; 
} 

#top10trends2019trunk .download-watch-previous-panel-button:hover { 
	background-color: #818181; 
} 

#top10trends2019trunk .download-watch-previous-panel-button:hover a { 
	color: #FFFFFF !important; 
	text-decoration: none; 
} 

#top10trends2019trunk .grid .grid-head>h2 { 
/* 
	font-family: ConduitITCPro-Bold; 
	font-size: 24px;
	font-weight: 300;
	padding-top: 10px;
	text-align: center;
	text-transform: uppercase;
 */
	font-family: "Juana W05 Light", sans-serif !important; 
	font-size: 32px;
	line-height: 32px;
	margin-bottom: 16px !important;
	text-align: center;
}

#top10trends2019trunk .grid .grid-head span { 
	border-radius: 25px; 
	color: white; 
	display: block; 
	font-weight: bold; 
	height: 50px; 
	line-height: 50px; 
	text-align: center; 
	width: 50px; 
} 

.top10trends2021trunk .grid .grid-head span {  
	background-color: #7e7e7e !important; 
	/* border-radius: 0 !important; */ 
}  

#top10trends2019trunk .grid .grid-head span.n { 
	font-family: KenyanCoffeeLt-Regular;
	font-size: 24px;
} 

.top10trends2021trunk .grid .grid-head span.n { 
	font-family: futura-pt-condensed, sans-serif !important; 
	font-style: normal !important; 
	font-weight: 700 !important; 
} 

#top10trends2019trunk .grid .grid-head span.n1 { 
	background-color: #f58220; 
} 

#top10trends2019trunk .grid .grid-head span.n2 { 
	background-color: #f99f1c; 
} 

#top10trends2019trunk .grid .grid-head span.n3 { 
	background-color: #914996; 
} 

#top10trends2019trunk .grid .grid-head span.n4 { 
	background-color: #7ac143; 
} 

#top10trends2019trunk .grid .grid-head span.n5 { 
	background-color: #f7921e; 
} 

#top10trends2019trunk .grid .grid-head span.n6 { 
	background-color: #fcaf17; 
} 

#top10trends2019trunk .grid .grid-head span.n7 { 
	background-color: #d2232a; 
} 

#top10trends2019trunk .grid .grid-head span.n8 { 
	background-color: #53a24c; 
} 

#top10trends2019trunk .grid .grid-head span.n9 { 
	background-color: #53a24c; 
} 

#top10trends2019trunk .grid .grid-head span.n10 { 
	background-color: #a9cf38; 
} 

#top10trends2019trunk .grid .left .grid-trunk { 
	margin-bottom: 5px; 
	max-height: 356px; 
} 

#top10trends2019trunk .grid .right .grid-trunk { 
	margin-bottom: 0 !important; 
	/* max-height: 195px; */ 
	min-height: 145px; 
} 

#top10trends2019trunk .grid .right .grid-title { 
/* 
	height: 35px; 
	line-height: 35px;
	max-height: 35px; 
 */
} 

#top10trends2019trunk .grid { 
	min-height: 50px; 
	padding: 0 0 1% 0;
} 

#top10trends2019trunk .grid h3 { 
	font-family: ConduitITCPro-Bold; 
	font-size: 18px;  
	text-transform: uppercase;
} 

.top10trends2021trunk .grid h3, 
.top10trends2021trunk .grid h3 > a.glow { 
	font-family: "Juana W05 Light", sans-serif !important; 
	font-style: normal !important; 
	/* font-weight: 700 !important; */ 
	text-transform: none !important;
} 

.top10trends2021head .grid-item a:hover img, 
.top10trends2021 .glow:hover img { 
	opacity: 0.86; 
} 

#top10trends2019trunk .grid .grid-caption { 
	color: rgba(0, 0, 0, 0.75) !important;
	font-weight: normal; 
} 

.top10trends2021trunk .grid .grid-caption { 
/* 
	font-family: futura-pt, sans-serif !important;
	font-weight: 400 !important;
	font-style: normal !important;
 */
	color: rgba(0, 0, 0, 0.76) !important;
	font-family: 'Avenir LT W01_35 Light1475496', sans-serif !important;
	font-size: 13px !important;
	font-weight: normal !important;
	line-height: 16px !important;
	padding-top: 6px; 
} 

.t10t2019bg { 
	/* background: url(/wp-content/uploads/2018/12/x.png) center center; */ 
} 

.t10t2019bg.nada { 
	background-color: rgba(128,128,128,12.8%); 
} 

#top10trends2019 { 

} 

.left.twothirds { 
	margin-right: 2% !important;
	width: 62% !important;
} 

.right.onethird { 
	margin-right: 2% !important;
	width: 34% !important;
} 

.right.onethird .grid-item { 
	margin-bottom: 10px !important;
}

#top10trends2019trunk .et_pb_column_2 .et_pb_code_1, 
#top10trends2019trunk .et_pb_column_2 .et_pb_code_2, 
#top10trends2019trunk .et_pb_column_2 .et_pb_code_3 { 
	margin-bottom: 15px !important; 
} 

@media screen and (min-width: 1px) and (max-width: 980px) { 

	body.page-id-18811 #main-content, 
	body.page-id-18606 #main-content { 
		padding-top: 0 !important; 
	} 

	#top10trends2019trunk .et_pb_column_3_8 { 
		width: 50%; 
	} 

} 

@media screen and (min-width: 653px) and (max-width: 920px) { 

	body.page-id-18811 #main-content, 
	body.page-id-18606 #main-content { 
		padding-top: 0 !important; 
	} 
	
	body.page-id-18811 .et_pb_row_0, 
	body.page-id-18606 .et_pb_row_0 { 
		background-color: #f0f0f0 !important; 
		padding-top: 0 !important; 
	} 
	
	body.page-id-18811 .et_pb_row_0 .et_pb_image, 
	body.page-id-18606 .et_pb_row_0 .et_pb_image { 
		max-height: 122px !important; 
		min-height: auto !important; 
	} 

	#top10trends2019head .et_pb_code_0 { 
		min-height: 960px; 
	} 
	
	#top10trends2019trunk .grid .right .grid-trunk { 
		max-height: 100% !important; 
	} 

	.top10trends2019.grid .left.twothirds, .left.twothirds { 

	} 

	.top10trends2019.grid .left.twothirds .et_pb_text.et_pb_module { 

	} 

	.top10trends2019.grid .right.onethird, .right.onethird  { 

	} 

	.top10trends2019.grid .right.onethird .et_pb_text.et_pb_module { 

	} 

}

@media screen and (min-width: 479px) and (max-width: 652px) { 

	body.page-id-18811 #main-content, 
	body.page-id-18606 #main-content { 
		padding-top: 0 !important; 
	} 
	
	body.page-id-18811 .et_pb_row_0, 
	body.page-id-18606 .et_pb_row_0 { 
		background-color: #f0f0f0 !important; 
		padding-top: 0 !important; 
	} 
	
	body.page-id-18811 .et_pb_row_0 .et_pb_image, 
	body.page-id-18606 .et_pb_row_0 .et_pb_image { 
		max-height: 94px !important; 
		min-height: auto !important; 
	} 

	#top10trends2019head .et_pb_code_0 { 
		min-height: 900px; 
	} 

	#top10trends2019trunk .et_pb_column_3_8 { 
		margin-bottom: 1%; 
		width: 100%; 
	} 
	
	#top10trends2019trunk .grid .right .grid-trunk { 
		max-height: 100% !important; 
	} 

	.top10trends2019.grid .left.twothirds, .left.twothirds { 
		min-width: 98% !important; 
		width: 98% !important; 
	} 

	.top10trends2019.grid .left.twothirds .et_pb_text.et_pb_module { 
		margin-bottom: 2%; 
	} 
	
	.top10trends2019.grid .left.twothirds .et_pb_text.et_pb_module .grid-caption { 
		line-height: 1em; 
	} 

	.top10trends2019.grid .right.onethird, .right.onethird  { 
		min-width: 98% !important; 
		width: 98% !important; 
	} 

	.top10trends2019.grid .right.onethird .et_pb_text.et_pb_module { 
		float: left; 
		margin-bottom: 2%; 
		margin-right: 2%; 
		min-width: 48% !important; 
		width: 48% !important; 
	} 

}

@media screen and (min-width: 1px) and (max-width: 478px) { 

	body.page-id-18811 #main-content, 
	body.page-id-18606 #main-content { 
		padding-top: 0 !important; 
	} 
	
	body.page-id-18811 .et_pb_row_0, 
	body.page-id-18606 .et_pb_row_0 { 
		background-color: #f0f0f0 !important; 
		padding-top: 0 !important; 
	} 
	
	body.page-id-18811 .et_pb_row_0 .et_pb_image, 
	body.page-id-18606 .et_pb_row_0 .et_pb_image { 
		max-height: 78px !important; 
		min-height: auto !important; 
	} 

	#top10trends2019head .et_pb_code_0 { 
		min-height: 1120px; 
	} 

	#top10trends2019trunk .et_pb_column_3_8 { 
		margin-bottom: 1%; 
		width: 100%; 
	} 
	
	#top10trends2019trunk .grid .right .grid-trunk { 
		max-height: 100% !important; 
	} 

	.top10trends2019.grid .left.twothirds, .left.twothirds { 
		min-width: 98% !important; 
		width: 98% !important; 
	} 

	.top10trends2019.grid .left.twothirds .et_pb_text.et_pb_module { 
		margin-bottom: 4%; 
	} 
	
	.top10trends2019.grid .left.twothirds .et_pb_text.et_pb_module .grid-caption { 
		line-height: 1em; 
	} 

	.top10trends2019.grid .right.onethird, .right.onethird  { 
		min-width: 98% !important; 
		width: 98% !important; 
	} 

	.top10trends2019.grid .right.onethird .et_pb_text.et_pb_module { 
		margin-bottom: 4%; 
	} 

}

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

	#top10trends2019head .grid .grid-title > h3 { 
		font-size: 17px; 
		padding-top: 6px !important; 
	} 

} 

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

	.et_pb_row_0 .et_pb_module.et-waypoint.et_pb_image  { 
		min-height: 134px; 
	} 

	#top10trends2019head .et_pb_code_0 { 
		padding-left: 12.5%; 
		padding-right: 12.5%; 
		padding-top: 2%; 		
	} 

} 

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

	#top10trends2019head .et_pb_code_0 { 
		padding-left: 17.5%; 
		padding-right: 17.5%; 
		padding-top: 2%; 		
	} 

} 

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

	#top10trends2019head .et_pb_code_0 { 
		padding-left: 15%; 
		padding-right: 15%; 
		padding-top: 2%; 		
	} 

} 

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

	#top10trends2019head .et_pb_code_0 { 
		padding-left: 13.5%; 
		padding-right: 12.5%; 
		padding-top: 2%; 		
	} 

} 

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

	#top10trends2019head .et_pb_code_0 { 
		padding-left: 12.5%; 
		padding-right: 12.5%; 
		padding-top: 2%; 		
	} 

} 

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

	#top10trends2019head .et_pb_code_0 { 
		padding-left: 11.5%; 
		padding-right: 11.5%; 
		padding-top: 2%; 		
	} 

} 

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

	#top10trends2019head .et_pb_code_0 { 
		padding-left: 10%; 
		padding-right: 10%; 
		padding-top: 2%; 		
	} 

} 

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

	#top10trends2019head .et_pb_code_0 { 
		padding-left: 7.5%; 
		padding-right: 7.5%; 
		padding-top: 2%; 		
	} 

} 

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

	#top10trends2019head .et_pb_code_0 { 
		padding-left: 5%; 
		padding-right: 5%; 
		padding-top: 2%; 		
	} 

} 