/* CSS File for Roku Landing Site for retailers 2023 by CJ @JVLat.com */

#roku-new {
	/* Default font */
	font-family: 'Montserrat', sans-serif;
	font-size: 12pt;
	color: #000;
	font-weight: 300;
}

#roku-new table, #roku-new th, #roku-new tr, #roku-new td {
	border: 0;
}

#roku-new td {
	vertical-align: middle;
	padding: 15px;
}

#roku-new img {
	max-width: 100%;
	height: auto;
	display: inline-block;
}

#roku-new small {
	font-style: italic;
	padding-left: 15px;
	font-size: 9pt;
}



/* Headers */

#roku-new h1 {
	font-size: 25pt;
	font-weight: 800;
}

#roku-new h2 {
	font-size: 25pt;
	font-weight: 700;
}

#roku-new h3 {
	font-size: 18pt;
	font-weight: 500;
}



/* SECTION */

#roku-new section, #roku-new footer {
	padding: 60px 20px;
}



/* CLASS - Other font colors */

#roku-new .purpleText {
	color: #5C2D8C;
}

#roku-new .whiteText {
	color: #FFF;
}




/* CLASS Align */

#roku-new .alignLeft {
	text-align: left;
}

#roku-new .alignCenter {
	text-align: center;
}

#roku-new .alignRight {
	text-align: right;
}






/* HEADER */

#roku-new #roku-header #roku-upper-bar {
	background-color: #662B91;
	padding: 30px 20px 15px;

	-webkit-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.4);
	   -moz-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.4);
	   		box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.4);
}

#roku-new #roku-header #roku-main-banner {
	min-height: 500px;
	padding-bottom: 50px;

	background: url(https://minisitios.ripley.cl/minisitios/estatico/roku/assets10/images/header-bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
       -moz-background-size: cover;
  			background-size: cover;
}

#roku-new #roku-header #roku-main-banner .container .row div {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

#roku-new #roku-header #roku-main-banner .container .row div h1 {
	margin-bottom: 30px;
}

#roku-new #roku-header #roku-main-banner .container .row div:nth-child(1) {
	padding-top: 120px;
	font-size: 14pt;
}

#roku-new #roku-header #roku-main-banner .container .row div:nth-child(2) {
	padding-top: 50px;
}






/* SKU COMPARISON */

#roku-new #comparativa-skus h1 {
	margin-bottom: 40px;
}

#roku-new #comparativa-skus table .comp-title {
	vertical-align: bottom;
}

#roku-new #comparativa-skus table td {
	border-right: 2px solid #d5d5d5;
	border-bottom: 2px solid #d5d5d5;
	border-left: 2px solid #d5d5d5;
	text-align: center;
}

#roku-new #comparativa-skus table td .svg-checkmark {
	width: 35%;
	margin: -12%;
}

#roku-new #comparativa-skus table th {
	border-bottom: 2px solid #d5d5d5;
	background-color: #f0f1f1;
	padding: 15px;
}

#roku-new #comparativa-skus table .comp-box, #roku-new #comparativa-skus table .comp-box-th {
	border: 0;
}

#roku-new #comparativa-skus table .comp-title-th, #roku-new #comparativa-skus table .comp-box-th {
	background-color: transparent;
}










/* streaming-simplificado */

#roku-new #streaming-simplificado, #roku-new #hogar-inteligente {
	background-color: #e9e9e9;
}

#roku-new #streaming-simplificado .row:nth-child(1) {
	margin-bottom: 40px;
}

#roku-new #streaming-simplificado table td {
	font-size: 10pt;
	line-height: 12pt;
}





/* Reproduce lo que te encanta */

#roku-new #reproduce .channel-img {
	margin-top: 40px;
	margin-bottom: 60px;
}

#roku-new #reproduce .channel-img img {
	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
	   -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
	   		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
	
	margin: 0.5%;
	width: 16%;
}

#roku-new #reproduce .channel-slogan {
	padding: 10px 10%;

	background: rgb(241,141,30);
	background: -moz-linear-gradient(90deg, rgba(241,141,30,0) 0%, rgba(241,141,30,1) 25%, rgba(241,141,30,1) 75%, rgba(241,141,30,0) 100%);
	background: -webkit-linear-gradient(90deg, rgba(241,141,30,0) 0%, rgba(241,141,30,1) 25%, rgba(241,141,30,1) 75%, rgba(241,141,30,0) 100%);
	background: linear-gradient(90deg, rgba(241,141,30,0) 0%, rgba(241,141,30,1) 25%, rgba(241,141,30,1) 75%, rgba(241,141,30,0) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f18d1e",endColorstr="#f18d1e",GradientType=1); 
}





/* CONTENT COLLAGE */

#roku-new #content-collage {
	background-color: #1F184D;
}

#roku-new #content-collage .cc-img img {
	margin: 0.5%;
	width: 16%;
}




/* SMARTHOME */

#roku-new #hogar-inteligente .smarthome-img {
	margin: 40px;
}

#roku-new #hogar-inteligente .smarthome-img img {
	margin: 20px;
}

#roku-new #hogar-inteligente p {
	margin: 0;
}




/* ROKU APP */

#roku-new #roku-app ul {
	padding-left: 3rem;
}

#roku-new #roku-app table {
	margin-left: -15px;
}




/* FOOTER */

#roku-new footer {
	font-size: 9pt;
}



/* --- MEDIA QUERIES BREAK POINTS --- */

@media (max-width: 1200px) {
	
}

@media (max-width: 992px) {
	#roku-new #reproduce .channel-img img, #roku-new #content-collage .cc-img img {
		width: 23%;
	}

	#roku-new #roku-app .app-img {
	padding-top: 40px;
}
}

@media (max-width: 768px) {
	#roku-new td {
		padding: 0;
	}

	#roku-new #comparativa-skus {
		font-size: 8pt;
	}

	#roku-new #reproduce .channel-img img, #roku-new #content-collage .cc-img img {
		width: 32%;
	}

	#roku-new #reproduce .channel-slogan h1 {
		font-size: 18pt;
	}
}