@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap');


.trivia-solar-2020-gracias {
    background: url(../images/bk-triviasolar-login.jpg) 0 0 no-repeat;
    min-height: 600px;
	background-size: 100%;
}

.trivia-solar-2020-gracias-caja{
	background-color: #f4e4c0;
    margin-top: 7vw;
    padding: 30px 2vw;
}

.trivia-solar-2020-caja {
	background-color: #f3e4c0;
	margin-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 10px;
}

.trivia-solar-2020-label-input{
	padding-bottom:5px;
	padding-top:5px;
}


.trivia-solar-2020-caja h1, .trivia-solar-2020-gracias h1 {
    color: #61a08f ;
    font-family: 'Nunito', sans-serif ;
    font-weight: 400 ;
    font-size: 1.25em ;
    margin: 0 ;
    line-height: 1.3em ;
    padding: 0 ;
    text-transform: uppercase;
}


.trivia-solar-2020-caja h3, .trivia-solar-2020-header-trivia-caja h3, .trivia-solar-2020-gracias h3 {
    color: #c8664b;
    font-family: 'Nunito', sans-serif ;
    font-size: 1em ;
    margin: 0 ;
    padding: 0 ;
    text-transform: uppercase;
}

.trivia-solar-2020-caja input[type="text"], .trivia-solar-2020-caja input[type="password"] {
    background: #fff;
    border: none;
    width: 97%;
    height: 35px;
    font-family: 'Raleway', sans-serif;
    font-size: 1.1em;
    padding-left: 3%;
}


.trivia-solar-2020-subbajada, .trivia-solar-2020-subbajada a, .trivia-solar-2020-subbajada a:hover, .trivia-solar-2020-subbajada a:visited, .trivia-solar-2020-subbajada a:active {
    color: #4f7ebe;
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    font-size: 0.9em;
    margin-right: 20px;
}

.trivia-solar-2020-bases, .trivia-solar-2020-bases a, .trivia-solar-2020-bases a:hover, .trivia-solar-2020-bases a:visited, .trivia-solar-2020-bases a:active {
    font-size: 0.85em;
    text-decoration: none;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    padding-bottom: 20px;
}

.trivia-solar-2020-bases {
    position: absolute;
    bottom: 3%;
}


 /*   ESTILOS PREGUNTAS TRIVIA   */
 

 
.containerSemanaLactanciaTrivia .btn-default {
    color: #000;
    background: url(../images/radio.png) 0 0 no-repeat;
    background-color: rgb(255,255,255,0);
    border: 0;
    font: 400 1.1em/1.1em 'Nunito',serif;
    float: left !important;
    text-align: left !important;
    width: 100%;
    padding: 7px 45px;
}


.form-root .form-horizontal .field-container .radio.radio-as-buttons label input[type=radio]:checked+span.btn {
    color: #61a08e;
    background-color: rgb(255,255,255,0);
    background: url(../images/radio-selected.png) 0 0 no-repeat;
}

.form-root .form-horizontal .field-container .radio.radio-as-buttons label.radio-boxes-labels {
    padding-left: 20px;
}

.preg_inner .pregunta {
    font: 700 1em Raleway, sans-serif;
    background-color: #5881bd;
    color: #fff;
    padding: 5px 15px;
    width: fit-content;
	margin-bottom: 10px;
}

#dnn1795Pregunta1, #dnn1795Pregunta2, #dnn1795Pregunta3, #dnn1795Pregunta4, #dnn1795Pregunta5 {
	background-color:#fff;
	padding: 0px 20px 20px;
	margin-top: 20px;
}

.field-container {
	/*background-color:#fff;
	padding: 20px;*/
}

.containerSemanaLactanciaTrivia .respuesta {
    font: 600 1em/1.3em 'Raleway',serif !important;
    color: #4c4c4c;
	
}

.containerSemanaLactanciaTrivia .trivia-label {
    font: 700 1em/1.4em 'Raleway',serif !important;
    color: #5881bd !important;
    text-align: left !important;
    background: #fff;
    width: 100% !important;
    /*opacity: 0;*/
    float: left !important;
	padding: 0px 20px 20px 20px !important;
}


.containerSemanaLactanciaTrivia .btn-info {
    color: #fff;
    background-color: #c8664b !important;
    border-color: transparent;
    font: 700 1em/1em 'Raleway',serif !important;
    text-transform: uppercase;
    border-radius: 0px;
    padding: 1% 3%;
}


.containerSemanaLactanciaTrivia {
	background: url(/Portals/0/campaign/202011_Solar/images/bk-triviasolar-preguntas.png) 0 0 repeat;
	float: left;
	width: 100%;
	min-height: 550px;
}​​​​


.caja-respuesta-bad, .caja-respuesta-ok {
    font-size: 1.2em;
    padding-top: 20px;
}

.control-label.af-slide.trivia-label {
    margin-top: 20px;
	padding: 20px !important;
}


 /*   FIN ESTILOS PREGUNTAS TRIVIA  */

 
  /*   ESTILOS GRACIAS    */
  
.trivia-solar-2020-gracias {
    background: url(/Portals/0/campaign/202011_Solar/images/bk-triviasolar-login.jpg) center top no-repeat;
    min-height: 550px;
    background-size: 100%;
}
 
.gracias-titulo {
    text-transform: uppercase;
    color: #fff;
    background-color: #5881bd;
    padding: 8px 15px;
    font: 700 1.5em Raleway, sans-serif;
}
 
 .gracias-caja-titulo {
    margin-top: 10px;
    margin-bottom: 30px;
}

.gracias-caja-bajada {
    text-transform: uppercase;
    color: #5881bd;
    padding: 8px 15px;
    font: 700 1.1em Raleway, sans-serif;
}

.gracias-caja-invitar {
    text-transform: uppercase;
    color: #c65e72;
    padding: 8px 15px;
    font: 700 1em Raleway, sans-serif;
}

 .gracias-caja-share img {
    width: 100%;
}
 
.trivia-solar-2020-landing {
	background: url(/Portals/0/campaign/202011_Solar/images/bk-triviasolar-login.jpg) top center no-repeat;
	background-size: 100%;
	min-height: 497px;
}
 

@media (max-width: 800px) {

	.trivia-solar-2020-gracias {
    background: url(/Portals/0/campaign/202011_Solar/images/bk-triviasolar-login.jpg) center top no-repeat;
    min-height: 600px;
    background-size: auto;
}

	.trivia-solar-2020-landing {
		background: url(../images/bk-triviasolar-login.jpg) 0 0 repeat;
		background-size: 100%;
		padding-top: 5%;
		padding-bottom: 15%;
		min-height: auto;
	}

	.trivia-solar-2020-bases, .trivia-solar-2020-bases a, .trivia-solar-2020-bases a:hover, .trivia-solar-2020-bases a:visited, .trivia-solar-2020-bases a:active {
		font-size: 0.85em;
		text-decoration: none;
		font-family: 'Raleway', sans-serif;
		text-align: center;
		padding-bottom: 20px;
	}
}