/*
CSS: Common.css 
Author: Haiko
Description: common rules for all themes
Version: 1.0
License: GNU General Public License v2.0
*/


/***************************/
/** Helpers                **/
/***************************/


:root {
    --nirestream_color: #FDD116;
}

.ml-1{
	margin-left: 6px;
}


/***************************/
/** Language Selector    **/
/***************************/

.language-selector{
	text-align: right;
	top: 70%;
	position: relative;
	text-transform: uppercase;
	font-size: 1.3em;
	right: 15px;
}

.language-selector a{
	color:#222;
	font-size: 18px;
}

.language-selector li{
	display: inline-block;
	margin:15px 8px;
}

.language-selector li.active a{	
	text-decoration:none;
	font-weight: 600;
}

.language-selector li a:hover{	
	text-decoration:none;
	border-bottom: 1px solid #222;
}


/***************************/
/** Test Visualización    **/
/***************************/


.checkwrapper{
	margin-bottom: 0px;
	padding-bottom: 0px;
	background-color: #fff !important;
}

.checkwrapper textarea,.checkwrapper textarea:focus{
	border: 1px solid #000;
}


.checkdesc{
	font-size: 1.25em;
	margin: 20px auto;
	text-align: justify;
}

.checkform .buttons button{
	padding: 10px 0;
	font-size: 1.45em;
	margin-bottom: 15px;
}

.checkform .send{
	font-size: 1.2em;	
	font-weight:600;
	margin-right: 0px;
	padding: 6px 36px;	
	background: #222;
	color: #fafafa;
}

.checkform .send:hover{	
	background: #FDD116;
	color: #000;
	transition: all 0.1s ease-out 0s;	
}

.onerror{
	font-size:1.1em;
	display:none;
}

.checkform .submitok{
	background: #94C11E;
}

.checkform .submitok:hover{
	background: #222;
	transition: all 0.1s ease-out 0s;	
}  

.checkform .bttn-error:hover{
	background: #222;
	transition: all 0.1s ease-out 0s;	
} 

/***********************************/

#prefooter{
	height:100px;
}

/***************************/
/** Live Player Auxiliar  **/
/***************************/

.liveplayerauxwrapper{
	font-size: 13px;
	text-align: right;
	padding-bottom:7px;
}

.liveplayerauxwrapper a{	
	background: #333333;
	color:#f5f5f5;
	padding: 6px 24px;
}

.liveplayerauxwrapper a:hover{
	text-decoration: none;
	background: var(--nirestream_color);
	color:#222;
	transition: all 0.3s ease-out 0s;	
	
}

.liveplayerauxwrapper i{
	padding: 0;
	font-size: 18px;
}

/***************************/
/** Multilives            **/
/***************************/
.multilives{
	border: 0px solid #000000;
	box-sizing: border-box;
	border-radius: 0px;
	padding: 24px;
	background: #eee;
}

.titulo-caja-btn {
	font-weight: 600;
	font-size: 18px !important;
	line-height: 29px;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 16px;
}

.titulo-caja-btn i {
	color: var(--nirestream_color);
	padding: 0;
}


.multilives a.boton {
	display: block;
	background: #F5F5F5;
	border: 1px solid #aaa;
	box-shadow: 1px 1px 0px #777;
	border-radius: 0px;
	text-align: left;
	padding: 16px;
	color: #444;
	text-decoration: none;
	margin-top: 16px;
	transition: all .3s ease-in;
}

.multilives a.boton:hover, a.boton:focus {
	background: #FACF15;
}

.multilives .icono-btn {
	width: 32px;
	height: 32px;
}

.multilives a.boton p {
	font-weight: 600;
	font-size: 14px;
	line-height: 19px;
}

.multilives p.titulo-btn {
	font-weight: 600 !important;
	font-size: 15px;
	line-height: 19px;
	/*text-transform: uppercase;*/
	color: #636363;
}

.multilives p.titulo-btn i {
	padding: 0;
}

/***************************/
/** Questions             **/
/***************************/
.caja-quest {
	border: 0px dashed #777777;
	box-sizing: border-box;
	border-radius: 0px;
	padding: 24px;
	margin-bottom: 20px;
	background: #eee;
}

.caja-quest textarea {
    border: 1px #aaa solid;
    width: 100%;
    padding: 16px;
    background-color: #ffffff;
    font-size: 15px;
    margin-bottom: 0px;
}

/*** Trick to remove 'required border' when asign val('') ***/
:not(output):-moz-ui-invalid:not(:focus) {
  box-shadow: none;
}

:not(output):-moz-ui-invalid:-moz-focusring:not(:focus) {
  box-shadow: none;
}
/*** end trick ***/


.caja-quest input {
	border: 1px #aaa solid;
    width: 100%;
    padding: 16px;
    background-color: #ffffff;
    font-size: 15px;
    margin-bottom: 10px;
}


.caja-quest input[type="submit"] {
	font-weight: 600 !important;
	font-size: 16px;
	line-height: 19px;
	text-transform: none;
	background-color: #000000;
	color: #ffffff;
	padding: 8px;
	border: 0px;
	box-shadow: 2px 2px 0px #7e7e7e;
	border-radius: 0px;
	transition: all .3s ease-in;
}

.caja-quest input[type="submit"]:hover{
	background: #FACF15;
	color: #000000;
}


/**************************************/
/** Mobile-Tablet :: Dropdown Menú   **/
/**************************************/


.mainmenu-dropdown .dropdown-main-menu{
	background: #000 !important;
}

.mainmenu-dropdown .dropdown-main-menu > li > a{
	color: #FDD116 !important;
}


/**************************************************/
/*** SPECIFIC STYLES FOR SMALL SCREENS (MOBILE) ***/
/**************************************************/
@media screen and (max-width: 990px) {
	div.container {
    	width: 100% !important;
	}
    .welcome{
    	padding: 30px;
		font-size:2.2em;
		font-weight:bold;
	}
	
	.columns2>div{
		display:block;
		width:100%;
		vertical-align:top;
		margin: 20px auto;
	}
	
	#accessbox{
		width:80% !important;
	}
	
}


@media screen and (max-width:680px) {
	.description_long {
		margin: 2% 10% 2% 10%;
	}
	
	#countdown{
		margin-top: 20px;
		
	}
	
	/*
	.cntDigit {
		background-size:100% !important;
		height: 45px !important;
		width: 34px !important;	
	}	
	
	.cntSeparator{                      
		margin-top: 4%; 
    }
    */
	
	.call2act{
		padding: 12px;
	}
	
	img {
		max-width: 100% !important;		
	}
	
	.youtube_player{
		min-height: 360px;
		
	}
	
	#accessbox{
		width:100% !important;;
	}
	
}

.card-errors{
	color: red;
	float: right;
	font-weight: 600;
}
.payment-success{
	color: green;
	font-weight: 600;
	font-size: 1.5em;
}